/*
 * 2014/11/19 kubota
 * 繝槭Ν繝√ョ繝舌う繧ｹ蟇ｾ蠢廚SS
 * PC / 繧ｿ繝悶Ξ繝�ヨ / SP
 * window繧ｵ繧､繧ｺ縺ｫ繧医ｋ蛻�ｊ譖ｿ縺�
 * (SPIRAL縺ｮ繝槭Ν繝√ョ繝舌う繧ｹ蟇ｾ蠢廚SS縺ｮ髮帛ｽ｢繧貞盾閠�↓縺励※縺�ｋ)
 */
html {
  overflow: auto;
  height: 100%;
}

.body {
	font-family: "Hiragino Kaku Gothic Pro", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "貂ｸ繧ｴ繧ｷ繝�け Medium", "Yu Gothic", YuGothic, "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	animation: fadeInBody 0.5s ease 0s 1 normal;
    -webkit-animation: fadeInBody 0.5s ease 0s 1 normal;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
}

@keyframes fadeInBody {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeInBody {
    0% {opacity: 0}
    100% {opacity: 1}
}

#wrapper {
	margin:0;
	padding:0;
}

#SMP_STYLE .body {
	margin: 0;
	padding: 0;
}

#SMP_STYLE .body_tbl {
	margin: 0 auto;
	position: relative;
	width:100%;
}

#SMP_STYLE h1 {
}

.dropshadow {
  -webkit-filter:drop-shadow(10px 10px 0px rgba(62, 69, 223, 0.8));
  -moz-filter:drop-shadow(10px 10px 0px rgba(62, 69, 223, 0.8));
  -ms-filter:drop-shadow(10px 10px 0px rgba(62, 69, 223, 0.8));
  filter:drop-shadow(10px 10px 0px rgba(255, 252, 0, 0.8));
}

