@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
 
/* CSS Document */
 
/* -----------------------------------------------
* reset
* ----------------------------------------------- */
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, tr, th, td {
margin: 0;padding: 0;
border: 0;outline: 0;
font-size: 100%;
vertical-align: baseline;
}



img{
	max-width: 100%;
}

body{
	background: #eaffff;
}


.wrap{
	width: auto;
	margin: 0 auto;
	background: #fff;
}

.pc_only{
	display: none;
}

.sp_only{
	display: block;
}

.ctrbox{
	background:url('../img/ctrbox.png') no-repeat center top;
	background-size:cover;
	height: 70vw;
	max-height:700px;
	position:relative;
}
.ctrbox a{position:absolute;bottom:0;}
.ctrbox .btn{padding:3vw 0;}

.btn{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 30px 0;
}

.btn2{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 40px 0;
}

.hover1 {
  display: inline-block;
  padding: 0.6em 2em;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}
.hover1:hover {
  opacity: 0.6;
}





.question img{
	margin: 0 auto;
}

.question h2 .sp_only{
	width: 40%;
	height: auto;
}



.question h2{
	margin-bottom: 25px;
	margin-top: -10px;
}

.moura{
	background: url(../img/background_1.jpg) repeat;
	text-align: center;
	padding-top: 70px;
	margin-top: -50px;
	padding-bottom: 80px;
	color:#333;
}

.graph{
	text-align: center;
}

.graph img{
	margin: 0 auto;
	padding-top: 10px;
}

.korewo {
	font-size: 18px;
	margin-bottom: 10px;
	color:#333;
	font-weight: bold;
}

.ses1{
	font-size: 26px;
	font-weight: bold;
	line-height: 1.2;
}


.font_mint {
    color: #71BDBF;     /* 文字色指定 */
    font-weight: bold;
}

.ast{
	float: right;
	margin-top: 15px;
	font-size: 16px;
}


.tou{
	font-size: 22px;
	color: #000;
	font-weight: bold;
	padding-top: 20px;
}

.korera{
	font-size: 23px;
	font-weight: bold;
	line-height: 1.2;
	color: #000;
	text-align: center;
	padding-top: 10px;
}

.graph .next .sp_only {
	width: 80%;
	height: auto;
	margin-top: -10px;
}


.font_pink{
	color: #C7456D;
	font-weight: bold;
}

.triangle{
	margin-top: 40px;
}

.next{
	margin-top:30px;
	padding-bottom: 50px;
}

.point5_box{
	background-color: #B2D7D8;
	padding: 20px;
}

.point5_box img{
	margin: 0 auto;
	padding-top: 20px;
}

.point5_box .sp_only{
	color: #fff;
	font-size: 23px;
	text-align: center;
	font-weight: bold;

}

h3 .sp_only{
	border-bottom: 4px solid #fff;
	margin: 10px 0 20px;
	padding-bottom: 10px;
}


.point5_box p{
	font-size: 20px;
	padding-bottom: 15px;
	line-height: 1.7;
	color:#333;
}


.if_image{
	background-color: #fff;
}

.if_image img{
	margin: 0 auto;
	margin: 20px 0;
}


.recruit{
	background-color: #fff;
}

.recruit h2{
	margin-bottom: -6px;
}

.recruit img{
	text-align: center;
	margin-bottom: -8px;
}

.who_is_fit{
	padding: 20px;
	background-color: #71BDBF;
	text-align: center;
}

.who_is_fit img{
	width: 80%;
	height: auto;
	margin-top: 20px;
}

.who{
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	margin-top: 10px;
}

.box_line2{
margin: 15px 15px;
margin-top: 10px;
margin-bottom: 30px;
padding: 2px;
border-bottom: medium solid #fff;
}

.who_p{
	color: #fff;
	margin: 30px 20px;
	text-align: left;
	font-size: 20px;
	line-height: 1.7;
}

.jisseki{
	background: url(../img/background_1.jpg) repeat;
	text-align: center;
}


.jisseki_ic img{
	margin: 0 auto;
	padding: 40px 0 60px;
	width: 90%;
	height: auto;
}

.curriculum{
	background-color: #71BDBF;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 20px;
}

.curriculum img{
	margin: 0 auto;
}

