@charset "UTF-8";


*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

html {
  line-height: 1;
  font-size: 62.5%;
}

body {
  background: #fff;
  color: #000;
  font-family: "游ゴシック", YuGothic,  Verdana, sans-serif;
  /*font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, Verdana, sans-serif;*/
  /*font-feature-settings: "palt";*/
  font-weight: 500;
  font-size: 18px;
  font-size: 1.8rem;
  word-break: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  text-size-adjust: none;
 
  -webkit-text-size-adjust: 100%; /*safari font 自動調整*/
  
  width: 100%;
  height: 100%;
  font-feature-settings: "palt";

}
@media screen and (max-width:768px){
    body {
      font-size: 2.86vw;
    }
}
/*両橋背景固定*/

.bg{
	margin-top: -1em;
	z-index: 100;
	height: 100%;
	}
.bg .bg1{
	position: fixed;
	left: 0;
}
.bg .bg2{
	position: fixed;
	right: 0;
	height: 100%;
}
.bg .bg2 img{
	height: 100%;
}
@media screen and (max-width:768px){
	.bg .bg1{
		position: fixed;
		left: -28vw;
		top:0;
		display: none;
	}
	.bg .bg2{
		position: fixed;
		right: -6vw;
		height: 80%;
		display: none;
	}
}

/*tel spのみリンク*/
@media screen and (min-width:767px){
	a[href^="tel:"] {
		pointer-events: none;
		cursor: default;
	}
}

/*----------------------------------------------------
  共通スタイル
--------------------------------------------------- */
 .wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 810px;
  position: relative;
}
.tc {
  text-align: center;
}
em {
  font-style: normal;
}
.p_ten{/*貂明朝*/
	font-family: "ten-mincho", serif;
	font-weight: 400;
	font-style: normal;
}
.color_g{
	color: #007e6a;
}

.pc {
  display: block;
}
.sp {
  display: none;
}
.br_sp{display: none;}
@media screen and (max-width: 768px) {
  .wrapper{
	  width: 80%;
	  margin:0 auto;
  }
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
  .br_sp{display: block;}
}

 /*-------------flex------------*/
.flex {
  display: flex;
}
.fx_between {
  justify-content: space-between;
}
.fx_center {
  justify-content: center;
}
@media screen and (max-width: 768px) {
	.flex {
		flex-direction: column;
		}
}
/*----------------------------------------------------
  画像切り替え
--------------------------------------------------- */
.img_pc{display: block;}
.img_sp{display: none;}
@media screen and (max-width: 768px) {
.img_pc{display: none;}
.img_sp{display: block;}
}
/*------------------------------
	#header
------------------------------*/
#header {
	width: 100%;
	text-align: center;
	margin-bottom: 3em;
}
#header img{
	width: 100%;
}
  @media screen and (max-width: 899px) {}

/*------------------------------
	#footer
------------------------------*/
footer {
	color: #fff;
	background-color: #007e6a;
	text-align: center;
	padding:2em 0;
	font-size: 0.6em;

}

@media screen and (max-width: 768px) {
  footer {
      padding: 1rem;
      font-size: 3vw;
  }
}
/*----------------------------------------------------
  youtube
--------------------------------------------------- */
.video {
}
.video iframe{
	width: 100%;
}
@media screen and (max-width: 768px) {
  .video{
   }
  .video iframe {
      width: 100%;
      height: 50vw;
  }
}
/*----------------------------------------------------
  CTA
--------------------------------------------------- */
.cta {
	background-color: #f2f9f8;
	padding:4em 0;
}
.cta .box_w{
	background-color: #fff;
	padding:3em 3em;
	box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.30);
	margin-bottom: 2em;
}
.cta h3{
	background-color: #007e6a;
	color: #fff;
	font-size: 1.4em;
	text-align: center;
	padding:1.2em 0;
	margin-bottom: 1em;
}
.cta .tel{
	text-align: center;
}
.cta .tel .p1{
	font-size: 20px;
	line-height: 1.4;
	font-weight: 600;
	margin-bottom: 1em;
}
.cta .tel a{
	text-decoration: none;
	color: #007e6a;
}
.cta .tel .p_tel{
	font-size: 70px;
	font-weight: 600;
	color: #007e6a;
	margin-bottom: 20px;
}
.cta .tel .p_tel span{
	margin-right: 10px;
}
.cta .tel .p2{
	line-height: 1.4;
}

