@charset "utf-8";
/* CSS Document */
/*★★★★★★★★テンプレート[始]★★★★★★★★*/

/*===============================================
	reset
===============================================*/
*{margin:0; padding:0; color:#000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
} 
h1,h2,h3,h4,h5,h6,p,address,
ul,ol,li,dl,dt,dd,
table,caption,th,td,img,form{margin:0; padding:0; border:none; font-style:normal; font-weight:normal; font-size:100%; text-align:left;}
textarea{font-size:100%;}
img{vertical-align:bottom;}
li{list-style:none;}
/*===============================================
	a,text
===============================================*/
a:hover{text-decoration:underline;}
a{text-decoration:none; color:#1800ff;}
/*=============================================== 
	base
===============================================*/
html,body{height:100%;}
/*===============================================
	font
===============================================*/
body{font-family: 'Noto Sans JP', sans-serif;}
input,textarea,select{font-family: 'Noto Sans JP', sans-serif; font-size:12px;}
/* for IE6 */
* html body{font-family: 'Noto Sans JP', sans-serif;}
* html input, * html textarea{font-family: 'Noto Sans JP', sans-serif;}
h1,h2,h3,h4{
	font-family:"FOT-TsukuBRdGothic Std","Zen Maru Gothic","Hiragino Maru Gothic ProN","FOT-TsukuARdGothic Std", 'Noto Sans JP', sans-serif;
	font-weight: bold;
}
.mincho{font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;}
/*===============================================
	align
===============================================*/
.center{text-align:center !important; margin: 0 auto !important;}
.textleft{text-align:left !important;}
.textright{text-align:right !important;}

/*===============================================
	他span
===============================================*/
.underL{text-decoration:underline !important;}
.displayN{display:none !important;}
.bold{font-weight:bold !important;}

/*===============================================
	cFix
===============================================*/

/*cFix*/
.cFix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .cFix {height:1%;}
.cFix {display:block;}

/*===============================================
	共通部分
===============================================*/
#wrap{width: 100%;}
/* img mouse hover */
a:hover img {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
.sp{display:none;}
.pc{display: inline;}
p{line-height: 2rem;}
.mb20{margin-bottom: 20px !important;}
.mt80{margin-top: 80px !important;}
.under_red{text-decoration: underline; text-decoration-color: red; text-decoration-style: double; }
@media screen and (max-width:767px) {
	#wrap{width: 100%;}
	p{font-size: 1rem; line-height: 2rem;}
	.sp{display:inline;}
	.pc{display:none !important;}

}

.sbttl {
  position: relative;
  display: inline-block;
  padding: 5px 26px 5px 42px;
  z-index: 1;
  width: 350px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-size: 1rem;
  letter-spacing: 2px;
  display: block;
  margin: 0 auto 50px;
  line-height: 1.3;
}
.sbttl::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #1399A9;        /* 帯の色 */
  transform: skewX(-20deg);   /* 菱形っぽく */
  z-index: -1;
}
.sbttl2 {
  position: relative;
  display: inline-block;
  padding: 5px 26px 5px 42px;
  z-index: 1;
  width: 350px;
  margin: 0 auto;
  text-align: center;
  color: #1399A9;
  font-size: 1rem;
  letter-spacing: 2px;
  display: block;
  margin: 0 auto 50px;
  line-height: 1.3;
}

.sbttl2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;        /* 帯の色 */
  transform: skewX(-20deg);   /* 菱形っぽく */
  z-index: -1;
}
@media screen and (max-width:767px) {
	.sbttl {
		width: 80%;
		margin-bottom: 30px;
	}
	.sbttl2 {
		width: 80%;
	}
}


	
/*===============================================
	個別
===============================================*/

/*ヘッダー*/
header{width: 100%; margin:0 auto; padding: 0 20px 10px; filter: drop-shadow(0 0 5px rgba(100,100,100,0.3)); background: #fff;}
.head__logo{float: left; padding-top: 15px; width: 40%;}
.head__logo p{width: 394px; float: left;}
.head__logo p img{width: 100%; display: inline-block;}
.head__navi{float: right; width: auto;}
.head__navi li{float: left; margin: 10px 0 0 10px;  background: url(../img/cta_tel.png) no-repeat left top; background-size: contain;
 width: 289px; height: 74px;}
.head__navi li img{width: 100%;}
.head__navi li p{color: #F06C00; font-size: 2rem; font-weight: bold; padding: 11px 0 0 55px;}
@media screen and (max-width:767px) {
	header{width: 100% ; margin-bottom: 0; padding: 0 0 10px 3%; }
	.head__logo{float: left; padding: 0; width: 55%; margin: 0 auto; display: block; text-align: center;}
	.head__logo p{width: 100%; padding-top: 10px;}
	.head__logo img {width: 100%; margin: 0 auto; text-align: center; display: block;}
	.head__navi{float: right; width: 40%; padding: 0 0 10px;}
	.head__navi li{float: left; margin: 10px 0 0 2.5%; width: 30%;}
	.head__navi li img{width: 100%;}
}


/*FV*/
#main{ background: url(../img/mainBG.png) no-repeat right top; height: 595px; background-size: cover;}
#main .in{position: relative; margin: 0 auto; width: 1002px;}
#main .main_tx{text-align: center; max-width: 1003px; width: 1003px; position: relative; height: 550px; margin: 0 auto; display: block; bottom: 0;}
/*#main .main_tx img{ position: absolute; bottom: 0; left: 0; width: 100%;}*/
#main .main_tx h1{
	position: absolute;
	left: 0;
	font-size: 3.5rem;
	top: 60px;
	font-family: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", 'Noto Sans JP', sans-serif;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 4.5rem;
	color: #1399A9;
	text-shadow:
		3px 3px 0 #FFF, -3px -3px 0 #FFF,
		-3px 3px 0 #FFF, 3px -3px 0 #FFF,
		0px 3px 0 #FFF,  0 -3px 0 #FFF,
		-3px 0 0 #FFF, 3px 0 0 #FFF;
}
#main .main_tx h1 span{
	font-size: 4.5rem;
	letter-spacing: 1px;
	color: #1399A9;
}
#main .main_tx .read{
	position: absolute;
	left: 0;
	bottom: 180px;
	font-size: 2rem;
	font-family: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", 'Noto Sans JP', sans-serif;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 3rem;
}
#main .main_tx li{
	position: absolute;
	font-family:"FOT-TsukuBRdGothic Std","Zen Maru Gothic","Hiragino Maru Gothic ProN","FOT-TsukuARdGothic Std", 'Noto Sans JP', sans-serif;
	font-size: 1.9rem;
	font-weight: bold;
	letter-spacing: 0;
	bottom: 49px;
	line-height: 4rem;
}
#main .main_tx li:nth-child(1){
	left: 110px;
}
#main .main_tx li:nth-child(2){
	left: 451px;
}
#main .main_tx li:nth-child(3){
	right: 37px;
}
@media screen and (max-width:767px) {
	#main{background: url(../img/mainSP.png) center top no-repeat; height: 135vw; padding: 0; background-size: contain; position: relative;}
	#main .in{position: relative; margin: 0 auto; width: 100%; height: 100%;}
	#main .main_tx{
		width: 100%;
	}
	#main .main_tx h1{
		font-size: 8vw;
		top: 11vw;
		left: 10vw;
		line-height: 12vw;
		text-shadow:
			1px 1px 0 #FFF, -1px -1px 0 #FFF,
			-1px 1px 0 #FFF, 1px -1px 0 #FFF,
			0px 1px 0 #FFF,  0 -1px 0 #FFF,
			-1px 0 0 #FFF, 1px 0 0 #FFF;
	}
	#main .main_tx h1 span{
		font-size: 10vw;
	}
	#main .main_tx img{display: none;}
	#main .main_tx .read{
		left: 10vw;
		font-size: 4.5vw;
		line-height: 7vw;
		bottom: auto;
		top: 44vw;
	}
	#main .main_tx li{
		line-height: 1.8rem;
	}
	#main .main_tx li:nth-child(1){
		left: 23vw;
		font-size: 4vw;
		top: 70.5vw;
	}
	#main .main_tx li:nth-child(2){
		left: 23vw;
		font-size: 4vw;
		top: 88.8vw;
	}
	#main .main_tx li:nth-child(3){
		left: 23vw;
		font-size: 4vw;
		top: 107.2vw;
	}

}