.strong31{
	font-size: 1.2em;
	background-color: #FFFF00;
	font-weight:bold;
}
.strong05{font-size: 0.8em; color:#6C6C6C;}
.strong2{font-size: 1.5em;}
.strong12{font-size: 1.2em;}
.strong15{font-size: 1.5em;}
.strong3{font-size: 3em;}
.textblue{color:#0053a6;}
.textlightblue{color:#8bcee4;}
.textorange{color:#f2940e;}
.textwhite{color:#FFF;}
.textdeepblue{color:#0e71bc;}
.textred{color:#ff0000;}
.textyellow{color:#ffff00 !important;}
.textpink{color:#e4007f;}
.textbold{font-weight:bold;}
.textright{text-align: right;}
.textleft{text-align: left;}
.textcenter{text-align: center;}
.textsize08{font-size:0.8em;}
.lineh08{line-height:0.8em;}
.close{color:#AAA!important;}
.linethrough{text-decoration: line-through;}
.end{color:#FFF; background-color: red; padding:2px;}
/* ------------------------------ interval ------------------------------ */

.margin20{margin: 10em 0 10em 0;}
.margin10{margin: 5em 0 5em 0;}
.margin7{margin: 2em 0 5em 0;}
.margin5{margin: 0% 0 5em 0;}
.margin3{margin: 1.5em 0 1.5em 0;}
.margin1{margin: 1em 1em;}
.padding1{padding: 1em;}
.padding2{padding: 2em;}
.paddinglabel{padding: 0 5px;}
.padding05{padding: 0.5em;}
.padding20{padding: 10em 0 10em 0 !important;}
.padding10{padding: 5em 0 5em 0 !important;}
.padding03{padding: 3em 0 3em 0 !important;}

/* ------------------------------ BG 閭梧勹濶ｲ ------------------------------ */
.bgblue{
	background-color:#57a0e8;
}
.bgorange{
	background-color:#f7ba63;
}
.bgpink{
	background-color:#f96ebc;
}
.bgdeepblue{
	background-color:#0e71bc;
}
.bglightblue{
	background-color:#8bd7ff;
}

.bgstripe{
  /*background: repeating-linear-gradient(-45deg, #f7fafd, #f7fafd 20px,#e9f5ff 20px, #e9f5ff 40px); */
	background: repeating-linear-gradient(-52deg, #099dc8, #099dc8 50px,#0592bb 50px, #0592bb 100px); 
	transition: .4s;
}

.bground{
	max-width: 800px;
	width:85%;
	padding:1.5em;
	background:#FFF;
	border-radius: 50px; 
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px; 
}


/* ------------------------------ btn ------------------------------ */
#entrybtn a {
	position: fixed;
	z-index:9999;
    top:0;
	right:2%;
	cursor:pointer;
	background-color: #FF0004;
	color:#FFF;
	padding:2em 1em;
	
}@media screen and (min-width:750px)and (max-width:2000px) {
	#entrybtn a {

	}
}@media screen and (max-width:750px) {
	#entrybtn a {
	width:80px;
	height: 88px;
	top:0;		
	right:2px;
	background-size: 80px 88px;
	background-repeat:no-repeat;
	}
}

#entrybtn a:hover{
	background-color: #FFFF00;
	color:#000;
}


/* ------------------------------ header ------------------------------ */

#SMP_STYLE .header_img_smartphone {display: none;}
#SMP_STYLE .header_img_tablet {display: none;}
#SMP_STYLE .header_img_pc {display: block;}
#SMP_STYLE .header_text {
	margin: 0;
	padding: 20px 70px 20px 70px;
	background: #F1F1F1;
	color: #111111;
	font-size: 100%;
	font-weight: normal;
	text-align: center;
}

header {
	position: relative;
	z-index:99;
	height: 100vh;
	padding-bottom:1em;
    width:auto;
    background-size: cover;
	background-position: top center;
    background-repeat: no-repeat;
	background-image: url(../images/header_bg.jpg);
	font-size: 1.2em;
	*font-size: small;
	*font: x-small;
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
}@media screen and (min-width:750px)and (max-width:2000px) {
	header {
	height: 100vh;
	}
}@media screen and (max-width:750px) {
	header {
	height: 100vh;
	background-image: url(../images/sp_header_bg.jpg);
	background-position: top center;
    background-size: cover;
	padding-bottom:0em;
	background-color: #000;
    }
}

header img {
	position: relative;
	z-index: 99;
	/*left:0;
	right:0;*/
	margin: 0 auto;
	top:-7%;
	left:1%;
	max-width:1700px;
	height: auto;
	animation: fadeInHeader 3s ease 0s 1 normal;
    -webkit-animation: fadeInHeader 3s ease 0s 1 normal;
}@keyframes fadeInHeader {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeInHeader {
    0% {opacity: 0}
    100% {opacity: 1}
}
@media screen and (min-width:1500px)and (max-width:1920px) {
	header img {
		max-width:1100px;
		width:100%;
	top:-1%;
    }
}
@media screen and (min-width:1200px)and (max-width:1500px) {
	header img {
		max-width:1000px;
		width:95%;
	top:-1%;
    }
}@media screen and (min-width:981px)and (max-width:1200px) {
	header img {
    		top:0%;
		width:100%;
	}
}@media screen and (min-width:751px)and (max-width:980px) {
	header img {
		top:2%;
		width:95%;
	}
}
@media screen and (max-width:750px) {
	header img {
        top:1%;
        left:0;
		width:100%;
	}
}


.teleboatlogo {
  position: absolute;
  z-index: 9999;
  top: 30px;
  left: 30px;
  background-repeat: no-repeat;
  background-image: url(../images/teleboat_logo.png);
width: 525px;
height:55px;
}@media screen and (max-width:1360px) {
	.teleboatlogo {
        top: 25px;
		left: 10px;
          background-size: 65%;
	}
}

.brlogo {
  position: absolute;
  z-index: 9999;
  top: 30px;
  right: 30px;
  background-repeat: no-repeat;
  background-image: url(../images/boatrace_logo.png);
width: 242px;
height:42px;
}@media screen and (max-width:750px) {
	.brlogo {
        top: 30px;
		right: -80px;
          background-size: 60%;
	}
}



.scroll {
  position: absolute;
  bottom: 1em;
  right: 50%;
  left: 50%;
  text-align: center;
  color:#FFF;
}@media screen and (max-width:750px) {
	.scroll {
		  bottom: 1.5em;
			right: 50%;  left: 50%;
	}
}

.scroll span {
  position: absolute;
  bottom: 4.2em;
  right: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: 6px;
	border-left: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb 1.5s infinite;
  animation: sdb 1.5s infinite;
  box-sizing: border-box;
}
@media screen and (max-width:750px) {
	.scroll span {
	margin-left: 4px;
	}
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}

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


/* ------------------------------ 驥崎ｦ� ------------------------------ */

.grid {
	width: 1000px;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}@media screen and (max-width:1000px) {
	.grid {
	width: 100%;
		  gap: 10px;
	}
}
.items {
  border-radius: 10px;
  background: #fff;
  padding: 15px;
  text-align: center;
border:2px solid #0099cc;
}@media screen and (max-width:1000px) {
	.items  {
	width: 90%;
	margin:0 20px;
	}
}
.items img {
  max-width: 100%;
  height: auto;
}
.items p {
font-size:1.3em;
  text-align: center;
}









.bg_important{
	position:  relative;
	z-index:99;
	height: auto;
	padding:0;
	width:100%;
    margin:0;
}
.bg_important2{
	position:  relative;
	z-index:99;
	height: auto;
	padding:0;
	width:100%;
    margin:0 0 -4px 0;
    background-repeat: repeat;
	background-image: url(../images/bg.png);
}

article#caption {
	position:  relative;
	z-index:99;
	height: auto;
	padding:0em 0;
	width:auto;
	overflow-y: hidden;
	/*background-color:#FFF;*/
	background-repeat: repeat;
	background-image: url(../images/bg_dot_red.png);
    margin-top:-10px;
}@media screen and (max-width:1000px) {
	article#a {
	height: 100%;
	background-attachment: scroll;
	}
}

.captiontext {
	position: relative; 
	max-width:1400px;
	margin:0 auto;
	padding:0em 0em 0em;
	font-size:1.4em;
	line-height: 1.5em;
}
.captiontext img{max-width:100%;}
.captiontext p{	/*max-width:900px;*/ padding:0em 0.8em;}

h2{
	display: inline-block;
    margin-top: 0.1em;
    margin-bottom: 0.1em;
	padding:1em 1em 0.1em 1.5em;
    letter-spacing: -0.03em;
}@media screen and (max-width:750px) {
	h2 {
	margin-top: 0.1em;
    margin-bottom: 0.1em;
	padding:0.3em 1em 0.1em;
	}
}

h2 img{
    width: 295px;
    max-width:295px;
}@media screen and (max-width:750px) {
	h2 img {
        width: 45%;
	}
}


.midashi_pc{margin-bottom: 1em; display: block;}
.midashi_sp{display: none;}
@media screen and (max-width:725px) {

	.midashi_pc{display: none;}
	.midashi_sp{margin-bottom: 1em; display: block;}

}


.imp_container{
 width: 92%;
 display: flex;  
position: relative;
 -webkit-justify-content: center;
 /*align-items: center;*/
 align-items: stretch;
justify-content: space-between;
padding:1em 0;
	}

.imp_item{
width: 80%; 
position: relative; 
flex: 1 0 auto; 
}

@media screen and (max-width:725px) {
	.imp_item{
		 word-break:break-all;
	}
}


.h3_step{margin-top: -10em;}

.imp_item p{
	font-size: 2.5em;
	text-align: center;
	line-height: 1.5em;
	padding-bottom: 0.5em;
	color:#FFF;
    font-weight:bold;
}
  
@media screen and (max-width:1300px) {
	.imp_item p{
		margin-left: 2em; 
        margin-right: 2em;
        font-size: 2em;
    }

}  
  
@media screen and (max-width:1024px) {
	.imp_item p{
		margin-left: 2em; 
        margin-right: 2em;
        font-size: 2em;
	}
}

@media screen and (max-width:725px) {
	.imp_item p{
		padding-bottom: 1em;
		font-size: 1.7em;
	}
}
@media screen and (max-width:640px) {
	.imp_item p{
		margin-left: 0.8em; 
        margin-right: 0.8em;
		padding-bottom: 1em;
		font-size: 1.4em;
	}
}


span.emphasis { color:#0785d1; font-weight: bold;}


*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;/*rem邂怜�繧偵＠繧�☆縺上☆繧九◆繧√↓*/
}




















.second_btn {
  max-width:820px;
  margin: 20px 0 80px
}



.copyr{
color:#FFF;
  font-size: 1em;
}
@media screen and (max-width:1300px) {
.copyr{
  font-size: 0.9em;
    }
}
@media screen and (max-width:1000px) {
.copyr {
  font-size: 0.8em;
    }
}
@media screen and (max-width:750px) {
.copyr {
  font-size: 0.7em;
    }
}

























































/* ------------------------------ 荳句ｱ､繝壹�繧ｸ ------------------------------ */
.subpage h2 {
  position: relative;
  overflow: hidden;
  padding: 1.7rem 2rem 1.7rem;
  border: 5px solid #000;
  border-radius: 0.6em;
width: 97%;
height:100%;
background-color:#fff600;
text-align: center;
font-size:3.5em;
margin:0 auto;
}@media screen and (max-width:1000px) {
	.subpage h2 {
    font-size:2.5em;
    padding: 1.5rem 2rem 1.5rem;
	}
}

.subpage{
    position: relative;
    width: 60%; margin-top:50px;
	background: #fff; filter: drop-shadow(1vw 1vw 0px #000);
    padding:-3em 1em 2em 1em;
    height:100%;
    
}@media screen and (max-width:1000px) {
	.subpage {
    margin-top:-20px;
	width: 90%;
    padding:0.5em;
	}
}

.subpage_midashi{
    position: relative;
    z-index: 10;
width: 100%; margin-top: 0em; 
height:100%;
background-image:url(../images/subpage_midashi_bg.png);
background-repeat:no-repeat;
background-position:50% 30%;
background-size:100%;
text-align:center;
padding:30px 0 25px 0;
font-size:3.5em;
font-weight: bold;
}@media screen and (max-width:1000px) {
	.subpage_midashi {
    font-size:2.8em;
    padding:8px 0 5px 0; 
	}
}

.subpage_setsumei{text-align: left; padding:0em 2em 1em 2em; font-size:2.4em; font-weight:bold; line-height: 1.5em;}
@media screen and (max-width:1000px) {
	.subpage_setsumei {
    font-size:2.4em;
    padding:0em 1em 1.5em 1em;
	}
}



.subpage_komidashi{text-align: center; margin:1em 2em 0em 2em; background-color: #fff600; font-size:2.5em; font-weight:bold;}
@media screen and (max-width:1000px) {
	.subpage_komidashi {
    margin:0.4em 1em 0em 1em;
	}
}
.subpage_komidashitext{text-align: left; padding:0em 2em 0.5em 2em; font-size:2.3em; font-weight:bold; line-height: 1.5em;}
@media screen and (max-width:1000px) {
	.subpage_komidashitext {
    font-size:2.2em;
    padding:0em 1em 0.3em 1em;
	}
}

.subpage_komidashiicon{text-align: center; margin:-5px 2em 0em 2em; font-size:2.3em; font-weight:bold; line-height: 1.5em;}
@media screen and (max-width:1000px) {
	.subpage_komidashiicon {
    font-size:2.2em;
    padding:0em 0em 0.3em 0em;
	}
}





















/*------------------------ 蛹ｺ蛻�ｊ ------------------------*/

.stripeArea {
	position: relative;
	text-align: center;
	margin-top: 0px;
	padding: 0;
	background: none;
}


.stripeArea .kugiri_2 {
	position: absolute;
	width: 100%;
	font-weight: bold;
	margin: 0 auto;
	top: -50px;
	left: 0;
	right: 0;
}

.stripeArea .kugiri_2 .ttl {
	width: 100%;
	height: 110px;
	display: table-cell;
	vertical-align: middle;
	background: url(../images/kugiri_2.png) no-repeat left center;
	background-size: 100%;
}

.stripeArea .kugiri_3 {
	position: absolute;
	width: 100%;
	font-weight: bold;
	margin: 0 auto;
	top: -50px;
	left: 0;
	right: 0;
}

.stripeArea .kugiri_3 .ttl {
	width: 100%;
	height: 110px;
	display: table-cell;
	vertical-align: middle;
	background: url(../images/kugiri_3.png) no-repeat left center;
	background-size: 100%;
}

.stripeArea .kugiri_4 {
	position: absolute;
	width: 100%;
	font-weight: bold;
	margin: 0 auto;
	top: -50px;
	left: 0;
	right: 0;
}

.stripeArea .kugiri_4.ttl {
	width: 100%;
	height: 110px;
	display: table-cell;
	vertical-align: middle;
	background: url("../images/kugiri_4.png") no-repeat left center;
	background-size: 100%;
}

.kugiri_2{
	position: absolute;
	z-index: 10;
    background-repeat: no-repeat;
	background-image: url(../images/kugiri_2.png);
	background-size: cover;
	top:-10px;
	left:0;
	height:120px;
	width:100%;
}
.kugiri_3{
	position: absolute;
	z-index: 10;
    background-repeat: no-repeat;
	background-image: url(../images/kugiri_3.png);
	background-size: cover;
	top:-10px;
	left:0;
	height:120px;
	width:100%;
}
.kugiri_4{
	position: absolute;
	z-index: 10;
    background-repeat: no-repeat;
	background-image: url(../images/kugiri_4.png);
	background-size: cover;
	top:-10px;
	left:0;
	height:120px;
	width:100%;
}

@media screen and (max-width: 768px) {
	.stripeArea .kugiri_2 {
		width: 100%;
	}
.stripeArea .kugiri_2 .ttl {
	background: url(../images/kkugiri_2_sp.png) no-repeat left center;
	background-size: 100% 68px;
		height: 68px;
	}
	.stripeArea .kugiri_3 {
		width: 100%;
	}
.stripeArea .kugiri_3 .ttl {
	background: url(../images/kkugiri_3_sp.png) no-repeat left center;
	background-size: 100% 68px;
		height: 68px;
	}
	
	.stripeArea .kugiri_4 {
		width: 100%;
	}
.stripeArea .kugiri_4.ttl {
	background: url(../images/kkugiri_3_sp.png) no-repeat left center;
	background-size: 100% 68px;
		height: 68px;
	}
.kugiri_2{
	background-image: url(../images/kugiri_2_sp.png);
	top:-10px;
	left:0;
	height:68px;
	width:100%;
}
.kugiri_3{

	background-image: url(../images/kugiri_3_sp.png);
	top:-10px;
	left:0;
	height:68px;
	width:100%;
}
.kugiri_3{
	background-image: url(../images/kugiri_4_sp.png);
	top:-10px;
	left:0;
	height:68px;
	width:100%;
}
}





/*------------------------ 繧ｳ繝ｼ繧ｹ ------------------------*/
.bgcourse{
	z-index: -999;
    background-repeat: repeat;
	background-image: url(../images/bg.png);
}
.bgcourse_white{
	background:rgba(255,255,255,0.6);
}
.midashi {
	margin:0 auto;
	text-align: center;
	position:relative;
}
.recep_end_txt{
	position:absolute;
	bottom:0;
	left:0;
	background:rgba(0,0,0,0.7);
	z-index:9999;
	width:100%;
	height:150%;
	color:#ff0000;
	padding:15px 0;
}
h3.recep_txt{
	position:absolute;
	top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
	font-size:3rem;
	line-height:1.5;
	text-align:center;
	border:none;
	text-shadow: white 3px 0px, white -3px 0px, white 0px -3px, white 0px 3px, white 3px 3px, white -3px 3px, white 3px -3px, white -3px -3px, white 1px 3px, white -1px 3px, white 1px -3px, white -1px -3px, white 3px 1px, white -3px 1px, white 3px -1px, white -3px -1px;
}
.ano{
	font-size:0.5em;
	display:inline-block;
	line-height:1.7;
	padding-top:5px;
	letter-spacing:1px;
}
.midashi_a {
	width:600px;
}
.midashi_b {
	width:434px;
}
.midashi_c {
	width:256px;
}
.course {
	position: relative;
 	z-index:0;
	border:2px solid #0e71bc;
	max-width:1180px;
	background-color:#e8f8ff;
	margin:0 auto 2em;
}

.course_box {
  display:flex;
  justify-content: space-between;
  flex-direction: reverse;
  margin:20px 20px 10px;
  padding:0px;
  background-color:#FFF;
  position: relative;
  width:97%;
}

.text {
}

h3 {
	position: relative;
	top:0;
	left:0;
  font-size: 2.7em;
  margin: 0;
	text-align: center;
  border:solid #0e71bc;
	border-width:0px 0px 2px 0px;
	padding:0.5em 0;
		width:100%;
	max-width:1180px;
}
.course_round{
  display: inline-block;
  margin:0 0 0 0.5em;
  padding:0em 1em;
  border-radius: 10rem;
  background-color: #FFF;
  color:#00b1ff;
}

.pict {
  width: 30%;
  margin-left: 3%;
    padding: 0;
}

.pict img {
  width: 100%;
  height:auto;
  padding: 0;
}

.btn_wrap{
  margin:1em auto;
  text-align: center;
}

.course_btn{
  display: inline-block;
  margin:0 auto;
  border-radius: 10rem;
  background-color: #ff0000;
  text-align: center;
}

.course_btn_grayout{
  display: inline-block;
  margin:0 auto;
  border-radius: 10rem;
  background: #c5c5c5;
  text-align: center;
  font-size: 2.5em;
  padding: 0.9rem 5rem;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

a.course_btn {
  font-size: 2.5em;
	  padding: 0.9rem 5rem;
	color:#FFF;
	text-decoration: none;
	font-weight: bold;
}

a:hover.course_btn {
  opacity: 0.5;
}

.course_list{
    padding: 0;
    margin: 0;
}

.course_list ul{
    list-style: none;
    padding: 20px;
    margin: 0;
  }
.course_list ul li{
    padding: 0;
    margin: 0;
	font-size:1.8em;
	line-height: 1.6em;
  }

.course_link {
  	text-decoration:underline;
	font-weight: bold;
	padding:0 0 0 102px;
}

.course_period {
  display: inline-block;
  margin:0.5em auto 3em;
  border-radius: 3.5rem;
  background-color: #FFF;
  text-align: center;
	border:2px solid #ff0000;
	padding:20px;
	font-size:2.4em;
	color:#ff0000;
	font-weight: bold;
	width:100%;
	max-width:1180px;
}

@media screen and (max-width:768px) {
.recep_end_txt{
	height:300%;
	padding:30px 0;
}
h3.recep_txt{
	font-size:3.6rem;
	line-height:1.3;
}
.ano{
	font-size:0.6em;
	line-height:1.6;
	}
.midashi_a {
	width:97%;
	margin:10px;
}
.midashi_b {
	width:60%;
}
.midashi_c {
	width:35%;
}
	.course {
	margin:0 1em 2em;
}
  .course_box {
    flex-direction: column;
	width:96%;
  margin:10px 10px 0px;
}
  .bcourse_box:nth-child(even) {
    flex-direction: column;
  }
  .text {
    text-align: left;
  }
h3 {
  font-size: 2.4em;
}
	.course_round{

  margin:0.2em 0 0 0.5em;
}
  .course_box:nth-child(even) .text {
    text-align:left;
  }
  .pict {
    width:100%;
    margin: 2em 0 0 0;
    text-align: center;
  }
  .course_box:nth-child(even) .pict {
    margin-left: 0;
    margin-right: 0%;
  }
  .pict img {
    width:100%;
    height:auto;
  }
	.course_list ul{
    padding: 10px;
  }
	.course_period {
  margin:0em 10px 3.5em;
  border-radius: 4rem;
	padding:7px;
	font-size:1.8em;
	width:85%;
	}
}

@media screen and (max-width:480px) {
h3.recep_txt{
	font-size:3rem;
}
}

@media screen and (max-width:360px) {
h3.recep_txt{
	font-size:2.6rem;
}
}

@media screen and (max-width:300px) {
h3.recep_txt{
	font-size:2.4rem;
}
}
	
@media screen and (max-width:280px) {
h3.recep_txt{
	font-size:2rem;
}
}

/*------------------------ 繝�い繝ｼ ------------------------*/

#tour {
	position: relative;
	background-color:#008ce3;
	padding:50px 0;
	background-repeat: no-repeat;
	background-image: url(../images/bgtour.png);
	background-size: cover;
}
.tour {
	position: relative;
 	z-index:99;
	max-width:1180px;
	margin:2em auto 2em;
	background:rgba(255,255,255,0.9);
	width:97%;
	border-radius: 2.5rem;
	padding:2em;
}

.tour_box {
  display:flex;
  justify-content: flex-start;
  margin:10px 10px 10px;
  padding:10px 30px 10px;

}
.komidashi_area{
  width: 15%;
    padding: 0;
  margin:0px 20px;
}
.komidashi{
    padding: 10px;
	font-size: 1.5em;
	border:1px solid #007eb5;
	text-align: center;
	border-radius: 3.5rem;
	color:#007eb5;
	background-color: #FFF;
	width:150px;
	font-weight: bold;
}
.text_area {
  width: 85%;
    padding: 0.5em 0 0 0;
	font-size: 1.8em;
	margin-bottom:0em;
}

.text_area_dotlist-wrap {
	list-style: "繝ｻ";  /* 繝�ヵ繧ｩ繝ｫ繝医�繧｢繧､繧ｳ繝ｳ繧呈ｶ医☆ */
    margin:  0 0 0 15px;         /* 繝�ヵ繧ｩ繝ｫ繝域欠螳壻ｸ頑嶌縺� */
    padding: 0;         /* 繝�ヵ繧ｩ繝ｫ繝域欠螳壻ｸ頑嶌縺� */
}
 
.text_area_dotlist-wrap li {
    margin:  0 0 15px 0px;
	font-size: 1em;
	line-height: 1.6em;
}

.text_area_asterisklist-wrap {
	list-style: "窶ｻ";  /* 繝�ヵ繧ｩ繝ｫ繝医�繧｢繧､繧ｳ繝ｳ繧呈ｶ医☆ */
    margin:  -0.5em 0 0 15px;         /* 繝�ヵ繧ｩ繝ｫ繝域欠螳壻ｸ頑嶌縺� */
    padding: 0;         /* 繝�ヵ繧ｩ繝ｫ繝域欠螳壻ｸ頑嶌縺� */
}
 
.text_area_asterisklist-wrap li {
    margin:  0 0 0px 0px;
	font-size: 1em;
	line-height: 1.6em;
}
.text_area_list:before {
    display:  inline-block;     /* 繧､繝ｳ繝ｩ繧､繝ｳ繝悶Ο繝�け縺ｫ縺吶ｋ */

}



@media (max-width:768px) {
	#tour {
	padding:10px 0 20px;
	background-image: url(../images/bgtour_sp.png);
}
	.tour {
	margin:1em 2em;
	width:92%;
	border-radius: 2.5rem;
	padding:10px 0;
}
	.tour_box {
		display:block;
		width:92%;
	  padding:0px 8px 5px;
		margin:0em 1em;
}
.komidashi_area{
  width: 100%;
  padding: 0;
  margin:5px 10px;
		text-align: center;
}
.komidashi{
    padding: 3px 8px;
	font-size: 2em;
	border:1px solid #007eb5;
	border-radius: 3.5rem;
	color:#007eb5;
	background-color: #FFF;
width:100%;
	}
.text_area {
  width: 100%;
		margin-bottom:0em;
	}
.text_area_asterisklist-wrap {
    margin:  0em 0 0 15px;         /* 繝�ヵ繧ｩ繝ｫ繝域欠螳壻ｸ頑嶌縺� */
	} 
.text_area_dotlist-wrap li {
    margin:  0 0 8px 0px;
	font-size: 0.8em;
	line-height: 1.3em;
	}
.text_area_asterisklist-wrap li {
    margin:  0 0 8px 0px;
	font-size: 0.8em;
	line-height: 1.3em;
	}
}





















/*------------------------ 讎りｦ� ------------------------*/
#gaiyou {
	position: relative;
	background-color:#008ce3;
	padding:50px 0;
}

.bggaiyou{
	position: relative;
	z-index: -99;
    background-repeat: no-repeat;
	background-image: url(../images/bggaiyou.png);
	background-size: cover;
}
.gaiyoutext{
	font-size:1em;
	margin:-0.5em 0 0 0;
}



@media (max-width:768px) {
#gaiyou {
	padding:10px 0 20px;
}
	.bggaiyou{
	background-image: url(../images/bggaiyou_sp.png);
	}
	.gaiyoutext{
	font-size: 0.8em;
	line-height: 1.3em;
	margin:-0.5em 0 0 0;
}
}

/*------------------------ 隕冗ｴ� ------------------------*/
#kiyaku {
	position: relative;
	background-color:none;
	padding:80px 0;
}

.bgkiyaku{
    background-repeat: repeat;
	background-image: url(../images/bg.png);
}
.kiyaku_box {
  margin:10px 20px 10px;
  padding:10px 40px 10px;

}
.kiyaku_midashi_area{
  width: 100%;
    padding: 0;
  margin:0px auto;
	text-align: center;
}
.kiyaku_midashi{
    padding: 10px 3em;
	font-size: 1.8em;
	text-align: center;
	border-radius: 3.5rem;
	color:#FFF;
	background-color: #000;
	font-weight: bold;
	margin:1em auto;
	width:100%;
	max-width:300px;
}
.kiyaku_text_area {
  width: 100%;
    padding: 0.5em 0 0 0;
	font-size: 1.8em;
	margin-bottom:0em;
}

a.btn_05 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 640px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	background: #707070;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
	font-size: 2em;
}
a.btn_05:hover {
	color: #000;
	background: #c5c5c5;
}

@media (max-width:768px) {
	#kiyaku {
	padding:10px 0 20px;
	}
	.kiyaku_box {
  	margin:5px 20px;
  	padding:5px 0px;
	}
	
	.kiyaku_midashi_area{
  width: 100%;
    padding: 0;
  margin:5px 10px;
		text-align: center;
}
.kiyaku_midashi{
    padding: 6px 8px;
	font-size: 2em;
	border-radius: 3.5rem;
	color:#FFF;
	background-color: #000;
	width:100%;
	}
	a.btn_05 {
	margin: 0.8em auto 0;
	width: 90%;
	padding: 1rem 2rem;
	}


}





/*------------------------ 繝励Λ繧､繝舌す繝ｼ繝昴Μ繧ｷ繝ｼ ------------------------*/
#privacy_policy {
	position: relative;
	background-color:none;
	padding:0px 0;
}
.pp {
	position: relative;
 	z-index:99;
	max-width:1180px;
	margin:2em auto 2em;
	background:rgba(255,255,255,0.9);
	width:97%;
	border-radius: 2.5rem;
	padding:2em;
}


