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

	 BASE

--------------------------------------------*/
html {
	font-size: 62.5%;
}
body {
	width:100%;
	min-width:1240px;
	font-family:  'Noto Sans JP',"游ゴシック","YuGothic", "游ゴシック体","メイリオ", "Meiryo", "Arial", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color:#000;
	line-height:1;
}
#wrapper{
    overflow: hidden;
}
/*--------------------------------------------

	 DEFAULT SELECTER

--------------------------------------------*/
table {
	width:100%;
}
img{
	max-width:100%;
}
a {
	text-decoration:none;
	color:#000;
	display:inline-block;
	transition:0.7s;
}
/*--------------------------------------------

	GLOBAL CSS

--------------------------------------------*/
.cf:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
}
.flex {
	display:flex;
}
.nolink {
	pointer-events: none;
}
.ggmap,
.youtube {
	position: relative;
	padding-bottom: 56.37%;
	/*padding-top: 10px;*/
	height: 0;
	overflow: hidden;
}
.ggmap iframe,
.ggmap #ggmap object,
.ggmap #ggmap embed,
.youtube iframe,
.youtube #ggmap object,
.youtube #ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media screen and (min-width : 768px ){
	.for_sp{
		display:none !important;
	}
}
@media screen and (max-width : 767.9999px ) {
	.for_pc{
		display:none !important;
	}
}
.secInner{
    max-width: 1160px;
    padding: 0 1%;
    margin: 0 auto;
}
.ttlbox{
    text-align: center;
}
/*--------------------------------------------

	HEADER

--------------------------------------------*/
#mv{
    position: relative;
    padding-bottom: 18rem;
}
#mv .mainimage img{
    width: 100%;
}
.mv-textBox{
    text-align: center;
    padding: 4.2rem 2rem 0;
}
#header {
    position: absolute;
    top: 2.9%;
    left: 50%;
    transform: translateX(-50%);
    width: 64%;
}
#header .hdInner {
    margin: 0 auto;
    padding: 18px 0;
    justify-content: space-between;
    align-items: center;
}
#header .header_nav{
    padding:20px 74px 20px 38px;
    background-color: #fff;
    border-radius: 34px;
    justify-content: space-between;
    align-items: center;
    margin-right: 36px;
}
#header .nav_item:not(:last-child){
    margin-right: 26px;
}
.header_nav .logo{
    margin-right: 22%;
}
/*--------------------------------------------

	about

--------------------------------------------*/
#about{
    position: relative;
    z-index: 5;
    background:url("../image/PC/about-bg.gif")repeat;
}
#about:before{
    content: "";
    display: block;
    width: 100%;
    height: 132px;
    position: absolute;
    top: -132px;
    left: 0;
    background: url("../image/PC/about-topimg.png")repeat center top;
    background-color: #fff;
    background-size: cover;
    z-index: 5;
}
#about .object{
    padding: 6rem 0 23rem;
    position: relative;
}
#about .object:before,#about .object:after{
    content: "";
    display: block;
    width: 397px;
    height: 409px;
    position: absolute;
}
#about .object:before{
    top: -40px;
    right: 60px;
    background: url("../image/PC/butterfly-1.png")no-repeat center top;
    background-size: contain;
    z-index: 3;
}
#about .object:after{
    bottom: 0;
    left: -40px;
    background: url("../image/PC/butterfly-2.png")no-repeat center top;
    background-size: contain;
    z-index: 1;
}
#about .ttlbox{
    margin-bottom: 44px;
}
.about-list{
    position: relative;
    z-index: 3;
    text-align: center;
}
.about-item:not(:last-child){
    margin-bottom: 12px;
}
/*--------------------------------------------

	belief

--------------------------------------------*/
#belief{
    position: relative;
    z-index: 10;
}
#belief:before{
    content: "";
    display: block;
    width: 100%;
    height: 96px;
    position: absolute;
    top: -96px;
    left: 0;
    background: url("../image/PC/belief-topimg.png")repeat center top;
    background-size: cover;
}
#belief .secInner{
    max-width: inherit;
    padding: 0;
}
.belief-leftBox,.belief-rightBox{
    padding: 5rem 8% 14.7rem;
    width: 50%;
    box-sizing: border-box;
}
.belief-leftBox{
    text-align: right;
    background:url("../image/PC/belief-bg.gif")repeat;
}
.belief-rightBox{
    background:url("../image/PC/belief-bg_white.gif")repeat;
}
/*--------------------------------------------

	introduction

--------------------------------------------*/
#introduction{
    position: relative;
    padding: 16rem 0 18rem;
    background-color: #c3d33b;
}
#introduction:before{
    content: "";
    display: block;
    width: 100%;
    height: 35%;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../image/PC/class-bg.jpg")no-repeat center top;
    background-size: cover;
}
#introduction .ttlbox{
    margin-bottom: 110px;
}
#introduction .school:not(:first-child){
    margin-top: 36px;
}
/*--------------------------------------------

	introduction

--------------------------------------------*/
#coach{
    padding-top: 9.4rem;
    background-color: #e4007f;
}
#coach .ttlbox{
    margin-bottom: 80px;
}
/*--------------------------------------------

	introduction

--------------------------------------------*/
#contact {
    position: relative;
    background-color: #8ec134;
    padding: 6.8rem 0 13.4rem;
}
#contact:before{
    content: "";
    display: block;
    width: 100%;
    height: 225px;
    position: absolute;
    top: -225px;
    left: 0;
    background: url("../image/PC/contact-topimg.png")no-repeat center top;
    background-size: cover;
}
#contact .ttlbox{
    margin-bottom: 86px;
}
#contact .formbox{
    background-color: #fff;
    border-radius: 50px;
    border: 8px solid #c3d33b;
    padding: 11rem 9.9%;
    box-sizing: border-box;
}
#contact .form_list .item{
    font-size: 1.6rem;
    font-family:"游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
}
#contact .form_list .item:not(:last-child){
    margin-bottom: 10px;
}
#contact .item:last-child{
    margin-bottom: 60px;
}
#contact .label{
    width: 240px;
    font-weight: bold;
    background-color: #e4007f;
    color: #fff;
    border-radius: 25px;
    padding: 1.2em;
    box-sizing: border-box;
    margin-right: 1em;
}
#contact .field{
    flex: 1;
}
::placeholder {
  color: #dddddd;
}
#contact input[type="text"],
#contact input[type="tel"],
#contact input[type="email"],
#contact textarea{
    width:100%;
    background-color: #fff;
    color: #222222;
    font-size: 1.6rem;
    box-sizing: border-box;
	padding: 1em 1.3em;
	line-height: 1.4;
	letter-spacing: 0.07em;
    font-family: 'Noto Sans JP',"游ゴシック","YuGothic", "游ゴシック体","メイリオ", "Meiryo", "Arial", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border: 2px solid #c5c5c5;
    border-radius: 25px;
}
#contact textarea{
    height: 180px;
}
#contact [type="submit"]{
    width:366px;
    height:80px;
    margin: 0 auto;
    cursor: pointer;
    display: block;
    border: none;
    background: url("../image/PC/contact-submit.png") no-repeat center top;
    background-size: contain;
	font-size:0;
}
.screen-reader-response{
	display:none;
}
	.wpcf7-response-output{
		font-size16px;
		text-align:center;
		margin-top:20px;
		color:#fff;
	}
/*--------------------------------------------

	FOOTER

--------------------------------------------*/
#footer .secInner{
    padding:10rem 0 11rem;
    text-align: center;
}