.cta{width: 100%; padding: 30px 0; background: #1399A9; }
.cta .in{width: 1016px; height: 187px; margin: 0 auto; background: url(../img/ctaBG_PC.png) no-repeat bottom; position: relative; padding: 0 50px;}
.cta h2{
	margin: 0 auto;
	padding: 5px 0;
	background: #F06C00;
	width: 760px;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	font-size: 1.5rem;
	font-family:"FOT-TsukuBRdGothic Std","Zen Maru Gothic","Hiragino Maru Gothic ProN","FOT-TsukuARdGothic Std", 'Noto Sans JP', sans-serif;
}
.cta .tel{ margin: 0 auto; position: absolute; left: 200px; top: 75px; width: 289px; height: 74px;
 background: url(../img/cta_tel.png) no-repeat left top; background-size: contain;}
.cta .tel a{color: #F06C00; font-size: 2rem; font-weight: bold; padding: 11px 0 0 55px; text-decoration: none;}
.cta .line{ width:288px; margin: 0 auto; position: absolute; right: 200px; top: 75px;}
.cta .mail{ width:288px; margin: 0 auto; position: absolute; right: 50px; top: 75px;}
.cta .mobile{ width:494px; margin: 0 auto; position: absolute; right: 0; left: 0; bottom: 70px;}
.cta .tel img,.cta .line img,.cta .mail img{ width:100%; }
@media screen and (max-width:767px) {
	.cta{width: 100%; padding: 0;}
	.cta .in{width: 100%; height: 65vw; margin: 0 auto; background: url(../img/ctaBG_SP.png) no-repeat;
	 position: relative; padding: 5vw 30px 0; background-size: cover;}
	.cta .tel{ width:84%; margin: 0 auto; position: absolute; left: 8%; top: 25vw; display: block; border: 1px solid #d2d2d2; border-radius: 10px;
	 background: url(../img/cta_telSP.png) no-repeat left top; background-size: cover; height: 18vw}
	.cta .tel a{color: #F06C00; font-size: 2rem; font-weight: bold; padding: 1vw 0 0 16vw; width: 100%; height: 100%; display: block;}
	.cta .line{ width:40%; margin: 0 auto; position: absolute; left: 8%; top: 46vw;}
	.cta .mail{ width:40%; margin: 0 auto; position: absolute; right: 8%; top: 46vw;}
	.cta .mobile{ width:100%; margin: 0 auto; position: absolute; right: 0; left: 0; top: 47vw;}
	.cta .tel img,.cta .line img,.cta .mail img,.cta .mobile img{ width:100%; }
	.cta h2{
		line-height: 6vw;
		padding: 10px;
		font-size: 5vw;
		width: 100%;
	}
	.cta .line{
		width: 84%;
	}
	.cta .line img{
		width: 100%;
	}
}


/*お悩み*/
#problem{width: 100%; padding: 50px 0;}
#problem .in{width: 100%; margin: 0 auto;}
#problem h2{text-align: center; margin: 0 auto 5px; display: block;
	font-family:"FOT-TsukuBRdGothic Std","Zen Maru Gothic","Hiragino Maru Gothic ProN","FOT-TsukuARdGothic Std", 'Noto Sans JP', sans-serif;
	font-size: 2rem;
}
#problem .read{text-align: center; margin-bottom: 50px; font-size: 1.4rem; line-height: 2.5rem;}
#problem .problems{
	background: #F2F2F2;
	width: 100%;
	height: 510px;
	margin-bottom: 50px;
	padding: 40px 0;
	position: relative;
}
#problem .problems:before{
	position: absolute;
	content: "";
	background: url(../img/problem_top.png) no-repeat top center;
	top: 0;
	left: 45%;
	width: 10%;
	height: 22px;
}
#problem .problems:after{
	position: absolute;
	content: "";
	background: url(../img/problem_btm.png) no-repeat top center;
	bottom: -26px;
	left: 35%;
	width: 30%;
	height: 198px;
	background-size: contain;
}

#problem .problems ul{
	width: 1000px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}