.cta .form{}
.cta .form .form_box{
	width: 100;
}
.cta .form .form_box dl{
	display: flex;
	border-top: 1px dotted #a8a8a8;
	padding:1.6em 0;
}
.cta .form .form_box dl:last-child{
	border-bottom: 1px dotted #a8a8a8;
}
.cta .form .form_box dt{
	font-size: 20px;
	font-weight: 600;
	width: 40%;
}
.cta .form .form_box dd{}
.cta .form #submit{
	text-align: center;
}
.cta .form .submit{
	border:none;
	color: #fff;
	background-color: #fb830d;
	font-size: 24px;
	padding:20px 100px;
	border-radius: 60px;
	
}
.hiss{
	color: #fff;
	font-size: 14px;
	background-color: #fb830d;
	padding:6px 10px;
	margin-left: 10px;
}

@media screen and (max-width: 768px) {
	.cta h3{font-size: 6vw;}
	.cta .tel .p1{font-size: 3.4vw;}
	.cta .tel .p_tel{font-size: 8vw;}
	.cta .tel .p_tel span{display: none;}
	.cta .form .form_box dl{flex-direction: column;}
	.cta .form .form_box dt{
		width: 100%;
		font-size: 4vw;
		margin-bottom: 4vw;
	}
	.hiss{font-size: 2vw;}
	.cta .form .submit{
		font-size: 6vw;
		padding:5vw 20vw;
		}

}
/*----------------------------------------------------
 .line01　緑ライン
--------------------------------------------------- */
.line01{
	width: 100%;
	margin-bottom: 3em;
}
.line01 img{
	width: 100%;
}
.hr_g{
	border:none;
	border-bottom: 1px solid #007e6a;
}

/*----------------------------------------------------
 見出し
--------------------------------------------------- */
.h2_2{
	font-size: 40px;
	margin-bottom: 2em;
}
.h2line_g{
	font-size: 30px;
	border-bottom: 1px solid #007e6a;
	padding-bottom: 6px;
}


.flex_box1 .item2 h4,
.flex_box3 .item1 h4,
.flow h4,
.access h4,
.company h4{
	color: #007e6a;
	background-image: url("../img/h3_line.png");
	background-repeat: repeat-x;
	background-position: center center;
	margin-bottom: 0.7em;
}
.flex_box1 .item2 h4 p span,
.flex_box3 .item1 h4 p span,
.flow h4 p span,
.access h4 p span,
.company h4 p span{
	background-color: #fff;
	z-index: 10;
	padding-right: 10px;
}
.flex_box1 .item2 h4 p,
.flex_box3 .item1 h4 p,
.flow h4 p,
.access h4 p,
.company h4 p {
	font-size: 22px;
}
.flex_box3 .item1 h4{
	margin-bottom: 2em;
}
.flow h4,
.access h4,
.company h4{
	text-align: center;
	margin-bottom: 2em;
}

/*----------------------------------------------------
 .section01
--------------------------------------------------- */
.section01{
	margin-bottom: 4em;
}
.section01 h2{
	font-size: 40px;
	margin-bottom: 2em;
}
.section01 ul{
	align-items: center;
	margin-bottom: 3em;
}
.section01 ul li{
	font-size: 28px;
	margin-bottom: 1.2em;
	line-height: 1.4;
	
	list-style-type:none;
    background-image:url("../img/li_icom1.png");
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:50px;
}
.section01 .p1{
	font-size: 30px;
	margin-bottom: 1em;
}
.section01 .p2{
	font-size: 36px;
}
@media screen and (max-width: 768px) {
	.section01 h2{
	font-size: 6vw;
	margin-bottom: 2em;
	}
	.section01 ul li{
		font-size: 4.6vw;
	}
	.section01 .p1{
		font-size: 5vw;
	}
	.section01 .p2{
		font-size: 6vw;
	}
	
}

