/*
 * 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 2s ease 0s 1 normal;
    -webkit-animation: fadeInBody 2s ease 0s 1 normal;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  /*background: repeating-linear-gradient(-45deg, #d8f5e4, #d8f5e4 50px, #eaf5e4 50px, #eaf5e4 100px);*/
    background-repeat: repeat;
	background-image: url(../images/bg_slash.png);
}

/*@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));
}



h4{
	font-size: 18px;
	color: #0086b2;
	font-weight: bold;
	text-align:left;
	margin: 15px 0 -13px 0;
	position: relative;
	padding-left: 1.2em;
	line-height: 1.4;

}

h4:before{ font-family: "Font Awesome 5 Free";
content: "\f00c";
position: absolute;
font-size: 1em;
left: 0;
top: 0;
color: #5ab9ff;
}

.strong31{
	font-size: 1.2em;
	background-color: #FFFF00;
	font-weight:bold;
}
.strong05{font-size: 0.8em; color:#6C6C6C;}
.strong2{font-size: 1.5em;}
.strong11{font-size: 1.1em;}
.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;}
.textred{color:#fd1a85;}
.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;}

.textbgblack{background-color: #000;}
.textnotice{color:#F00; background-color: #FF0; padding:5px 0px;}
/* ------------------------------ 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;}
.marginb15{margin: 0em 0em 1.5em!important;}
.marginb3{margin: 0em 0em 3em!important;}
.marginb5{margin: 0em 0em 5em!important;}
.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;}
.padding01{padding: 1em 0 1em 0 !important;}
.paddingtop05{padding-top: 0.5em;}

.width100{width: 100%;}
/* ------------------------------ BG 閭梧勹濶ｲ ------------------------------ */
.bgblue{
	background-color:#57a0e8;
}
.bgorange{
	background-color:#f7ba63;
}
.bgpink{
	background-color:#f96ebc;
}
.bgdeepblue{
	background-color:#001844;
}

.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 ------------------------------ */
.dm{
position: relative;
width:100%;
padding:1.5em 0.5em;
background-color:#FFA600;
}
@media screen and (max-width:1920px) {
	.dm {
	}
}
@media screen and (max-width:1000px) {
	.dm {
padding:1.2em 0.5em;
	}
}

.dm img{
position: absolute;
z-index: 9999999;
top:10px;
left:22%;
float: left;
}
@media screen and (max-width:1920px) {
	.dm img {
top:20px;
left:22%;
width:150px;
	}
}
@media screen and (max-width:1800px) {
	.dm img {
top:20px;
left:18%;
width:150px;
	}
}
@media screen and (max-width:1680px) {
	.dm img {
top:20px;
left:12%;
width:150px;
	}
}
@media screen and (max-width:1280px) {
	.dm img {
top:20px;
left:10%;
width:150px;
	}
}
@media screen and (max-width:1000px) {
	.dm img {
top:20px;
left:3%;
width:150px;
	}
}
@media screen and (max-width:850px) {
	.dm img {
width:100px;
left:-1%;
top:25px;
	}
}

@media screen and (max-width:750px) {
	.dm img {
width:100px;
left:-3%;
top:5px;
	}
}

#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:0em;
    width:auto;
    background-size: cover;
	background-position: top center;
    background-repeat: no-repeat;
	background-image: url(../images/header_bg.png);
	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:3000px) {
	header {
	/*height: 100vh;*/
    	background-position: bottom center;
	}
}@media screen and (max-width:750px) {
	header {
	/*height: 100vh;*/
	background-image: url(../images/header_bg.png);
	background-position: top center;
    background-size: cover;
	padding-bottom:0em;
    }
}