#problem .problems li{
	padding: 15px;
	border-radius: 30px;
	background: #fff;
	filter: drop-shadow(0 0 5px rgba(100,100,100,0.1));
	margin: 0 auto 20px;
	text-align: center;
	position: relative;
}
#problem .problems li:before{
	position: absolute;
	content: "";
	left: 20px;
	top: 15px;
	background: url(../img/check.png) no-repeat top center;
	width: 25px;
	height: 25px;
	background-size: contain;
}
#problem .problems li:nth-child(1){
	width: 61%;
}
#problem .problems li:nth-child(2){
	width: 46%;
}
#problem .problems li:nth-child(3){
	width: 50%;
}
#problem .problems li:nth-child(4){
	width: 46%;
}
#problem .problems li:nth-child(5){
	width: 50%;
}
#problem .problems li:nth-child(6){
	width: 54%;
}


#problem .problems img{margin: 0 auto; text-align: center; display: block;}
#problem .kaiketsu{width: 100%; margin-bottom: 50px;}
#problem .kaiketsu h3{
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
	font-size: 2rem;
	color: #000;
}
#problem .kaiketsu h3 span {
  position: relative;
  display: inline-block;
  color: #1399A9;
  font-size: 2.3rem;
}
#problem .kaiketsu h3 span::before {
  content: "・・・・・";
  position: absolute;
  top: -0.8em;
  left: 53%;
  transform: translateX(-50%);
  font-size: 0.8em;
  letter-spacing: 7px;
}
#problem .kaiketsu .kaiketsu_box {
  width: 800px;
  margin: 0 auto;
  filter: drop-shadow(0 10px 10px rgba(100,100,100,0.1));
  background: #fff;
  border-radius: 20px;
  padding: 40px;
  position: relative;
}
#problem .kaiketsu .kaiketsu_box ul {
	width: 430px;
}
#problem .kaiketsu .kaiketsu_box li {
	border-bottom: 1px dashed #000;
	font-size: 1.2rem;
	padding: 10px 0 10px 40px;
	letter-spacing: 1px;
	position: relative;
}
#problem .kaiketsu .kaiketsu_box li:before {
	position: absolute;
	content: "";
	width: 30px;
	height: 30px;
	left: 0;
	top: 5px;
	background-size: contain;
	background: url(../img/kaiketsu_check.png) no-repeat left top;
}
#problem .kaiketsu .kaiketsu_box img {
	position: absolute;
	right: 30px;
	bottom: 0;
	width: 220px;
}

#problem .nagataniImg{
	width: 100%;
	margin-bottom: 50px;
	background: url(../img/kaiketsuBG.png);
}
#problem .nagataniImg .in{
	width: 570px;
	margin: 0 auto;
}
#problem .nagataniImg .in ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#problem .nagataniImg .in li:nth-child(1){
	width: 280px;

}
#problem .nagataniImg .in li p{
	font-size: 1.7rem;
	color: #1399A9;	
	font-weight: bold;
	font-family:"FOT-TsukuBRdGothic Std","Zen Maru Gothic","Hiragino Maru Gothic ProN","FOT-TsukuARdGothic Std", 'Noto Sans JP', sans-serif;
	line-height: 3rem;
	padding-top: 70px;
}
#problem .nagataniImg .in li:nth-child(2){
	width: 270px;
}
#problem .nagataniImg .in li:nth-child(2) img{
	width: 100%;
}


@media screen and (max-width:767px) {
	#problem{width: 100%; padding: 50px 0 0;}
	#problem h2{
		font-size: 1.5rem;
		letter-spacing: 0;
	}
	#problem .read{text-align: center; margin-bottom: 30px; font-size: 1.1rem; line-height: 2rem;}
	#problem .in{width: 100%;}
	#problem .problems{height: auto; margin-bottom: 30px; padding: 10vw 4% 30vw;}
	#problem .kaiketsu{width: 100%; margin-bottom: 50px; padding: 0 5%;}
	#problem .nagataniImg{width: 100%; margin-bottom: 50px; padding: 0 5%;}
	#problem .problems img{ width: 100%;}
	#problem .kaiketsu img{ width: 100%;}
	#problem .nagataniImg img{ width: 100%;}

	#problem .problems:before{
		width: 20%;
		left: 40%;
	}
	#problem .kaiketsu h3{
		font-size: 7vw;
		margin-bottom: 10px;
		line-height: 12vw;
	}
	#problem .kaiketsu h3 span{
		font-size: 9.5vw;
	}

	#problem .problems ul{
		width: 100%;
	}
	#problem .problems li{
		width: 100%;
		text-align: left;
		padding: 10px 20px 10px 50px;
	}
	#problem .problems li:nth-child(1){
		width: 100%;
		text-align: ;
	}
	#problem .problems li:nth-child(2){
		width: 100%;
	}
	#problem .problems li:nth-child(3){
		width: 100%;
	}
	#problem .problems li:nth-child(4){
		width: 100%;
	}
	#problem .problems li:nth-child(5){
		width: 100%;
	}
	#problem .problems li:nth-child(6){
		width: 100%;
	}
	#problem .problems li:before{
		left: 15px;
		top: 30%;
	}
	#problem .problems:after{
		width: 60%;
		left: 20%;
		background-size: contain;
		height: 34vw;
	}

	#problem .kaiketsu .kaiketsu_box{
		width: 100%;
	}
	#problem .kaiketsu .kaiketsu_box ul{
		width: 100%;
	}
	#problem .nagataniImg .in{
		width: 100%;
	}
	#problem .kaiketsu .kaiketsu_box{
		padding: 15px 15px 40vw;
	}
	#problem .kaiketsu .kaiketsu_box li{
		font-size: 3.5vw;
		padding: 10px 0 10px 20px;
	}
	#problem .kaiketsu .kaiketsu_box li:before{
		width: 20px;
		height: 20px;
		background-size: contain;
		top: 13px;
	}
	#problem .kaiketsu .kaiketsu_box img{
		width: 42%;
		right: 29%;
	}
	#problem .nagataniImg{
		background-size: contain;
	}
	#problem .nagataniImg .in li:nth-child(1){
		width: 60%;
	}
	#problem .nagataniImg .in li:nth-child(2){
		width: 40%;
	}
	#problem .nagataniImg .in li p{
		font-size: 5vw;
		line-height: 9vw;
		padding-top: 10px;
	}

}