/*----------------------------------------------------
 .section_point
--------------------------------------------------- */
.section_point{
	margin-bottom: 5em;
}

.section_point .p22{
	font-size: 21px;
	margin-bottom: 2em;
	line-height: 1.7
}
@media screen and (max-width:768px){
	.section_point{margin-bottom: 20vw;}
	.section_point .p22{font-size: 5vw;}
}

.section_point h3 p{font-size: 76px;}
.section_point h3{
	position: relative;
	margin-bottom: 2em;
}
.section_point .h3_bg1{}
.section_point .h3_bg1 img{
	position: absolute;
	top:-100px;
	left:-60px;
}
.section_point .h3_bg2 img{
	position: absolute;
	top:-50px;
	left:-60px;
}
@media screen and (max-width:768px){
	.section_point h3 p{font-size:17vw;}
	.section_point h3{
		position: relative;
		margin-bottom: 2em;
	}
	.section_point .h3_bg1 img{
		position: absolute;
		top:-10vw;
		left:0;
		height: 120%;
	}
	.section_point .h3_bg2 img{
		position: absolute;
		top:-50px;
		left:-60px;
	}
}


.flex_box1{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 1em;
}
.flex_box1 .item1{
	margin-right: 1em;
}
.flex_box1 .item1 img{}
.flex_box1 .item2{}

.flex_box1 .item2 p{
	line-height: 1.4;
	font-size: 16px;
	line-height: 1.6;
}
.flex_box1 .item2 p.p_mgb{
	margin-bottom: 20px;
}
.flex_box1 .item2 small{
	font-size: 16px;
}
@media screen and (max-width:768px){
	.flex_box1{
		flex-direction: column;
		margin-bottom: 20vw;
	}
	.flex_box1 .item1{
		margin-bottom: 5vw;
	}
	.flex_box1 .item1 img{
		width: 100%;
		text-align: center;
		}
}

/*----------------------------------------------------
 .point2
--------------------------------------------------- */
.p24c{
	text-align: center;
	font-size: 24px;
}
.btn_gc{text-align: center;}
.btn_gc a{
	text-decoration: none;
	color: #fff;
	background-color: #007e6a;
	padding: 20px 60px;
	border-radius: 60px;
	}
.btn_gc a:hover{
	background-color: #fba630;
}
@media screen and (max-width:768px){
	.btn_gc a{
		font-size: 4vw;
	}

}
/*----------------------------------------------------
 .greeting
--------------------------------------------------- */
.greeting{}
.greeting h4{
	font-size: 38px;
}
.greeting h4 span{
	font-size: 120%;
	color: #007e6a;
}
.greeting p{
	font-size: 16px;
	line-height: 1.8;
}
.greeting .p2{
	font-weight: bold;
}
.greeting .p2 span{
	font-size: 120%;
}

