@charset "UTF-8";
/*
	BASE
*******************************/

/*
font-family: 'Lato', sans-serif;
font-family: 'M PLUS 1p', sans-serif;
font-family: 'Noto Sans JP', sans-serif;
*/
/* ゴシック系 */
/* font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,'Hiragino Kaku Gothic Pro',Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif; */
/* 明朝系 */
/* font-family: 'Noto Serif JP', "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; */

* {
	font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,'Hiragino Kaku Gothic Pro',Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
	margin: 0;
	padding: 0;
	box-sizing:border-box;
}

html {
	font-size:62.5%;
	line-height:1em;
}
body {
	font-size:1.6rem;
	background-color:#ffffff;
}

img {
	-webkit-backface-visibility: hidden;
	vertical-align:bottom;
	line-height:0;
}


p,th,td,dt,dd,li,h1,h2,h3,h4,h5,h6,label { color:#000000;}

a,
a:link,
a:visited {
	color:#000000;
	text-decoration:none;
	outline:none;
	border:none;
}
a:hover {
	text-decoration:none;
}

a img {
	outline:none;
	border:none;
	-webkit-backface-visibility: hidden;
}
area {
	border:none;
	outline:none;
}

.clear { clear:both;}

* img {
	max-width: 100%;
	height: auto;
}

a.tel {
	font-family:inherit;
	font-size:inherit;
	color:inherit;
	line-height:inherit;
}

/*//////////////////////////////////////////////////////////////////////////*/



/*
	BASE LAYOUT
******************/

body {
	min-width:1024px;
}

#main {
	width:100%;
	margin:0;
	padding:0;
	position:relative;
}
#main p {
	font-weight:500;
	font-size:1.6rem;
	line-height: 1.8;
	margin: 0;
	padding:0;
	text-align:justify;
}

/*//////////////////////////////////////////////////////////////////////////*/


/*基本：左右配置　上下センター　折り返しなし*/
.fbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

/*折り返しなし*/
.fbox.nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

/*左寄せ*/
.fbox.bxstart {
  -webkit-box-pack: start;
     -ms-flex-pack: start;
   justify-content: flex-start;
}

/*右寄せ*/
.fbox.bxend {
  -webkit-box-pack: end;
     -ms-flex-pack: end;
   justify-content: flex-end;
}

/*中央寄せ*/
.fbox.bxcenter {
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}

/*上寄せ*/
.fbox.alstart {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
	align-content: flex-start;
}

/*下寄せ*/
.fbox.alend {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
	align-content: flex-end;
}

/*上下中央*/
.fbox.alcenter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	align-content: center;
}

/*上下端*/
.fbox.albt {
  -ms-flex-line-pack: justify;
       align-content: space-between;
}

/*上下均等*/
.fbox.linedist {
  -ms-flex-line-pack: distribute;
       align-content: space-around;
}



/*子要素に設定　順番を1番目に*/
.pos0 {
  -webkit-box-ordinal-group: 1;
             -ms-flex-order: -1;
                      order: -1;
}

/*//////////////////////////////////////////////////////////////////////////*/

/*
	Contents LAYOUT
******************/

/*共通*/

.wrap {
	width:100%;
	text-align:center;
	padding:90px 0;
	overflow:hidden;
}
.wrap.mg{
	margin-bottom:90px;
}
.contents {
	width:calc(100% - 60px);
	max-width:1200px;
	margin:0 auto;
	box-sizing:border-box;
	text-align:left;
}
.contents_inner {
	width:100%;
}

.contents h2 {
	font-family: "Kdam Thmor Pro", sans-serif;
	color:#022D52;
	font-size:3rem;
	margin-bottom: 1.5em;
   padding-bottom: 0.5em;
	border-bottom:1px solid #022D52;
	display: inline-block;
}
.contents h2 span {
	font-family: 'M PLUS 1p', sans-serif;
	font-size:1.6rem;
	padding-left: 1em;
}

