/*!
 * max-width415px.css ? v2.0.4
 * MIT License
 * github.com/filipelinhares/ress
 */

/* # =================================================================
   # Global selectors
   # ================================================================= */


    * {
    	float: none;
    	position: static;
    }
     
    img {
    	max-width: 100%;
    	height: auto;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}
	
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
	display: block;
    }


body{
	
	font-size:3.5vw;
	}
	
header {
	width:100%;
	position: fixed;
	top: 0;
	left:0;
	}
	

div#main_p{
	margin:70px 0 0 0;
	}
	
#sub_title{
	/* (画像の高さ / 画像の横幅) × 100 */
	background:#ddd url(../img/top/subtitle.jpg) no-repeat center center;
	background-size:cover;
	text-align:center;
	padding :50px 0 80px;
	}
	
#sub_title strong{
	color:#0070ba;
	font-size:4.8vw;
	line-height:1.6em;
	}
	
#sub_title p{
	margin:20px 0 0;
	padding:0 30px;
	font-size:3.8vw;
	}
	
.sp-title{
	color:#00b7bd !important;
	font-size:5vw;
	line-height:3.6em;
	}
.sp-message{
	font-size:4.5vw;
	text-align:right;
	padding:0 50px 0 0;
	line-height:2em;
	color: rgba(255,255,255,0.5)!important;
	background:linear-gradient(180deg,#00b7bd 0%,#00b7bd 100px ,#ffffff 100px,#ffffff 100%);
	}
	
#mes_r h2{
	color:#dd0000;
	font-size:4.8vw;
	line-height:2.2em;
	padding:20px;
	}
	
#mes_r p{
	text-align:left;
	padding:0 30px;
	text-align: justify;
	text-justify: inter-ideograph;
	}
	
	
#link1{
	margin:40px auto  80px;
	}
	
	
.link1_button {
	width:80%;
	display:block;
	background-color: transparent;
	border: 1px solid #000000;
	color: #000000 !important;
	line-height: 40px;
	padding:10px 0;
	margin:0 auto;
	text-align:center;
	letter-spacing:0.6em;
	}
	
.link1_button:hover {
	background-color: rgba(255, 255, 255, .2);
	color: #59b1eb !important;
	border-color: #59b1eb;
	}
	
.sp-title02{
	color:#ffffff !important;
	font-size:5vw;
	line-height:3.6em;
	background-color:#00b7bd;
	}
	
.sp-message02{
	font-size:5vw;
	text-align:right;
	padding:0 50px 0 0;
	line-height:2em;
	color: #00b7bd;
	}
	
.box_title, div.box_title2{
	margin:20px 20px;
	border-bottom: solid 1px #a7a7a7;
	color:#dd0000;
	font-size:5vw;
	padding:0 0 20px;
	}
	
.box_title span, div.box_title2 span{
	display:block;
	font-size:4.5vw !important;
	line-height:1.8em;
	}
	
.box_r p , div.box_r2 p{
	text-align:left;
	padding:0 30px;
	text-align: justify;
	text-justify: inter-ideograph;
	margin:0 0 50px;
	}
	
.box_l, .box_l2{
	padding:0 0 5px;
	background-color:#00b7bd;
	}
	
.course{
	background-color:#00b7bd;
	color:#ffffff;
	}
	
.course h3{
	width:100%;
	font-size:4.4vw !important;
	padding:30px 0;
	line-height:1.8em;
	text-align:center;
	}
	
.course img{
	width:90%;
	margin:0 auto 50px;
	padding:0 0 30px;
	}
	
ul#price_t li{
	width:90%;
	background-color:#f1c400;
	letter-spacing:1.0em;
	padding:15px 0 15px 30px;
	margin:0 auto;
	font-size:4.4vw;
	text-align:center;
	}
	
li.price{
	background-color:#ffffff !important;
	letter-spacing:0.4em !important;
	font-weight:bold;
	}
	
#application a {
	width:90%;
	display:block;
	margin:0px auto;
	background-color: #e5e5e5;
	border: 1px solid #e5e5e5;
	color: #2d2323 !important;
	line-height: 30px;
	padding:25px 40px;
	font-size:4.4vw;
	text-align:center;
	}

#application:hover {
	background-color: #fff;
	border-color: #59b1eb;
	color: #59b1eb !important;
	}
	
.sp-title03{
	color:#ffffff !important;
	font-size:5vw;
	line-height:3em;
	background-color:#00b7bd;
	margin:50px 0 0;
	}
	
.sp-message03{
	font-size:4vw;
	text-align:center;
	line-height:2em;
	color: #00b7bd;
	}
	
.spbox{
	width:90%;
	margin:0 auto;
	}
	