header img {
	position: relative;
	z-index: 99;
	/*left:0;
	right:0;*/
	margin: 0 auto;
	top:-30%;
	left:1%;
	max-width:1580px;
	width:50%;
	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:50%;
	top:-40px;
    }
}
@media screen and (min-width:1200px)and (max-width:1500px) {
	header img {
		max-width:1000px;
		width:60%;
	top:-40px;
    }
}@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:-30px;
        left:-30px;
		width:100%;
	}
}
.title img{
max-width:1400px;
padding:5em 0.5em 7em 0.5em ;
}
@media screen and (max-width:1920px) {
	.title img {
max-width:1400px;
padding:5em 0.5em 0 0.5em ;
	}
}
@media screen and (max-width:1000px) {
	.title img {
max-width:600px;
padding:4em 1em 0 1em;
	}
}



.title2{
width:100%;
}

.title2 img{
	margin-top:80px; 
max-width:900px;
width:80%;
padding:5em 0 2em -2em;
}@media screen and (max-width:900px) {
	.title2 img {
	width:100%;
	padding:-1em 0 0 1em;
		
	}
}

.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: 9999999;
  top: 30px;
  right: 30px;
  background-repeat: no-repeat;
  background-image: url(../images/teleboat.png);
width: 149px;
height:118px;
}
@media screen and (max-width:1680px) {
	.brlogo {
        top: 5px;
		right: -45px;
        background-size: 60%;
	}
}
@media screen and (max-width:1000px) {
	.brlogo {
        top: 5px;
		right: -60px;
        background-size: 45%;
	}
}
@media screen and (max-width:750px) {
	.brlogo {
        top: 5px;
		right: -70px;
        background-size: 40%;

	}
}


.digit {
    position: relative;
	z-index:100;
	font-size: 2.5em;
	color:#FFF;
    background-color: #F00;
	padding:1em 2em;
	line-height: 1.6em;
	margin:-1.8em 0 0.5em;
}
@media screen and (max-width:750px) {
	.digit {
	font-size: 2em;
	}
}

.caution {
    position: relative;
    padding: 3rem 3rem 0.5rem;
    background-color: #FFFFff;
    background-image: repeating-linear-gradient(45deg, #EBBB2F 0 5px, #333 5px 10px);
    background-position: top;
    background-size: 100% 2rem;
    background-repeat: no-repeat;
color:#000;
	width:100%;
	max-width: 960px;
	margin-top:30px;
}

.caution::before {
    position: absolute;
    top: -0.5rem;
    left: 50%;
    padding: 0.5rem 3em;
    transform: translateX(-50%);
    border-radius: 30px;
    background-color: #333;
    box-shadow: 0 0 3px black;
    color: #FFFF00;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    content: attr(data-title);
}


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


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

article#caption {
	position:  relative;
	z-index:99;
	height: auto;
	padding:0em 0;
	width:auto;
	overflow-y: hidden;

    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;
    }
  br {display: none;}
}  
  
@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邂怜�繧偵＠繧�☆縺上☆繧九◆繧√↓*/
}

.btn,
a.btn,
button.btn {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
  margin:20px 0;
}@media screen and (max-width:1000px) {
	.btn,
a.btn,
button.btn {
  font-size: 1.8rem;
      padding: 1rem 1rem;
	}
}


a.btn-flat {
  overflow: hidden;
  padding: 1.5rem 15rem;
  color: #fff;
  border-radius: 0;
  background: #000;
}@media screen and (max-width:1000px) {
	a.btn-flat {
          padding: 1.5rem 10rem;
	}
}

a.btn-flat span {
  position: relative;
  z-index: 1;
}

a.btn-flat:before {
  position: absolute;
  top: 0;
  left: calc(-150% + 50px);

  width: 150%;
  height: 500%;

  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: rotate(45deg) translateX(0) translateY(-40%);
  transform: rotate(45deg) translateX(0) translateY(-40%);

  background: #fff100;
}@media screen and (max-width:1000px) {
	a.btn-flat:before {
            -webkit-transform: rotate(45deg) translateX(0) translateY(-28%);
            transform: rotate(45deg) translateX(0) translateY(-28%);
	}
}

