@charset "UTF-8";

html{
	font-size: 10px;
	scroll-behavior: smooth;
}

html.pc .sp{ display: none !important; }
html.sp .pc{ display: none !important; }

html[lang]{
	margin: 0 !important;
}
#wpadminbar{
	display: none;
}

body{
	padding: 0;
	margin: 0;
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 2;
	/*letter-spacing: 1.5px;*/
	color: #6e6e6e;
	overflow-x: hidden;
	scroll-behavior: smooth;
	font-family: "Hiragino Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%; /* iPhoneだけ文字が大きくなる現象を防ぐ */
	/*font-feature-settings: "palt";*/ /* 文字詰め（フォントにカーニング情報が含まれる場合） */

	 /* iPhoneで上下のバーを抜いた高さ */
	height: -webkit-fill-available;
	height: -moz-available;
}

::-webkit-input-placeholder{ color: #bbb; }
:-moz-placeholder          { color: #bbb; }
:-ms-input-placeholder     { color: #bbb; }

/* iPhoneのボタン表示対策 */
input[type="submit"] {
	appearance: none;
	-webkit-appearance: none;
}

h1{
	margin: 50px 0;
}

h2{
	text-align: center;
	font-size: 2rem;
	font-weight: 600;
	letter-spacing: 0.03em;
	margin: 30px 0 50px;
}

h3{
	font-size: 1.5rem;
	font-weight: normal;
	margin: 20px 0;
}

h4{
	font-size: 1.2rem;
	font-weight: normal;
	margin: 15px 0;
}

img{
	vertical-align: middle;
	max-width: 100%;
}
img.double{
	display: none;
}
img.double.show{
	display: inline-block;
}

iframe{
	vertical-align: bottom;
	max-width: 100%;
}

a,
a:link,
a:visited{
	color: inherit;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}

/* IE6,7 対策 */
a img{
	border-style: none;
}

a.fade{
	display: inline-block;
	text-decoration: none;
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
}

a.fade:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	text-decoration:none;
}

#page{
	min-height: 100vh;
}

header{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 30px;
}
html.sp header{
	padding: 15px 15px;
}

html.sp .head_title{
}

#site-navigation{
/*	flex-grow: 1;*/
	display: flex;
	justify-content: space-between;
	/*align-items: center;*/
}
html.sp #site-navigation{
	flex-direction: column;
	justify-content: flex-start;
	position: fixed;
	left: 0;
	top: 0px;
	box-sizing: border-box;
	width: 100%;
	height: 100vh;
	padding: 100px 0px 50px;
	background-color: #f7f7f7;
	z-index: 1000;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s linear;
}
html.sp #open_nav:checked ~ header #site-navigation{
	opacity: 1;
	pointer-events: auto;
}
#site-navigation a{
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	font-size: 1.6rem;
	font-weight: 600;
	padding: 30px 20px;
	white-space: nowrap;
	transition: 0.2s ease-in-out;
}
html.sp #site-navigation a{
	justify-content: flex-start;
	font-size: 2.5rem;
	border-bottom: 1px solid #6e6e6e;
	background-color: #fff;
	padding: 30px 40px;
}
html.sp #site-navigation a:nth-of-type(1){
	border-top: 1px solid #6e6e6e;
}
#site-navigation a:hover{
	background-color: #eee;
/*	box-shadow: 0 -10px 0 10px #eee;*/
}
html.sp #site-navigation a:hover{
	box-shadow: 0 0 0 10px #eee;
}
#site-navigation .nav_title{
	position: absolute;
	top: 15px;
	left: 15px;
}

#open_nav{
	display: none;
}

label[for="open_nav"] {
    position: fixed;
    top: 13px;
    right: 13px;
    display: none;
/*    height: 60px;*/
/*    width: 60px;*/
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    z-index: 1100;
/*    background-color: #fff;*/
}
html.sp label[for="open_nav"] {
    display: flex;
}
label[for="open_nav"] img{
	width: 70px;
}
label[for="open_nav"] .nav_close{
	display: none;
}
#open_nav:checked ~ label[for="open_nav"] .nav_open{
	display: none;
}
#open_nav:checked ~ label[for="open_nav"] .nav_close{
	display: block;
}

footer{
	position: sticky;
	top: 100vh;

	text-align: center;
	margin: auto;
	padding: 150px 0;
}
footer a{
	text-decoration: none;
}
footer a:hover{
	text-decoration: underline;
}

.copyright{
/*	text-align: center;*/
	font-size: 1.2rem;
	letter-spacing: 0.35em;
	margin: 120px 0 0;
}

.pagetop{
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	right: 15px;
	bottom: 15px;
	width: 110px;
	height: 110px;
	border-radius: 100px;
	border: 1px solid #e8e8e8;
	background-color: #fff;
	z-index: 900;
	/*	opacity: 0;*/
	/*	pointer-events: none;*/
}
/*.pagetop.show{
	opacity: 1;
	pointer-events: auto;
}*/
.pagetop:hover{
	border: 1px solid #9ae5ff;
	/*	opacity: 0.7;*/
}
html.sp .pagetop{
	width: 70px;
	height: 70px;
}