.pp_midashi{
  margin:10px auto;
	width:50%;
	max-width:448px;
}


.pp_box {
  margin:10px 20px 10px;
  padding:10px 40px 10px;
}

.pp_box p{
  font-size: 1.8em;
margin:0.5em 0;
}

.pp_box h4{
  font-size: 1.8em;
padding: 0.25em 0.25em;/*荳贋ｸ� 蟾ｦ蜿ｳ縺ｮ菴咏區*/
  color: #000;/*譁�ｭ苓牡*/
  background: transparent;/*閭梧勹騾乗�縺ｫ*/
margin:1.5em 0 0em;
}

.pp_box h4:before {
    background-color: #00b1ff; /* 邱夊牡 */
    border-radius: 5px; /* 邱壼ｹ��蜊雁� */
    content: "";
    display: inline-block;
    height: 38px; /* 邱壹�髟ｷ縺� */
    margin-right: 10px; /* 邱壼承縺ｮ菴咏區 */
    vertical-align: middle;
    width: 10px; /* 邱壼ｹ� */
}

.pp_box ol li {
  list-style-type: none;
  counter-increment: cnt;
  font-size:1.8em;
  margin:0 0 0 -1em;
  text-indent: -1.6em;
padding:0.3em 0 0.3em 1.6em;
}