a.btn-flat:after {
  position: absolute;
  top: -400%;
  right: calc(-150% + 50px);

  width: 150%;
  height: 500%;

  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: rotate(45deg) translateX(0) translateY(40%);
  transform: rotate(45deg) translateX(0) translateY(40%);

  background: #fff100;
}@media screen and (max-width:1000px) {
	a.btn-flat:after {
            -webkit-transform: rotate(45deg) translateX(0) translateY(28%);
              transform: rotate(45deg) translateX(0) translateY(28%);
	}
}


a.btn-flat:hover {
  color:#000;
}


a.btn-flat:hover:before {
  -webkit-transform: rotate(45deg) translateX(0) translateY(-100%);
  transform: rotate(45deg) translateX(0) translateY(-100%);
}

a.btn-flat:hover:after {
  -webkit-transform: rotate(45deg) translateX(0) translateY(100%);
  transform: rotate(45deg) translateX(0) translateY(100%);
}



















.btnfix,
a.btnfix,
button.btnfix {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
  margin:20px 0;
  width:90%;
  max-width: 750px;
}
@media screen and (max-width:1300px) {
	.btnfix,
a.btnfix,
button.btnfix {
  font-size: 2.5rem;
      padding: 1rem 1rem;
	  width:550px;
    }
}
@media screen and (max-width:1000px) {
	.btnfix,
a.btnfix,
button.btnfix {
  font-size: 1.9rem;
      padding: 1rem 1rem;
		  	  width:420px;
      margin:0px 0 20px;
    }
}
@media screen and (max-width:750px) {
	.btnfix,
a.btnfix,
button.btnfix {
  font-size: 1.6rem;
  -webkit-font-size: 1.5rem;
  padding: 1rem 0.8rem;
  width:360px;
  letter-spacing: -1px;
  margin:0px 0 10px;
    }
}


a.btn-flatfix {
  overflow: hidden;
  padding: 1.5rem 4rem;
  color: #fff;
  border-radius: 0;
  background: #000;
}
@media screen and (max-width:1300px) {
	a.btn-flatfix{
      padding: 1.5rem 0rem;
    }
}  
@media screen and (max-width:1000px) {
	a.btn-flatfix {
          padding: 1.5rem 2rem;
	}
}

a.btn-flatfix span {
  position: relative;
  z-index: 1;
}

a.btn-flatfix:before {
  position: absolute;
  top: 0;
  left: calc(-150% + 50px);

  width: 150%;
  height: 500%;

  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: rotate(45deg) translateX(0) translateY(-75%);
  transform: rotate(45deg) translateX(0) translateY(-75%);
  background: #fff100;
}
@media screen and (max-width:1300px) {
	a.btn-flatfix:before {
         -webkit-transform: rotate(45deg) translateX(0) translateY(-45%);
         transform: rotate(45deg) translateX(0) translateY(-55%);
	}
}
@media screen and (max-width:1000px) {
	a.btn-flatfix:before {
         -webkit-transform: rotate(45deg) translateX(0) translateY(-45%);
         transform: rotate(45deg) translateX(0) translateY(-45%);
	}
}
@media screen and (max-width:750px) {
	a.btn-flatfix:before {
         -webkit-transform: rotate(45deg) translateX(0) translateY(-35%);
         transform: rotate(45deg) translateX(0) translateY(-35%);
	}
}

a.btn-flatfix:after {
  position: absolute;
  top: -400%;
  right: calc(-150% + 50px);

  width: 150%;
  height: 500%;

  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: rotate(45deg) translateX(0) translateY(75%);
  transform: rotate(45deg) translateX(0) translateY(75%);
  background: #fff100;
}
@media screen and (max-width:1300px) {
	a.btn-flatfix:after {
         -webkit-transform: rotate(45deg) translateX(0) translateY(55%);
         transform: rotate(45deg) translateX(0) translateY(55%);
	}
}