/*サービスカード*/
#service{width: 100%; padding: 60px 0; background: #EFF7F8;}
#service .in{width: 1000px; margin: 0 auto;}
#service h2{text-align: center; margin: 0 auto 5px; display: block;
	font-family:"FOT-TsukuBRdGothic Std","Zen Maru Gothic","Hiragino Maru Gothic ProN","FOT-TsukuARdGothic Std", 'Noto Sans JP', sans-serif;
	font-size: 2rem;
}
#service .service_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
#service .service_list > li{
	width: 485px;
	background: #fff;
	border-radius: 20px;
	filter: drop-shadow(0 5px 10px rgba(100,100,100,0.1));
	padding: 40px 35px;
	margin-bottom: 30px;
	text-align: center;
}
#service .service__icon{
	width: 130px;
	height: 130px;
	margin: 0 auto 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#service .service__icon img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#service .service_list > li h3{
	font-size: 1.6rem;
	font-family:"FOT-TsukuBRdGothic Std","Zen Maru Gothic","Hiragino Maru Gothic ProN","FOT-TsukuARdGothic Std", 'Noto Sans JP', sans-serif;
	margin-bottom: 10px;
	text-align: center;
}
#service .service__price{
	color: #1399A9;
	font-weight: bold;
	font-size: 1.2rem;
	margin-bottom: 10px;
	text-align: center;
}
#service .service__price span{
	font-size: 2.2rem;
}
#service .service__read{
	font-size: 1.1rem;
	margin-bottom: 25px;
	text-align: center;
}
#service .service__note{
	font-size: .9rem;
	color: #666;
	text-align: center;
}
#service .service__toggle{
	display: inline-block;
	background: #fff;
	border: 1px solid #1399A9;
	color: #1399A9;
	border-radius: 999px;
	font-size: 1rem;
	font-family: inherit;
	padding: 10px 45px 10px 30px;
	cursor: pointer;
	position: relative;
}
#service .service__toggle:after{
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	width: 8px;
	height: 8px;
	border-right: 2px solid #1399A9;
	border-bottom: 2px solid #1399A9;
	transform: translateY(-70%) rotate(45deg);
	transition: transform .2s;
}
#service .service__toggle.is-open:after{
	transform: translateY(-30%) rotate(225deg);
}
#service .service__detail{
	display: none;
	margin-top: 30px;
	padding-top: 25px;
	border-top: 1px dashed #C5DDE0;
	text-align: left;
}
#service .service__detail h4{
	text-align: center;
	background: #F2F2F2;
	border-radius: 8px;
	font-size: 1.1rem;
	font-weight: bold;
	padding: 8px;
	margin-bottom: 15px;
}
#service .service__includes{
	margin-bottom: 25px;
}
#service .service__includes li{
	font-size: 1rem;
	line-height: 1.9rem;
}
#service .service__detail table{
	width: 100%;
	margin: 0 auto 15px;
	border-collapse: collapse;
}
#service .service__detail th{
	text-align: center;
	font-size: 1rem;
	font-weight: bold;
	border-bottom: 1px solid #333;
	padding-bottom: 5px;
	width: 50%;
}
#service .service__detail td{
	text-align: center;
	font-size: 1rem;
	padding: 7px 0;
	width: 50%;
	border-bottom: 1px dotted #E0E0E0;
}
#service .service__notes{
	margin-bottom: 25px;
}
#service .service__notes li{
	font-size: .85rem;
	color: #666;
	line-height: 1.5rem;
	padding-left: 1em;
	text-indent: -1em;
}
#service .service__close{
	display: block;
	margin: 0 auto;
	background: #F2F2F2;
	border: none;
	color: #333;
	border-radius: 999px;
	font-size: .95rem;
	font-family: inherit;
	padding: 10px 35px;
	cursor: pointer;
}
@media screen and (max-width:767px) {
	#service{padding: 50px 0 30px;}
	#service .in{width: 100%; padding: 0 5%;}
	#service h2{
		font-size: 1.5rem;
		line-height: 2rem;
		margin-bottom: 10px;
	}
	#service .service_list > li{
		width: 100%;
		padding: 30px 20px;
		margin-bottom: 20px;
	}
	#service .service_list > li h3{
		font-size: 1.4rem;
	}
	#service .service__price span{
		font-size: 2rem;
	}
	#service .service__includes li{
		font-size: .95rem;
		line-height: 1.7rem;
	}
	#service .service__detail th,
	#service .service__detail td{
		font-size: .95rem;
	}
}



#point{width: 100%; padding: 50px 0;}
#point .in{width: 1000px; margin: 0 auto;}
#point h2{text-align: center; margin: 0 auto 5px; display: block;
	font-family:"FOT-TsukuBRdGothic Std","Zen Maru Gothic","Hiragino Maru Gothic ProN","FOT-TsukuARdGothic Std", 'Noto Sans JP', sans-serif;
	font-size: 1.5rem;
	line-height: 2.5rem;
}
#point h2 span{
	font-size: 2rem;
}
#point .point_ttl {
	text-align: center;
	margin: 0 auto;
}
#point .point_ttl p{
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 0.6em 2.2em;
  font-weight: bold;
  text-align: center;
}
/* 左の \ */
#point .point_ttl p::before {
  content: "＼";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.4em;
}
/* 右の / */
#point .point_ttl p::after {
  content: "／";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.4em;
}

#point ul{
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}
#point ul .img{
	width: 500px;
	position: relative;
	z-index: 1;
}
#point ul .img img{
	width: 100%;
}
#point ul .tx{
	width: 540px;
	position: relative;
	z-index: 2;
	margin-right: -40px;
	padding-top: 80px;
}
#point ul .tx .point{
	font-size: 1.5rem;
	color: #1399A9;
	padding: 0 30px;
}
#point ul .tx h3{
	background: #1399A9;
	color: #ff0;
	font-weight: bold;
	font-size: 1.8rem;
	padding: 10px 30px;
	border-radius: 20px 0 0 0;
	width: 100%;
}
#point .tx .read{ 
	padding:10px 0 0 50px;
	font-size: 1.1rem;
}

#point ul:nth-of-type(even) .tx {
	margin-left: -40px;
}
#point ul:nth-of-type(even) .point {
	text-align: right;
}