/*標準的なリスト*/
.list_box li {
    list-style: disc;
    margin-left: 1.5em;
    padding-left: -1em;
    line-height: 1.5em;
}

/*括弧付き文字*/
#main .contents div.frame{
	text-align:center;
	margin-bottom:3em;
}
#main .contents .frame p{
	font-family: 'M PLUS 1p', sans-serif;
	font-size:3.2rem;
	font-weight:600;
	display:inline-block;
	padding:0 2em;
	position:relative;
}
#main .contents .frame p::before{
	content:"";
	border:solid 5px #000000;
	border-right:none;
	height:100%;
	width:22px;
	display:inline-block;
	position:absolute;
	top:-5px;
	left:0;
}
#main .contents .frame p::after{
	content:"";
	border:solid 5px #000000;
	border-left:none;
	height:100%;
	width:22px;
	display:inline-block;
	position:absolute;
	top:-5px;
	right:0;
}

/*色*/
.pink{
	color:#F03173;
}
.orange{
	color:#FF9900;
}

/*背景*/
.wrap.bg {
    background:url(../img/common/bg.jpg) repeat center center/130% auto;
    text-align:center;
}

/*真ん中よせ*/
.center{
	text-align:center;
}

/*共通ボタン*/
a.b_black {
    background-color: #000000;
    color: #ffffff;
    font-size: 2rem;
    padding: 0.5em 1.5em;
    border-radius: 50px;
	display: inline-block;
    margin-top: 3em;
}
a:hover.b_black {
    background-color: #0058A5;
}
.button_box{
	text-align:center;
}
.button_box .button{
	background-color:#F03173;
	border-radius:50px;
	padding:10px 30px;
	margin-top:3em;
}

.button_box .button.b_blue{
	background-color:#25A0E8;
}
.button_box .button.b_white{
	background-color:#ffffff;
}
.button_box .button span{
	font-family: 'M PLUS 1p', sans-serif;
	font-size:2.4rem;
	color:#ffffff;
	font-weight:600;
	margin-left:0.5em;
}
.button_box .button .svg-inline--fa {
	color:#ffffff;
	font-size:2.2rem;
	margin-left:0.3em;
}
.button_box .button.b_white span,.button_box .button.b_white .svg-inline--fa {
	color:#FF9900;
}

.button{
	transition:.3s;
}
a.button:hover{
	transform:scale(1.05);
}

.b_trial,.b_contact{
	width:calc((100% / 2) - 15px);
	height:120px;
	border-radius:10px;
	box-shadow: -8px -8px 0 rgb(0 0 0 / 16%) inset;
	position:relative;
}
.b_trial{
	background-color:#FF0000;
}
.b_contact{
	background-color:#022D52;
}
.b_contact span,.b_trial span{
	color:#ffffff;
	font-size:3.6rem;
	font-weight:600;
	font-family: 'M PLUS 1p', sans-serif;
	padding-right:0.5em;
}
.b_contact .svg-inline--fa,.b_trial .svg-inline--fa {
	color:#ffffff;
	font-size:3rem;
	font-weight:600;
	position:absolute;
	right:1.5em;
	top: 50%;
	transform: translateY(-50%);
}
#contact .button.tel_box{
	border:solid #FF0000 5px;
	color:#FF0000;
	width:100%;
	padding:15px 0;
	margin-top:30px;
}
#contact .button.tel_box span{
	font-family: 'M PLUS 1p', sans-serif;
	font-size:2.4rem;
	font-weight:600;
}
#contact .button.tel_box .svg-inline--fa {
	font-size:5.0rem;
	font-weight:600;
	margin:0 0.5em;
}
#contact .button.tel_box span.number{
	font-family: 'Lato', sans-serif;
	font-size:5.0rem;
	font-weight:600;
}