@media screen and (max-width:1000px) {
	a.btn-flatfix:after {
         -webkit-transform: rotate(45deg) translateX(0) translateY(45%);
         transform: rotate(45deg) translateX(0) translateY(45%);
	}
}
@media screen and (max-width:750px) {
	a.btn-flatfix:after {
         -webkit-transform: rotate(45deg) translateX(0) translateY(35%);
         transform: rotate(45deg) translateX(0) translateY(35%);
	}
}


a.btn-flatfix:hover {
  color:#000;
}


a.btn-flatfix:hover:before {
  -webkit-transform: rotate(45deg) translateX(0) translateY(-150%);
  transform: rotate(45deg) translateX(0) translateY(-150%);
}
@media screen and (max-width:1300px) {
	a.btn-flatfix:hover:before{
               -webkit-transform: rotate(45deg) translateX(0) translateY(-120%);
  transform: rotate(45deg) translateX(0) translateY(-120%);
    }
}  
@media screen and (max-width:1000px) {
	a.btn-flatfix:hover:before {
           -webkit-transform: rotate(45deg) translateX(0) translateY(-130%);
           transform: rotate(45deg) translateX(0) translateY(-130%);
	}
}
@media screen and (max-width:750px) {
	a.btn-flatfix:hover:before {
           -webkit-transform: rotate(45deg) translateX(0) translateY(-120%);
           transform: rotate(45deg) translateX(0) translateY(-120%);
	}
}

a.btn-flatfix:hover:after {
  -webkit-transform: rotate(45deg) translateX(0) translateY(150%);
  transform: rotate(45deg) translateX(0) translateY(150%);
}
@media screen and (max-width:1300px) {
	a.btn-flatfix:hover:after{
             -webkit-transform: rotate(45deg) translateX(0) translateY(120%);
              transform: rotate(45deg) translateX(0) translateY(120%);
    }
}  
@media screen and (max-width:1000px) {
	a.btn-flatfix:hover:after {
             -webkit-transform: rotate(45deg) translateX(0) translateY(130%);
              transform: rotate(45deg) translateX(0) translateY(130%);
	}
}
@media screen and (max-width:750px) {
	a.btn-flatfix:hover:after {
             -webkit-transform: rotate(45deg) translateX(0) translateY(120%);
              transform: rotate(45deg) translateX(0) translateY(120%);
	}
}

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



.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;
    }
}















































/* ------------------------------ 繧ｭ繝｣繝ｳ繝壹�繝ｳ讎りｦ� ------------------------------ */

table {
  border-collapse: separate;
  border-spacing: 5px;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width:900px;
}

table th{
  position: relative;
  width: 100%;
  display: block;
  background-color: #ff9c00;
  color: #FFF;
  text-align: center;
  padding: 10px;
  font-size: 2.5em;
  margin:0px;
  font-weight: bold;
  text-shadow: 5px 5px 5px #000, -5px -5px 5px #000,
  -5px 5px 5px #000,  5px -5px 5px #000,
  5px 0 5px #000, -5px  0 5px #000,
  0 5px 5px #000,  0 -5px 5px #000;
}

table td{
  width: 100%;
  display: block;
  text-align: left;
  background-color: #FFF;
  padding: 25px;
  font-size: 2.2em;
  margin:0 0 10px 0;
  font-weight: bold;
}

@media screen and (max-width:1000px) {
table {
  border-collapse: separate;
  border-spacing: 3px;
  margin: 0 auto;
  padding: 0;
  width: 93%;
  margin-left: auto;
  margin-right: auto;
}

table th{
  position: relative;
  width: 100%;
  display: block;
  text-align: center;
  padding: 15px 10px;
  font-size: 2em;
  font-weight: bold;
}

table td{
  width: 100%;
  display: block;
  text-align: left;
  background-color: #FFF;
  padding: 25px 15px;
  font-size: 2em;
  font-weight: bold;
}
}
h3{
  width: 100%;
  text-align: left;
  padding: 0 0 5px 0;
  margin:0 0 10px 0;
  font-size: 1.2em;
  font-weight: bold;
  border-bottom:1px solid #e95098;
  color:#e95098;
}


