@charset "utf-8";
/* CSS Document */



.gaiyowrap {
	width:100%;
	height:auto;
	padding-top:350px;
	margin-bottom:30px;
	display:flex;}

.redbase {
	background-color:#CC0000;
	font-size:1.5em;
	font-weight:700;
	color:#FFFFFF;
	text-align:right;
	padding-top:40px;
	padding-right:40px;
	width:40%;
	margin-left:0;
	min-height:300px;
	box-sizing:border-box;
	}
.txtarea {
	text-align:left;
	padding:20px 30px 10px 30px;
	width:25%;	
	box-sizing:border-box;
	font-size:1.0em;
	}
.txtarea .linkbtn {
	background-color:#000000;
	color:#000;
	padding:5px 20px;
	line-height:1.3;
	margin:0 auto 10px 0;
	border-radius:100vh;
	transition:background-color .5s;
	width:fit-content;
	font-weight:700;
	font-size:1.1em;}
.txtarea .linkbtn a {
	color:#FFFFFF;
	text-decoration:none;}	
.txtarea .linkbtn:hover {
	background-color:#CC0000;}	
	
	
.txtarea ul li {
	margin-bottom:10px;}
.profph {
	width:35%;	
	box-sizing:border-box;
	background-image:url(../subimg/prof/tsubakiph.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	min-height:300px;
	text-indent: -9999px;
		}
@media (max-width: 1500px) {		
	.redbase {
	width:30%;
	}
	.txtarea {
	width:35%;	
	}}
@media (max-width: 900px) {		
.gaiyowrap {
	flex-wrap:wrap;}
	.redbase {
	width:50%;
	font-size:1.2em;
	}
	.txtarea {
	width:50%;	
	}
	.profph {
	width:100%;	
		}
	.txtarea ul li {
	margin-bottom:5px;}}
@media (max-width: 500px) {		
	.redbase {
	width:40%;
	font-size:1.1em;
	}
	.txtarea {
	width:60%;
	padding-top:10px;	
	}
	.txtarea ul li {
	line-height:1.2;
	margin-bottom:20px;}
}






		
/*ギア紹介*/
.gearwrap {
	max-width:1400px;
	width:90%;
	height:auto;
	margin:0 auto 100px auto;
	position:relative;}
.blackbox {
	position:absolute;
	top:0;
	right:0;
	font-weight:700;
	color:#FFFFFF;
	font-size:1.5em;
	padding-top:40px;
	padding-left:40px;
	box-sizing:border-box;
	width:45%;
	min-height:450px;
	z-index:1;
	background-color:#000;}
@media (max-width: 950px) {	
.gearwrap {
	width:100%;
	height:auto;}
.blackbox {
	width:55%;
	font-size:1.2em;}}
	
.gearimg {
	position:absolute;
	top:200px;
	left:0;
	width:100%;
	height:auto;
	max-width:1279px;
	margin:0 auto 100px 0;
	z-index:2;}
.gearimg img {
	width:100%;
	height:auto;}

.gearwrap .linkbtn {
	position:absolute;
	top:175px;
	left:10px;
	z-index:3;
	background-color:#000000;
	color:#000;
	padding:15px 50px;
	margin:0 auto 0 0;
	border-radius:100vh;
	transition:background-color .5s;
	width:fit-content;
	font-weight:700;
	font-size:1.1em;}
.gearwrap .linkbtn a {
	color:#FFFFFF;
	text-decoration:none;}	
.gearwrap .linkbtn:hover {
	background-color:#CC0000;}

.ctrlbox {
	width:100%;
	height:100px;
	margin-top:1200px;
	position:static;}
@media (max-width: 1200px) {
.ctrlbox {
	width:100%;
	height:100px;
	margin-top:1050px;
	position:static;}}
@media (max-width: 1000px) {
.ctrlbox {
	width:100%;
	height:100px;
	margin-top:900px;
	position:static;}}

	
/*トレーニング紹介*/
.trainingwrap {
	max-width:1400px;
	width:90%;
	height:auto;
	margin:0 auto 100px auto;
	position:relative;}
.trainingwrap .redbox {
	position:absolute;
	top:0;
	right:0;
	font-weight:700;
	color:#FFFFFF;
	font-size:1.5em;
	padding-top:40px;
	padding-left:40px;
	box-sizing:border-box;
	width:45%;
	min-height:470px;
	z-index:3;
	background-color:#CC0000;}
.trainingwrap .phwrap {
	position:absolute;
	top:130px;
	left:0;
	width:100%;
	height:auto;
	max-width:1279px;
	margin:0 auto 100px 0;
	z-index:4;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;}
.trainingwrap .phwrap .trph {
	width:28%;
	margin-bottom:25px;
	height:auto;}
@media (max-width: 1000px) {	
.trainingwrap .phwrap .trph {
	width:45%;}
.trainingwrap .redbox {
	width:60%;
	min-height:300px;
	font-size:1.2em;}
}


.trainingwrap .phwrap .trph img {
	width:100%;
	height:auto;}
.trainingwrap .phwrap .trph h3 {
	margin:8px 0 0 auto;
	font-weight:normal;
	width:100%;
	text-align:right;
	font-size:0.8em;
	line-height:1.1;}
.trainingwrap .phwrap .trph h3 a {
	text-decoration:none;}


/*メディア*/
.mediawrap {
	width:100%;
	height:auto;
	margin-bottom:150px;
	display:flex;}

.mediawrap .redbase {
	background-color:#CC0000;
	font-size:1.5em;
	font-weight:700;
	color:#FFFFFF;
	text-align:right;
	padding-top:40px;
	padding-right:40px;
	width:40%;
	margin-left:0;
	min-height:300px;
	box-sizing:border-box;
	}
.mediawrap .txtarea {
	text-align:left;
	padding:20px 30px 0 70px;
	width:60%;	
	box-sizing:border-box;
	font-size:0.95em;
	}
.mediawrap .txtarea ul {
	margin-bottom:20px;
	border-bottom:#CCCCCC 1px solid;}
.mediawrap .txtarea ul li {
	margin-bottom:13px;
	line-height:1.2;}
.mediawrap .txtarea ul li a {
	text-decoration:none;}
.mediawrap .txtarea ul li a.icon_tv::before {
	font-family: "Font Awesome 5 Free";
	content: "\f26c";
	margin-right:15px;
	font-weight:900;}
.mediawrap .txtarea ul li a.icon_youtube::before {
	font-family: "Font Awesome\ 5 Free";
	content: "\f390";
	margin-right:15px;
	font-weight:900;}
.mediawrap .txtarea ul li a.icon_web::before {
	font-family: "Font Awesome 5 Free";
	content: "\e51d";
	margin-right:10px;
	font-weight:900;}

@media (max-width: 1500px) {		
.mediawrap .redbase {
	width:30%;
	}
.mediawrap .txtarea {
	width:70%;	
	}}
@media (max-width: 1000px) {		
.mediawrap {
	margin-top:60%;
	display:block;
	}
.mediawrap .redbase {
	text-align:left;
	padding:10px 0 10px 20px;
	width:calc(100% - 20px);
	margin-left:auto;
	margin-bottom:15px;
	min-height:1em;
	box-sizing:border-box;
	}
.mediawrap .txtarea {
	text-align:left;
	padding:20px 0 0 0;
	margin:0 auto;
	width:80%;	
	box-sizing:border-box;
	font-size:0.95em;
	}}
@media (max-width: 650px) {		
.mediawrap {
	margin-top:40%;}
.mediawrap .txtarea ul li {
	margin-bottom:30px;}}
@media (max-width: 500px) {		
.mediawrap {
	margin-top:20%;}}
	
	
	
	
	
	

/*ページ下部コンテンツ*/
.linkwrap {
	width:90%;
	max-width:1400px;
	height:auto;
	margin:100px auto 90px auto;}
@media (max-width: 1000px) {
.linkwrap {
	width:90%;
	max-width:1400px;
	height:auto;
	margin:50px auto 90px auto;}}	
	
	
.linkwrap h2 {
  position: relative;
  padding: 1rem; /*文字と線の間の距離*/
  text-align: center;
  font-size:2.5em;
}

.linkwrap h2:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);/*widthの半分を引く*/
  width: 60px;/*線の長さ*/
  height: 1px;/*線の太さ*/
  content: '';
  background: #CC0000;
}
@media (max-width: 800px) {
.linkwrap  h2 {
  font-size:1.7em;
}}


/*主要リンクボタン*/
.guidewrap {
	width:100%;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	box-sizing:border-box;}
.guidebtn {
	width:50%;
	height:auto;
	position:relative;
	text-align:left;
	box-sizing:border-box;}
.guidebtn a{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
  }
.guidebtn a:hover{
        opacity:0.6;
        filter: alpha(opacity=60);
        background: #fff;
  }
.guidebtn img {
	width:100%;
	height:auto;}
.guidebtn a h3 {
	position:absolute;
	top:50%;
	transform: translateY(-50%);
    left: 10%;
	font-weight:700;
	font-size:2.5em;
	}

.guidebtn a:hover h3  {
	text-decoration:none;
	color:#000000 !important;
	}

@media (max-width: 1000px) {
.guidebtn a h3 {
	font-size:1.7em;
	}}
@media (max-width: 600px) {
.guidebtn {
	width:100%;
	height:auto;
	position:relative;
	text-align:left;
	box-sizing:border-box;}}