@charset "UTF-8";
.no-gutters {
	margin:0;
	padding:0;
}

.no-gutters　> .col,
.no-gutters　> [class*="col-"] {
	margin:0;
	padding:0;
}

div.container.none{
	margin-top: 0 !important;
}

.m-3 {
	margin: 16px !important;
}

.mt-3,
.my-3 {
	margin-top: 16px !important;
}

.mr-3,
.mx-3 {
	margin-right: 16px !important;
}

.mb-3,
.my-3 {
	margin-bottom: 16px !important;
}

.ml-3,
.mx-3 {
	margin-left: 16px !important;
}

.m-4 {
	margin: 24px !important;
}

.mt-4,
.my-4 {
	margin-top: 24px !important;
}

.mr-4,
.mx-4 {
	margin-right: 24px !important;
}

.mb-4,
.my-4 {
	margin-bottom: 24px !important;
}

.ml-4,
.mx-4 {
	margin-left: 24px !important;
}

.m-5 {
	margin: 48px !important;
}

.mt-5,
.my-5 {
	margin-top: 48px !important;
}

.mr-5,
.mx-5 {
	margin-right: 48px !important;
}

.mb-5,
.my-5 {
	margin-bottom: 48px !important;
}

.ml-5,
.mx-5 {
	margin-left: 48px !important;
}

.p-4 {
	padding: 24px !important;
}

.pt-4,
.py-4 {
	padding-top: 24px !important;
}

.pr-4,
.px-4 {
	padding-right: 24px !important;
}

.pb-4,
.py-4 {
	padding-bottom: 24px !important;
}

.pl-4,
.px-4 {
	padding-left: 24px !important;
}

.p-5 {
	padding: 48px !important;
}

.pt-5,
.py-5 {
	padding-top: 48px !important;
}

.pr-5,
.px-5 {
	padding-right: 48px !important;
}

.pb-5,
.py-5 {
	padding-bottom: 48px !important;
}

.pl-5,
.px-5 {
	padding-left: 48px !important;
}

.mrt-5{
	margin-top: 15px !important;
}

.w-99{
	width: 99% !important;
	margin: 0 auto !important;
}

.w-99-m-auto{
	width: 99% !important;
}

.w-540{
	width: 540px !important;
	max-width: 540px !important;
}

.from-now-box::before{
	bottom: -76px !important;
}

.campaign{
	width: 95% !important;
}