.reserveatt {
	color:#000000;
}
.reserveatt p:first-child {
	margin-bottom:.5em;
}
.reserveatt .att {
	color:#FF0000;
	font-weight:600;
	font-size:1.2em;
	background:linear-gradient(transparent 60%, #ff0 60%);
}
.reserveatt .att2 {
	border:2px solid #ff0000;
	padding:.5em;
	font-weight:600;
}
.reserveatt .tel {
	display:grid;
	grid-template-columns:auto auto;
	justify-content:center;
	align-items:center;
	grid-column-gap:.5em;
	background-color:#ff9900;
	color:#FFFFFF;
	font-size:1.8rem;
	height:2em;
	width:10em;
	margin:0 auto;
	border-radius:1em;
	margin-bottom:1em;
	margin-top:1em;
}
.reserveatt .reserve {
	display:grid;
	grid-template-columns:auto auto;
	justify-content:center;
	align-items:center;
	grid-column-gap:.5em;
	background-color:#ff0000;
	color:#FFFFFF;
	font-size:1.8rem;
	max-width:15em;
	height:3em;
	margin:0 auto;
	border-radius:4px;
	margin-top:15px;
	margin-bottom:20px;
}
.pum-close.popmake-close {
	font-size:2.0rem!important;
	line-height:32px!important;
}

@media screen and (max-width:1200px){
	/*共通*/
	.wrap{
		padding:50px 0;
	}
	.wrap.mg{
		margin-bottom:50px;
	}
	.contents h2 {
		font-size:2.8rem;
		margin:0 auto 1.2em;
	}
	/*背景*/
	.wrap.bg {
		background:url(../img/common/bg.jpg) repeat center center/200% auto;
		text-align:center;
	}
	/*括弧付き文字*/
	#main .contents .frame p{
		font-size:2.6rem;
	}
	/*共通ボタン*/
		.button_box .button span{
		font-size:2.0rem;
	}
	.button_box .button .svg-inline--fa {
		font-size:2.0rem;
	}
	.button_box .button {
    margin-top: 2em;
}
	.b_trial,.b_contact{
		height:100px;
	}	
	.b_contact span,.b_trial span{
		font-size:3.0rem;
	}
	
}

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

}


@media screen and (max-width:640px){
	
body {
	min-width:100%;
}

#main p {
	font-size:1.4rem;
	line-height: 1.6;
}
	
	/*共通*/
	.wrap{
		padding:30px 0;
	}
	.wrap.mg{
		margin-bottom:30px;
	}
	.contents h2 {
		font-size:2.2rem;
		margin-bottom: 1em;
	   padding-bottom: 0.3em;
	}
	.contents h2 span {
		font-size:1.4rem;
	}
	/*背景*/
	.wrap.bg {
		background:url(../img/common/bg.jpg) repeat center center/400% auto;
		text-align:center;
	}
	/*括弧付き文字*/
	#main .contents div.frame {
		margin-bottom: 2em;
	}
	#main .contents .frame p{
		font-size:1.8rem;
		padding: 0 1.2em;
	}
	#main .contents .frame p::before{
		border:solid 3px #000000;
		border-right:none;
		width:10px;
	}
	#main .contents .frame p::after{
		border:solid 3px #000000;
		border-left:none;
		width:10px;
	}
	/*共通ボタン*/
	a.b_black {
		font-size: 1.6rem;
		margin-top: 1.5em;
	}
	.b_trial,.b_contact{
		width:100%;
		height:60px;
		box-shadow: -5px -5px 0 rgb(0 0 0 / 16%) inset;
	}
	.b_trial{
		margin-bottom:1em;
	}
	.b_contact span,.b_trial span{
		font-size:2.0rem;
	}
	.b_contact i,.b_trial .svg-inline--fa {
		font-size:2.0rem;
	}
	.b_contact .svg-inline--fa,.b_trial .svg-inline--fa {
	font-size:2rem;
}

/*
	Contents LAYOUT
******************/

.contents {
	width: calc(100% - 40px);
}
	
}

