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

* {
	margin: 0;
	padding: 0;
}
html {
	line-height: 1.4;
    scroll-behavior: smooth;
}

a {
color:#F00;
text-decoration:underline;
}


body {
	font-size: 20px;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-style: normal;
	background-color: #ffffff;
	color:#000000;
	min-width:1000px;
	line-height: 2;

}

@media screen and (max-width: 979px) {
body {
	min-width:100%;
	font-size: 16px;
	line-height: 1.8
}

.max_w{width: 100%;}
.max_w90{width: 90%;}
.max_w95{width: 95%;}
}


img {
	vertical-align: bottom;
}
.pc {
	display: block;
}
.sp {
	display: none;
}


.wrapper {
	padding:0;
	margin: 0px auto;
	width: 100%;
	text-align: center;
	min-width:1200px;
}



@media screen and (max-width: 979px) {
.pc {
	display: none;
}
.sp{
	display: block;
}

.wrapper {
	padding:0;
	margin: 0px auto;
	width: 100%;
	text-align: center;
	min-width:100%;
}

}

h2{
font-weight:700;
border-left: 20px solid #004d7f;
font-size: 40px;
margin: 0 auto;
padding: 0 0 0 30px;
color: #004d7f;
text-align: left;
line-height: 1.2;
}

h3{
font-weight:700;
background-color:  #004d7f;
color: #ffffff;
font-size: 40px;
margin: 0 auto;
padding:10px;
text-align:left;
line-height: 1.6;
}

p{font-weight:700;text-align:justify;}

@media screen and (max-width: 979px) {
h2{
border-left: 10px solid #004d7f;
font-size: 20px;
margin: 0 auto;
padding: 0 0 0 20px;

}

h3{
font-weight:700;
background-color:  #004d7f;
color: #ffffff;
font-size: 20px;
margin: 0 auto;
padding:10px;
text-align:left;
line-height: 1.6;
}

p{font-weight:700;text-align:justify;}
}

.top{
    text-align: center;
    margin:0 auto ;
	background: url('../img/top_bg.jpg') top center no-repeat #73e6df;
    padding:0;
    

}
.top_in{
width: 1200px;
margin: 0 auto;
padding: 0;
position: relative;
z-index: 9999;
}

.top h1{

}


@media screen and (max-width: 979px) {
.top{
width: 100%;
text-align: center;
margin:0 auto ;
padding: 0 0;
}
.top h1{
margin: 0 auto;
padding:0;
}

}



/* ############   理由*/

.contents_001{
width: 100%;
margin: -300px auto;
padding: 300px 0 150px 0;
clip-path: polygon(0 57px, 100% 0, 100% calc(100% - 57px), 0 100%);
background-color: #ffe13e;
position:relative;
z-index: 9997;
}

.contents_001_img{
margin: -120px auto;
padding: 0 0;
position:relative;
z-index: 9998;
}


.contents_001_box{
width: 1000px;
padding: 70px 0 0 0;
margin: 0 auto;
}

.contents_001_box p{
width:600px;
margin:0 0;
padding: 60px 0 0 0;
}

.contents_001_box_img{
width:300px;
margin: 0 0 0 0;
position: relative;
z-index: 99999;
}

.contents_001_img02{
position: relative;
margin: 0 auto;
width: 1000px;
z-index: 99999;

}

.contents_001_img02 img{
position: absolute;
right: -100px;
top:-300px;
z-index: 99999;
}