.page_width1{
	max-width: 90%;
	width: 1000px;
	margin: 0 auto;
}
.page_width2{
	max-width: 90%;
	width: 790px;
	margin: 0 auto;
}
.page_width1 .page_width2{
	max-width: 100%;
}

.contents{
}


.button1,
.wpcf7cp-btns button{
	cursor: pointer;
	display: block;
	text-align: center;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 17px;
	font-weight: 600;
	color: #fff;
	background-color: #5880c9;
	border: 0;
	border-radius: 100px;
	box-sizing: border-box;
	width: 280px;
	padding: 18px;
	margin: 20px auto;
	transition: 0.15s linear;
    -webkit-appearance: none;
}
.wpcf7cp-btns button{
	margin: 0 10px;
}
html.sp .wpcf7cp-btns button{
	width: 200px;
}
.button1:hover,
.wpcf7cp-btns button:hover{
	filter: brightness(1.15);
}

.wpcf7cp-btns button{
	display: inline-block;
}
div.wpcf7cp-btns{
	text-align: center;
}

ol.type1{
	counter-reset: num;
	list-style-type: none;
	padding-left: 0;
	border-top: 1px solid #6e6e6e;
}
ol.type1 li{
	display: flex;
	padding: 20px 10px;
	border-bottom: 1px solid #6e6e6e;
}
ol.type1 li:before {
	counter-increment: num;
	content: counter(num)'. ';
	white-space: nowrap;
	margin-right: 15px;
}

table.type1{
	border-collapse: collapse;
	border-top: 1px solid #d9d9d9;
	width: 100%;
}
table.type1 th,
table.type1 td{
	text-align: left;
	font-weight: 300;
	border-bottom: 1px solid #d9d9d9;
	padding: 30px 30px;
}
table.type1 th{
	white-space: nowrap;
/*	background-color: #e2e6e8;*/
}
table.type1 td{
/*	background-color: #fff;*/
	width: 750px;
}




/* トップページ **************************************************************** */

.page-template-top h2{
	text-align: center;
	font-size: 2rem;
	font-weight: 600;
	letter-spacing: 0.03em;
	margin: 30px 0 50px;
}

.page-template-top .area1 .row1{
	display: flex;
	justify-content: center;
	margin: 70px 0;
}
html.sp .page-template-top .area1 .row1{
/*	flex-direction: column;*/
	flex-wrap: wrap;
}
.page-template-top .area1 .row1 .box{
	--shadow-height: 10px;
	position: relative;
	top: 0;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
	min-width: 300px;
	padding: 10px;
	border-radius: 20px;
	background-color: #859dc9;
	box-shadow: 0px var(--shadow-height) 0 0 #748cb8;
	margin: 0 3px;
	transition: 0.2s ease-in-out;
}
html.sp .page-template-top .area1 .row1 .box{
	margin: 15px 3px;
}
.page-template-top .area1 .row1 .box:nth-of-type(2){
	background-color: #86cc5e;
	box-shadow: 0px var(--shadow-height) 0 0 #7db85a;
}
.page-template-top .area1 .row1 .box:nth-of-type(3){
	background-color: #e0c06c;
	box-shadow: 0px var(--shadow-height) 0 0 #bfaa71;
}
.page-template-top .area1 .row1 .box:hover{
	--shadow-height: 15px;
	top: -5px;
}
.page-template-top .area1 .row1 .box .image{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 130px;
}
.page-template-top .area1 .row1 .box .text{
	font-size: 1.9rem;
	font-weight: 600;
	color: #fff;
}

.page-template-top .area1 .text2{
	text-align: center;
	font-size: 2.8rem;
	font-weight: 600;
	line-height: 1.9;
	letter-spacing: 0.03em;
	margin: 70px 0;
}
.page-template-top .area1 .text2{
	font-size: 2.6rem;
}

.page-template-top .area2{
	padding: 100px 0;
	background-color: #dcf0f7;
}
html.sp .page-template-top .area2{
	padding: 50px 0;
}
.page-template-top .area2 h3{
	text-align: center;
	margin: 40px 0;
}
.page-template-top .area2 h3 .inner{
	display: inline-block;
	padding: 7px 20px;
	border-radius: 12px;
	color: #5880c9;
	background-color: #fff;
}

.page-template-top .area2 .kaityo{
	text-align: right;
	margin: 30px 0;
}

.page-template-top .area3{
	padding: 100px 0;
}