@media screen and (max-width:640px) {
    .pcOnly {
    	display:none !important;
    }
	
	/*お問合せ*/
	#contact .button.tel_box{
		border:solid #F03173 3px;
		padding:10px 0;
		margin-top:20px;
	}
	#contact .button.tel_box span:first-child {
		width: 100%;
		text-align:center;
	}
	#contact .button.tel_box span{
		font-size:1.8rem;
	}
	#contact .button.tel_box .svg-inline--fa {
		font-size:3.0rem;
		font-weight:500;
		margin:0 0.2em;
	}
	#contact .button.tel_box span.number{
		font-size:3.0rem;
	}
}
@media screen and (min-width:641px) {
    .spOnly {
    	display:none !important;
    }
}

.modal-button.render-form {
    background-color: #ff6600;
    color: #FFFFFF;
    padding: 0.5em;
    border: none;
    border-radius: 6px;
    line-height: 1;
    font-size: 1.4rem;
    display: inline-block;
    margin: 0 auto;
}
.listedit {
    margin-top: 15px;
    margin-bottom: -15px;
    text-align: left;
}
.listedit2 {
	text-align:center;
}
#recruit .listedit2 {
	margin-bottom:30px;
}
.home .newsbox .listedit2 {
	padding-top:15px;
}
#coach .listedit2 {
	transform:translateY(-50px);
}
.archive #coach .listedit2 {
	transform:translateY(-20px);
}
.frontend-form.-submit {
	display: inline-block;
}
.frontend-form.-submit .acf-field {
	padding:0;
}
.frontend-form.-submit .fea-delete-button {
	background-color:#ff0000;
	color:#FFFFFF;
	padding:.5em;
	border:none;
	border-radius:6px;
	line-height:1;
	font-size:1.4rem;
	display:inline-block;
	margin: 0;
}
.fea-modal-content .acf-field {
	margin-bottom:15px!important;
}

.fea-modal-content .fea-submit-button {
	background-color:#ff6600;
	color:#FFFFFF;
	padding:.5em 2em;
	border:none;
	border-radius:6px;
	line-height:1;
	font-size:1.46rem;
	margin:0 auto;
}
.listedit {
	width:100%;
	text-align:center;
	position:relative;
	z-index:1;
}
.fea-modal-content {
  width: 96% !important;
  max-width: 800px;
}
.single-stock .listedit,
.single-post .listedit {
	margin-bottom:15px;
}
.archive.category .listedit,
.blog .listedit {
	margin-top:15px;
	margin-bottom:-15px;
	text-align:left;
}


#coach .listedit {
	width:50%;
	transform: translateY(-20px);
	position: relative;
	padding-top:15px;
	z-index: 0;
}
#coach.single .listedit {
	transform:translateY(-50px);
	width:100%;
}
#coach.single .listedit2 {
	transform:translateY(-30px);
}


@media screen and (max-width:640px) {
#coach .listedit2 {
	transform:translateY(-40px);
}
#coach .listedit {
	width:100%;
	transform:translateY(-45px);
}
.archive.category .listedit,
.blog .listedit {
	margin-bottom:-5px;
}
.archive #coach .listedit2 {
	transform:translateY(-10px);
}
#coach.single .listedit {
	transform:translateY(-35px);
}
#coach.single .listedit2 {
	transform:translateY(-10px);
}

}

.loginpage .contents #user-registration {
	max-width:300px;
	margin:0 auto;
}
.loginpage #main .contents #user-registration p {
  font-size:14px;
}
.loginpage #main .contents #user-registration p a {
  font-size:12px;
}
.loginpage #main .contents #user-registration p + p {
  margin-bottom:15px;
}
.loginpage #main .contents #user-registration p:last-child {
	clear: both;
	text-align:center;
	padding-top:1em;
}
.loginpage #main .contents #user-registration .user-registration-Button {
	background-color: #ff6600;
	color:#FFFFFF;
	border-radius:4px;
}
.loginpage #main .contents #user-registration input[type="text"],
.loginpage #main .contents #user-registration input[type="password"]  {
	border-radius:4px;
	box-shadow:0;
	border:2px solid #cccccc;
}