.seminar ul li{	
	padding:40px 0 30px 0;
	background:linear-gradient(180deg,#ffffff 0%,#ffffff 200px ,#00b7bd 100px,#00b7bd 100%);
	}
	
.seminar ul li h4{
	font-size:4.5vw;
	padding:0 20px 20px;
	}
	
.seminar ul li span{
	font-size:4vw;
	color:#ffffff;
	display:block;
	padding:15px 30px 0;
	text-align:left;
	}
	
.seminar ul li  p{
	color:#ffffff;
	padding:15px 30px 0;
	text-align:left;
	}
	
.tosee a {
	width:90%;
	margin:20px auto;
	display:block;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	color: #016e72 !important;
	line-height: 30px;
	padding:10px;
	font-size:4vw;
	text-align:center;
	}

.tosee a:hover {
	background-color: #016e72;
	border-color: #016e72;
	color: #ffffff !important;
	}
	

.contact{
	width: 100%;
	padding:40px 20px;
	background-color:#ebe9e6;
	}
	
.contact h5{
	font-size:5.2vw;
	color:#000000;
	letter-spacing:0.1em;
	}
	
.contact h5 span{
	display:block;
	font-size:3vw;
	}
	
.contact p{
	font-size:3vw;
	margin:10px 0 ;
	color:#000;
	}
	
footer{
	width:100%;
	background:linear-gradient(0deg,#313131 95%,#313131 95%,#535353 5%,#535353 100%);
	padding:20px 0 0;
	color:#ffffff;
	}
	
footer img{
	width:35%;
	}
	
	
.start {
	background: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
}
.start p {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	width: 280px;
}



.price-event{
	max-width: 100%;
	overflow:hidden;
	padding:40px 0;
	margin:20px 0 0;
	background-image: url(../img/top/bg-event-01.jpg);
	}

.container{
	max-width: 100%;
	margin:0 auto;
	padding:10px 10px;	
	}
	
.main-price{
	width:94%;
	overflow:hidden;
	margin:0 3% ;
	}
	
.price-dtail{
	width:100%;
	background-color:#ffffff;
	padding:30px 30px 0;
	}
	
.price-image{
	width:100%;
	}


.price-dtail p {
    font-weight: 400;
    font-size: 13px;
    line-height: 1.7;
    color: #666666;
    margin: 0px;
    text-align:left;
}

.tit2 {
    font-size: 18px;
    line-height: 1.2;
    color: #d61c22;
    text-align:center;
}
	
.tit60 {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.5;
    color: white;
    text-transform: uppercase;
    letter-spacing: 2px;
    word-spacing: 2px;
    text-align:center;
    margin:0 0 20px;
}

.tit7 {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    color: #222222;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align:center;
}

.m-b-10 {
    margin-bottom: 10px;
}
.m-t-30 {
    margin-top: 30px;
}

.m-b-100{
    margin-bottom: 250px;
    }
    
    
    
a.lgiht:link{color:#ffffff;text-decoration: underline;}
a.lgiht:visited{color:#ffffff;text-decoration: underline;}
a.lgiht:hover {color:#e98f93;text-decoration: none;}
a.lgiht:active {color:#e98f93;text-decoration: none;}



.news{
	color:red;
	margin:10px auto 20px;
	padding:20px;
	border:1px solid red;
	}
	
.sp_bg{
	width:100%;
	overflow:hidden;
	background:url(../img/top/sp-01.jpg) no-repeat center top;
	background-size:cover;
	}
	
#effect{
	width:100%;
	text-align:center;
	margin:0 0 20px;
	padding:18em 0 5em !important;
	}
	
#effect p{
	color:#ffffff;
	font-size:18px;
	}
	
p.tit42 {
	font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 600;
	font-size: 24px !important;
	line-height: 1.2;
	color: #ffffff !important;
	text-transform: uppercase;
	letter-spacing: 1.2;
	word-spacing: 6px;
	padding:15px 0 20px 0;
	text-decoration:underline  #ffffff !important;
}

p.tit43 {
	font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 700;
	font-size: 24px !important;
	line-height: 1.2;
	color: #ffde00 !important;
	text-transform: uppercase;
	letter-spacing: 1.2;
	word-spacing: 6px;
	padding:30px 0 15px 0;
}

a.samplebtn3{
	width:300px;
	padding:20px 0px;
	line-height:1.2em;
	display:block;
	margin:0 auto;
	text-align:center;
	}
	
.btn1 {
  background: #00b7bd;
  border-radius: 10px;
  color: white !important;
}

.btn1:hover {
  background-color: #fff;
  border-radius: 10px;
  border-color:#00b7bd;
  color:#00b7bd !important;
}


a.samplebtn4{
	width:300px;
	padding:20px 0px;
	margin:20px 0;
	line-height:1.2em;
	display:block;
	margin:0 auto;
	text-align:center;
	font-size:18px !important;
	}
	
	
.btn5 {
  background: #ffde00;
  border-radius: 10px;
  color: #000000;
}

.btn5:hover {
  background-color: #fff;
  border-radius: 10px;
  border-color:#ffde00;
}

.mb60{
	margin-bottom:100px;
	}