.pp_box ol li::before {
  content: counter(cnt)"縲�";
}

a.btn_back {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 280px;
	margin: auto;
	padding: 1.2rem 3rem;
	font-weight: bold;
	border: 2px solid #00b1ff;
	border-radius: 100vh;
	transition: 0.5s;
	font-size: 2.8em;
	color: #00b1ff;
	background: #fff;

}
a.btn_back:hover {
	background: #00b1ff;
	color: #fff;
}
@media (max-width:768px) {
	.pp {
	margin:2em ;
	width:92%;
	border-radius: 2.5rem;
	padding:25px 0;
	}
	.pp_box {
  margin:10px 20px 10px;
  padding:10px 0px 10px;
	}
.pp_box h4{
  font-size: 1.5em;
padding: 0.25em 0.25em 0;/*荳贋ｸ� 蟾ｦ蜿ｳ縺ｮ菴咏區*/
  color: #000;/*譁�ｭ苓牡*/
  background: transparent;/*閭梧勹騾乗�縺ｫ*/
margin:1.5em 0 0em;
	}

.pp_box h4:before {
    background-color: #00b1ff; /* 邱夊牡 */
    border-radius: 5px; /* 邱壼ｹ��蜊雁� */
    content: "";
    display: inline-block;
    height: 40px; /* 邱壹�髟ｷ縺� */
    margin-right: 10px; /* 邱壼承縺ｮ菴咏區 */
    vertical-align: middle;
    width: 10px; /* 邱壼ｹ� */
	}
.pp_box p{
  font-size: 1.5em;
margin:0.5em 0;
}
.pp_box ol li {
  list-style-type: none;
  counter-increment: cnt;
  font-size:1.5em;
  text-indent: -1.6em;
padding:0.3em 0 0.3em 1.6em;
	  margin:0 0 0 -2em;

	}

}




