@media screen and (max-width:767px) {
	#point{width: 100%; padding: 50px 0 0;}
	#point h2{ 
		margin-bottom: 10px;
		font-size: 1.2rem;
	}
	#point .in{width: 100%;}
	#point .img img{ width: 100%;}

	#point ul{
		flex-direction: column-reverse;
		position: relative;
		margin-bottom: 30px;
	}

	#point ul .img{
		position: absolute;
		width: 90%;
		right: 0;
		top: 0;
	}
	#point ul .tx{
		width: 90%;
		margin-right: 10%;
		padding: 18vw 0 0;
	}
	#point .tx .read{
		width: 100%;
		padding: 5px 10px;
		font-size: .9rem;
	}
	#point ul .tx .point{
		writing-mode: vertical-rl;
		font-size: 1.2rem;
		padding: 5px;
	}
	#point ul .tx h3{
		font-size: 1.2rem;
		border-radius: 0 10px 0 0;
		padding: 5px 20px;
	}

	#point ul:nth-of-type(even) .img{
		position: absolute;
		width: 90%;
		left: 0;
		top: 0;
	}
	#point ul:nth-of-type(even) .tx{
		width: 90%;
		margin: 0 0 0 10%;
		padding: 18vw 0 0;
	}
	#point ul:nth-of-type(even) .tx .point{
		writing-mode: vertical-rl;
		font-size: 1.2rem;
		padding: 0 0 5px 90%;
	}
	#point ul:nth-of-type(even) .tx h3{
		font-size: 1.2rem;
		border-radius: 10px 0 0 0;
		padding: 5px 20px;
	}

}


/*なぜ相続手続きは司法書士に依頼すべきなのか？*/
#what{width: 100%; padding: 70px 0 50px; }
#what .in{width: 900px; margin: 0 auto;}
#what .what_h2{
	position: relative;
	width: 600px;
	margin: 0 auto;
	padding: 0 0 20px 130px;
}
#what .what_h2 img{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 112px;
}
#what .what_h2 h2{
	text-align: left;
	font-family:"FOT-TsukuBRdGothic Std","Zen Maru Gothic","Hiragino Maru Gothic ProN","FOT-TsukuARdGothic Std", 'Noto Sans JP', sans-serif;
	font-size: 2rem;
	line-height: 3rem;
}
#what .br{
	width: 100%;
	border-bottom: 1px solid #000;
	margin-bottom: 30px;
}
#what h3{
	font-weight: bold;
	font-size: 1.5rem;
	position: relative;
	padding-left: 30px;
	margin-bottom: 30px;
}
#what h3:before{
	position: absolute;
	content: "";
	left: 0;
	top: 5px;
	background: url(../img/what_icon1.png) no-repeat;
	width: 30px;
	height: 30px;
	background-size: contain;
}
#what .dekirukoto{
	width: 100%;
	position: relative;
}
#what .dekirukoto img{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 300px;
}
#waht ul{
}
#what li{
	border: 1px solid #E1E1E1;
	background: #fff;
	border-radius: 10px;
	padding: 15px 30px 15px 70px;
	margin-bottom: 20px;
	width: 620px;
	position: relative;
}
#what li:before{
	position: absolute;
	left: 15px;
	top: 25%;
	content: "";
	width: 40px;
	height: 50px;
	background: url(../img/what_icon2.png) no-repeat;
	background-size: contain;
}
#what h4{
	font-size: 1.5rem;
	color: #1399A9;
	font-weight: bold;
	line-height: 2rem;
}
#what p{
	font-size: 1.1rem;
}
#what .matome p{
	text-align: center;
	font-size: 1.5rem;
	font-family:"FOT-TsukuBRdGothic Std","Zen Maru Gothic","Hiragino Maru Gothic ProN","FOT-TsukuARdGothic Std", 'Noto Sans JP', sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 50px auto;
}
#what .matome img{
	display: none;
}
@media screen and (max-width:767px) {
	#what{width: 100%; padding: 50px 5% 0;}
	#what .in{width: 100%;}
	#what .img img{ width: 100%;}

	#what .what_h2{
		width: 100%;
	}
	#what li{
		width: 100%;
		padding: 10px 10px 10px 18vw;
	}
	#what .what_h2{
		padding: 0 0 10px 25vw;
	}
	#what .what_h2 img{
		width: 25%;
	}
	#what .what_h2 h2{
		font-size: 1.4rem;
		line-height: 2rem;
	}
	#what h3{
		font-size: 1.3rem;
	}
	#what h4{
		font-size: 1.2rem;
	}
	#what p{
		font-size: 1rem;
		line-height: 1.5rem;
	}
	#what .dekirukoto img{
		display: none;
	}
	#what .matome{
		position: relative;
	}
	#what .matome p{
		font-size: 1.1rem;
		text-align: left;
		line-height: 2rem;
		padding-bottom: 20px;
	}
	#what .matome img{
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 40%;
	}
}





#lisk{width: 100%; padding: 50px 0; background: #FFEEE0;}
#lisk .in{width: 1000px; margin: 0 auto;}

#lisk .lisk_ttl {
	text-align: center;
	margin: 0 auto;
}
#lisk .lisk_ttl p{
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 0.6em 2.2em;
  font-weight: bold;
  text-align: center;
  font-size: 1.2rem;
}
/* 左の \ */
#lisk .lisk_ttl p::before {
  content: "＼";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.4em;
}
/* 右の / */
#lisk .lisk_ttl p::after {
  content: "／";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.4em;
}