.cbentry ul{
  list-style:none;
padding: 0;
margin:0em 0 0;
}

.cbentry ul li{
padding:0 0 0 1.0em ;

}
.cbentry ul li:before{
  content: "繝ｻ";
  display:inline-block;
  width:0px;
  height:auto;
  margin-right:10px;
  position:relative;
  top:0em;
  left:-1.0em;
}



.cb ul{
  list-style:none;
padding: 0;
margin:-1em 0 0;
}

.cb ul li{
padding:0 0 0 1.8em ;

}
.cb ul li:before{
  content:url(../images/checkbox_s.png);
  display:inline-block;
  width:0px;
  height:auto;
  margin-right:10px;
  position:relative;
  top:0.4em;
  left:-1.6em;
}






/* ------------------------------ 荳句ｱ､繝壹�繧ｸ ------------------------------ */
.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:10px;
	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;
	}
}


ul, ol {
  padding: 0.5em 0.5em 0.5em 1em;
}

ul li, ol li {
  line-height: 1.5; 
  padding: 0.5em 1em;
  list-style-type: none;
}

li::before {
  position: relative;
  top: -5px;
  left: -18px;
 
  display: inline-block;
 
  width: 6px;
  height: 6px;
 
  content: '';
 
  border-radius: 100%;
  background: #333;
}




.index_title{position: relative; z-index: 99999999; width:100%; max-width:1000px;padding-top:2em;margin:0 auto;text-align: center;}
.index_title img{width:100%; max-width:960px;}
@media screen and (max-width:1000px) {
	.index_title {
	width: 95%;
	}
}
.number_title{margin:0 auto;text-align: center;}
.number_title img{width:100%; max-width:900px;}


























/* ------------------------------ 縺顔筏霎ｼ縺ｿ譁ｹ豕� ------------------------------ */

.subpage_title {
width:100%; 
max-width:1200px;
}

.container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  z-index:99;
}



article#gaiyou {
	position:  relative;
	z-index:0;
	height: auto;
	margin-top:-5px;
	padding:0 0 0em 0;
	width:auto;
    /*background-size: auto 100%;*/

	overflow-y: hidden;
}@media screen and (max-width:1000px) {
	article#gaiyou {
	height: 100%;
	}
}

.apply_index{
    margin-top:-60px!important;
}
@media screen and (max-width:1300px) {
	.apply_index {
    margin-top:-40px!important;
	}
}
@media screen and (max-width:1000px) {
	.apply_index {
    margin-top:-40px!important;
	}
}
@media screen and (max-width:750px) {
	.apply_index {
    margin-top:-23px!important;
	}
}

.apply{
    position: relative;
	max-width: 960px;
    width: 100%; margin-top:-25px;
	background: #fff; filter: drop-shadow(1vw 1vw 0px #000);
    padding:5em 1em 4em 1em;
}
@media screen and (max-width:1300px) {
	.apply {
    margin-top:-35px;
	width: 100%;
	padding:4.5em 1em 3.5em 1em;
	}
}
@media screen and (max-width:1000px) {
	.apply {
    margin-top:-30px;
	width: 95%;
	padding:4em 1.5em 3em 1.5em;
	}
}
@media screen and (max-width:750px) {
	.apply {
    margin-top:-35px;
	width: 95%;
	padding:1.5em 1em 1.0em 1em;
	}
}


.apply_midashi{
    position: relative;
    z-index: 10;
width: 60%;
text-align:left;
    padding:10px 0.5em 10px 2.5em;
font-size:3.6em;
font-weight: bold;
color:#FFF;
}

@media screen and (max-width:1300px) {
	.apply_midashi {
	width: 75%;
        font-size:3em;
	}
}
@media screen and (max-width:1000px) {
	.apply_midashi {
	width: 90%;
        font-size:2.8em;
	}
}
@media screen and (max-width:750px) {
	.apply_midashi {
	width: 90%;
    font-size:2em;

	}
}