/* FLEXBOX */
.container {
  position: relative;
  z-index:99;
}

.item {
	position: relative;
	flex-basis: auto;
	padding:10px 12px;
	font-size:1.5em;
}@media screen and (max-width:750px) {
	.item {
	flex-basis: 160px;
	}
}

.item a img {
	width:100%;
	  overflow: hidden;
  cursor: pointer;
}

.item a:hover img{
	transform: scale(1.1);
	transition-duration: 0.2s;
}

.pre{
	position: absolute;
	background-color: #EB2052;
	padding: 5px 5px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 0.7em;
	width: 70px;
	margin-left: auto;
	margin-right: auto;
	bottom:30px;
	right:5px;
	text-align: center;
	transform:skew(-10deg,0deg);
}


.content {
	position: relative;
	z-index: 1;
	padding:0em 0em 0em;
	margin:0em 0;
	text-align: left;
}@media screen and (max-width:750px) {
	.content {

	}
}





.lineyellow {
     background:linear-gradient(transparent 60%, #fffc00 60%);
 }


/* --------------- 讓ｪ蟷�726px縺九ｉ981px縺ｾ縺ｧ --------------- */

@media screen and (min-width:726px) and (max-width:981px) {

	#SMP_STYLE .header_img_smartphone {display: none;}
	#SMP_STYLE .header_img_tablet {display: block;}
	#SMP_STYLE .header_img_pc {display: none;}
	.none {display: none;}
	.denote {display: block;}
/* --------------- 讓ｪ蟷�725px莉･荳� --------------- */

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

	#SMP_STYLE .header_img_smartphone {display: block;}
	#SMP_STYLE .header_img_smartphone img {width:100%;}
	#SMP_STYLE .header_img_tablet {display: none;}
	#SMP_STYLE .header_img_pc {display: none;}

	.none {display: none;}
	.denote {display: block;}

}

	.none {display: none;}
	.denote {display: block;}
/* --------------- FOOTER --------------- */

#footer {
	position: relative;
	z-index:99;
	/*background-color: rgba(58,210,248,1);*/
	padding: 0px 0 100px;
	    background-position: center;
    background-repeat: repeat;
	background-image: url(../images/bg.png);
	background-attachment: fixed;
	overflow-y: hidden;
}@media screen and (max-width:1000px) {
	#footer {
		padding: 0px 0 15px;
	}
}