#lisk h2{
	text-align: center;
	margin: 0 auto 50px;
	font-size: 2rem;
}
#lisk h2 span{
	color: #F06C00;
}
#lisk ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#lisk li {
	width: 32%;
	position: relative;
	display: inline-block;
	padding: 16px 20px;
	background: #fff;
	border-radius: 16px;
	margin-bottom: 50px;
}
/* しっぽ */
#lisk li::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 40%;
	width: 15%;
	height: 20px;
	background: #fff;
	transform: rotate(45deg);
	border-radius: 3px; /* ←ここで尖り具合調整 */
}
#lisk h3{
	text-align: center;
	color: #F06C00;
	border-bottom: 1px solid #000;
	width: 100%;
	font-size: 1.5rem;
	margin-bottom: 10px;
}
#lisk p{
	font-size: 1rem;
	line-height: 1.5rem;
	margin-bottom: 15px;
}
#lisk li img{
	display: block;
	margin: 0 auto;
}
#lisk .matome{
	display: block;
	margin: 0 auto;
	text-align: center;
}
#lisk .matome p{
	font-size: 1.5rem;
	color: #F06C00;
	font-weight: bold;
	text-align: center;
	font-family:"FOT-TsukuBRdGothic Std","Zen Maru Gothic","Hiragino Maru Gothic ProN","FOT-TsukuARdGothic Std", 'Noto Sans JP', sans-serif;
	position: relative;
	z-index: 1;
	display: inline-block;
	margin: 0 auto;
}
#lisk .matome p:before{
	content: "";
	position: absolute;
	left: 50%;
	bottom: -6px;
	transform: translateX(-50%);
	width: 100%;
	height: 0.5em;
	background: #ff0;
	z-index: -1;
}
#lisk .img{width: 100%; text-align: center; display: block; }
@media screen and (max-width:767px) {
	#lisk{width: 100%; padding: 50px 5%;}
	#lisk h2{
		font-size: 1.5rem;
		margin-bottom: 10px;
	}
	#lisk h2 img{ width: 100%;}
	#lisk .in{width: 100%;}
	#lisk .img { width: 100%; padding: 0 5%;}
	#lisk .img img{ width: 100%;}

	#lisk .lisk_ttl p{
		font-size: 1rem;
	}

	#lisk li{
		width: 100%;
		padding-bottom: 20px;
	}
	#lisk li img{
		position: relative;
		z-index: 999;
	}
	#lisk li:nth-of-type(1) img{
		width: 40%;
	}
	#lisk li:nth-of-type(2) img{
		width: 20%;
	}
	#lisk li:nth-of-type(3) img{
		width: 50%;
	}
	#lisk .matome p{
		margin-bottom: 15px;
	}
}




/*解決事例*/
#case{width: 100%; padding: 50px 0; background: url(../img/systemBG.png);}
#case .in{width: 1200px; margin: 0 auto;}
#case h2{text-align: center; margin: 0 auto 5px; display: block;
	font-family:"FOT-TsukuBRdGothic Std","Zen Maru Gothic","Hiragino Maru Gothic ProN","FOT-TsukuARdGothic Std", 'Noto Sans JP', sans-serif;
	font-size: 2rem;
}
#case ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#case li{
	width: 32%;
	filter: drop-shadow(0 0 5px rgba(100,100,100,0.1));
	padding: 20px 20px 10px;
	background: #fff;
	border-radius: 10px;
	margin-bottom: 20px;
}
#case li .ttl{
	background: #F2F2F2;
	padding: 10px 20px;
	position: relative;
	margin-bottom: 20px;
}
#case li .ttl .casettl{
	color: #949292;
	line-height: 1.5rem;
	font-family:"FOT-TsukuBRdGothic Std","Zen Maru Gothic","Hiragino Maru Gothic ProN","FOT-TsukuARdGothic Std", 'Noto Sans JP', sans-serif;
}
#case li .ttl .prof{
	font-weight: bold;
	font-family:"FOT-TsukuBRdGothic Std","Zen Maru Gothic","Hiragino Maru Gothic ProN","FOT-TsukuARdGothic Std", 'Noto Sans JP', sans-serif;
	font-size: 1.1rem;
}
#case li .ttl img{
	position: absolute;
	right: 10px;
	bottom: 0;
	height: 100px;
}
#case li .tx h3{
	font-weight: bold;
	color: #F06C00;
	font-family:"FOT-TsukuBRdGothic Std","Zen Maru Gothic","Hiragino Maru Gothic ProN","FOT-TsukuARdGothic Std", 'Noto Sans JP', sans-serif;
	line-height: 1.5rem;
	font-size: 1.2rem;
}
#case li .tx p{
	line-height: 2rem;
	margin-bottom: 20px;
}



#case .read{text-align: center; font-size: 1.1rem;}
@media screen and (max-width:767px) {
	#case{width: 100%; padding: 50px 0 0;}
	#case h2{
		font-size: 1.5rem;
		margin-bottom: 10px;
	}
	#case .in{width: 100%; padding: 0 5%;}
	#case .img img{ width: 100%;}
	#case .read{text-align: center; font-size: 1rem; padding-bottom: 40px;}

	#case li{
		width: 100%;
	}
	#case li .tx p{
		font-size: .9rem;
		line-height: 1.8rem;
	}
}


#about{width: 100%; padding: 50px 0; background: url(../img/aboutBG.png) no-repeat; background-size: cover;}
#about .in{width: 800px; margin: 0 auto;}
#about h2{text-align: center; margin: 0 auto 5px; display: block;
	font-family:"FOT-TsukuBRdGothic Std","Zen Maru Gothic","Hiragino Maru Gothic ProN","FOT-TsukuARdGothic Std", 'Noto Sans JP', sans-serif;
	font-size: 2rem;
	color: #fff;
}
#about .about_prof{
	width: 100%;
	background: #fff;
	padding: 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 30px;
}
#about .about_prof .prof{
	width: 390px;
}
#about .about_prof .img{
	width: 280px;
}
#about .about_prof .img img{
	width: 100%;
}
#about h3{
	font-weight: bold;
	font-size: 1.5rem;
	color: #1399A9;
}
#about .about_prof table{
	width: 100%;
	margin-bottom: 10px;
}
#about .about_prof th{
	width: 15%;
	padding: 5px;
	vertical-align: top;
}
#about .about_prof td{
	width: 85%;
	padding: 5px;
}
#about .about_prof p{
	line-height: 1.8rem;
}

#about .about_corp{
	width: 100%;
	background: #fff;
	padding: 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 30px;
}
#about .about_corp .prof{
	width: 390px;
}
#about .about_corp .img{
	width: 280px;
}
#about .about_corp .img img{
	width: 100%;
}
#about .about_corp table{
	width: 100%;
	margin-bottom: 10px;
}
#about .about_corp th{
	width: 22%;
	padding: 5px;
	vertical-align: top;
	border-bottom: 1px solid #000;
}
#about .about_corp td{
	width: 78%;
	padding: 5px;
	border-bottom: 1px solid #000;
}
#about .about_corp p{
	line-height: 1.8rem;
}


#about .read{text-align: center; color: #fff; font-weight: bold; font-size: 1.3rem; letter-spacing: 3px;
	font-family:"FOT-TsukuARdGothic Std","FOT-TsukuBRdGothic Std","Zen Maru Gothic","Hiragino Maru Gothic ProN", 'Noto Sans JP', sans-serif;}
