@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: 'Noto Sans JP','メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	font-size: 100%;
	vertical-align: baseline;
	color: #4D4D4D;
	line-height: 1.5;
}
html{
	scroll-behavior: smooth !important;
	scroll-padding-top: 3rem;
}
/* ======================================================================
 body
====================================================================== */
body {
	font-family: 'Noto Sans JP','メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	color: #4D4D4D;
	letter-spacing: .05rem;
	overflow-wrap: break-word;
	word-break: normal;
	font: inherit;
	min-width: 20rem;
	background-color: #F3FBFF;
	width: 100%;
}
a {
	text-decoration: none;
	color: #4D4D4D;
	opacity: 1;
}
a:hover{
	opacity: 0.6;
	transition: 0.3s;
}
h2{
	font-size: 2.6rem;
	font-weight: 700;
	text-align: center;
}
.sp-br{
	display:none;
}
.pc-br{
	display: block;
}
@media screen and (max-width:850px){
	h2{
		font-size: 2rem;
	}
}
@media screen and (max-width:400px){
	h2{
		font-size:1.2rem;
	}
	.sp-br{
		display:block;
	}
	.pc-br{
		display: none;
	}
	a:hover{
	opacity: 1;
}
}
.more_info{
	padding-top: 15px;
	display: flex;
}
.logo{
	width:150px;
	pointer-events: none;
	margin-left: 40px;
	margin-right: 40px;
}
header{
	font-size: 1.1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header_left_area{
	padding-top: 35px;
	display:flex;
	align-items: center;
}
.logo_cij{
}
.dsd_info{
	display: flex;
}
.department{
	font-weight: 700;
}
.tel{
	margin-left:30px;
	font-weight: 700;
	align-items: center;
}
.tel img{
	width: 25px;
	padding-right: 5px;
}
@media screen and (max-width: 1580px) {
	.dsd_info{
		display: block;
	}
	.tel{
		margin-left: 0;
	}
}
.header__box{
	position: fixed;
	z-index: 999;
	right: 0;
	top:20px;
	background-color: #FFF;
	padding:10px 0px 10px 40px;
	border-bottom-left-radius: 50px;
	border-top-left-radius: 50px;
}
.header__nav-box{
}
.header__nav{
	display: flex;
	font-weight: 700;
}
.header__nav a{
	align-content: center;
	padding-right: 60px;
}
.header_btn{
	padding-right:40px;
}
.header__btn {
	font-weight: 700;
	color: #fff;
	background-color: #DA332B;
	padding: 10px 0px 10px 30px;
	border-radius: 45px;
	display:flex; 
	align-items: center;
	justify-content: center;
	max-width: 400px;
	}
.header__btn img{
	margin-right: 10px;
	margin-left: 10px;
	width:20px;
}
/*ハンバーガーボタン*/
.btn {
	display: none;
	position: relative;
	width: 3rem;
	height: 3rem;
	cursor: pointer;
}
.btn__text {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
}
@media screen and (max-width: 1400px) {
	.header {
		height: 4rem;
	}
	.header__logo {
		padding-left:.5rem;
		align-items: center;
	}
	.header__logo a img {
		width: 50%;
		height: 50%;
	}
	.header__box{
	position: fixed;
	z-index: 999;
	right: 10;
	top:10;
	background-color: #FFF;
	padding:10px 0px 10px 10px;
	margin-right:15px;
	width: 70px;
	height: 70px;
	border-radius: 50px;
	
	}
	.header__nav-box {
		padding-right:0;
		position: absolute;
		z-index: 800;
		top: -20px;
		right: 0;
		width: max(45vw, 20rem);
		box-sizing: border-box;
		height: 25rem;
		border-radius: 0 0 0 5px;
		background-color: #FFF;
		transform: translateX(120%);
		transition: all 0.4s ease-in-out;
	}
	.header__nav {
		position: absolute;
		z-index: 800;
		width: 100%;
		box-sizing: border-box;
		color: #6c6c6c;
		padding: 6rem 2rem 0 2rem;
		flex-direction: column;
		align-items: center;
	}
	.header__nav a {
		text-align: center;
		padding: 1rem 0;
	}
	.header__btn {
		z-index: 900;
		align-items: center;
	}
	.header_btn{
		padding-right: 0;
		width: 100%;
		margin-top: 1rem;
	}
	.line {
		margin: 0.5rem;
		height: 1px;
		width: 7rem;
		background-color: #6c6c6c;
		box-sizing: border-box;
	}
	.line:first-child {
		display: none;
	}
	.header__btn a:not(:last-child) {
		margin-right: 0;
	}
	.header__btn .header__btn--c01 {
		margin: 0.5rem 0;
	}
	.mask{
		display: none;
		transition: all .5s;
	}
	.open{
		display: block !important;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 200;
		cursor: pointer;
	}
}
.nav-active {
	transform: translateX(0%) !important;
	transition: all 0.4s ease-in-out;
}
/*ハンバーガーボタン*/
.btn {
	display: none;
	position: relative;
	width: 3rem;
	height: 3rem;
	cursor: pointer;
}
.btn__text {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
}
.btn__menu {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2.5rem;
	height: 2px;
	background: #313131;
	margin: 0;
	padding: 0;
	border: none;
	transition: all 0.5s;
	transform: translate(-50%, -50%);
	cursor: pointer;
}
.btn__menu::before {
	display: block;
	content: "";
	position: absolute;
	top: -0.8rem;
	left: 0;
	width: 100%;
	height: 100%;
	background: #313131;
	transition: all 0.5s;
}
.btn__menu::after {
	display: block;
	content: "";
	position: absolute;
	bottom: -0.8rem;
	left: 0;
	width: 100%;
	height: 100%;
	background: #313131;
	transition: all 0.5s;
}
.btn__menu.active {
	background: transparent;
}
.btn__menu.active::before {
	top: 0;
	transform: rotate(-45deg);
}
.btn__menu.active::after {
	bottom: 0;
	transform: rotate(45deg);
}
.p-global-nav {
	position: absolute;
	top: 64px;
	left: -120%;
	background: #fff;
	transition: all 0.5s;
}
.p-global-nav.active {
	left: 0;
}
@media screen and (max-width: 1400px) {
	.btn {
		display: block;
		z-index: 900;
	}
}
.btn__menu {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2.5rem;
	height: 2px;
	background: #313131;
	margin: 0;
	padding: 0;
	border: none;
	transition: all 0.5s;
	transform: translate(-50%, -50%);
	cursor: pointer;
}
@media screen and (max-width: 550px){
	.header_left_area{
		display: block;
	}
	.logo{
		margin-left:20px;
	}
	.dsd_info{
		margin-left: 20px;
		font-size: 1rem;
	}
	.tel{
		display:none;
	}
}
#top{
	background-image: url("../img/top_img_pc.png");
	background-repeat: repeat-x;
	background-size: auto 870px;
	background-position: center top;
	
}
.top_area{
	width:90%;
	margin-right: auto;
	margin-left: auto;
	padding: 180px 0px 200px 0px;
	text-align: center;
	display: block;
}
.top_copy{
	font-size: 3rem;
	font-weight: 700;
	background-color: #FEF183;
	padding:10px;
	max-width: 700px;
	border-radius: 5px;
	margin-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
}
.top_subcopy{
	background-color: rgba(243,251,255,0.8);
	padding:30px;
	margin-top: 30px;
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 70px;
	font-size: 2.3rem;
}
.top__btn{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	font-weight: 700;
	background-color: #26B6C1;
	color: #FFF;
	border-radius: 50px;
	padding: 10px 60px 10px 60px;
	max-width: 350px;
	margin-left: auto;
	margin-right: auto;
	
}
.top__btn img{
	margin-left: 10px;
}
@media screen and (max-width:1000px){
	.top_copy{
		font-size: 2.2rem;
	}
	.top_subcopy{
		font-size: 2rem;
	}
}
@media screen and (max-width:400px){
	#top{
		background-image: url("../img/top_img_sp.png");
		background-repeat: repeat-x;
		background-size: auto 600px;
		background-position: center top;
	}
	.top_area{
		width:95%;
		padding: 180px 0px 180px 0px;
	}
	.top_copy{
		font-size: 1.4rem;
		padding:10px;
		margin-bottom: 25px;
	}
	.top_subcopy{
		padding:0px;
		margin-top: 0px;
		max-width: 95%;
		margin-bottom: 40px;
		font-size: 1rem;
	}
	.top__btn{
		font-size: 1rem;
		padding: 10px;
		max-width: 300px;
	}
	.top__btn img{
		margin-left: 10px;
		width: 10px;
	}
}
#subject{
	background-color: #89A6A8;
	height: 800px;
	padding-top: 40px;
	padding-bottom: 60px;
}
.subject_area{
	background-color: #F9F9F9;
	width:80%;
	max-width: 1200px;
	height: 100%;
	border-radius: 400px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.subject_area h2{
	padding:40px;
}
.subject_img{
	position: absolute;
	height: 378px;
	width: 263px;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.subject_img img{
	width: 100%;
	height: 100%;
}
.subject_coments{
	z-index: 1;
}
.subject_coment{
	position: relative;
	justify-content: center;
	align-items: center;
}
.subject_coment1{
	background-image: url("../img/moya.svg");
	background-repeat: no-repeat;
	position: absolute;
	left: 15%;
	background-size: 85%;
	background-position: center;
	padding:70px;
}
.subject_coment2{
	background-image: url("../img/moya.svg");
	background-repeat: no-repeat;
	background-size: 85%;
	background-position: center;
	position: absolute;
	right:15%;
	padding:70px;
}
.subject_coment3{
	background-image: url("../img/moya.svg");
	background-repeat: no-repeat;
	position: absolute;
	top:170px;
	background-size: 85%;
	background-position: center;
	padding:70px;
	left:5%;
}
.subject_coment4{
	background-image: url("../img/moya.svg");
	background-repeat: no-repeat;
	position: absolute;
	top:180px;
	right:5%;
	background-size: 85%;
	background-position: center;
	padding:70px;
}
.underline_subject{
	font-weight: 700;
	border-bottom: dotted 2px rgba(51,126,132,100);
}
.underline_subject-h{
	border-bottom: dotted 3px rgba(51,126,132,100);
}
@media screen and (max-width:1000px){
	#subject{
		height: 1100px;
	}
	.subject_area{
		width:95%;
		border-radius: 100px;
	}
	.subject_area h2{
		padding:20px 0px 40px 0px;
	}
	.subject_coment1{
		left:10%;
		top:-10px;
	}
	.subject_coment2{
		right:10%;
		top:120px;
	}
	.subject_coment3{
		top:240px;
		left: 4%;
	}
	.subject_coment4{
		top:360px;
		right: 4%;
	}
	
	.subject_img{
		width: 200px;
		height: auto;
	}
}

@media screen and (max-width:400px){
	#subject{
		height: 960px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.subject_area{
		width:95%;
		max-width: 95%;
		height: 100%;
		border-radius: 40px;
	}
	.subject_area h2{
		padding:20px 0px 10px 0px;
	}
	.subject_coment{
		position: relative;
		justify-content: center;
		align-items: center;
	}
	.subject_coment1{
		left:5%;
		top:0;
		background-size: 100%;
		padding:55px 15px 55px 15px;
	}
	.subject_coment2{
		background-size: 100%;
		padding:55px 15px 55px 15px;
		right:5%;
		top:150px;
	}
	.subject_coment3{
		top:285px;
		background-size: 100%;
		padding:60px 20px 60px 20px;
		left: 5%;
	}
	.subject_coment4{
		top:430px;
		right:5%;
		background-size: 100%;
		padding:60px 20px 60px 20px;
	}
	.underline_subject-h{
		border-bottom: dotted 2px rgba(51,126,132,100);
	}
}
#solution{
	height: 800px;
	background-image: url("../img/background_note.svg");
	background-repeat: repeat;
	position: relative;
}
.solution_area_o{
	width:500px;
	margin-left: auto;
	margin-right:auto;
	margin-bottom: 40px;
}
.solution_h_area{
	text-align: center;
	margin-bottom:60px;
}
.solution_copy{	
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.solution_h_s{
	width:950px;
	margin-right: auto;
	margin-left: auto;
	display: flex;
	justify-content: space-between;
	margin-top:-40px;
}
.solution_h_s img{
	align-content: space-between;
	align-items: center;
}
.solution_h_l img{
	width: 30px;
	
}
.solution_h_r img{
	width: 30px;
}
.solution_coments{
	width:100%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.solution_coment{
	position: relative;
	z-index:1;
}
.solution_coment ::before{
	content: '';
	background-image: url("../img/check.svg");
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top:-20px;
	left:-25px;
	width:50px;
	height: 50px;
}
.solution_coment1{
	background-color: #FFF;
	background-position: center;
	box-shadow: 2px 3px 7px rgba(0,0,0,0.15);
	border-radius: 40px;
	width:400px;
	height: 160px;
	position: absolute;
	left: 10%;
	padding: 50px 35px 50px 35px;
	margin-right: 10px;
}
.solution_coment2{
	background-color: #FFF;
	background-position: center;
	box-shadow: 2px 3px 7px rgba(0,0,0,0.15);
	border-radius: 40px;
	width:400px;
	height: 160px;
	position: absolute;
	right: 10%;
	padding: 50px 35px 50px 35px;
}
.solution_coment3{
	background-color: #FFF;
	background-position: center;
	box-shadow: 2px 3px 7px rgba(0,0,0,0.15);
	border-radius: 40px;
	width:400px;
	height: 160px;
	position: absolute;
	left: 5%;
	top: 200px;
	padding: 50px 35px 50px 35px;
}
.solution_coment4{
	background-color: #FFF;
	background-position: center;
	box-shadow: 2px 3px 7px rgba(0,0,0,0.15);
	border-radius: 40px;
	width:400px;
	height: 160px;
	position: absolute;
	right: 5%;
	top: 200px;
	padding: 50px 35px 50px 35px;
}
.solution_img{
	position: absolute;
	height: 377px;
	width: 206px;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.solution_img img{
	width: 100%;
	height: 100%;
}

.underline_solution{
	font-weight: 700;
	color: rgba(51,126,132,100);
	border-bottom: dotted 2px rgba(51,126,132,100);
}
@media screen and (max-width:1000px){
	#solution{
		height: 1200px;
	}
	.solution_copy{	
	width:80%;
	}
	.solution_h_s{
		width:85%;
	max-width:750px;
	}
	.solution_coment1{
		position: absolute;
		left: 10%;
		border-radius: 20px;
		width:360px;
		height: 120px;
		padding: 30px 15px 30px 15px;
	}
	.solution_coment2{
		position: absolute;
		right: 10%;
		top:160px;
		border-radius: 20px;
		width:360px;
		height: 120px;
		padding: 30px 15px 30px 15px;
	}
	.solution_coment3{
		position: absolute;
		left: 10%;
		top: 320px;
		border-radius: 20px;
		width:360px;
		height: 120px;
		padding: 30px 15px 30px 15px;
	}
	.solution_coment4{
		position: absolute;
		right: 10%;
		top: 470px;
		border-radius: 20px;
		width:360px;
		height: 120px;
		padding: 30px 15px 30px 15px;
	}
	.solution_img{
		width: 200px;
		height: auto;
	}
}
@media screen and (max-width:400px){
	#solution{
		height: 970px;
	}
	.solution_area_o{
		width: 200px;
		margin-bottom: 40px;
		text-align: center;
	}
	.solution_area_o img{
	}
	.solution_h_area{
		text-align: center;
		margin-bottom:20px;
	}
	.solution_copy{	
		width: 90%;
	}
	.solution_h_s{
		width:95%;
		margin-top:-20px;
	}
	.solution_h_l img{
		width: 20px;

	}
	.solution_h_r img{
		width: 20px;
	}
	.solution_h_s img{
		width: 20px;
		}
	.solution_coments{
		width:98%;
		margin-right: auto;
		margin-left: auto;
	}
	.solution_coment ::before{
		top:-15px;
		left:10px;
		width: 30px;
		height: 30px;
		
	}
	.solution_coment1{
		border-radius: 10px;
		width:340px;
		height: 100px;
		position: absolute;
		left: 3%;
		padding: 20px 10px 20px 10px;
	}
	.solution_coment2{
		border-radius: 10px;
		width:340px;
		height: 110px;
		position: absolute;
		right: 3%;
		padding: 20px 10px 20px 10px;
		top:130px;
	}
	.solution_coment3{
		border-radius: 10px;
		width:340px;
		height: 100px;
		position: absolute;
		left: 3%;
		top: 270px;
		padding: 20px 10px 20px 10px;
	}
	.solution_coment4{
		border-radius: 10px;
		width:340px;
		height: 100px;
		position: absolute;
		right: 3%;
		top: 400px;
		padding: 20px 10px 20px 10px;
	}
	.solution_img{
		position: absolute;
		bottom: -5px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	.underline_solution{
		font-weight: 700;
		color: rgba(51,126,132,100);
		border-bottom: dotted 2px rgba(51,126,132,100);
	}
}
#five_reason{
	width: 80%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-top:100px;
	padding-bottom: 60px;
}
.five_reason_h_area{

}
.five_reason_h{
	align-content: center;
}
.five_reason_h_img{
	max-width:850px;
	display: flex;
	margin-right: auto;
	margin-left: auto;
	justify-content: space-between;
	margin-top:-70px;
}
.moon_left img{
	width: 30px;
	
}
.moon_right img{
	width: 30px;
}
.five_reason_h img{
	width: 30px;
	margin-left:20px;
	margin-right:20px;
	align-content: center;
	align-items: center;
	}

.big-number_blue{
	font-size: 4rem;
	color: rgba(83,174,181,100);
}
.five_reasons{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-top:40px;
	
}
.five_reason_box{
	width: calc(95%/3);
	background-image: url("../img/five_reason_box.svg");
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	font-weight: 700;
	margin:10px;
	min-width: 380px;
}
.five_reason_number{
	padding:10px;
	color: rgba(83,174,181,100);
	font-size: 0.8rem;
	margin-bottom:-7px;
}
.reason_number_s{
	font-size: 2rem;
	color: rgba(83,174,181,100);
	margin-top:-10px;
}
.five_reason_text{
	padding:28px 50px 55px 50px;
	font-size: 1.3rem;
}
.five_reason_text :nth-child(-n+3){
	line-height: 0.7;
}
.five_reason_notes{
	margin-top: 25px;
	text-align: right;
	margin-left:auto;
}
.five_reason_notes p{
	display:inline-block;
	text-align: left;
}
.five_reason_nb{
	color: rgba(218,51,43,100);
	font-size: 2.5rem;
}
.five_reason_text small{
	font-size: 1rem;
	font-weight: 400;
}
.red{
	color: rgba(218,51,43,100);
}
.reason_scroll{
	position: relative;
}
.reason_scroll img{
	position: absolute;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
@media screen and (max-width:400px){
	#five_reason{
	width: 90%;
	padding-top:20px;
	}
	.five_reason_h_area{

	}
	.five_reason_h{
		align-content: center;
	}
	.five_reason_h_img{
		width:80%;
		margin-top:-50px;
	}
	.moon_left img{
		width: 20px;
	}
	.moon_right img{
		width: 20px;
	}
	.big-number_blue{
		font-size: 1.5rem;
	}
	.five_reasons{
		display: block;
		padding-top: 20px;
	}
	.five_reason_box{
		width: 90%;
		background-image: url("../img/five_reason_box.svg");
		background-size: contain;
		text-align: center;
		margin:10px;
		min-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	.five_reason_number{
		padding:10px;
		font-size: 0.7rem;
		margin-bottom:-5px;
	}
	.reason_number_s{
		font-size: 1.2rem;
		margin-top:-5px;
	}
	.five_reason_text{
		padding:15px 20px 20px 20px;
		font-size: 1.1rem;
	}
	.five_reason_text :nth-child(-n+3){
		line-height: 0.7;
	}
	.five_reason_notes{
		margin-top: 10px;
		text-align: right;
		margin-left:auto;
	}
	.five_reason_notes p{
		font-size: 0.8rem;
	}
	.five_reason_nb{
		font-size: 1.6rem;
	}
	.five_reason_text small{
		font-size: 0.8rem;
	}
	.reason_scroll{
		position: relative;
	}
	.reason_scroll img{
		position: absolute;
		top: -30px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
}
#reason{
	padding-top:80px;
	padding-bottom: 250px;
	background-image: url("../img/background.png");
	background-repeat: repeat;
}
.reason_boxes{
	max-width: 1200px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.reason_boxes ::before{
	content: "";
	font-display: block;
}
.reason_box{
	top:0;
	left: 0;
	width:100%;
	height: 100%;
	background-color: #fff;
	padding: 40px;
	margin-top: 100px;
	border-radius: 10px;
}
.reason_content_area{
	display: flex;
	justify-content: space-between;
}
.reason_title_area{
	margin-bottom: 40px;
}
.reason_title{
	font-size: 2.5rem;
	font-weight: 700;
}
.reason_number{
	color: #53AEB5;
	font-weight: 700;
	font-size: 1.5rem;
	display:block;
	padding-left: 20px;
}
.reason_number ::before{
	content: url("../img/moonlaurel_left.svg");
	display: inline-block;
	position:absolute;
	padding-top:7px;
	margin-left: -15px;
}
.reason_number ::after{
	content: url("../img/moonlaurel_right.svg");
	display: inline-block;
	padding-top:7px;
	padding-left: 18px;
	position: absolute;
}
.reason_number span{
	color: #53AEB5;
	font-size: 1.2rem;
}
.reason_content_title{
	font-size: 1.3rem;
	font-weight: 700;
	border-left: 7px solid #53AEB5;
	padding-left: 10px;
	margin-bottom:15px;
}
.reason_content_left{
	width:50%;
}	
.reason_content_right{
	width:50%;
	margin-left: 60px;
}
.reason_content_img{
	text-align: center;
	margin-top:20px;
}
.reason_content_img img{
	max-width: 100%;
	max-height: 500px;
}
.reason_content_sub-title{
	font-weight: 700;
	margin-top:30px;
	margin-bottom: 10px;
}
.reason_content_text span{
	color: #337E84;
	font-weight: 700;
}
.reason_content_sub-text{
	background-color: #F8F8F8;
	padding: 10px;
}
.more_info:hover{
	padding-left:5px;
	transition: 0.3s;
}
.more_info:hover a{
	opacity: 0.6;
	transition: 0.3s;
	padding-left: 5px;
}
.reason_area_button{
	padding-left: 10px;
	
}
@media screen and (max-width: 1200px) {
	.reason_content_area{
		display: block;
	}
	.reason_content_right{
		margin-left: 0px;
		margin-top: 40px;
		width: 100%;
	}
	.reason_content_left{
		width:100%;
	}
	.reason_title{
	font-size: min(100vw, 1.5rem);
	}
}
@media screen and (max-width:400px){
	#reason{
		padding-top:40px;
		padding-bottom: 40px;
	}
	.reason_boxes{
		min-width:300px;
		width: 95%;
	}
	.reason_box{
		padding: 15px;
		margin-top: 40px;
	}
	.reason_title_area{
		margin-bottom:10px;
	}
	.reason_title{
		margin-top:15px;
		margin-bottom:20px;
		font-size: min(100vw, 1.2rem);
	}
	.reason_number{
		color: #53AEB5;
		font-weight: 700;
		font-size: 1.2rem;
		display:block;
		padding-left: 20px;
	}
	.reason_number span{
		color: #53AEB5;
		font-size: 1rem;
	}
	.reason_number ::before{
		padding-top:3px;
		margin-left: -15px;
	}
	.reason_number ::after{
		padding-top:3px;
		padding-left: 18px;
	}
	.reason_content_title{
		font-size: 1.1rem;
		padding-left: 10px;
		margin-bottom:15px;
	}	
	.reason_content_sub-title{
		font-weight: 700;
		margin-top:30px;
		margin-bottom: 10px;
	}
	.reason_content_text span{
		color: #337E84;
		font-weight: 700;
	}
	.reason_content_sub-text{
		background-color: #F8F8F8;
		padding: 10px;
	}
	.more_info{
		font-size: 0.9rem;
	}
	.more_info:hover{
		padding-left:5px;
		transition: 0.3s;
	}
	.more_info:hover a{
		opacity: 0.6;
		transition: 0.3s;
		padding-left: 0px;
	}
	.reason_area_button{
		padding-left: 0px;

	}
	.more_info:hover{
		padding-left:0px;
	}
	.more_info:hover a{
		opacity: 1;
		padding-left: 0px;
}
}
#learn-more{
	margin-right: auto;
	margin-left: auto;
	padding-top:100px;
	padding-bottom: 100px;
	background-color: rgba(252,252,252,100);
}
#learn-more h2{
	padding-bottom:60px;
}
.lean-more_area{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	text-align: center;
}
.lean-more_side{
	width:500px;
	justify-content: center;
	text-align: center;
}
.lean-more_title{
	font-size: 1.3rem;
	font-weight: 700;
}
.underline_bl{
	border-bottom: solid 4px rgba(196,228,232,100);
}
.underline_r{
	border-bottom: solid 4px rgba(246,184,179,100);
}
.lean-more_text{
	margin-top:15px;
	margin-bottom: 30px;
	text-align: center;
}
.lean-more_btn{
	margin-right: auto;
	margin-left: auto;
	width:370px;
}
.lean-more_btn_bl{
	font-weight: 700;
	color: #fff;
	background-color: #53AEB5;
	border-radius: 50px;
	padding-top: 15px;
	padding-bottom: 15px;
	display:flex; 
	align-items: center;
	justify-content: center;
}
.lean-more_btn_bl img{
	padding-left:20px;
}
.lean-more_btn_r{
	font-weight: 700;
	color: #fff;
	background-color: #DA332B;
	padding-top: 15px;
	padding-bottom: 15px;
	border-radius: 50px;
	display:flex; 
	align-items: center;
	justify-content: center;
}
.lean-more_btn_r img{
	padding-right: 20px;
}
.lean-more_tel{
	margin-top:20px;
	font-weight: 700;
	font-size: 1.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.lean-more_tel span{
	color: #DA332B;
}
.lean-more_tel img{
	width: 20px;
	margin-left: 15px;
	margin-right: 15px;
}
@media screen and (max-width: 1200px) {
	.lean-more_area{
		display: block;
	}
	.lean-more_side{
		width:100%;
		margin-bottom:40px;
	}
}
@media screen and (max-width:400px){
	#learn-more{
		padding-top:40px;
		padding-bottom: 30px;
	}
	#learn-more h2{
		padding-bottom:40px;
	}
	.lean-more_side{
		width:90%;
		margin-bottom:40px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.lean-more_title{
		font-size: 1.1rem;
	}
	.lean-more_text{
		margin-top:10px;
		margin-bottom: 20px;
	}
	.lean-more_btn{
		width:95%;
	}
	.lean-more_btn_bl img{
		padding-left:10px;
	}
	.lean-more_btn_r img{
		padding-right: 10px;
	}
	.lean-more_tel{
		margin-top:15px;
		font-size: 1rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.lean-more_tel img{
		width: 20px;
		margin-left: 10px;
		margin-right: 10px;
	}
}
/* ======================================================================
 footer
====================================================================== */
footer{
	background-color: #F3F3F3;
}
.fotter_area{
	width:65%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 150px;
}
.footer_copyright{
	font-size: 0.8rem;
	text-align: center;
	padding-bottom: 20px;
}
.corporate{
	padding-top: 70px;
	font-size: 1.2rem;
	font-weight: 700;
	max-width: 400px;
}
.corporate a{
	display: flex;
}
.fotter_corporate_btn{
	margin-left: 5px;
	margin-top:4px;
}
.corporate :hover div{
	margin-left: 15px;
	transition: 0.3s ease;
}
.fotter_area_line{
	border-bottom:solid 1px rgba(187,187,187,100);
	margin-top: 30px;
	margin-bottom: 30px;
}
.gnav_group{
	width: 200px;
	margin-right: 10px;
}
.gnav_group:last-child{
	margin-right: 0;
}
.gnav_area ul{
	display: flex;
	padding-bottom: 40px;
}
.gnav_statements li{
	font-weight: 700;
	margin-right: 40px;
}

.gnav-sub_area{
	display: flex;
}
.gnav-sub_gfotter_title{
	font-weight: 700;
	border-left: 7px solid #53AEB5;
	padding-left: 10px;
}
.gnav-sub_gfotter{
	display: block;
	pointer-events: none;
}
.toggle{
	padding-left: 17px;
	margin-top:-1rem;
}
.toggle li{
	padding-top: 15px;
}
.input{
	display: none;
}
@media screen and (max-width:1200px){
	.fotter_area{
		width:90%;
		margin-left: auto;
		margin-right: auto;
		padding-bottom:20px;
	}
	.gnav_area ul{
		display: flex;
		flex-wrap: wrap;
		padding-bottom: 20px;
	}
}
@media screen and (max-width:850px){
	.gnav_area ul li{
		padding-bottom: 15px;
	}
	
}
@media screen and (max-width:400px){
	.fotter_area{
		width:90%;
		margin-left: auto;
		margin-right: auto;
		padding-bottom:20px;
	}
	.footer_copyright{
		text-align: left;
		padding: 20px;
	}
	.corporate{
		padding-top: 20px;
		font-size: 1rem;
	}
	.fotter_corporate_btn{
		margin-left: 5px;
		margin-top:4px;
	}
	.fotter_area_line{
		margin-top: 10px;
	}
	.gnav_group{
		width: 100%;
		margin-top: 20px;
	}
	.gnav-sub_gfotter_title{
		padding-left: 10px;
		cursor: default;
	}
	.gnav-sub_gfooter{
		pointer-events: all;
		cursor: default;
	}
	.toggle{
		height: 0;
		padding-left: 17px;
		transition: .6s;
	}
	input:checked + .toggle{
		height: auto;
		padding: 8px;
	}
	.toggle li{
		padding-top: 0 8px;
		line-height: 0;
		visibility: hidden;
		opacity: 0;
		transition: padding .6s, line-height .6s, visibility .3s, opacity .3s;
	}
	input:checked + .toggle li{
		padding: 8px;
		line-height: 1;
		visibility: visible;
		opacity: 1;
	}
	.gnav_area ul {
		display: block;
		padding-bottom: 15px;
	}
	.gnav_area ul li{
		margin-right: 0;
		padding-bottom: 15px;
	}
	.gnav-sub_area{
	display: block;
	justify-content: space-between;
	}
}
/*ページトップへ戻るボタン*/
.page-top-btn {
	position: fixed;
	z-index: 999 !important;
	bottom: 20px;
	right: 20px;
}
.page-top {
	text-align: center;
	display: block;
}
.top_triangle {
	width: 0px;
	height: 0px;
	border-top: 30px solid transparent;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	border-bottom: 20px solid #fff;
	position: relative;
	left: 1.8rem;
}
.page-top a {
	display: block;
	text-decoration: none;
	background: #53AEB5;
	color: #FFF;
	font-size: 1rem;
	font-weight: 700;
	line-height: 2rem;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	text-align: center;
	transition: .4s;
}
.page-top a:hover {
	text-decoration: none;
	background: #26B6C1;
}
.page-top a:active {
	background: #26B6C1;
	transition: 0;
}
@media screen and (max-width: 400px){
	.top_triangle {
		border-top: 25px solid transparent;
		border-right: 12px solid transparent;
		border-left: 12px solid transparent;
		border-bottom: 15px solid #fff;
		left: 1.5rem;
	}
	.page-top a {
		font-size: 1.5rem;
		line-height: 1rem;
		width: 70px;
		height: 70px;
	}
}