.curriculum .sp_only{
	padding-top: 30px;
	width: 95%;
	height: auto;
}

.cul_box{
	padding-bottom: 30px;
	width: 90%;
    margin: 0 auto;
}


.cul_1{
	padding: 20px 0 10px;
}

.cul_text {
	color: #fff;
	width: 80%;
	display: inline-block;
	line-height: 120%
}

.teacher .title{
	position: relative;
	z-index: 3;
}

.teacher .main{
	margin-top: -150px;
}

.message_2 .message{
	margin-top: -70px;
	margin-left: -40px;
	color:#333;
}

.message_2 p{
	font-size: 16px;
	line-height: 1.8;
	color:#333;
}

.message_2{
	background: url(../img/sp_backgroubnd_message.jpg) ;
	background-size: cover;
	
}

.message_2 {
	padding: 30px;
}


.publising_box{
	background-color: #EDF8F8;
	text-align: center;
	padding-bottom: 40px;
}


.publising_box .sp{
	width: 95%;
	margin:  0 auto;
	padding: 20px 0;
}

.book_p{
	font-size: 18px;
	font-weight: bold;
	color: #71BDBF;
	padding: 20px;
}

.book_p_bold{
	color: #71BDBF;
	font-size: 30px;
	font-weight: bold; 
	line-height: 1.8;
	padding: 20px;
}


.voice img{
	margin: 0 auto;
	padding-bottom: 20px;
}

.money{
	text-align: center;
	padding-bottom: 50px;
}

.money img{
	width: 95%;
	height: auto;

}


.access{
background-color: #71BDBF;
text-align: center;
}

.access_top{
	background-color: #fff;
}

.access_top img{
	width: 50%;
	height: auto;
	margin-left: -10%;
}



.map_p {
  position: relative; /* 三角の位置を固定するために設定 */
  width: auto; /* 幅 */
  margin: 0 auto 40px; /* 上 左右 下のマージン */
  margin-top: 40px;
  padding: 20px; /* ふきだし内の余白 */
  background: #fff; /* 背景色 */
  text-align: center; /* テキストの揃え */
  color: #71BDBF;
  font-size: 25px;
  font-weight: bold;
    margin-bottom: 70px;
    line-height: 1.6;
}

.map_p::before { /* 三角の部分 */
  content: '';
  position: absolute; /* 位置固定 */
  top: -30px; /* 線幅の2倍 */
  left: 50%;
  margin-left: -15px; /* 線幅だけずらす */
  border: 15px solid transparent; /* 線幅の設定 */
  border-bottom: 15px solid #fff; /* 吹き出しの地と同じ色 */
  font-weight: bold;
}

.map1{
	padding-top: 50px;
}


.access .flexbox {
flex-direction: column;
padding:0 20px;
}


.last_3{
	padding: 0.5em 0.5em;
    color: #fff;
    background: #71BDBF;/*背景色*/
    font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin:  20px 20px;
}


.last_p{
	font-size: 16px;
	color: #71BDBF;
	font-weight: bold;
	text-align: center;
	margin-top: -10px;
}




/*以下、パソコン版のcssを記入*/