@media screen and (max-width:767px) {
	#about{width: 100%; padding: 50px 0; background: url(../img/aboutBGSP.png) no-repeat;}
	#about h2{
		font-size: 1.5rem;
		margin-bottom: 10px;
	}
	#about .in{width: 100%; padding: 0 5%;}
	#about .img img{ width: 100%; padding: 0 5%;}
	#about .read{text-align: center; color: #fff; font-weight: bold; font-size: 1rem; letter-spacing: 0;}

	#about h3{
		font-size: 1.3rem;
	}
	#about .about_prof{
		padding: 20px;
	}
	#about .about_prof .prof{
		width: 100%;
		margin-bottom: 10px;
	}
	#about .about_prof .img{
		width: 100%;
	}
	#about .about_prof th ,#about .about_prof td {
		font-size: .9rem;
	}
	#about .about_prof p{
		font-size: .9rem;
		line-height: 1.5rem;
	}

	#about .about_corp{
		padding: 20px;
	}
	#about .about_corp th{
		width: 25%;
		font-size: .9rem;
	}
	#about .about_corp td{
		width: 75%;
		font-size: .9rem;
	}
	#about .about_corp .prof{
		width: 100%;
		margin-bottom: 10px;
	}
	#about .about_corp .img{
		width: 100%;
	}
}



#corp{background: #F2F2F2; padding: 50px 0; }
#corp .in{width: 1000px; margin: 0 auto; }
#corp .logo{margin: 0 auto; text-align: center; display: block;}
#corp p{text-align: center; padding: 20px 0;}
#corp a{color: #000;}
@media screen and (max-width:767px) {
	#corp{background: #F2F2F2; padding: 30px 5% 10px; }
	#corp .in{width: 100%;}
	#corp .logo{margin: 0 auto; text-align: center; display: block; width: 70%;}
	#corp .logo img{width: 100%;}
	#corp p{text-align: center; padding: 20px 0; font-size: .8rem;}
}


#faq{width: 100%; padding: 50px 0; }
#faq .in{width: 1000px; margin: 0 auto;}
#faq .subttl{text-align: center; color:#1399A9; font-weight:bold; font-size:1.2rem; letter-spacing: 3px;}
#faq h2{color: #1399A9; font-size: 2rem; font-weight: bold; text-align: center; margin-bottom: 30px; letter-spacing: 3px;}
#faq .read{color: #F2F2F2; font-size: 1rem; font-weight: bold; text-align: center; letter-spacing: 1px; margin-bottom: 50px;}
#faq .line{width: 5%; border-bottom: 1px solid #1399A9; margin: 0 auto 30px;}
#faq .faq__Q { cursor: pointer; font-size: 1.1rem; padding: 13px 30px 17px 15px; width: 100%; position: relative;  margin-bottom: 30px;
 background: #F2F2F2; display: block; font-weight: bold; line-height: 2rem; border-radius: 5px;}
#faq .faq__Q:hover { text-decoration: underline;}
#faq .faq__Q:before{content: "Q"; position: absolute; top: 13px; font-size: 1.5rem; color: #1399A9;}
#faq .faq__Q:after {width: 0; height: 0; position: absolute; top: 46%; right: 3%; border: 8px solid transparent; border-top-color: #1399A9; content: '';}
#faq .faq__A { display: none; padding:0 0 10px 15px; width: 100%; font-size: 1.1rem; line-height: 2rem; margin: 0 auto 50px; color: #000; position: relative;}
#faq .faq__Q p{color: #000; padding:3px 0 0 40px; }
#faq .faq__A p{color: #000; padding:3px 0 0 40px; color: #000;}
#faq .faq__A:before{content: "A"; position: absolute; top: 2px; font-size: 1.5rem; font-weight: bold; color: #1399A9;}
@media screen and (max-width:767px) {
	#faq{width: 100%; position: relative; padding: 50px 0;}
	#faq .subttl{font-size:.9rem; letter-spacing: 3px;}
	#faq h2{color: #1399A9; font-size: 1.5rem; font-weight: bold; text-align: center; margin-bottom: 10px; letter-spacing: 3px;}
	#faq .read{color: #F2F2F2; font-size: .9rem; font-weight: bold; text-align: center; letter-spacing: 1px; margin-bottom: 30px;}
	#faq .line{width: 5%; border-bottom: 1px solid #1399A9; margin: 0 auto 10px;}
	#faq .in{width: 100%; margin: 0 auto; padding: 0 5%;}
	#faq .faq__Q { cursor: pointer; color: #000; font-size: 1rem; padding: 13px 30px 17px 10px; width: 100%; position: relative; border-radius: 10px;
	 display: block; font-weight: bold; line-height: 2rem; margin-bottom: 20px;}
	#faq .faq__Q:hover { text-decoration: underline;}
	#faq .faq__Q:before{position: absolute; background-size: contain; position: absolute; top: 50%; font-size: 1.5rem;
	transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
	#faq .faq__Q:after {width: 0; height: 0; position: absolute; top: 46%; right: 3%; border: 8px solid transparent; border-top-color: #1399A9; content: '';}
	#faq .faq__Q p{padding:3px 0 0 30px; line-height: 1.2rem;}
	#faq .faq__A { display: none; padding:0 0 10px 11px; width: 100%; font-size: 0.9rem; line-height: 2rem; margin: 0 auto 30px; color: #fff}
	#faq .faq__A p{padding:3px 0 0 30px; line-height: 1.5rem;}
	#faq .faq__A:before{position: absolute; background-size: contain; font-size: 1.3rem;}
	#faq .faq__A a{color: #F9F392;}
}


/*コピーライト*/
#cnt_copy p{background: #1399A9; text-align: center; padding: 10px; color: #fff;}
#cnt_copy2 p{background: #1399A9; text-align: center; padding: 10px; color: #fff;}
@media screen and (max-width:767px) {
	/*コピーライト*/
	#cnt_copy p{font-size: 0.8rem; padding: 10px 0; background: #1399A9;}
	#cnt_copy2 p{text-align: center; padding: 10px; color: #fff; background: #1399A9;}
}