@media screen and (max-width: 979px) {
.contents_001{
width: 100%;
margin: 0 auto;
padding: 0 0 20px 0;
clip-path:polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
background-color: #ffe13e;
position:relative;
z-index: 9997;
}

.contents_001_box{
width: 100%;
padding: 0;
margin: 0 auto;
}

.contents_001_row{
width: 100%;
padding: 0;
margin: 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.contents_001_txt_sp{
width: 75%;
padding:10px 0 0 0;
margin: 0 auto;
}

.contents_001_txt_sp h2{
padding:0 0 0 10px;
margin:10px 0 0 8%;
}


.contents_001_img_sp{
background: url('../img/contents_001_img_01_sp.jpg') bottom left no-repeat;
background-size:cover;
width: 25%;
}



.contents_001_box p{
width:90%;
margin:0 auto;
padding: 10px 0 0 0;
}

}

/* ############   価格*/

.contents_002{
width: 100%;
padding:0 0 0 0; 
margin:200px auto 0;
text-align: center;
background-image: linear-gradient(180deg, rgba(66, 183, 243, 1), rgba(180, 233, 238, 1));
}

.contents_002_bg{
background: url('../img/contents_002_bg.png') top center no-repeat;
padding:200px 0 50px 0; 
}

.conten1ts_002_row{
width: 1140px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto;
}

.conten1ts_002_col{
width: 50%;
margin: 20px auto;
}

.conten1ts_002_col p{
font-size: 18px;
font-weight: bold;
padding: 0 20px 0 30px;
line-height: 1.4;
}

.conten1ts_002_col img{
width: 100%;
}

.conten1ts_002_box{
width: 100%;
background-color: #ffffff;
margin: 0 auto;
padding:80px 0 0 0; 
background: url('../img/contents_002_bg02.png') top center no-repeat;
}

.conten1ts_002_box p{
margin: 0 auto;
padding: 20px 0 40px 0;
color: #ffffff;
font-size: 16px;
width: 800px;
text-align:left;
line-height: 1.4;}



@media screen and (max-width: 979px) {
.contents_002{
width: 100%;
padding:0 0; 
margin:0 auto;
text-align: center;
background: url('../img/contents_002_bg.png') top center no-repeat;
background-image: linear-gradient(180deg, rgba(66, 183, 243, 1), rgba(180, 233, 238, 1));
}

.contents_002_bg{
background: url('../img/contents_002_bg_sp.png') top center no-repeat;
background-size: 100%;
padding:40px 0; 
}

.conten1ts_002_row{
width: 95%;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto;
}

.conten1ts_002_col{
width: 100%;
margin: 20px auto 0;
}

.conten1ts_002_col p{
font-size: 18px;
font-weight: bold;
padding: 0 20px 0 30px;
line-height: 1.4;
}

.conten1ts_002_col img{
width: 100%;
}

.conten1ts_002_box{
width: 100%;
background-color: #ffffff;
margin: 0 auto;
padding:0 0 0 0; 
background: url('') top center no-repeat;
}


}

/* ############   設備*/

.contents_003{
width: 100%;
padding:0 0 100px 0; 
margin:0 auto;
text-align: center;
background-image: linear-gradient(180deg, rgba(66, 183, 243, 1), rgba(180, 233, 238, 1));
}

.contents_003_bg{
background: url('../img/contents_003_bg.png') top center no-repeat;
padding:60px 0 0 0; 
}

.conten1ts_003_row{
width: 1140px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 40px auto;
}

.conten1ts_003_col{
width: 50%;
margin: 0 auto;
}

.conten1ts_003_col img{
width: 100%;
}

@media screen and (max-width: 979px) {
.contents_003{
width: 100%;
padding:0 0 0 0; 
}

.contents_003_bg{
background: url('../img/contents_003_bg_sp.png') top center no-repeat;
background-size: 100%;
padding:40px 0 20px 0; 
}


.conten1ts_003_row{
width:95%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 10px auto;
}

.conten1ts_003_col{
width:100%;
margin: 0 auto;
}

.conten1ts_003_col img{
width: 100%;
}
}


/* ############   インストラクター紹介*/

.contents_004{
width: 100%;
    margin: -260px auto;
    padding:200px 0 140px 0;
    clip-path: polygon(0 22px, 100% 0, 100% calc(100% - 57px), 0 100%);
    background-color: #ffe13e;
position: relative;
z-index: 9997;

}

.contents_004_title{
position:relative;
z-index: 9998;
top:-100px;


   margin: 0 auto;
   text-align: center;
}

.contents_004_row{
width:1000px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0;
margin: 0 auto;
}

.contents_004_img{
width:320px;
margin: 0 0 0 0;
position: relative;
}

.contents_004_img img{
position:absolute;
left: -200px;
}

.contents_004_txt{
width:620px;
margin: 0 0 0 60px;
}

.contents_004_txt p{
padding: 20px 0;
}


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

.contents_004{
width: 100%;
margin: 0 auto;
padding:20px 0 0 0;
clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
background-color: #ffe13e;
}

.contents_004 img{
margin: 0 auto;
text-align: center;
}

.contents_004_title{
display: none;
}


.contents_004_row{
width:100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0;
margin: 0 auto;
}

.contents_004_img{
width:100%;
margin: 0 0 0 0;
position: relative;
}

.contents_004_img img{
position:inherit;
left: 0;
}

.contents_004_txt{
width:90%;
margin:0 auto;
padding: 20px 0 10px 0;
}

.contents_004_txt p{
padding: 20px 0;
}

}

/* ############   ポイント*/

.contents_005{
width: 100%;
background: url('../img/contents_005_bg.png') bottom center no-repeat;
position: relative;
z-index: 222;
margin: 200px auto 0;
text-align: center;
padding:150px 0 0 0;
}