.inquiry{
	position: relative;
	z-index:99;
	background-color: #007eb5;
	padding: 10px 50px 20px;
	width:100%;
}@media screen and (max-width:1000px) {
	.inquiry {
	padding: 20px 20px;
	}
}
.inquiry p{
	font-size:2.5em!important;
    font-weight: bold;
    line-height: 1.5em;
	color:#FFF!important;
	padding:0;
}@media screen and (max-width:1000px) {
	.inquiry p {
		font-size:2.0em!important;
    font-weight: bold;
    line-height: 1.3em;
	}
}
.multiply {
  mix-blend-mode: multiply;
}
.inquirysmall{
	font-size:0.9em!important;
}
a.mail {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	margin: -0.5em auto 0;
	padding: 0rem 0rem 0.5em;
	font-weight: bold;
	color: #fff;
	font-size: 2.5em;
}
a.mail:hover {
	text-decoration:underline;
}

a.btn_04 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 640px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #00b1ff;
	background: #00b1ff;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
	font-size: 2em;
}@media screen and (max-width:1000px) {
	a.btn_04 {
	margin: 0.0em auto 0;
	width: 100%;
	padding: 1rem 2rem;
	}
}
a.btn_04:hover {
	color: #00b1ff;
	background: #fff;
}
.inquiry_round{
    background-color: #FFF;
    width: 700px;
    display: block;
    border-radius:  30px;
	margin:20px 0;
	line-height: 1.0em;
    padding: 15px 15px 30px;
}@media screen and (max-width:1000px) {
	.inquiry_round {
    width: 95%;
	margin:20px 10px;
	}
}