.apply_ncc{
    position: relative;
	max-width: 900px;
    width: 100%;
	margin-top:0px;
	background: #fff;
	filter: drop-shadow(1vw 1vw 0px #000);
    padding:2.5em 1em 2em 1em;
}
@media screen and (max-width:1300px) {
	.apply_ncc {
    margin-top:0px;
	width: 100%;
    padding:2.5em 1em 2em 1em;
	}
}
@media screen and (max-width:1000px) {
	.apply_ncc {
    margin-top:0px;
	width: 95%;
    padding:0em 1em 1em 1em;
	}
}
@media screen and (max-width:750px) {
	.apply_ncc {
    margin-top:0px;
	width: 95%;
    padding:0em 0.5em 1em 1em;
	}
}

.apply_ncc_number{
	position:absolute;
	z-index: -99;
	top:0;
	left:0;
}
.apply_ncc_number img{
width:70%;
}
@media screen and (max-width:1000px) {
	.apply_ncc_number img {
width:59%;
	}
}
@media screen and (max-width:750px) {
	.apply_ncc_number img {
width:42%;
	}
}

.apply_ncc_number_money{
	position:absolute;
	z-index: -99;
	top:35px;
	left:20px;
}@media screen and (max-width:750px) {
	.apply_ncc_number_money {
	top:12px;
	left:13px;
	}
}

.apply_ncc_number_money img{
width:70%;
}@media screen and (max-width:750px) {
	.apply_ncc_number_money img {
width:45%;
	}
}


.borderblue{border:15px solid #00a1e9;}@media screen and (max-width:750px) {
	.borderblue {
border:10px solid #00a1e9;
	}
}
.bordergreen{border:15px solid #009e96;}@media screen and (max-width:750px) {
	.bordergreen {
border:10px solid #009e96;
	}
}
.bordergold{border:15px solid #c7af0f;}@media screen and (max-width:750px) {
	.bordergold {
border:10px solid #c7af0f;
	}
}
.borderorange{border:15px solid #ff9c00;}@media screen and (max-width:750px) {
	.borderorange {
border:10px solid #ff9c00;
	}
}

.bg_green{background-color: #58b530;}
.bg_blue{background-color: #0075c1;}
.bg_yellow{background-color: #ffff00;}
.bg_skyblue{background-color: #d4f1ff;}
.bg_pink{background-color: #f7c9dc;}
.bg_lgreen{background-color: #c2d95c;}
.bg_white{background-color: #fff;}

.checkbox{
display: inline-block;
position: absolute;
top:8px;
left:10px;
}
@media screen and (max-width:1300px) {
	.checkbox {
top:8px;
left:10px;
	}
}
@media screen and (max-width:1000px) {
	.checkbox {
top:10px;
left:10px;
	}
}
@media screen and (max-width:750px) {
	.checkbox {
top:8px;
left:6px;
	}
}



.checkbox img{
width: 60%;
height:60%;
}

@media screen and (max-width:1300px) {
	.checkbox img {
	width: 50%;
    height:50%;
	}
}
@media screen and (max-width:1000px) {
	.checkbox img {
	width: 45%;
    height:45%;
	}
}
@media screen and (max-width:750px) {
	.checkbox img {
	width: 36%;
    height:36%;
	}
}


.ncc_schedule{
	width: 100%;
	max-width:100%;
}

.ncc_schedule img{
	max-width: 100%;
}



.apply_setsumei{
	text-align: left;
	padding:0em 0.8em 0em 6.5em;
	font-size:3.5em;
	font-weight:bold;
	line-height: 1.5em;}
@media screen and (max-width:750px) {
	.apply_setsumei {
	padding:0.5em 0.7em 0em 6.5em;
    font-size:2.2em;
    text-align: left;
	}
}

.apply_setsumei_money{
	text-align: left;
	padding:0em 0.6em 0em 4.5em;
	font-size:5em;
	font-weight:bold;
	line-height: 1.5em;}
@media screen and (max-width:750px) {
	.apply_setsumei_money {
	padding:0em 0.6em 0em 4.5em;
    font-size:3.2em;
    text-align: left;
	}
}

.apply_h3{width: 90%; margin: 0 auto; padding: 0.3em; margin-bottom: 1em;
	background: #ff6e90;
	color: #fff; font-weight: bold; text-align: center;
}

.apply_h3 span{color:#fcff00;}

.apply_btn {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: stretch;
  align-items: stretch;
  text-align: center;
}

.marker-yellow {
background: linear-gradient(transparent 60%, #ffff00 0%);
}

.yajirushi{max-width:375px; width: 90%; margin: 50px auto 10px; text-align: center;}
@media screen and (max-width:1000px) {
	.yajirushi {
        width: 200px; margin: 10px auto -5px; text-align: center;
	}
}

.yajirushi img{max-width:375px; width: 90%; margin: 0px; text-align: center;}
@media screen and (max-width:1000px) {
	.yajirushi img {
        max-width:200px; width: 200px; margin: 0px auto 0; text-align: center;
	}
}


.transfer{text-align: center; padding:0em 1em 2em; font-size:2em; font-weight:bold;}









/* FLEXBOX */
.container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.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; 
	max-width:1600px;
	width:100%;
	padding:0em 0em 0.5em;
	margin:0em 0;
	text-align: left;
}@media screen and (max-width:750px) {
	.content {

	}
}





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

.ov_midashi{
display: inline-block;
  width: 100%;
  text-align: left;
  padding: 0 0 5px 0;
  margin:20px 0 10px 0;
  font-size: 1.0em;
  font-weight: bold;
  border-bottom:1px solid #e95098;
  color:#e95098;
}


.end_cmp{
	text-align: center;
		margin: 80px auto;
}@media screen and (max-width:750px) {
	.end_cmp {
		margin:45px auto 20px;
	}
}
.end_cmp img{
	text-align: center;
	margin: 0 auto;
}
.end_cmp p{
		font-weight: bold;
	 	font-size: 3.0em;
}@media screen and (max-width:750px) {
	.end_cmp p {
	 	font-size: 2.0em;
	}
}


/* --------------- 讓ｪ蟷�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: #fff600;
	/*background-color: rgba(58,210,248,1);*/
	padding: 0px;
}

.links{
	position: relative;
	z-index:99;
	background-color: #aaa8a8;
	padding: 20px 0px;
}
.links a{
    color:#fff;
    font-size:2em;
    padding:0 20px;
    text-decoration: none;
    font-weight: bold;
}@media screen and (max-width:1000px) {
	.links a {
    font-size:1.3em;
    padding:0 12px;
    letter-spacing: -1px;
	}
}

.links a:hover{
    color:#fff600;
    text-decoration:underline;
}
.office{
    font-size:2.5em;
    font-weight: bold;
    padding:20px 0px 15px;
    line-height: 1.2em;
}@media screen and (max-width:1000px) {
	.office {
        font-size:2em;
	}
}
.phone{
	background-color: #fff;
    font-size:4em;
    font-weight: bold;
    padding:5px 0px;
    width:100%;
    text-align: center;
}@media screen and (max-width:1000px) {
	.phone {
        font-size:3.2em;
	}
}

.phone a{
}@media screen and (min-width:1000px) {
    .phone a[href^="tel:"]{
    pointer-events: none;
    color:#000;
    text-decoration: none;
    }

}
.term{
    font-size:2em;
    padding:20px 0px 0px;
}@media screen and (max-width:1000px) {
	.term {
        font-size:1.6em;
	}
}

#footer p{
	padding: 20px 10px;
    font-size: 14px;
	text-align:center;
	color:#444;
	margin:0 auto;
}
	
/* 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{
    background: #000;
    text-decoration: none;
    color: #fff;
    width: 4.5em;
    padding: 1.4em 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#back-top a:hover{
	opacity:0.75;filter:Alpha(opacity=75)
}
.my-big {
  font-size: 6em;
}