.contents_005_img{
padding: 60px 0;
}




@media screen and (max-width: 979px) {
.contents_005{
width: 100%;
background: url('../img/contents_005_bg_sp.png') top center no-repeat;
background-size: 100%;
position: relative;
z-index: 222;
margin: 0 auto;
text-align: center;
padding:40px 0 0 0;
}

.contents_005_img{
padding: 20px 0;
}
}



.contents_006{
width:1000px;
margin: 0 auto 0;
color: #ffffff;
padding: 50px 0;
}

.contents_006 img{
width:100%;
margin: 0 auto 0;
}

.contents_006_title02{
    padding: 0 0 70px;
}

.contents_006 .step {
  padding:5px 20px;
  background-color: #ffdb00;
  color:#024f84;
  font-weight: 900;
  line-height: 1.3;
  font-size: 40px;
  width: 30%;
  margin: 0 0 0 0;
  text-align: left;
clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
}


.contents_006 h4{
margin: 0 auto;
text-align: left;
font-size: 30px;
width: 100%;
padding: 0 0 10px 0;
}

.contents_006 p{
margin: 0 auto;
text-align: left;
font-size: 16px;
width: 100%;
padding: 0;
}

.contents_006_imgs{
padding: 0 0 10px 0;
}

.contents_006_title{
padding: 20px 0;
}

.contents_006_box01{
margin: 0 auto 0;
background-color: #00b3db;
padding: 0;
}
.contents_006_box02{
margin: 0 auto 0;
background-color: #008dec;
padding:0;
}

.contents_006_box03{
width: 100%;
margin: 0 auto 0;
background-color: #0068eb;
padding: 0 0 0 0;
}

.contents_006_box04{
width: 100%;
margin: 0 auto 0;
background-color: #002e9e;
padding: 0 0 50px 0;
}


.contents_006_box{
margin: 0 auto 0;
padding: 50px 50px 0 50px;
}


.contents_006_row{
display:flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 20px auto 0;
}

.contents_006_col{
width: 40%;
}

.contents_006_col02{
width: 50%;
padding: 0 5%;
}


@media screen and (max-width: 979px) {
.contents_006{
width:100%;
margin: 0 auto 0;
color: #ffffff;
padding: 0;
}

.contents_006 .step {
  padding:5px 20px;
  background-color: #ffdb00;
  font-size: 20px;
  color:#024f84;
  font-weight: 900;
  line-height: 1.3;
  font-size: 24px;
  width: 40%;
  margin: 20px 0 0 0;
  text-align: left;
clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
}


.contents_006 h4{
margin: 0 auto;
text-align: left;
font-size: 30px;
width: 100%;
padding: 10px 0;
}

.contents_006 p{
margin: 0 auto;
text-align: left;
font-size: 16px;
width: 100%;
padding: 0;
}

.contents_006_imgs{
padding: 0 0 10px 0;
}

.contents_006_title{
padding: 20px 0;
}

.contents_006_box01{
width: 100%;
margin: 0 auto 0;
background-color: #00b3db;
padding: 20px 0 0 0;
}
.contents_006_box02{
width: 100%;
margin: 0 auto 0;
background-color: #008dec;
padding: 0 0 0 0;
}

.contents_006_box03{
width: 100%;
margin: 0 auto 0;
background-color: #0068eb;
padding: 0 0 0 0;
}

.contents_006_box04{
width: 100%;
margin: 0 auto 0;
background-color: #002e9e;
padding: 0 0 50px 0;
}


.contents_006_box{
margin: 0 auto 0;
padding:0;
width: 90%;
}


.contents_006_row{
display:flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 10px auto 0;
}

.contents_006_col{
width: 100%;
}

.contents_006_col02{
width: 100%;
padding: 0;
}


}




/* ############   よくある質問　*/

.contents_007{
width: 100%;
margin:0 auto;
padding: 50px 0;
background-color: #ffe13e;
text-align: center;
}

.contents_007 img{
padding: 50px 0 70px;
}

.contents_007 dl{
width: 1000px;
margin:0 auto;
padding: 0;
text-align: left;
}



.contents_007 dt{
margin:0 auto;
padding:15px 20px;
text-align: left;
background-color: #004d7f;
color: #FFFFFF;
font-size: 30px;
text-indent: -2.5em;
padding-left: 2.5em;
line-height: 1.4;
}
.contents_007 dt::before{
content: 'Q. ';
padding: 0 10px 0 20px;
}

.contents_007 dd{
margin:20px auto 40px;
padding: 0 10px 0 0;
text-align: left;
text-indent: -2.4em;
 padding-left: 2.4em;

}
.contents_007 dd::before{
content: 'A. ';
color:#004d7f; 
padding: 0 0 0 20px;
}