.inquiry_round p{
    text-decoration:  none;
    text-align:  center;
    font-size: 2.3em!important;
	font-weight: bold;
	line-height: 1.2em;
	margin:-1em 0;
}
.inquiry_round a{
    text-decoration:  none;
    text-align:  center;
    font-size: 1.8em!important;
}
.inquiry_round a:hover{
	text-decoration:underline;
}
.text_00b1ff{
    color: #00b1ff!important;
}
.text_007eb5{
    color: #007eb5!important;
}
#footer p{
	padding: 20px 10px;
    font-size: 2em;
	text-align:center;
	color:#444;
	margin:0 auto;
}@media screen and (max-width:1000px) {
	#footer p {
    font-size: 1.5em;
	padding: 10px 10px 20px;
	}
}
	
/* footer蟇ｾ遲� */
#SMP_STYLE .body_tbl{
	padding-bottom:0;
	position: relative;
	width:100%;
}

/* --------------- 繝医ャ繝励∈謌ｻ繧� --------------- */

#back-top {
	position: fixed;
	z-index:999;
	bottom: 1em;
	right:1em;
}
#back-top a{
    text-decoration: none;
    color: #fff;
    padding: 0em 0;
    text-align: center;
    display: block;
	opacity:0.65;
}
#back-top img{
    width:164px;
	height:164px;
}@media screen and (max-width:1000px) {
	#back-top img {
    width:65px;
	height:65px;
	}
}
#back-top a:hover{
	opacity:0.3;filter:Alpha(opacity=75)
}
.my-big {
  font-size: 6em;
}