header{
	font-family: "メイリオ" , Meiryo , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" ,  "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

footer{
	display: flex;
	font-family: "メイリオ" , Meiryo , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" ,  "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

footer > dl{
	margin-bottom: 0;
}

footer > dl dd{
	margin-bottom: 0;
}

nav.foot-nav > p a, nav.foot-nav > ul{
	margin-bottom: 0;
}

nav.foot-nav > p a, nav.foot-nav > ul li a{
	font-size: 14px;
	font-size: 1.4rem;
}

div.contents h2 span::before,
div.contents h2 span::after,
div.contents h3 span::before,
div.contents h3 span::after{
	display: none;
}

.bg-black,
.bg-gray,
.form,
.plan,
.ishikawa{
	position: relative;
}

.bg-black::before{
	content:"";
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0 -500%;
	padding: 0 500%;
	top: 0;
	left: 0;
	background: #000;
	z-index: -1;
}

.bg-gray::before{
	content:"";
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0 -500%;
	padding: 0 500%;
	top: 0;
	left: 0;
	background: #e6e7e8;
	z-index: -1;
}

.form::before{
	content:"";
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0 -500%;
	padding: 0 500%;
	top: 0;
	left: 0;
	background: #0083CF;
	z-index: -1;
}

.plan::before{
	content:"";
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0 -500%;
	padding: 0 500%;
	top: 0;
	left: 0;
	background: #00BFDF;
	z-index: -1;
}

.ishikawa::before{
	content:"";
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0 -500%;
	padding: 0 500%;
	top: 0;
	left: 0;
	background: #E0F0FC;
	z-index: -1;
}

.entry-header{
	margin: 0 -500%;
	padding: 0 500%;
}

.strength-select{
	margin: 0 -500%;
	padding: 50px 500% 0;
}

a.tel_link{
	display: block;
	pointer-events: none;
}

.balloon img{
	margin: 0 !important;
}

.container.none{
	margin-top: 0 !important;
	padding-bottom: 0 !important;
}

section.top-strength{
	margin: 0 -500%;
	padding: 0 500%;
}

.step0-box > p{
	font-weight: bold;
	margin-bottom: 18px;
}

.strength-box{
	height: 216px;
}

.strength-box::before{
	height: 100%;
}

h2.strength-select-h2 {
	font-size: 44px !important;
	color: #ffffff !important;
	text-align: center !important;
	margin-bottom: 58px !important;
	position: relative !important;
}

.strength-select-box-jitaku::before,
.strength-select-box-school::before{
	padding-top: 78%;
}

.autumn-balloon > p{
	font-weight: bold;
}

@media screen and (min-width: 768px) {
.p-md-2 {
	padding: 8px !important;
}

.pt-md-2,
.py-md-2 {
	padding-top: 8px !important;
}

.pr-md-2,
.px-md-2 {
	padding-right: 8px !important;
}

.pb-md-2,
.py-md-2 {
	padding-bottom: 8px !important;
}

.pl-md-2,
.px-md-2 {
	padding-left: 8px !important;
}

.p-md-5 {
	padding: 48px !important;
}

.pt-md-5,
.py-md-5 {
	padding-top: 48px !important;
}

.pr-md-5,
.px-md-5 {
	padding-right: 48px !important;
}

.pb-md-5,
.py-md-5 {
	padding-bottom: 48px !important;
}

.pl-md-5,
.px-md-5 {
	padding-left: 48px !important;
}
}

@media screen and (max-width: 767px) {
.triangle {
	width: 0;
	height: 0;
	border-left: 45px solid transparent;
	border-right: 45px solid transparent;
	border-top: 34px solid #00BFDF;
	margin: 0 auto 10px auto;
}

.from-now-wrap{
	min-height: 120px !important
}

.from-now-box{
	margin-top: 0 !important;
}

.black-dot::before {
	top: -2px;
	width: 3px;
	height: 3px;
}

.mrt-5{
	margin-top: 0 !important;
}

.entry-header {
	height: 70px !important;
}

div.contents h2 span,
div.contents h3 span{
	font-size: 25px !important;
}

div.contents h2 span.size48,
div.contents h3 span.size48{
	font-size: 30px !important;
}

#contact-btn {
	line-height: 1.0;
	font-family: "メイリオ" , Meiryo , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" ,  "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;;
}

#contact-btn ul{
	margin-bottom: 0;
}

footer > dl {
	margin-bottom: 30px !important;
}

a.tel_link{
	pointer-events: auto;
}

.w-99{
	width: 100% !important;
}

.free_cons2{
	display: none;
}

.top-number{
	margin-bottom: 3px;
}

.campaign{
	width: 100% !important;
}

.ishikawa{
	padding-top: 30px;
}

h2.strength-select-h2{
	line-height: 1.2 !important;
}

.strength-box{
	height: auto;
}

.strength-select{
	min-height: 100%;
}

.leanstyle{
	padding-bottom: 50px;
}
}

@media (max-width: 450px){
.strength-select-box-jitaku::before, .strength-select-box-school::before {
	padding-top: 125%;
}
}

@media (max-width: 320px){
.strength-select-box-jitaku::before, .strength-select-box-school::before {
	padding-top: 135%;
}

.entry-header{
	height: 110px !important;
}

.headimg{
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.headimg img{
	width: 75%;
	margin: 0 auto;
	margin-top: 10px !important;
}

.black-big,
.size4451{
	font-size: 25px !important;
}

div.contents h2 span.size48,
div.contents h3 span.size48 {
	font-size: 25px !important;
}

h2.strength-select-h2{
	font-size: 30px !important;
}

.passin_1_sp,
.passin_2_sp{
	height: 245px;
}
}