#cta_sp{display: none;}
#cta_sp p{display: none;}
#cta_sp img{display: none;}
@media screen and (max-width:767px) {
	/*cta_sp*/
	#cta_sp{display: block; position: fixed; width: 100%; bottom: 0; z-index: 9999; padding: 5px; height: 37vw;
		 background: url(../img/fixctaBG.png) no-repeat; background-size: cover;}
	#cta_sp ul{ display:flex; flex-wrap:wrap; justify-content: space-between; padding: 11.7vw 4% 0;}
	#cta_sp .tel{width: 48%;}
	#cta_sp .line{width: 22%; margin: 0 2%;}
	#cta_sp .mail{width: 22%;}
	#cta_sp img{width: 100%; display: block;}
	#cta_sp a{
		position: relative;
		display: block;
		width: 100%;
		overflow: hidden;}
	#cta_sp a::after {
		content: '';
		position: absolute;
		top: -10%;
		left: -20%;
		width: 40px;
		height: 100%;
		transform: scale(2) rotate(20deg);
		background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 0%);
		/* アニメーション */
		animation-name: shiny;
		animation-duration: 3s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;}
	@keyframes shiny {
		0% { left: -20%; }
		10% { left: 120%; }
		100% { left: 120%; }
	}
	#cta_sp2 .cta_sp2_line{position: fixed; bottom: 23vw; right: 1vw; width: 34vw; z-index: 9999; display: block;}
	#cta_sp2 .cta_sp2_line img{width: 100%;}
}


@media screen and (max-width:767px) {

	/*===============================================
	ハンバーガーアイコンをCSSだけで表現
	===============================================*/
	#nav-drawer {position: relative;}
	/*アイコンのスペース*/
	#nav-open {
	  display: inline-block;
	  width: 30px;
	  height: 22px;
	  vertical-align: middle;
	  position: fixed;
	  top: 10px;
	  right: 10px;
	  z-index: 9999;
	}
	#nav-open span, #nav-open span:before, #nav-open span:after {
	  position: absolute;
	  height: 4px;/*線の太さ*/
	  width: 30px;/*長さ*/
	  border-radius: 3px;
	  background: #fff;
	  display: block;
	  content: '';
	  cursor: pointer;
	}
	#nav-open span:before {
	  bottom: -8px;
	}
	#nav-open span:after {
	  bottom: -16px;
	}
	/*閉じる用の薄黒カバー*/
	#nav-close {
	  display: none;/*はじめは隠しておく*/
	  position: fixed;
	  z-index: 99;
	  top: 0;/*全体に広がるように*/
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: black;
	  opacity: 0;
	  transition: .3s ease-in-out;
	}
	/*中身*/
	#nav-content {
	  overflow: auto;
	  position: fixed;
	  top: 0;
	  right: 0;
	  z-index: 9999;/*最前面に*/
	  width: 60%;/*右側に隙間を作る（閉じるカバーを表示）*/
	  max-width: 330px;/*最大幅（調整してください）*/
	  height: 100%;
	  background: #fff;/*背景色*/
	  transition: .3s ease-in-out;/*滑らかに表示*/
	  -webkit-transform: translateX(105%);
	  transform: translateX(105%);/*左に隠しておく*/
	}
	/*チェックが入ったらもろもろ表示*/
	#nav-input:checked ~ #nav-close {
	  display: block;/*カバーを表示*/
	  opacity: .5;
	}
	#nav-input:checked ~ #nav-content {
	  -webkit-transform: translateX(0%);
	  transform: translateX(0%);/*中身を表示（右へスライド）*/
	  box-shadow: 6px 0 25px rgba(0,0,0,.15);
	  background: #000;
	  background: rgba(0,0,0,0.3);
	  z-index: 99999;
	}
	/*チェックボックス等は非表示に*/
	.nav-unshown {
	  display:none;
	}
	.MainImage_navi li{background: #fff; width: 80%; margin:13px auto; text-align: center; font-size: 0.9rem;}
	.MainImage_navi li a{ color: #000; width: 100%; display: block; padding: 5px; font-size: 0.9rem;}
	.MainImage_navi .MainImage_navi_link{background: none;}
	.MainImage_navi .MainImage_navi_link a{width: 100%; padding: 0;}
	.MainImage_navi .MainImage_navi_link img{width: 100%;}
	/*===============================================
	ハンバーガーアイコン終わり
	===============================================*/

	/*20250123追加*/
	#chart{width: 100%; background: #fff; padding: 30px 5%;}
	#chart .in{width: 100%; margin: 0 auto;}
	#chart .in img{width: 100%;}
	#chart h2{font-size: 1.3rem; letter-spacing: 1px; position: relative; margin-bottom: 30px;}
	#chart h2::after{position: absolute; content: ""; left: 0; right: 0; margin: 0 auto; display: block; border-bottom: 1px solid #fff;
	 width: 100px; padding-bottom: 10px;}


}

/*内部リンク（SEO・AEO対策）*/
#internal_links{width: 100%; padding: 50px 0; background: #EFF7F8;}
#internal_links .in{width: 800px; margin: 0 auto; text-align: center;}
#internal_links h2{
	font-family:"FOT-TsukuBRdGothic Std","Zen Maru Gothic","Hiragino Maru Gothic ProN","FOT-TsukuARdGothic Std", 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	margin-bottom: 30px;
	color: #1399A9;
	text-align: center;
}
#internal_links__list,
#internal_links .internal_links__list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 15px;
	margin-bottom: 30px;
}
#internal_links .internal_links__list li{
	width: auto;
}
#internal_links .internal_links__list a{
	display: block;
	padding: 12px 25px;
	background: #fff;
	border: 1px solid #1399A9;
	border-radius: 999px;
	color: #1399A9;
	font-size: 1rem;
	font-weight: bold;
	transition: .2s;
}
#internal_links .internal_links__list a:hover{
	background: #1399A9;
	color: #fff;
	text-decoration: none;
}

#internal_links .internal_links__all{
	text-align: center;
}
#internal_links .internal_links__all a{
	color: #666;
	font-size: .95rem;
	text-decoration: underline;
}


@media screen and (max-width:767px) {
	#internal_links{padding: 40px 5%;}
	#internal_links .in{width: 100%;}
	#internal_links h2{font-size: 1.3rem;}
	#internal_links .internal_links__list{gap: 10px;}
	#internal_links .internal_links__list a{padding: 10px 18px; font-size: .9rem;}
}