@media screen and (max-width:768px){
	.greeting h4{font-size: 10vw;}


}
/*----------------------------------------------------
.moving
--------------------------------------------------- */
.moving{}
.flex_box3{
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.flex_box3 .item1,
.flex_box3 .item2{width: 48%;}
.moving .item1{}

.moving table{
	text-align: left;
}
.moving tbody{}
.moving tr:first-child{
	border-top: 1px dotted #007e6a;
}
.moving tr{
	border-bottom: 1px dotted #007e6a;
}
.moving th,
.moving td{
	padding:18px 0;
}
.moving th{}
.moving td{}

@media screen and (max-width:768px){
	.flex_box3{flex-direction: column;}
	.flex_box3 .item1,
	.flex_box3 .item2{width: 100%;}
	.flex_box3 .item2 img{width: 100%;}
	.moving table{margin-bottom: 10vw; font-size: 4vw;}

	}

/*----------------------------------------------------
.flow
--------------------------------------------------- */
.flow{}
.flow .flex_box4{
	display: flex;
	margin-bottom: 1em;
}
.flow .flex_box4 .item1{
	width: 230px;
	margin-right: 1em;
}
.flow .flex_box4 .item1 img{}
.flow .flex_box4 .item2{}
.flow .flex_box4 .item2 p{
	line-height: 1.7;
}

@media screen and (max-width:768px){
	.flow .flex_box4{flex-direction: column; margin-bottom: 5vw; font-size: 3.6vw;}
	
}
/*----------------------------------------------------
.access
--------------------------------------------------- */
.access{}
.access .flex-box{
	width: 560px;
	margin:0 auto;
	display: flex;
	padding-bottom: 2em;
}
.access .flex-box .item1{
	margin-right: 1em;
}
.access .flex-box .item2{}
.access .flex-box .item2 p{
	font-size: 18px;
	padding-top: 10px;
}
.access .map{
	text-align: center;
}
.access .map img{
	margin-bottom: 1em;
}
.access .map p{}
@media screen and (max-width:768px){
	.access .flex-box{
		width: 100%;
		flex-direction: column;
		}
	.access .flex-box .item2,
	.access .map,
	.access .map img{
		width: 100%;
	}

}

/*----------------------------------------------------
.company
--------------------------------------------------- */
.company{}
.company table{
	width: 440px;
	margin:0 auto;
	text-align: left;
}
.company table tbody{}
.company table tbody tr{
	border-top: 1px dotted #231815;
}
.company table tbody tr:last-child{
	border-bottom: 1px dotted #231815;
}
.company table tbody th{
	padding-right: 30px;
}
.company table tbody td{}
.company table tbody th,
.company table tbody td{
	padding:1.6em 0;
}
.company table tbody td.td_flex{
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width:768px){
	.company table{width: 100%;}
}
/*----------------------------------------------------
 対応できる医療処置
--------------------------------------------------- */
.taiou{}
.taiou h4{
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 1em;
}
.taiou h4 span{
	color: #007e6a;
	font-size: 22px;
}
.taiou .table_bg{
	background-color: #fff;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
	padding:1em;
}
.taiou table{
	text-align: center;
}
.taiou table{}
.taiou tbody{}
.taiou table tr{}
.taiou table th{
	background-color: #cde3df;
	vertical-align: middle;
	border: 1px solid #fff;
	padding:10px 10px;
	font-size: 14px;
	font-weight: 300;
	
}
.taiou table td{
	padding:10px;
}
@media screen and (max-width:768px){
	.taiou h4 span{
		display: block;
		margin-bottom: 1em;
	}
	.taiou .table_bg{
		width: 100%;
		overflow: scroll;
	}
	.taiou table{width: 300%;}
}

/*----------------------------------------------------
 介護度に応じた費用
--------------------------------------------------- */
.fee{}
.fee h4{
	margin-bottom: 2em;
	color: #007e6a;
    background-image: url(../img/h3_line.png);
    background-repeat: repeat-x;
    background-position: center center;
    margin-bottom: 0.7em;
    }
.fee h4 p{
	font-size: 22px;
}
.fee h4 p span{
	background-color: #fff;
    z-index: 10;
    padding-right: 10px;
}
.fee table{
	width: 100%;
	text-align: center;
}
.fee tbody{}
.fee tr{
	border:none;
	border-bottom:1px solid #b5b5b6;
}
.fee th{
	padding:10px 20px;
	}
.fee td{
	padding:10px 20px;
	vertical-align: middle;
}
.fee td p{
	border:1px solid #b5b5b6;
	background-color: #efefef;
	padding:4em 0;
}
@media screen and (max-width:768px){
	.fee .table_bg{
		width: 100%;
		overflow: scroll;
	}
	.fee table{width: 200%;}
}


/*----------------------------------------------------
 margin
--------------------------------------------------- */
.mgb1{margin-bottom: 1em;}
.mgb2{margin-bottom: 2em;}
.mgb3{margin-bottom: 3em;}
.mgb4{margin-bottom: 4em;}
.mgb5{margin-bottom: 5em;}
.mgb6{margin-bottom: 6em;}


/*----------------------------------------------------
 ブロック1 .block2
--------------------------------------------------- */
.block2{}
@media screen and (max-width: 768px) {
	
}






/*----------------------------------------------------
  文字詰めについて
  https://ics.media/entry/14087/
  
  font-feature-settings: "palt";
  
	Safari調整
_::-webkit-full-page-media, _:future, :root .class_name {
	}
--------------------------------------------------- */