.page-template-top .area3 .row1{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
html.sp .page-template-top .area3 .row1{
/*	justify-content: center;*/
}
.page-template-top .area3 .row1 .box{
	flex-basis: 325px;
	text-align: center;
	margin: 50px 0;
}
html.sp .page-template-top .area3 .row1 .box{
	flex-basis: 48%;
}
.page-template-top .area3 .row1 .box h3{
	font-size: 1.6rem;
	font-weight: 600;
	color: #fff;
	border-radius: 12px;
	background-color: #859dc9;
	padding: 7px;
	margin: 10px 30px;
}
html.sp .page-template-top .area3 .row1 .box h3{
	margin: 10px 20px;
}
.page-template-top .area3 .row1 .box:nth-of-type(2) h3,
.page-template-top .area3 .row1 .box:nth-of-type(3) h3{
	background-color: #e0c06c;
}
.page-template-top .area3 .row1 .box:nth-of-type(4) h3{
	background-color: #86cc5e;
}
.page-template-top .area3 .row1 .box .image{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 175px;
}
.page-template-top .area3 .row1 .box p{
	text-align: left;
}

.page-template-top .area4{
	padding: 80px 0 150px;
	background-color: #f7f7f7;
}

table.type1 td.hp{
	width: 100px;
}
table.type1 h3{
	font-size: 1.8rem;
	font-weight: 600;
	margin: 10px 0 15px;
}
html.sp table.type1 h3{
	white-space: nowrap;
	margin: 10px -150px 15px 0;
}
.page-template-top .tel{
	margin-right: 50px;
}
html.sp .page-template-top .tel{
	display: block;
	margin-right: 0;
}
.page-template-top td.hp a{
	display: inline-block;
	text-decoration: none;
	text-align: center;
	line-height: 1.3;
	letter-spacing: 0.3em;
	box-sizing: border-box;
	width: 85px;
	padding: 10px 0px 10px 5px;
	color: #fff;
	background-color: #5880c9;
	border-radius: 50px;
}
.page-template-top td.hp a:hover{
	filter: brightness(1.2);
}



/* お問合せ **************************************************************** */

#wpcf7cpcnf table,
table.type2{
	border-collapse: collapse;
	width: 100%;
}
#wpcf7cpcnf table th,
#wpcf7cpcnf table td,
table.type2 th,
table.type2 td{
	text-align: left;
	font-weight: 300;
	padding: 20px 30px;
}
#wpcf7cpcnf table tr:nth-of-type(2n+1) th,
#wpcf7cpcnf table tr:nth-of-type(2n+1) td,
table.type2 tr:nth-of-type(2n+1) th,
table.type2 tr:nth-of-type(2n+1) td{
	background-color: #f2faeb;
}
.page-template-contact #wpcf7cpcnf table tr:nth-of-type(2n+1) th,
.page-template-contact #wpcf7cpcnf table tr:nth-of-type(2n+1) td,
.page-template-contact table.type2 tr:nth-of-type(2n+1) th,
.page-template-contact table.type2 tr:nth-of-type(2n+1) td{
	background-color: #eef7fa;
}
table.type2 tr{
	display: flex;
	justify-content: space-between;
}
#wpcf7cpcnf table th,
table.type2 th{
	flex-grow: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	vertical-align: top;
	white-space: nowrap;
	box-sizing: border-box;
	padding-left: max(calc((100vw - 940px) / 2), 5vw);
	padding-right: 20px;
}
#wpcf7cpcnf table th.hissu:after,
table.type2 th.hissu:after{
	content: "必須";
	display: block;
	/*position: absolute;*/
	right: 0;
	top: calc(50% - 13px);
	font-size: 1.3rem;
	line-height: 1;
	padding: 5px 9px;
	border-radius: 4px;
	margin: 0 0 0 10px;
	color: #fff;
	background-color: #5880c9;
}
#wpcf7cpcnf table td,
table.type2 td{
	background-color: #fff;
	width: 580px;
	padding-right: max(calc((100vw - 940px) / 2), 5vw);
}
#wpcf7cpcnf table th p,
#wpcf7cpcnf table td p,
table.type2 th p,
table.type2 td p{
	margin: 0;
}

html.sp table.type2,
html.sp table.type2 tbody,
html.sp table.type2 tr,
html.sp table.type2 th,
html.sp table.type2 td{
	display: block;
	box-sizing: border-box;
	width: 100%;
}
html.sp table.type2 th{
	display: flex;
	justify-content: flex-start;
	/*align-items: flex-start;*/
	padding-bottom: 0;
}
table.type2 th.hissu:after{
}
html.sp table.type2 td{
	padding-top: 10px;
}


input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="search"],
textarea{
	font-size: 1.6rem;
	font-weight: 400;
	box-sizing: border-box;
	border: 1px solid #cdcdcd;
	border-radius: 4px;
	padding: 10px;
	margin: 0;
	width: 100%;
	-webkit-appearance: none; /* iPhone の入力欄へのエフェクトを消す */
}

input[name="your-tel"]{
	width: 270px;
}

input[name="yuubinbangou"]{
	width: 200px;
}

.page-template-contact h2{
	text-align: center;
	margin: 70px 0 30px;
}

.page-template-contact .privacy{
	text-align: center;
	margin: 50px 0 70px;
}

.page-template-contact input.wpcf7-submit{
	opacity: 0;
}
.page-template-contact input.wpcf7-submit.show{
	opacity: 1;
}

.wpcf7 form .wpcf7-response-output{
	max-width: 90%;
	width: 790px;
	margin: 0 auto;
}