@charset "utf-8";

/*
=====================================================================

	home.css（在宅ケア　専用）

===================================================================== */
/*下層ページのナビゲーション*/
.nav_box{
  width: 100%;
  height: auto;
  background-color: #FFF;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  margin: 0em auto 0;
  padding: 0;
  border-radius: 0;
}

.home_nav_inner {
    width: 1000px;
    background-color: #FFF;
    display: flex;
    margin: 2em auto;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.nav_box_inner{
  display: flex;
  padding: 1% 3%;
  max-width: 1000px;
  margin: 0 auto;
  }

.current a{
  color: #9D6AAA !important;
}

.current{
  background-color: #F9EDFB;
}


.mainv_home {
    position: relative;
    width: 100%;
    height: 150px;
    background-image: url(../img/mainv_home.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-top: 120px;
}

.mainv_home h2 {
  font-weight: 700;
  font-size: 2em;
  max-width: 1000px;
  line-height: 150px;
  margin: 0 auto;
  text-shadow: #FFF 1px 1px 1px;
}

/*メインコンテンツ*/

/*エリアの表示非表示と形状*/
.area {
  display: none;/*はじめは非表示*/
  opacity: 0;/*透過0*/
  background: #fff;
  padding:3% 5%;
  border-radius: 5px;
}

/*areaにis-activeというクラスがついた時の形状*/
.area.is-active {
    display: block;/*表示*/
    animation-name: displayAnime;/*ふわっと表示させるためのアニメーション*/
    animation-duration: 2s;
    animation-fill-mode: forwards;
    border-radius: 5px 5px 5px 5px;
}

@keyframes displayAnime{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

#mainArea{
  background:linear-gradient(#FAF5FB, #F5EFF3);
  width: 100%;
  height: auto;
  padding-top: 1em;
  padding-bottom: 3em;
}

.keniki{
  width: 70%;
  height: auto;
  margin: 1em auto;
  display: block;
}


/*下層ページ　在宅トップ*/

.home_nav{
  width: 100%;
}

.home_nav_inner{
  width: 1000px;
  background-color: #FFF;  
  display: flex;
  margin: 2em auto;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  font-weight: bold;
}


.home_nav_inner li{
    width: 20%;
    text-align: center;
    border-right: dotted 1px #CCC;
	font-size: 90%;
}

.home_nav_inner li a{
  display: block;
  padding: 1.3em 0.5em;
  font-size: 0.9em
}

.home_nav_inner li a:hover{
    color: #9D6AAA;
}


.home_nav_inner li:last-child{
    border-right: none;
}

.home_link{
   display: block;
   padding: 1em;
}


.home_nav_inner2{
  width: 100%;
  background-color: #FFF;  
  display: flex;
  margin: 0.5em auto;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  font-weight: bold;
}

.home_nav_inner2 li {
    width: 20%;
    text-align: center;
    border-right: dotted 1px #CCC;
}

.home_nav_inner2 li a{
  display: block;
  padding: 1.3em 0.5em;
  font-size: 0.9em
}

.home_nav_inner2 li:last-child{
    border-right: none;
}

.home_nav_inner2 li a:hover{
    color: #9D6AAA;
}

.mainArea_inner h3{
  color: #9D6AAA;
  font-size: 1.5em;
  padding-bottom: 0.5em;
  font-family: 'Kiwi Maru', serif;
  border-bottom: solid 1px #9D6AAA;
  margin-bottom: 1em;
}

.o_box1{
  width: 100%;
  margin-bottom: 2em;
}

.o_box1_inner{
  display: flex;
  justify-content: space-between;
  align-items: flex-start; 
  padding-bottom: 1em;
  flex-wrap:wrap
}

.o_box1_left{
  width: 50%;
  display: block;
}

.o_box1_left img{
  width: 100%;
  display: block;
  align-items: flex-start; 
}

.o_box1_right{
  width: 45%;
  align-items: flex-start; 
}

.o_box1_right p,.o_box1_inner2 p{
  margin-bottom: 1.5em;
  line-height: 2;
}

.personalinfo{
  text-decoration: underline;
}

.profile{
  font-size: 0.8em;
}

.o_box1 h4 {
  font-size: 1.2em;
  padding: 0.5em;
  margin-bottom: 10px;
  margin-top: 2em;
  border-left: solid 5px #66ABAB;
  border-bottom: solid 1px #66ABAB;
  color: #66ABAB;
}

.o_box1 h5{
  margin-bottom: 5px;
  font-size: 1.2em;
  background:linear-gradient(transparent 60%, #F9EDFB 60%);
  display: inline;
  margin-top: 1em;
}

.o_box1 .zaitaku_ttl2{
  margin-top: 0 !important;
}

.o_box1 h6 {
  font-size: 1em;
  background-color: #66ABAB;
  padding: 3px 20px;
  border-radius: 5px;
  margin-bottom: 10px;
  margin-top: 5px;
  color: #FFF;
  display: inline-block;
}

.o_box1_inner2{
  margin: 2em auto;
}

.link{
  text-decoration: underline;
}

.sign{
  margin: 2em auto;
  font-weight: bold;
  color: #9D6AAA;
}

.copy_homecare{
  width: 50%;
  margin: 1em;
}

ul.home_ul li {
    background-image: url(../img/arrow_purple.svg);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 1.5em;
}

ul.home_ul2 li {
    background-image: url(../img/arrow_green.svg);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 1.5em;
}

.tbl01 th {
    width: 25%;
}

.graf{
  display: block;
  width: 50%;
}

.zaitaku_img{
  width: 100%;
  height: auto;
}

/*地域包括あんしんすこやかセンター*/

.o_box1_left2{
  width: 70%;
  display: block;
}

.o_box1_right2{
  width: 23%;
  display: block;
}

.o_box1_left3{
  width: 60%;
  display: block;
  margin-bottom: 1em;
}

.o_box1_right3{
  width: 35%;
  display: block;
}

.o_box1_right2 img,.o_box1_right3 img{
  width: 100%;
  display: block;
}

.pdf_link {
    background-color: #BB9DC3;
    padding: 1em;
    border-radius: 5px;
    margin-bottom: 10px;
    color: #FFF;
    display: inline-block;
    margin-top: 1em;
}



.shien_center_box {
    border-radius: 5px;
    background-color: #FAF5FB;
    padding: 1em;
    margin: 1em 0;
}

.shien_text{
  margin-top: 1em;
  margin-bottom: 0.5em;
}

.tbl01{
  margin: 10px auto;
}


.ob{
  width: 30%;
  margin-bottom: 2em;
}

.ob img{
  width: 100%;
  margin-top: 3%;
  margin-bottom: 3%;
  display: block;
}

.copy{
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 1em;
}


/*QA*/
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
	color: #1b2538;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 2em 1em 2.5em;
	cursor: pointer;
	text-indent: 1em;
	border-radius: 0.5em;
	background: rgba(27,37,56,0.05);
}
.cp_qa .cp_actab label::before {
	font-size: 1.5em;
	margin-left: -2em;
	padding-right: 0.5em;
	content: 'Q';
}
.cp_qa .cp_actab label:hover {
	transition: all 0.3s;
	color: #00838f;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 2em;
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2.5em;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
	border-radius: 0 0 0.5em 0.5em;
}
.cp_qa .cp_actab .cp_actab-content::before {
	font-size: 1.5em;
	position: absolute;
	margin: 0.4em 0 0 -1em;
	padding: 0;
	content: 'A';
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em 1em 1em 0;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 300em;
	border: 10px solid rgba(27,37,56,0.1);
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
	color: #00838f;
	border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.QA_img1{
  width: 30%;
  margin-bottom: 0.5em;
}

.QA_img2{
  width: 50%;
  height: auto;
  margin-right: 3%;
  margin-bottom: 2em;
}

.QA_2img{
  display: flex;
  width: 70%;
  align-items: flex-start;
}

.QA_ttl{
  font-size: 1.2em !important;
  background: #66ABAB !important;
  padding: 3px 20px;
  border-radius: 5px;
  margin-bottom: 10px;
  margin-top: 3em !important;
  color: #FFF;
  display: inline-block;

}

.QA_ttl2 {
  font-size: 1.2em !important;
  background:none !important;
  display: inline-block;
  margin-top: 1em;
  color: #66ABAB !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

.QA_text{
  margin-top: 0 !important;
}

/*在宅支援 居宅介護支援センター*/
.text_m1{
  margin-top: 1em;
}

.text_b1{
  margin-bottom: 1em;
}

/*エストみなとがわ訪問看護ステーション*/
.flow_img{
  width: 30%;
  height: auto;
  display: block;
}

.box01{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box01 p {
    margin: 0; 
    padding: 0;
	/* color: #9D6AAA; */
	font-weight: bold;
}
ul.est {
  /* border: solid 2px skyblue;
  border-radius: 5px; */
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}

ul.est li {
  line-height: 1.2;
  padding: 0.5em 0;
  list-style-type: none !important;
}



/*ご利用の流れ*/
.stepbar {
  margin: 0 auto;
  width: 80%;
}

.stepbar .stepbarwrap {
  margin: 2em 0;
  position: relative;
}

.stepbar .stepbarwrap .steptitle {
  display: inline-flex;
  align-items: center;
}

.stepbar .stepbarwrap .steptitle .stepcircle {
  display: inline-block;
  width: 3em;
  height: 3em;
  content: "";
  border-radius: 50%;
  background-color: #66ABAB;
  color: #FFF;
  text-align: center;
}

.stepbar .stepbarwrap .steptitle .stepcircle span {
  display: inline-block;
  line-height: 1.2em;
  font-size: 0.8em;
  font-weight: bold;
  position: relative;
  top: 0.9em;
}

.stepbar .stepbarwrap .steptitle .title {
  margin: 0.5em;
  font-weight: bold;
  font-size: 1.2em;
}

.stepbar .stepbarwrap .steptxt {
  padding-left: 3.5em;
}

.stepbar .stepbarwrap .steptxt .txt {
  font-size: 0.9em;
}

.stepbar .stepbarwrap .stepline {
  width: 1px;
  height: calc(100% + 1em);
  background-color: #66ABAB;
  position: absolute;
  top: 1em;
  left: 1.5em;
  z-index: -1;
}

.stepbarwrap:last-of-type .stepline:last-of-type {
  display: none;
}

.est_img{
  width: 60%;
  height: auto;
  display: block;
  margin-bottom: 5%;
  margin-top: 10px;
}

/*ドルフィン*/
.dolphin_img2{
  width: 60%;
  margin: 2em auto;
  display: block;
}

.dolphin_img1{
  margin-bottom:2em;
}

.d_1{
  width: 23%;
}

.d_1 img{
  width: 100%;
  display: block;
}

.btn{
  padding: 1em;
  margin-bottom: 1em;
  margin-top: 1em;
  background-color: #66ABAB;
  display: inline-block;
  color: #FFF;
  border-radius: 5px;
}

.btn2{
  padding: 1em;
  margin-bottom: 2em;
  margin-top: 1em;
  background-color: #9D6AAA;
  display: inline-block;
  color: #FFF;
  border-radius: 5px;
}

.h5_dolphin{
  margin-top: 4em !important;
}

/*みなとがわ訪問看護*/
.nursing_copy{
  width: 60%;
  height: auto;
}

.mt {
    margin-top: 1em !important;
    display: inline-block !important;
}

.homonkango_img{
  width: 20%;
  margin-bottom: 1em;
}
.qa_ul{
  margin-bottom: 1em;
  padding-bottom: 1em;
}

.qa_img{
  width: 15%
}

.qa_box{
  width: 95%;
}

.em{
  color: #9D6AAA;
  font-weight: bold;
}


/*****レスポンシブ対応**********/

@media screen and (max-width: 960px) {
.mainArea_inner {
    width: 90%;
}
  
.mainv_home h2 {
    margin: 0 2em;
}
  
.home_nav_inner {
    width: 90%;
}
}

@media screen and (max-width: 767px) {
.home_mv_inner {
    width: 180%;
    margin: 0 auto;
}
  
.home_nav_inner{
  width: 92%;
  display: block;
  margin:0 auto 1em;
}
  
 .home_nav_inner2{
  width: 92%;
  display: block;
  margin:1em auto 1em;
  padding-top: 1em;
}

.home_nav_inner li, .home_nav_inner2 li{
  width: 100%;
  border-bottom: 1px dotted #CCC;
}
  
.nav_box_inner {
    display: block;
}

.mainv_home {
  margin-top: 1em;
}
  
.home_nav {
    width: 98%;
    margin: 0 auto;
}
  
.mainv_home h2 {
    font-size: 1.4em;
    text-align: center;
}
  
.o_box1_inner {
    display: block;
}
  
.o_box1_left {
    width: 100%;
  }
  
.o_box1_left img {
  width: 80%;
  margin: 1em auto;
  }  
  
.o_box1_right {
  width: 100%;
  margin-top: 2em;
  margin-bottom: 2em;
}
  
.o_box1_left2{
  width: 100%;
}

.o_box1_right2{
  width: 80%;
  display: block;
  margin: 1em auto;
}
  
.o_box1_left3{
  width: 100%;
}

.o_box1_right3{
  width: 100%;
  margin-bottom: 1em;
  margin-top: 1em;
}

  
#mainArea{
  padding-top: 0;
}
  
.mainArea_inner{
  display: block;
  width: 90%;
  margin-top: 0;
  padding-top: 0em;
}
  
.o_box1 h5{
  display: inline;
  font-size: 1.3em;
}

.o_box1 {
    display: block;
}

.o_box1 h4 {
    font-size: 1.1em;
    background-image:none;
    border-left: 5px solid #66ABAB;
}
  
  .ob{
    width: 100%;
    margin-bottom: 2.5em;
  }
  
.copy_homecare {
  width: 100%;
  margin: 1em 0;
}

ul.home_ul,ul.home_ul2{
  margin-bottom: 1em;
}
  
  
ul.home_ul li,ul.home_ul2 li {
    background-position: left 8px;
}
  
.care_text{
  margin-bottom: 1em;
}
  
.QA_img1{
  width: 100%;
}

.QA_2img{
  width: 100%;
  display: block;
}

.QA_img2{
  width: 100%;
}

.stepbar {
  width: 90%;
}

.flow_img {
    width: 80%;
}
.est_img {
    width: 100%;
}
  
.dolphin_img2{
  width: 100%;
}

.nursing_copy {
    width: 100%;
}
  
.homonkango_img {
    width: 70%;
    margin-bottom: 1em;
}
  
.qa_img {
    width: 80%;
    margin-bottom: 1em;
}
  
.d_1 {
    width: 100%;
}

 .graf{
  width: 100%;
} 
  
}