@media screen and (max-width: 979px) {
.contents_007{
width: 100%;
margin:0 auto;
padding: 20px 0;
background-color: #ffe13e;
text-align: center;
}

.contents_007 img{
padding: 20px 0 20px;
}

.contents_007 dl{
width: 90%;
margin:0 auto;
padding: 0;
text-align: left;
}



.contents_007 dt{
margin:0 auto;
padding:10px 10px;
text-align: left;
background-color: #004d7f;
color: #FFFFFF;
font-size: 20px;
text-indent: -2.5em;
padding-left: 2.5em;
line-height: 1.4;
}
.contents_007 dt::before{
  content: 'Q. ';
  padding: 0 10px;
}

.contents_007 dd{
line-height: 1.4;
margin:10px auto 20px;
padding: 0;
text-align: left;
text-indent: -2em;
padding-left: 2em;
}

.contents_007 dd::before{
content: 'A. ';
color:#004d7f; 
padding: 0 0 0 10px;
    
}
}


/* ############   アクセス　*/

.contents_008{
width: 100%;
padding:0 0 0 0; 
margin:0 auto;
text-align: center;
    background-image: linear-gradient(180deg, rgba(66, 183, 243, 1), rgba(180, 233, 238, 1));
}

.contents_008_bg{
background: url('../img/contents_003_bg.png') top -10px center no-repeat;
padding:60px 0 0 0; 
}


.contents_008 img{
    padding: 50px 0 70px;
}


.contents_008_box{
width: 1000px;
margin: 0 auto 40px;
padding: 0;
}

.contents_008_box_title{
background-color: #004d7f;
color: #FFFFFF;
padding: 30px 40px;
margin: 0 auto;
font-size: 40px;
text-align: left;
line-height: 1.4;
}

.contents_008_box_title p{
font-size: 30px;
line-height: 1.4;
font-weight: 400;
}

.contents_008_box_txt{
background-color: #FFFFFF;
padding: 40px 40px;
}

.contents_008_box_txt p{
background-color: #FFFFFF;
font-size: 20px;
line-height: 1.4;
}

.gmap {
    width: 100%;
    margin:70px auto 0;
    border-top:10px solid #ffffff;
    border-bottom:10px solid #ffffff;
}
.gmap iframe {
    width: inherit;
    height: 440px;
    vertical-align: bottom;
}

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

.contents_008{
width: 100%;
padding:0 0 0 0; 
margin:0 auto;
text-align: center;

}

.contents_008_bg{
background: url('../img/contents_003_bg_sp.png') top center no-repeat;
background-size: 100%;
padding:20px 0; 
}


.contents_008 img{
    padding: 20px 0 20px;
}


.contents_008_box{
width: 90%;
margin: 0 auto 20px;
padding: 0;
}

.contents_008_box_title{
background-color: #004d7f;
color: #FFFFFF;
padding: 20px;
margin: 0 auto;
font-size: 20px;
text-align: left;
line-height: 1.4;
}

.contents_008_box_title p{
font-size: 18px;
line-height: 1.4;
font-weight: 400;
}

.contents_008_box_txt{
background-color: #FFFFFF;
padding: 20px 20px;
}

.contents_008_box_txt p{
background-color: #FFFFFF;
font-size: 16px;
line-height: 1.4;
}

.gmap_box {
width: 88%;
margin:20px auto 0;
border:5px solid #ffffff;
}

.gmap {
width: 100%;
    margin:0;
        border-top:0 solid #ffffff;
    border-bottom:0 solid #ffffff;
}
.gmap iframe {
    width: inherit;
    height: 250px;
    vertical-align: bottom;

}



}

/* ############   会社概要　*/

.contents_009{
width: 100%;
margin:0 auto;
padding: 50px 0;
text-align: center;
}

.contents_009 img {
    padding: 50px 0 70px;
}

.contents_009 dl{
width: 1000px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
margin: 50px auto ;
font-size: 20px;
line-height: 1.4;
}

.contents_009 dt{
width: 200px;
margin:0 auto 20px;
background-color: #004d7f;
color: #ffffff;
text-align: center;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding:10px 0;
}


.contents_009 dd{
width: 770px;
margin:0 auto 20px;
padding: 0 0 0 30px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content:flex-start;
text-align: left;

}