@media all and (min-width: 600px){

.wrap{
	width: 1000px;
}

.pc_only{
	display: block; /*表示させない*/
}


.sp_only{
	display: none; /*表示させる*/
}

.question img{
	margin: 0 auto;
	margin-bottom: -30px;
}

.question h2{
	margin-bottom: 10px;
	margin-top: -10px;
}


.question p{
	margin-bottom: 55px;
}

.moura{
	background: url(../img/background_1.jpg) repeat;
	text-align: center;
	padding-top: 70px;
	margin-top: -80px;
	padding-bottom: 80px
}

.korera{
	font-size: 78px;
	font-weight: bold;
}

.korewo {
	font-size: 40px;
	margin-bottom: 10px;
	margin-top: 40px;
}

.ses1{
	font-size: 55px;
	font-weight: bold;
	line-height: 1.2;
}


.font_mint {
    color: #71BDBF;     /* 文字色指定 */
}

.ast{
	float: right;
	margin-top: 15px;
}

.tou{
	font-size: 54px;
}


.triangle{
	margin-top: 70px;
	margin-bottom: 20px;
}

.next{
	margin-top:30px;
	padding-bottom: 55px;
}

.point5_box{
	background-color: #B2D7D8;
}

.point5_box p{
	font-size: 18px;
	padding-left: 250px;
	margin-top: -115px;
}

.if_image{
	background-color: #fff;
}

.if_image img{
	margin: 0 auto;
	margin-bottom: 50px;
}

.recruit{
	background-color: #fff;
}

.recruit img{
	margin: 0 auto;
}





.who_is_fit{
	padding: 20px;
	background-color: #71BDBF;
	text-align: center;
	margin-top: -10px;
}

.who_is_fit img{
	width: 850px;
	height: auto;
	margin-left: 30px;


}

.box_b{
	margin-left: 40px;
}


.who{
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	padding-top: 15px;
}

.box_line2{
	border-bottom: medium solid #fff;
}

.who_p{
	color: #fff;
	text-align: left;
	font-size: 20px;
}

.flexbox{
	display: flex;
}

.who_is_fit .flexbox {
flex-direction: row;
}


.jisseki{
	background: url(../img/background_1.jpg) repeat;
}

.jisseki_ic img{
	margin: 0 auto;
	padding: 40px 0;
}

.curriculum {
	text-align: center;
}

.curriculum .cul_1{
	padding: 20px 0;
}

.curriculum .cul_box{
	padding-bottom: 40px;
	width: 80%;
    margin: 0 auto;
}

.teacher .title{
	position: relative;
	z-index: 3;
}

.teacher .main{
	margin-top: -80px;
}


.message_2 .message{
	margin-top: -80px;
	margin-left: -50px;
}

.message_2{
	background: url(../img/pc_backgroubnd_message.jpg) ;
	background-size: cover;
	font-size: 12px;
	padding: 20px 40px;
}

.publising_box .pc_only{
	padding-top: 25px;
}


.book_p{
	font-size: 24px;
	font-weight: bold;
	color: #71BDBF;
}

.book_p_bold{
	color: #71BDBF;
	font-size: 45px;
	font-weight: bold; 
}


.voice img{
	margin: 0 auto;
	padding-bottom: 20px;
}


.voice_pic{
	width: 95%;
	margin: 0 auto;
}

.money{
		text-align: center;
}

.money img{
	width: 80%;
	height: auto;
}

.access{
background-color: #71BDBF;
text-align: center;
}

.access .flexbox {
flex-direction: row;
}
	
.access_top{
	background-color: #fff;
}

.all_map{
	text-align: center;
}

.map_p {
    position: relative;
    width: auto;
    margin: 0 30px;
    margin-top: 40px;
    padding: 20px;
    background: #fff;
    text-align: center;
    color: #71BDBF;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 40px;
}

.map_p::before { /* 三角の部分 */
  content: '';
  position: absolute; /* 位置固定 */
  top: -30px; /* 線幅の2倍 */
  left: 50%;
  margin-left: -15px; /* 線幅だけずらす */
  border: 15px solid transparent; /* 線幅の設定 */
  border-bottom: 15px solid #fff; /* 吹き出しの地と同じ色 */
  font-weight: bold;
}

.map2 .map_p{
	margin: 40px auto 0 14px;
} 

.map1 .pc_only iframe {
	text-align: center;
	margin-left: 60px;
	margin-top: 20px;
	padding: 0 15px;
}

.map2 .pc_only iframe {
	text-align: center;
	margin-top: 20px;
}




.map1{
	padding-top: 30px;
	margin-right: -100px;
}

.map2{
	padding-top: 30px;
	padding-left: 20px;
}


.last_3{
	padding: 0.8em 0.8em;
    color: #fff;
    background: #71BDBF;/*背景色*/
    font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin:  40px 120px 0;
}


.last_p{
	font-size: 18px;
	color: #71BDBF;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
}

.btn{
	width: 50%;
	height: auto;
	margin: 0 auto;
	padding: 40px 0;
}

.ctrbox{
	background:url('../img/ctrbox.png') no-repeat center top;
	background-size:cover;
	height: 700px;
    max-height: 700px;
	position:relative;
}

.ctrbox .btn{
	width: 82%;
	padding: 50px 0;
}

.btn2{
	width: 50%;
	height: auto;
	margin: 0 auto;
	padding: 40px 0;
}







}