@charset "UTF-8";

.mgn5{margin: 5px;}
.mgn10{margin: 10px;}
.mgn20{margin: 20px;}
.mgn30{margin: 30px;}
.mgn40{margin: 40px;}
.mgn50{margin: 50px;}

.mgn-top5{margin-top: 5px;}
.mgn-top10{margin-top: 10px;}
.mgn-top20{margin-top: 20px;}
.mgn-top30{margin-top: 30px;}
.mgn-top40{margin-top: 40px;}
.mgn-top50{margin-top: 50px;}
.mgn-top100{margin-top: 100px;}
.mgn-top110{margin-top: 110px;}
.mgn-top120{margin-top: 120px;}

.pdg-top70{padding-top: 70px;}

.mgn-btn5{margin-bottom: 5px;}
.mgn-btn10{margin-bottom: 10px;}
.mgn-btn20{margin-bottom: 20px;}
.mgn-btn30{margin-bottom: 30px;}
.mgn-btn40{margin-bottom: 40px;}
.mgn-btn50{margin-bottom: 50px;}
.mgn-btn60{margin-bottom: 60px;}
.mgn-btn70{margin-bottom: 70px;}
.mgn-btn100{margin-bottom: 100px;}

.pdg-btn70{padding-bottom: 70px;}

.mgr-btm-tb5{margin: 5px 0px;}
.mgr-btm-tb10{margin: 10px 0px;}
.mgr-btm-tb15{margin: 15px 0px;}
.mgr-btm-tb20{margin: 20px 0px;}
.mgr-btm-tb25{margin: 25px 0px;}
.mgr-btm-tb30{margin: 30px 0px;}
.mgr-btm-tb40{margin: 40px 0px;}

.sec-base-frame{width: 1000px; margin: 0 auto;}
@media screen and (max-width:1024px){
	.sec-base-frame{width: 100%;}
}

.sec-header-before{display: block; background-color:#4d79ff; width: 100%; height: 10px;}
.sec-header{display: flex; display: -webkit-flex; background-color: rgba(242, 242, 242,0.2); width: 100%; height: 100px;}
.sec-header .blk-han{display: block;}
.sec-header .blk-title{display: block; padding: 20px 0px; margin: 0 auto; }
.sec-header .blk-title img{margin: 0 20px;}
.sec-header .blk-title p{color: #000; text-align: center; font-size: 13px;}

.gray_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #dcdcdc 0%) repeat scroll 0 0;}

#sec-top-title{display: block;}
#sec-top-title #top-bdr-main{display: flex; display: -webkit-flex;}
#sec-top-title #top-bdr-main #blk-cal{display: block;}
#sec-top-title #top-bdr-main #top-bdr{border-top: 2px dashed #f2f2f2; margin: 30px 0px;}

#sec-top-title h1{font-family: "じゅん 201";}
#sec-top-title #btn-bdr{border-bottom: 2px dashed #f2f2f2; margin: 30px 0px;}
@media screen and (max-width:440px){
	#sec-top-title h1{font-size: 26px;}
}

#sec-footer-syoukai{display: flex; position: relative; background-color: rgba(242, 242, 242); width: 100%; height: auto; padding: 5px 0;}
#sec-footer-syoukai #blk-tenpo{margin: auto; text-align: center; font-family: "A1明朝";}
#sec-footer-syoukai #blk-tenpo-addr{margin-top: 10px;}
#sec-footer-syoukai #blk-online-shop{margin-top: 10px; font-size: 18px;}
@media screen and (max-width:440px){
	#sec-footer-syoukai #blk-tenpo{font-size: 12px; text-align: left;}
}
@media screen and (max-width:320px){
	#sec-footer-syoukai{padding: 10px;}
}


#sec-footer-after{display: block; background-color:#4d79ff; width: 100%; height: 10px;}
#sec-footer{display: flex; background-color: rgba(242, 242, 242,0.2); width: 100%; height: 50px;}
#sec-footer p{margin:auto; font-size: 12px;}
#sec-footer p i{margin-right: 5px;}

#sec-bun p{font-family: "じゅん 201";}

section h2{font-family: "じゅん 201"; margin-bottom: 15px; border-bottom: solid 3px skyblue; position: relative;}
section h2:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #ffc778;
	bottom: -3px;
	width: 30%;
}

@media screen and (max-width:440px){
	section h2{font-size: 20px; font-weight: bold;}
}
@media screen and (max-width:320px){
	section h2{font-size: 18px; font-weight: bold; padding-bottom: 10px;}
}

@media screen and (max-width:440px){
	.visible-sp{display: block;}
	.visible-tb{display: none;}
	.visible-dt{display: none;}
}

@media screen and (min-width:441px) and (max-width:1024px){
	.visible-sp{display: none;}
	.visible-tb{display: block;}
	.visible-dt{display: none;}
}

@media screen and (min-width:1025px){
	.visible-sp{display: none;}
	.visible-tb{display: none;}
	.visible-dt{display: block;}
}

.block {
	width: 100%;
	height: 60vh;
	display: flex;
	align-items: center;
	justify-content: center;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}
@media screen and(max-width:440px){
	.block {
		height: 50px;
	}
}
@media screen and(min-width:441px) and (max-width:1024px){
	.block {
		height: 70px;
	}
}

.block2 {
	width: 100%;
	height: 80vh;
	display: flex;
	align-items: center;
	justify-content: center;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}
.block-one {
	background: #fff;
	z-index: 200;
}
.block-two {
	background: #fff;
	z-index: 100;
}
.block-three {
	background: #fff;
	z-index: 200;
}

.sec-btn-osk a{display: block; background: rgb(255, 230, 204); text-align: center; color: #000; width: 350px; height: 80px; font-size: 20px; margin: 50px auto; padding: 10px;}
.sec-btn-osk a::after{border: solid 2px red; margin: 10px;}
.sec-btn-osk i{margin-right: 7px;}

.sec-btn-toiawase a{display: block; background: rgb(230, 242, 255); text-align: center; color: #000; width: 350px; height: 80px; font-size: 20px; margin: 50px auto; padding-top: 25px;}
.sec-btn-toiawase a::after{border: solid 2px red; margin: 10px;}
.sec-btn-toiawase i{margin-right: 7px;}

@media screen and (max-width:320px){
	.sec-btn-osk a,
	.sec-btn-toiawase a
	{width: 100%; height: 80px;}

	.sec-btn-osk a{font-size: 18px;}
}

.sec-bottom-osusume{display: block; font-family: "A1明朝";}
.sec-bottom-osusume .sec-title{}
.sec-bottom-osusume .sec-title .title{font-size: 20px; font-weight: bold; font-family: "A1明朝";}
.sec-bottom-osusume .sec-title .line{border-bottom: solid 2px #000; margin-bottom: 10px;}
.sec-bottom-osusume .inner{display: flex; display: -webkit-flex; flex-wrap: wrap;}
.sec-bottom-osusume .inner .blk-column{display: block; width: 23.5%; margin-right: 15px;}
.sec-bottom-osusume .inner .blk-column img{display: block; width: 235px; height: 140px; overflow: hidden; border-radius: 5%;}
.sec-bottom-osusume .inner .blk-column h2{font-size: 20px; font-family: "A1明朝";}
.sec-bottom-osusume .inner .blk-column p{font-family: "A1明朝";}
@media screen and (max-width:440px){
	.sec-bottom-osusume .inner .blk-column{width: 45%;}
	.sec-bottom-osusume .inner .blk-column img{width: 100%; height:auto;}
	.sec-bottom-osusume .inner .blk-column h2{margin-top: 8px;}
}