@media screen and (max-width: 979px) {
.contents_009{
width: 100%;
margin:0 auto;
padding: 40px 0 0 0;
text-align: center;
}

.contents_009 img {
padding: 20px 0 20px;
}

.contents_009 dl{
width: 90%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
margin: 20px auto ;
font-size: 16px;
line-height: 1.4;
}

.contents_009 dt{
width: 100%;
margin:0 auto 10px;
background-color: #004d7f;
color: #ffffff;
text-align: center;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding:10px 0;
}


.contents_009 dd{
width: 100%;
margin:0 auto 10px;
padding:0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content:flex-start;
text-align: left;

}
}







.footer{
margin: 100px auto 0;
background-color: #004d7f;
color:#ffffff;
font-size: 16px;
text-align: center;
width: 100%;
padding: 5px 0;
}

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

.footer{
margin: 0 auto 0;
background-color: #004d7f;
color:#ffffff;
font-size: 14px;
text-align: center;
width: 100%;
padding: 20px 0 80px 0;
}

}
.footerFloatingMenu_pc{
    display: flex;
    position: fixed;
    right:25px;
    bottom:100px;
    z-index: 999999;
	padding: 0;
    text-align: right;
}

.footerFloatingMenu_pc img{
width: 100%;
}


@media screen and (max-width: 979px) {
.footerFloatingMenu_sp{
    display: flex;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 9999;
    text-align: right;
	width: 100%;
	padding: 0;
}
.footerFloatingMenu_sp i{
font-size: 20px;
padding:0 5px 0 0;

}
.footerFloating_sp_01{
margin: 0 auto;
background-color: #289e46;
border-radius: 10px 10px 0 0;
width: 44%;
text-align: center;
display: flex;
align-items:stretch;
flex-direction: column;
border-top:3px solid #ffffff;
border-left:3px solid #ffffff;
border-right:3px solid #ffffff;
padding:5px 0 0 0;
}

.footerFloating_sp_01 a{
font-size: 17px;
color: #ffffff;
font-weight: 700;
text-decoration: none;
line-height: 1;
padding: 5px 0 5px 0;
}

.footerFloating_sp_01 a:hover{
color: #ffffff;
text-decoration: none;
}

.footerFloating_sp_02{
margin: 0 auto;
background-color: #ffa800;
border-radius: 10px 10px 0 0;
padding: 5px 0;
width:28%;
text-align: center;
padding:5px 0;
display: flex;
align-items: center;
flex-direction: column;
border-top:3px solid #ffffff;
border-left:3px solid #ffffff;
border-right:3px solid #ffffff;
}

.footerFloating_sp_02 a{
font-size: 17px;
color: #ffffff;
font-weight: 700;
text-decoration: none;
line-height: 1;
padding: 5px 0 5px 0;
}

.footerFloating_sp_02 a:hover{
color: #ffffff;
}

.footerFloating_sp_03{
margin: 0 auto;
background-color: #f75d8b;
border-radius: 10px 10px 0 0;
padding: 17px 0 0 0;
width:28%;
text-align: center;
padding:5px 0;
display: flex;
align-items: center;
flex-direction: column;
border-top:3px solid #ffffff;
border-left:3px solid #ffffff;
border-right:3px solid #ffffff;
}

.footerFloating_sp_03 a{
font-size: 17px;
color: #ffffff;
font-weight: 700;
text-decoration: none;
line-height: 1;
padding: 5px 0 5px 0;
}

.footerFloating_sp_03 a:hover{
color: #ffffff;
}


.footerFloating_sp_01 span{font-size: 14px;font-weight: normal;}
.footerFloating_sp_02 span{font-size: 14px;font-weight: normal;}
.footerFloating_sp_03 span{font-size: 14px;font-weight: normal;}
}

.link_box{
width: 1000px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items:center;
margin: 0 auto 0;
}

.link_box_col{
width: 48%;
margin: 0 2% 0 0;
}

.link_box_col:nth-child(2n){
width: 48%;
margin: 0 0 0 0;
}

.link_box_col img{
width: 100%;
}


@media screen and (max-width: 768px) {
.link_box{
width: 90%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items:center;
margin: 0 auto 20px;
}

.link_box_col{
width: 100%;
margin:0 auto 20px;
}

.link_box_col:nth-child(2n){
width: 100%;
margin:0 auto;
}
}

a:hover{ 
	opacity:0.7;
	transition:0.3s;
}
html {
  scroll-behavior: smooth;
}

.link_a {
display: block;
color: #ffffff;
font-size:28px;
font-weight: 700;
  background-image: linear-gradient(0deg, rgba(247, 93, 139, 1), rgba(255, 168, 0, 1));
width: 88%;
margin: 10px auto 0;
border-radius:50px;
border: 5px solid #ffffff;
padding: 10px 0;
  text-decoration: none;
}