@charset "utf-8";


/*全体の設定
---------------------------------------------------------------------------*/
body {
	background: #ffffff;
	color: #313131;	/*全体の文字色*/
	margin: 0px;
	padding: 0px;
	font: 16px/1.6 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}

html {
    scroll-behavior: smooth;
}

/*文字サイズ*/
.f130_01 { font-size: 130%;}

#main .tokuten05 {
    font-weight: bold;
    text-align: center;
    font-size: 120%;
    color: #C00;
}

#order_01 {
	width: 80%;
	margin: 0 auto;
}
/*ボタン*/

.submit_01 {
	background-color: #004098;
	box-shadow: 0 3px 0 #022240;
	text-shadow: 0px -2px #022240;
	position: relative;
	padding: 25px 100px;
	border-radius: 5px;
	-webkit-border-radius: 5px; /* Webkit (Safari, Chrome ...) */
	-moz-border-radius: 5px; /* Firefox */
	font-size: 250%;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	margin:30px 10px;
	/*display:block;*/
}

/*.submit:hover {
	background-color: #79d793;
	box-shadow: 0 3px 0 #3cb65c;
}*/

.submit_01:active, .submit_01:hover {
	top: 3px;
	box-shadow: none;
	color:#fff;
}

#s-shosai {
    margin:20px auto 0 auto;
}
table {
    border-collapse: collapse;
    font-size: 100%;
    border-spacing: 0;
}
user agent stylesheet
table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}

#s-shosai th {
    width: 30%;
    background-color: #555;
    font-size: 100%;
    font-weight: bold;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #fff;
}

#s-shosai td {
    width: 70%;
    padding: 20px;
    border: 1px solid #ddd;
}


.delline{text-decoration: line-through;
text-decoration-color: #ff0000;}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}
ul{
	margin-bottom:30px;
}
img {
	border: none;
	vertical-align: bottom;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
background:url(../img01/hd-bg3.jpg);
}

.min-ns4 {
  font-family: "Noto Serif JP", serif;
  font-weight: 400 !important;
  font-style: normal;
}

.min-ns6 {
  font-family: "Noto Serif JP", serif;
  font-weight: 600 !important;
  font-style: normal;
}


/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #555;	/*リンクテキストの色*/
	text-decoration: none;
}
a:hover {
	color: #006ddc;	/*マウスオン時の文字色（全体）*/
}
.km a:hover img{
position : relative;
top : 3pt;
left : 3pt;
}

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

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
.container {
	width: 800px;	/*コンテナー幅*/
	background-color:#fff;
	margin: 0 auto;
	padding-top: 30px; }

.container02 {
	width: 920px;	/*コンテナー幅*/
	background-color:#fff;
	margin: 0 auto;
	padding-top: 30px;
}


.container04{
	width:100%;
	padding: 60px 0;
	background: #f0fff9;
	height:auto;
	margin: 0 auto;
}


.container05{
	width:100%;
	padding: 30px 0 40px;
	background: #edfbda;
	height:auto;
	margin: 0 auto;
	border-top: 3px solid #2ea52d;
}


.container06{
	width:100%;
	padding: 60px 0;
	background: url(../img01/bg01.jpg) no-repeat center center;
	background-size: cover;
	height:auto;
	margin: 0 auto;
}


.body-bg2 { background-color: #fff; }



/*ヘッダー（サイトロゴが入ったブロック）
---------------------------------------------------------------------------*/
header {
	height:99px;
	background: url(../img01/hd_bg.jpg) no-repeat;
}

.hd_logo{
	float:left;
	margin:10px;
}

.hd_link{
	float:right;
	padding-right: 35px;
	padding-top: 10px;
	color:#aaa;
	font-size:0.9em;	
}
.box_03 {
    background-color: #fffed2;
    padding-top: 0px;
	margin: 2% 4%;
    padding: 20px 0;
    border:1px solid #d6d485;
}







/*ヘッダー
---------------------------------------------------------------------------*/
#header{
	height:auto;
	padding: 5px 0;
	/* background:#e6f4e7; */
	border-top: 5px solid #2da52d;
}

#header #in{
	width: 800px;
	padding: 0 5px;
	margin: 0 auto;
}


#header #hd_right{
	float:right;
	max-width: 55%;
	margin-left: 1%;
}

#header #hd_logo {
  float: left;
  width: 36%;
}

#header .hd_btn {
  /* width: 30%; */
  float: left;
  margin-left: 1%;
  margin-top: 2%;
}




#g-nav {
    display: table;
    width: 100%;
    font-weight: bold;
    border-bottom: 2px solid #add5b0;
    border-top: 2px solid #add5b0;
}
.n-item {
    display: table-cell;
    padding: 10px 0;
    list-style-type: none;
    text-align: center;
}
.n-item a {
    display: block;
    color: #0c8f14;/* 文字色 */
    border-left: 1px solid #0c8f14;/* 縦線の太さと色 */
}
.n-item:first-child a {
    border: none;
}



.logo {
	width: 80%;
}


.clearfix:after {
  clear: both;
  content: "";
  display: block;
}

.top-scatch01{
	font-size:135%;
	font-weight:600;
	text-align:center;
	padding:0 5px 50px;
}

.ruikei-ct{
	font-size:90%;
	color:#666;
}



@media screen and (max-width: 767px) {
	
#header{
	height:auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

#header #in{
	width: 100%;
	padding: 0 5px;
}


#header #hd_right{
	max-width: 42%;
	margin-left: 1%;
}

#header #hd_logo {
  width: 50%;
}



#header .hd_btn {
  /* width: 60%; */
  margin-left: 0;
}	

.n-item a {
	line-height:1.2;
	font-size:15px;
}


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

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

.container04{
	padding: 30px 10px;
}

.container05{
	padding: 30px 10px;
}

.container06{
	padding: 50px 10px 30px;
	background: #27a51e url(../img01/bgt_sp.jpg) no-repeat top;
	background-size: contain;
}


.hd_link{
	display:none;
}

header{
	height:auto;
}

.top-scatch01{
	font-size:108%;
	font-weight:600;
	text-align:center;
	padding:0 10px 30px;
	line-height:1.2;
}

.ruikei-ct{
	font-size:80%;
	padding:0 10px;
}

.sw-70 img{ width:70%;}
	
}




/*トップメイン
--------------------------------------------------------------------------------*/

#top-catch{
	clear:both;
	background-image: linear-gradient(148deg, rgb(46 173 46) 50%, rgb(75 255 75)), linear-gradient(152deg, rgb(37 147 37), rgb(111 249 111));
	padding:20px 0;
	text-align:center;
}

#top-catch img{
}

#top-catch3{
	clear:both;
	background-color:#2da52d;
	padding:20px 0;
	text-align:center;
}

#top-catch3 img{
}


#top-catch4{
	clear:both;
	background-color:#2da52d;
	padding:20px 0;
	text-align:center;
}


#maincontents{
	background: url("../img01/yfv01-2-bg.jpg") no-repeat;
	background-position:center;
	background-color:#fff;
	background-size: cover;
}

#main-top{
	margin:0 auto;
	height:auto;
	text-align:center;
}


#top-catch02{
	padding: 10px 0;
	text-align:center;
	background: #edfbda;
	border-top: 3px solid #deefc9;
	border-bottom: 3px solid #deefc9;
	margin-bottom: 40px;
}

h1{
	text-align:center;
	color:#fff;
	font-size:42px;
	line-height:1.2;
}


/* スマホ用のCSS */
@media only screen and (max-width: 640px) {
	
#maincontents{
	margin-bottom:0; 
	background:#fff;
	min-width: auto;
}

#maincontents-4{
	margin-bottom:0; 
	background:#fff;
	min-width: auto;
}

#top-catch{
	padding:10px 0;
	text-align:center;
}
#top-catch img{width: 90%;}


#top-catch3{
	padding:10px 0;
	text-align:center;
}
#top-catch3 img{ width:85%}

#top-catch02{
	padding:10px 0;
	border-top: 2px solid #deefc9;
	border-bottom: 2px solid #deefc9;
	margin-bottom: 10px;
}
#top-catch02 img{ width:90%}


#top-catch4{
	padding:10px 0;
	text-align:center;
}

#top-catch4 img{ width:78%}


h1{
	text-align:center;
	color:#fff;
	font-size:145%;
	line-height:1.2;
	padding:0;
}
}


/*メインコンテンツ
---------------------------------------------------------------------------*/


/*---- 申込 ----------------------*/

.entry-cont{
	background: #ffffff;
	padding: 50px 0;
}
.entry-inn{
	width:800px;
	margin:0 auto;
}

.entry-box  {
	margin-bottom: 20px;
    padding: 20px;
    box-shadow: 0 0 0 10px #ebe6d2;
    border-style: solid solid;
    /* border-width: 5px; */
    /* border-color: #CDE7F3 #f2cdd7 #cdf2d3 #f2eecd; */
    background-color: #fffeeb;
    border: 1px solid #bfbeab;
}

.entry-box-inn {
  padding: 30px 0px 30px;
  text-align: center;
  width: 97%;
  margin: 0 auto;
}
.box p {
    color: white;
    line-height: 1.5;
}

.entry-box p{
  margin: 0 auto 20px;
  text-align:center;
}

.btn-01{margin: 10px auto 30px;}
.btn-02{ margin: 50px auto 0;}
.btn-03{ margin: 15px auto 0;}



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

.entry-cont{
	padding: 5% 4%;
}
.entry-inn{
	width:100%;
	margin:0 auto;
}
.entry-box {
	box-shadow: 0 0 0 7px #ebe6d2;
    padding: 10px 0;
    margin: 0px 10px 30px;
}
.entry-box p{
  margin: 0 auto 15px;
}

.entry-box-inn {
    padding: 10px 0;
    text-align: center;
    width: 95%;
    margin: 0 auto;
}
  
.btn-01{ margin: 0 auto;}
.btn-02{ margin: 10px auto 0;}
.btn-03{ margin: 10px auto 0;}


}


/*---- 参加者の声 ----------------------*/

.voice-cont{
	width:100%;
	padding: 60px 0;
	background: linear-gradient(#f4fffd, #c9ffec);
	/* background: url(../img01/v-bg.jpg) no-repeat center center;
	background-size: cover;*/
	height:auto;
	margin-bottom: 40px;
}



.voice-cont h3 {
    position: relative;
    padding-bottom: 0.5rem;
    border-bottom: 3px solid #2da52d;
    /* background-color: white; */
    color: #2da52d;
    font-weight: bold;
    font-size: 32px;
    text-align: center;
    margin: 0 auto 50px;
    width: 680px;
}

.voice-ttl{ text-align:center; margin-bottom:30px;}


.voice-cont h3:before {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) skew(-25deg);
    height: 20px;
    width: 10px;
    border-right: 3px solid #2da52d;
    background-color: #dcfff4;
    content: "";
}

.voice-inn{
	width:800px;
	margin: 0 auto 40px;
}

.voice-box  {
	background: #ffffff;
	/*opacity:0.8;*/
	margin-bottom:30px;
	padding: 40px;
	border: 2px solid #8ec98e;
	/* filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.1)); */
}

.v-name{ margin-bottom:20px;}

.voice-box p{
  	font-size:18px;
	color: #000000;
	padding: 0 1em;
	background: linear-gradient(transparent 0, transparent 97%, #adaaaa 100%);
	background-size: 100% 2em;
	line-height: 2em;
	margin-bottom: 0;
}



/* 受講生の声 */

.voice-inner{
	margin: 0 auto;
	width: 90%;
	margin-top: 5%;
	margin-bottom: 5%;
}
.voice-inner .face{
	text-align: center;
	margin-bottom: 5%;
}
.voice-text{
	text-align: left;
}
.voice-text p {
    font-size: 100%;
    line-height: 1.8;
    text-align: justify;
    color: #363636;
    margin-bottom: 3%;
}
.voice-text span.gray{
	color: #9c9c9c;
	font-size: 70%
}
.voice-line{
	text-align: center;
	margin-top: 5%;
	margin-bottom: 5%;
}

.voice-line{
	text-align: center;
	margin-top: 5%;
	margin-bottom: 5%;
}

.mv-cont{}

.mv-cont p{
	font-size: 20px;
	margin-bottom: 30px;
	text-align:center;
	line-height: 1.6;
}


.mv-box{
	text-align:center;
	margin-bottom:50px;
}

.mv-box a {
	text-decoration: none;
}
.mv-box a:hover {
	opacity: 0.8 ;
}
.mv-box a:hover img{
	position: initial !important;
}


.v-note{ text-align:right; font-size:90%; padding:20px 0 0;}


.mv-cont2{
	margin:0 auto;
}



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

.voice-cont{
	width:100%;
	/*background: url(../img01/v-bg-s.jpg) no-repeat center center;
	background-position:right;*/
	padding:15px;
	margin-bottom:20px
	
}
.voice-inn{
	width:100%;
	margin:0 auto;
}
.voice-box {
   width:100%;
   padding:20px;
}

.voice-ttl{ margin-bottom:20px;}

.voice-cont h3 {
    padding-bottom: 0.5rem;
    font-size: 19px;
    margin: 0 auto 40px;
    width: 90%;
    line-height: 1.3;
}

.voice-cont h3:before {
    height: 20px;
    width: 10px;
	background-color: #d9fff2;
}

.voice-box p{
  font-size:16px;
}

.v-note{ text-align:left; font-size:85%; }

/* 受講生の声 */

.mv-cont2{
	margin:0 auto;
	width: 90%;
}

.mv-cont p{
	font-size: 17px;
	margin-bottom: 20px;
	line-height: 1.5;
}

.mv-box{
	text-align:center;
	margin-bottom:30px;
}


.voice-inner{
	margin: 0 auto;
	width: 90%;
}


}


/*---- 満足度 ----------------------*/

.manzoku-cont{
	width: 800px;
	background-image: radial-gradient(circle, rgb(255 251 195), rgb(255 240 59) 80%);
	padding: 10px 0;
	height:auto;
	margin: 0 auto 40px;
}

.manzoku-inn{
	width:800px;
	margin: 0 auto 40px;
}

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

.manzoku-cont{
	width:100%;
	padding:15px;
	margin-bottom:20px;
}
.manzoku-inn{
	width:100%;
	margin:0 auto;
}

}


/*追加 ----------------------*/
.fv{
	margin-bottom: 5%;
}
/*----------------------------------- 変更 ----*/

.date-inner{
	height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 13.11%;
    background: url('../img01/semi-02.jpg') 0 0 no-repeat;
    background-size: contain;
	margin-bottom:-1px;
}
.date-inner p{
	font-size: 190%;
    margin-top: -89px;
    margin-left: 107px;
    color: #4c2f02;
    font-weight: bold;
    line-height: 65%;
}

@media screen and (max-width: 768px) {
.date-inner{
	padding-top: 13.2%;
} 
}

.semi02{
    width: 100%;
    height: 0; 
    /* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 158%;	
    background: url('../img01/semi-bg-2023-01.webp') 0 0 no-repeat;
    background-repeat: no-repeat;
    background-position: center center;
	margin-top: 3%;
	position:relative;
	
}

.date-inner02{
	height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 13.11%;
}

.date-inner02 p{
	font-size: 190%;
    margin-top: -100px;
    margin-left: 135px;
    color: #4c2f02;
    font-weight: bold;
    line-height: 65%;
	position:absolute;
	top: 50%;
}

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

.date-inner02 p{
	font-size: 107%;
	margin-top: -50px;
	margin-left: 14%;
}

.semi02{
    background-size: cover;		

	
}
 
}

/*----------------------------------- /変更 ----*/

.main-btn{
	text-align: center;
	margin-bottom: 40px;
}
.main-btn-top{
	text-align: center;
	margin-bottom: 40px;
}
.hogo{
	margin: 0 auto;
	font-size:90%;
	background-color:#eee;
	padding:20px;
	margin-top:20px;
}




@media screen and (max-width: 768px) {
	.date-inner p{
		font-size: 107%;
	    margin-top: -45px;
	    margin-left: 14%;
	}
	.hogo{
		font-size: 70%;
	}

}
.step{
	margin: 0 auto;
	text-align: center;
	margin-bottom: 10%;
    margin-top: 10%;
}
.kiyaku {
	margin: 0 auto;
    height: auto;
    width: auto;
    padding-left: 20%;
    padding-right: 20%;
    text-align: justify;
    font-size: 60%;
    color: #888;
    margin-top: 5%;
    margin-bottom: 5%;
    
}
.kiyaku p{
	line-height: 1.6;
	font-size: 90%;
}
#order p{
	text-align: center;
	font-size: 110%;
    color: white;
}

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

	.main-btn{
		width: 90%;
	    margin: 0 auto;
	    margin-bottom:40px;
	}
	.main-btn-top{
		width: 90%;
	    margin: 0 auto 20px;
	}
	#order p{
		font-size:  75%;
	}
	.step{
		width: 90%;
		margin: 0 auto;
		margin-bottom: 10%;
	}
	
}
/*-------------------- 内容テキスト --*/
section#naiyou .inner{
	margin-top: 10%;
	margin-bottom: 10%;
}
section#naiyou .inner .title{
	text-align: center;
	margin-top: 5%;
	margin-bottom: 6%;
}
section#naiyou .inner{
	text-align: center;
}
.naiyou-text{
	margin: 20px 50px;
	margin-bottom: 10%;
}
.naiyou-text img, .message img{
	float: right;
	margin-left: 3%;
	margin-bottom: 3%;
}
.naiyou-text p, .message p, .online-2 p{
	font-size: 100%;
    line-height: 1.8;
    text-align: justify;
    color: #363636;
    margin-bottom: 3%;
}
.naiyou-text span.red, .voice-text span.red{
	font-weight: bolder;
    color: #d80011;
}
.naiyou-text span.red-big{
	font-weight: bolder;
    color: #d80011;
    font-size: 180%;
}
.naiyou-text span.under, .voice-text span.under{
	text-decoration: underline;
}
.naiyou-text span.gray{
	font-weight: bolder;
    color: #848484;
    font-size:  80%;
}
.about-fluent{
	margin-bottom: 10%;
}
section#naiyou .line{
	text-align: center;
	margin-top: 5%;
}
.koushi{
	margin-bottom:30px;
}

.koushi-text{
	margin: 20px 0;
}

.koushi-text p, .message p{
	font-size: 115%;
    line-height: 1.8;
    text-align: justify;
    color: #363636;
    margin-bottom: 3%;
}
.online-2 p{
	font-size: 115%;
	line-height: 1.8;
	text-align: justify;
	color: #363636;
	margin-bottom: 6%;
}
.koushi-text span.red{
	font-weight: bolder;
    color: #d80011;
}

.zisseki{
	margin-bottom:10%;
}
.kitai{
	margin-bottom:0;
}
.ichi{
	margin-bottom: 10%;
}
.online{
	margin-bottom: 10%;
}
.online-2{
	padding: 5%;
	margin-bottom: 30px;
}
.qa{
	margin-bottom: 5%;
}
.kitai-02{
	margin-top: 10%;
}
.kansou{
	margin: 0 auto;
	width: 90%;
}
.kansou .title{
	background:#174170;
	color: white;
	padding: 10px 20px;
	margin-bottom: 3%;
}
.kansou .inner{
	padding:2%;
}
.kansou .inner p{
	margin-bottom:  26px;
	font-size: 85%;
	line-height: 1.8;
	text-align: justify;
}
.kansou .inner p span.big{
	font-size: 110%;
	font-weight: bold;
}
.kansou .inner p.color{
	color: #094990;
}
.live-text{
	margin-bottom: 70px;
}
.live-text p{
    margin-bottom: 30px;
}
.message{
	padding: 5%;
	margin-bottom: 60px;
}
form{
	margin-top: 5%;
}
form input.button{
	width: 90%;
}

@media only screen and (max-width: 768px){
	.naiyou-text img, .message img{
		width: 45%;
	}
	section#naiyou .inner .title{
		margin: 0 auto;
		width: 95%;
		margin-bottom: 10%;
	}
	.naiyou-text{
		margin: 20px;
	}
	.naiyou-text p, .message p, .online-2 p{
		font-size: 85%;
	}
	.live-text{
		margin-bottom: 40px;
	}
	.live-text p{
		font-size: 85%;
	}
	.kansou .title{
		margin-bottom: 7%;
	}
	.kansou .inner p{
		font-size: 78%;
	}
	.voice-text p{
		font-size: 85%;
	}
	form input.button{
	width: 100%;
	}
	
	.koushi-text{
		margin: 20px;
	}
	.koushi-text p{
		font-size: 85%;
	}
}
/*-------------------- live配信テキスト --*/

/*ここまで-------------------*/



#main { 
clear:both;
margin: 0;}

.notice {
	width: 100%;
}

h2 {
	font-size:38px;
}

.notice2 {
	padding: 1.3em 2em;
	margin-bottom: 1em;
	font-size: 134%;
	line-height: 1.6;
	font-weight: normal;	
}

.notice2 em {
	font-size: 80%;
	font-weight: normal;
}

.notice2 p {
	border-bottom: 1px dashed #999;
}
.d-box { 
	/*background-color: #ff6900;*/	
	color: #0e335d;
	padding: 0px 6px;
	border-radius: 8px;
	/*margin-right: 10px;*/
	margin-top: 5px;
	margin-bottom:5px;
}

.text-box {
	width: 90%;
	margin: 1em auto;
}
.text-boxn1{

	margin-left:30px;
	margin-right:30px;
	margin-bottom:80px;
	margin-top:50px;
}

.order {
	width: 80%;
	margin: 0 auto 30px;
}


table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 100%;
}

table.day{
	width:900px;
	margin:50px auto 10px;
	border:1px solid #ccc;
}
table.day tr{
	border-bottom:1px dotted #ccc;
	
}

table.day th{
	background:#024174;
	color:#fff;
	padding:2px 30px;
	font-size:24px;
	font-weight:normal;
}

.day td{
	padding:15px;
	background:#fff;
	font-size:23px;

}


.day_box{
	margin:20px auto 30px;
	background:#fff;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	padding:20px 35px;

}
.day_box p{
	line-height:1.4;
	margin-bottom:14px;
	font-size:16px;
}
p{
	line-height:1;
}
.bg_orange{
	background:#024174;
	font-size:20px;color:#fff;font-weight:normal;text-align:center;
	margin-bottom:10px;
	line-height:1.2;
	padding:10px 15px;
}
h3.green{
	background:#024174;font-size:36px;color:#fff;font-weight:normal;text-align:center;
	margin-bottom:30px;
	line-height:1.2;
	padding:20px 5px;
}
.box1 {
	border:1px solid #ccc;
	padding:20px;
	line-height:1.8;
}
ul.maru{
	list-style:none;
	margin:0 0 20px;
	padding-left:30px;
	font-weight:bold;
	color:#393939;
}
.maru li{
	background:url(../img01/int.png) no-repeat;
	padding-left:30px;
	padding-bottom:15px;
	border-bottom:dotted;/*下線を点線にする*/
	border-color:#d2d2d2;
	border-width:1px;
	margin-bottom:10px !important;
}
.box1 li p{
	margin:0;
	padding:0;
}
@media only screen and (max-width: 768px){
	#history td{
		font-size: 55%;
	}
}

/*-- 詳細部分 ---------------------------------*/
#text-box {
	width: 100%;
	margin: 2em auto;
}
#shosai {
	margin: 0 auto;
    border: 1.5px solid #999999;
    width: 90%;
    margin-bottom: 70px;
}
#shosai tr {}
#shosai th {
	background-color: #7f7f7f;
    width: 30%;
    color: #fff;
    font-size: 110%;
    padding: 0.1em;
    border-bottom: 1px solid #a9a9a9;
    border-right: 1px solid #999999;
}
#shosai td{
	width: 70%;
    padding: 1em;
    border-bottom: 1px solid #999999;
}
#shosai td p{
	line-height: 1.8;
	text-align: justify;
}
#shosai td span.small{
	font-size: 80%;
}
#shosai td span.red{
	color: #d80011;
}
@media only screen and (max-width: 768px){
	#shosai{
		margin-bottom: 50px;
	}
	#shosai th {
		font-size: 90%;
	}
	#shosai td {
		font-size: 70%;
	}
}
/*--- 詳細部分ここまで -------------------------------*/



#main blockquote {
   margin:0 0 2em 0;
   padding:20px;
   background:#f2f2f2;	
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
   position:relative;
}

#main blockquote:after {
    content: '"';
    font-style: italic;
    font-size: 30px;
    font-weight: bold;
    text-align: left;
    line-height: 60px;
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 10px;
    right: 5px;
    color: #999;
}

#main blockquote:before {
    content: '"';
    font-style: italic;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    left: 10px;
    color: #999;
}


.bg1 { background: url(../img01/step1_bg.jpg) no-repeat;}
.bg2 { background: url(../img01/step2_bg.jpg) no-repeat;}


ul.image{
	list-style:none;
	display:block;
}

ul.image li{
	width:50%;
	float:left;
}

/*TOP画像下の2枚------------------------------------------------------*/
.divtable-txt{ text-align:center;
}

.divtable{
 padding:4%;
 text-align:center; 
}


.cell3{
 display:table-cell;
 width:50%;
 padding:0 1%;
}

/*form------------------------------------------------------*/


.f-fo{
font-size:0.8em;
color:#FF0000;
}

.table_form{
  margin: 0 auto;
  padding:0.5em;
  width:95%;
  border-top:1px solid #c0c0c0;
  }

input.whname{
width:95%;
height:2.5em;
border: 1px solid #CCC;
background-color:#ffffcc;
box-shadow: 1px 1px 2px inset;
}



 /*-左側-*/ 
.l_cell{

background-color:#edffdb;
font-color:#333333;
font-size:0.9em;
font-weight:bold;
padding-left:5%;
text-align:left;
border-left:1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
}


 /*-右側-*/ 
.r_cell{

background-color:#fff;
font-color:#333333;
font-size:0.8em;
padding-left:10px;
border-right:1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
}


.subtn{


/*--
display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #333333;
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #c58668;
	--*/
}




/*説明文
---------------------------------------------------------------------------*/
.contener02{
float:right;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:30px;
}

.contener03{

	margin-left:30px;
	margin-right:30px;
	margin-bottom:30px;
}

.tex08{
	line-height:2;
	display: inline-block;

    text-align: left;
}
.emp{
	background: linear-gradient(transparent 30%, #fbd 30%);
	font-weight:bold;
}

.about-bn{
	background-color:#024174;
	color:#ffffff;
	margin-left:30px;
	margin-right:30px;
	margin-top:10px;
	margin-bottom:20px;
	padding:15px;

}


.text-box {
    width: 100%;
    margin: 1em auto;
}
.text-boxw{
	width: 90%;
	margin: 1em auto;
	}
	
.tex05 {
    margin-top: 13px;
    background: url(../img01/int.png) no-repeat;
    padding-left: 30px;
    padding-top: px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
    margin-bottom: 0px;
}

/*吹き出し--------------------*/

#wrapper{
	 height: 500px;
	 width:94%;
	 background-color:#7494c0;
	 margin:0 auto;
     overflow-y:auto;
}



/*よくあるご質問
---------------------------------*/

.faq-01 {
	padding: 5% 0;
}


.faq-01 dl {
  margin-bottom: 25px;
  border-bottom: 2px dotted #ccc;
  padding: 2px;
}

.faq-01 dt, .faq-01 dd {
  position: relative;
  padding: 10px 10px 30px 75px;
  line-height:1.5;
  font-size: 18px;
}

.faq-01 dt::before, .faq-01 dd::before {
  font-weight: bold;
  position: absolute;
  left: 10px;
  top: 10px;
}

.faq-01 dt {
  font-weight: bold;

  margin-bottom: 10px;
  /* background: #dfe0e2; */
  padding: 15px 10px 10px 75px;
  font-size: 23px;
  color: #ff8a00;
}

.faq-01 dd {
  /* margin-inline-start: 10px; */
  /* font-size: 23px; */
}

.faq-01 dt::before {
	content:url("../img01/qa-q.png");
	margin-right: 10px;
	vertical-align: middle;
}

.faq-01 dd::before {
 	content:url("../img01/qa-a.png");
	margin-right: 10px;
	vertical-align: middle;
}

@media only screen and (max-width: 750px) {
	
.faq-01 {line-height: 1.4; padding:3%;}


.faq-01 dl {
  margin-bottom: 15px;
  padding: 2px;
}

.faq-01 dt, .faq-01 dd {
  position: relative;
  padding: 10px 5px 10px 66px;
  font-size:19px;
}

.faq-01 dt {
  margin-bottom: 10px;
}

.faq-01 dd {
  margin-inline-start: unset;
}

.faq-01 dt::before {
	content:url("../img01/qa-q.png");
	margin-right: 10px;
	vertical-align: middle;
	backgrand-size:30%;
}

.faq-01 dd::before {
 	content:url("../img01/qa-a.png");
	margin-right: 10px;
	vertical-align: middle;
}


}


/* 詳細 
---------------------------------------------------------------------------*/

.c-mb40-20{ text-align:center; margin-bottom:40px;}
.data-ct p{text-align:center;font-size: 160%;margin-bottom: 25px;line-height: 1.3;}

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

.c-mb40-20{ text-align:center; margin-bottom:20px; padding:0 3%} 	
.data-ct p{font-size: 120%;margin-bottom: 20px;line-height: 1.3; padding: 0 10px;}

}

/*ボタン設定
---------------------------------------------------------------------------*/
.btn { 
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border-bottom: 5px solid #0e527e;
  color: #ffffff;
  font-size: 200%;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin: 10px 0;  
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
  color: #ffffff;
}

a.img-link:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

/*ボタン*/

.submit {
	background-color: #ff9900;
	box-shadow: 0 3px 0 #ff6600;
	text-shadow: 0px -2px #ff6600s;
	position: relative;
	padding: 25px 120px;
  	border-radius: 5px;

	font-size: 180%;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	/*display:block;*/
}

/*.submit:hover {
	background-color: #79d793;
	box-shadow: 0 3px 0 #3cb65c;
}*/

.submit:active, .submit:hover {
	top: 3px;
	box-shadow: none;
	color:#fff;
}

/*フッター設定  
---------------------------------------------------------------------------*/
footer {
	width:100%;
	height: auto;
	color: #fff;
	background-color: #2da52d;
	font-size: 80%;
	padding-bottom: 90px;
}
.footer-inner{
	text-align: center;
}
.footer-inner a{
    color: #fff;
}
.footer-inner a:hover{
	text-decoration: underline;
	}
.footer-inner ul{
	margin:0 auto;
	padding:0;
	list-style: none;
}
.footer-inner li{
	display: inline-block;
	padding-top: 20px;
	padding-left: 15px;
    padding-right: 15px;
}
.footer-inner li:hover{
	opacity: 0.5;
}
.fotter-inner li:last-child::after{
	content: none;
}
footer p.copy{
	text-align: center;
	padding: 20px 0;
}

@media only screen and (max-width: 768px) {
	.footer-inner{
		text-align: center;
	}
	.footer-inner li{
		display: block;
		padding: 8px 0;
	}
	footer p.copy{
		font-size:65%;
	}
}







/*その他
---------------------------------------------------------------------------*/
.clear {
	clear: both;
}
.center { text-align: center;}
.left { text-align: left; }
.right { text-align: right; }

.alignleft{float:left;}
.alignright{float:right;
 margin-right:30px;}

/*リンク透明設定*/
a.img-link:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}


#qa { }
#qa dl {}
#qa dt {
	font-size: 120%;
	font-weight: bold;
	background: url(../img01/icon-q.jpg) no-repeat 2px 7px;
	padding: 10px 10px 5px 50px;
}

#qa dd {
    margin-bottom: 10px;
    padding: 10px 4px 5px 50px;
    background: url(../img01/icon-a.jpg) no-repeat 2px 7px;	
    border-bottom: 1px dashed #ccc;
    font-size: 100%;
}

.border1 { border:0; border-bottom: 1px dashed #666; margin: 1em 0; }
.border2 { border:0; border-bottom: 3px double #0075a9; margin-bottom: 1em; }

/*フォント設定
---------------------------------------------------------------------------*/
.under { text-decoration: underline; }
.red { color: #d80011; }
.murasaki { color:#6d308e; }
.ao { color: #1c639d; }
.kiro { color: #FF0; }
.gray { color: #666; }
.siro { color: #fff; }
.bold { font-weight: bold; }
.through { text-decoration: line-through; }
.sblue { color:#4598cb;}
.org{ color:#f76700;}

.yellow { background-color: #FF6; }

.u_yellow{background:linear-gradient(transparent 70%, #ffeb5d 70%);}

.justify { text-align: justify;}

.size10 { font-size:10px;}
.size12 { font-size: 12px;}
.size14 { font-size: 14px;}

.size105 { font-size:105%; }
.size110 { font-size:110%; }
.size130 { font-size:130%; }
.size150 { font-size:150%; }
.size200 { font-size:200%; }

.fnt18{font-size:18px;}

.bg-gray { background: #f5f5f5; padding:1em; }
.bg-white { background: #fff; padding: 1em; }
.bg-white p { border-bottom: 1px dashed #ccc; }

.pk {
	text-align: center;
	font-size: 16px;
	padding: 3px;
	color: #fff;
	background-color: #313131;
	margin-top:5px;
	margin-bottom:3px;
}

input { padding: 8px; font-size:140%;}
.send { padding: 10px; font-size:140%;}
select { padding: 8px;}

.tokutei_tbl , .about_tbl {
	width:80%;
	margin:20px auto;
}

.tokutei_tbl th ,  .about_tbl th {
	background:#eee;
	text-align:center;
	font-weight:normal;
	border:1px solid #ccc;
	padding:10px;
}

.tokutei_tbl td ,  .about_tbl td {
	border:1px solid #ccc;
	padding:10px;
}

ul.half{
	list-style:none;
	width:920px;
	margin:0 auto;
	padding:0;
	
}

ul.half li{
	float:left;
	max-width:455px;
	margin-right:7px;
	padding:0;
	
	
}

ul.half li:nth-child(2){
	margin-right:0;
}

dl.tbl_form dl,dt,dd {
margin: 0;
padding: 0;
}
dl.tbl_form{
background: #eee;

border: 1px solid #ccc;
border-top: none;
width: 80%;
margin:20px auto;
}
dl.tbl_form dt,dd {
padding: 6px;
}
dl.tbl_form dt {
border-top: 1px solid #ccc;
clear: left;

float: left;
width: 26%;
text-align:center;
line-height:2.5em;
}
dl.tbl_form dd {
background: #fff;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
margin-left: 27%;
}

form h3{
	width:80%;
	background:#eee;
	text-align:center;
	margin:0 auto;
	padding:6px;
	font-weight:normal;
}

/* margin
---------------------------------------------------------------------------*/
.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}

.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml40 { margin-left: 40px; }
.ml60 { margin-left: 60px; }
.ml75 { margin-left: 75px; }
.ml80 { margin-left: 80px; }

.mr20 { margin-right: 20px; }
.mr400 { margin-right: 400px; }

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb80 { margin-bottom: 80px; }

.mb30-20 { margin-bottom: 30px; }
.mb50-20 { margin-bottom: 50px; }

.pt20 { padding-top: 20px; }
.pt40 { padding-top: 40px; }

.pb10 { padding-bottom: 10px; }
.pb40 { padding-bottom: 40px; }

.pl10 { padding-left: 10px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }

.pr10 { padding-right: 10px; } 

.pd20{padding:20px;}
.pd30{padding:30px;}

.SPnone{display:block;}
.PCnone{display:none;}



.fl_r{float:right;margin-left:10px;}
.fl_l{float:left;margin-right:10px;}

.fl_r{float:right;margin-left:10px;}
.fl_l{float:left;margin-right:10px;}

.fl_r40{float:right;margin-left:10px;}
.fl_l40{float:left;margin-right:10px;}

.fl_r30{float:right;margin-left:10px;}
.fl_l30{float:left;margin-right:10px;}

.fl_r35{float:right;margin-left:10px;}

.fl_r-60{float:right;margin-left:15px;}
.fl_l-60{float:left;margin-right:15px;}

.fl_r-60-02{float:right;margin-left:15px;}



@media only screen and (max-width: 640px) {
	
.mb30-20 { margin-bottom: 20px; }	
.mb50-20 { margin-bottom: 20px; }
	
.fl_r-60{float:none; width:60%; margin:0 auto 10px auto;}
.fl_r-60{float:none; width:60%; margin:0 auto 10px auto;}

.fl_r-60-02{float:none; margin:0 auto 20px auto; text-align:center;}
.fl_r-60-02 img{ width:60% !important; }

.fl_r40{float:right;margin-left:5px; width:40%;}
.fl_l40{float:left;margin-right:5px; width:40%;}

.fl_r30{float:right;margin-left:5px; width:30%;}
.fl_l30{float:left;margin-right:5px; width:30%;}

.fl_r35{float:right;margin-left:5px; width:35%;}

img { max-width:100%;}

.s-right{ text-align:right;}

.lh2{ line-height:2 !important;}

}


@media screen and (max-width: 640px) {
/* スマホ用のCSS */	
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.SPnone{display:none;}
.PCnone{display:block;}
img{
		max-width:100% !important;
}
img.alignright{
	width:40%;
}
img.w-adimg{
width:40%;
}
body{
font: 12px/1.6;
}
h2{
	font-size:120%;
}


h3.green{
	font-size:140%;
	padding:5px;}
.container {
	width:100%;
}
.container02 {
	width:100%;
}
.hd_link{
	display:none;
}
header{
	height:auto;
}
table.day ,.day_box{
	width:98%;
	margin:10px auto 20px;
	border:1px solid #ccc;
}
table.day th{
	background:#0cb8df;
	color:#fff;
	padding:5px;
	font-size:100%;
	font-weight:normal;
}
table.day td{
	padding:5px;
	background:#fff;
	font-size:100%;
}
footer{  /*mobile*/
	width:100%;
	min-width:100%;
	font-size: 60%;
	padding-bottom: 120px;
}
.footer-inner{
		text-align: center;
		padding-top: 3%;
	}
		.footer-inner li{
		font-size: 150%;
	}
		footer .img-center{
		font-size: 120%;
	}
.sankaku {
	display:none;
}

.notice2 {
	padding: 1.3em 1em;
	margin-bottom: 1em;
	font-size: 120%;
	line-height: 1.6;
	font-weight: normal;
}
.day_box{
}

.profile ,.day_box {
	padding:1em 0.5em;
}

.profile h3 ,.day_box h3{ line-height: 1.3;font-size:120%;border-left: 5px solid #0cb8df; padding-left: 15px;}
.profile h4 ,.day_box h4{ border-left: 5px solid #0cb8df; color:#333; padding-left: 15px;}

.submit {
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	padding: 25px;
	min-width:60%;
	font-size: 180%;
}

.about_box{
	padding-left:10px;
	padding-right:10px;
}

.size150 { font-size:120%; }
.size130 { font-size:105%; }
.size200 { font-size:140%; }

ul.half{
	list-style:none;
	width:100%;
	margin:0 auto;
	padding:0;
}

ul.half li{
	float:none;
	width:100%;
	margin:0 auto 5px;
}

ul.half li:nth-child(2){
	margin:0 auto 5px;
}

header {
	height:auto;
	padding:0;
}

.hd_logo{
	margin:2px;
}

.hd_logo img{
	width:50%;
}

dl.tbl_form dl,dt,dd {
margin: 0;
padding: 0;
}

dl.tbl_form{
background: #eee;
border: 1px solid #ccc;
width: 100%;
}
dl.tbl_form dt,dl.tbl_form dd {
padding: 6px;
}
 
dl.tbl_form dd {
background: #fff;
}
input{
max-width:99%;
}
textarea{
max-width:99%;
}

blockquote { width:50%; margin:0 auto; }
 
dl.tbl_form{
border-top: none;
width: 90%;
}
dl.tbl_form dt {
border-top: 1px solid #ccc;
clear: none;
float: none;
width: 100%;
display:block;
}
 
dl.tbl_form dd {
border-left: none;
border-top: none;
margin-left: 0%;
float:none;
display:block;
text-align:center;
}

.tex05{ 
  text-size: 95%;
  padding-top: 0;
  }
  

}


@media screen and (max-width: 640px) {
	
.ewp_btn_green{font-size:90% !important;}

}


/*---- 特典 ----------------------*/

.tokuten-cont{
	width:100%;
	padding: 0;
	background: linear-gradient(354deg, #ffffff, #ffffff 75%, #f4a20d 50%);
	height:auto;
}

.tokuten-ttl{ text-align:center; margin-bottom:30px;}



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

.tokuten-cont{
	width:100%;
	background: none;
	padding:0;
}


.tokuten-ttl{ margin-bottom:20px;}



}







.btn-ct {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 28px;
	text-align: center;
	margin: 0 auto 5px;
	font-weight:bold;
	color: #219121;
}

.btn-ct::before,
.btn-ct::after {
	content: '';
	width: 3px;
	height: 30px;
	background-color: #2da52d;
}

.btn-ct::before {
	margin-right: 40px;
	transform: rotate(-35deg)
}
.btn-ct::after {
	margin-left: 40px;
	transform: rotate(35deg)
}

@media screen and (max-width: 640px) {
	
.btn-ct {
	font-size: 19px;
	margin: 5px auto;
}


.btn-ct::before {
	margin-right: 20px;
	transform: rotate(-35deg)
}
.btn-ct::after {
	margin-left: 20px;
	transform: rotate(35deg)
}	
	
}



/*-----------------------------------------------------
	5つのポイント
-----------------------------------------------------*/

.container03{
	width:100%;
	padding: 0;
	background: #eaffcd;
	height:auto;
	margin: 0 auto;
	position:relative;
}

.arrow-g{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -0.2%;
	/* margin: 0 auto; */
}

/*
.container03::before {
	position: absolute;
	content: '';
	left: calc( 50% - 50px );
	border: 70px solid transparent;
	border-top: 40px solid #ffffff;
	width: 0;

	height: 0;
	top: 10;
}*/


.point-cont{
	padding: 100px 0 20px;
}
.point-box{
	width: 700px;
	margin: 0 auto 100px;
	background: #ffffff;
	padding: 120px 50px 30px;
	border: 4px solid #d0ffb8;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	position: relative;
}


.point-icon{
	text-align:center;
	margin-bottom:30px;
	position: absolute;
	top: -7%;
	left: 50%;
	transform: translateX(-50%);
	}

.point-ttl{
	font-size:28px;
	text-align:center;
	margin-bottom: 50px;
	color: #414141;
}


.point-box p {
    font-size: 100%;
    line-height: 1.8;
    text-align: justify;
    color: #363636;
    margin-bottom: 3%;
}

.point-img{
	text-align:center;
	margin-bottom: 40px;
}

.pl-box{
	margin: 5px auto 55px;
	}

.pl{
	margin: 0 auto 20px;
	text-align:center;
}
	
.pl a:hover img{
	position : relative;

	top: 1px !important;
	left: 1px !important;
}	


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

.container03{
	width:100%;
	padding:0;
}
/*
.container03::before {
	border: 50px solid transparent;
	border-top: 20px solid #ffffff;
	top: 10;
}*/	

.arrow-g{
	width: 25%;
}

	

.point-box{
	width: auto;
	padding: 70px 18px 18px;
	border: 3px solid #d0ffb8;
	margin: 0 auto 60px;
	box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2);
}

.point-cont{
	padding: 75px 15px 5px;
}

.point-icon{
	width: 38%;
	margin:0 auto 20px;
	top: -5%;
	}


.point-ttl{
	font-size:23px;
	margin-bottom: 30px;
}


.point-box p {
    line-height: 1.8;
    margin-bottom: 3%;
}

.point-img{
	text-align:center;
	margin-bottom: 40px;
}

.pl-box{
	margin:10px 10px 15px;}
	
	


}

/*---- 動画 ----------------------*/

.mv01{text-align:center;margin: 40px auto;}

.frame01{border: 8px solid #edfbda;}

/* スマホ用のCSS */	
@media screen and (max-width: 767px) {
	
.mv01{
  position:relative;
  width: 95%;
  padding: 56.25% 0 0 0;
  margin: 10px auto 20px auto;
}
.mv01 iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

.frame01{border: none;}	

}




/*---- nayami ----------------------*/


.nayami-cont{
	width:100%;
	padding: 0;
	background: linear-gradient(#ffffff, #daeeff);
	height:auto;
	position: relative;
	margin: 50px auto 20px;
}

.nayami-cont:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 60px 50vw 0 50vw;
  border-color: #ddefff transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  /* margin-bottom: 20px; */
}



.nayami-inn{
	width: 900px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 60px;
}

/* スマホ用のCSS */
@media only screen and (max-width: 640px) {

.nayami-cont{
	width:100%;
	padding:0;
	margin:30px auto 10px;
	
}

.nayami-cont:after {
  border-width: 40px 50vw 0 50vw;
}


.nayami-inn{
	width:100%;
	margin: 0 auto;
	padding-bottom: 20px;
}
	
}

/*フローティングボタン
---------------------------------*/

.ft_btn_cont {
    position: fixed;
    width: 100%;
    background: rgb(255 255 255 / 80%);
    bottom: 0;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px;
    z-index: 88;
    margin: 0px auto;
    border-top: 1px solid #d7d7d7;
}


.ft_btn_inner{
    width: 830px;
    box-sizing:border-box;
    padding: 15px 0;
    margin:0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}


.ft_btn-l {float: left;margin-right: 5%;/* width: 55%; */}
.ft_btn-l p{
	line-height:1.6;
	font-size: 18px;
	color: #068809;
}
.ft_btn-r {float: left;width: 40%;}


.e-btn a {
    background: #ff6000;
    border-radius: 9999px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 300px;
    padding: 10px 25px;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-size: 23px;
    text-align: center;
    letter-spacing: 1.5px;
}
.e-btn a:hover {
    background: #f35100;
    color: #FFF;
}
.e-btn a:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.e-btn a:hover:after {
    border-color: #FFF;
}

.e-btn a span{
    font-size: 18px;
}

/* スマホ用のCSS */
@media only screen and (max-width: 640px) {
	
.ft_btn_cont {
}


.ft_btn_inner{
    width: 100%;
    padding: 15px 0;
	display: block;

}	

.ft_btn-l {float: none;margin-right:0;/* width:95%; */}
.ft_btn-l p{
	text-align:center;
	font-size: 16px;
}

.ft_btn-r {float: none; width:95%}

.e-btn a {
    max-width: 90%;
    padding: 10px 25px;
    font-size: 20px;
    margin-right: 0;
    justify-content: center;
}

.e-btn a span{
    font-size: 16px;
}

}


.ft_btn{
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 0;
  z-index:5;
  text-align: right;
}


/* スマホ用のCSS */
@media only screen and (max-width: 640px) {
	
.ft_btn{
  position: fixed;
  bottom: 0; 
  right: 0;
  padding: 0;
  z-index:5;
  width:100%;
}

.ft_btn img{width: 100%;text-align:center;}	
	
}


/*-----------------------------------------------------
	セミナー内容
-----------------------------------------------------*/
.semi {
    padding: 70px 15px 20px;
    margin: 0 auto 60px;
    background: url(../img01/semi_bg.jpg) no-repeat center center;
    background-size: cover;
}

h2.semi-h{
	position: relative;
	z-index: 2;
	width: 500px;
	text-align: center;
	color: #4598cb;
	padding: 10px;
	font-size: 28px;
	margin: 0 auto -40px;
	letter-spacing: 2px;
}

h2.semi-h:before{
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transform: skewX(342deg);
	content: "";
	background-color: #ffffff;
	box-shadow: 5px 5px #4598cb;
	border: 2px solid #4598cb;
}



.semi-cont {
    display: flex;
    flex-wrap: wrap;

}

.semi-box {
	margin: 10px;
	width: 44%;
	background: #ffffff;
	padding: 15px;
	box-shadow: 5px 5px #afd5dd;
}

.semi-inn{
	/* padding: 10px; */
	/* border: 1px solid #93b0b7; */
}


.semi-ttl{
    min-height: 0;
    padding: 10px;
    font-size: 135%;
    line-height: 1.3;
    /* font-style: italic; */
    font-weight: bold;
    /* border-bottom: 1px dotted #82a2a9; */
    margin-bottom: 15px;
    color: #ffffff;
    background: #4598cb;
    border-left: 5px solid #70bbe9;
    border-right: 5px solid #70bbe9;
    height: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.semi-cont p{padding: 0 10px;margin-bottom:15px;line-height:1.6;font-size: 120%;}

@media screen and (max-width: 640px) {
	
.semi {
	margin: 0 10px 40px;
	background-image:url(../img01/semi-bg-s.jpg) no-repeat;
	background-position:bottom right;
	padding: 50px 15px 15px 15px;
}	


h2.semi-h{
	width: 80%;
	padding: 10px;
	font-size: 22px;
	margin: 0 auto -20px;
}

h2.semi-h:before{
	transform: skewX(345deg);
	content: "";
}

.semi-cont {


}

.semi-box {
	margin: 8px auto 20px auto;
	width: 95%;
	padding: 10px;
}


.semi-ttl{
    padding: 10px;
    line-height: 1.2;
    font-size: 120%;
    height: auto;
}


.semi-cont p{padding: 0 10px;margin-bottom:5px;line-height:1.5;font-size: 110%;}

}


/*-----------------------------------------------------
	セミナー内容-2
-----------------------------------------------------*/
h2.ttl_02{
    padding: 15px 0;
    margin: 0 auto 20px;
    font-weight: bold;
    font-size: 28px;
    text-align: center;
    color: #ffffff;
    position: relative;
    z-index: 2;
    width: 50%;
    line-height: 1.5;
    padding: 10px;
}


h2.ttl_02::before {
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transform: skewX(348deg);
	content: "";
	background-color: #2da42d;
}

h2.ttl_03 {
    /* display: inline-block; */
    position: relative;
    color: #ffffff;
    margin: 0 auto 40px;
    text-align: center;
    font-size: 35px;
    letter-spacing: 2px;
}

h2.ttl_03:before {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 2px;
    background-color: #ffffff;
}

.ttl_03-2{
	text-align:center;
}

.semi01-cont {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	padding-top:30px;
	width: 1080px;
	justify-content: center;
}

.semi01-box {
	text-align: center;
	margin: 20px;
	width: 26%;
	background: #ffffff;
	padding: 15px;
	border: 1px solid #2da42d;
	box-shadow: 5px 5px #8ec98e;
	background: #ffffff;
}

h3.ttl_01 {
	position: relative;
	background: #e5ffe5;
	padding: 15px;
	text-align: center;
	font-size: 20px;
	margin-bottom: 25px;
	color: #2da42d;
	font-weight: bold !important;!i;!;
}
h3.ttl_01:before, h3.ttl_01:after {
	content:'';
	width: 20px;
	height: 30px;
	position: absolute;
	display: inline-block;
}
h3.ttl_01:before {
	border-left: solid 3px #2da42d;
	border-top: solid 3px #2da42d;
	top:0;
	left: 0;

}
h3.ttl_01:after {
	border-right: solid 3px #2da42d;
	border-bottom: solid 3px #2da42d;
	bottom:0;
	right: 0;
}

.semi01-box p{font-size: 17px;margin-bottom: 15px;line-height: 1.5;}


/* スマホ用のCSS */	
@media screen and (max-width: 767px) {

h2.ttl_02{
    padding: 10px 0;
    margin: 0 auto 30px;
    font-size: 20px;
    width: 90%;
    line-height: 1.5;
}

h2.ttl_03 {
    font-size: 25px;
    margin: 0 auto 60px;
}

h2.ttl_03:before {
    bottom: -10px;
    left: 50%;
    width: 40px;
}


.semi01-cont {
	padding-top:0;
	width: 100%;
	/* margin: 0 auto; */
}

.semi01-box {
	margin: 8px 11px 20px;
	width: 80%;
}

h3.ttl_01 {
	font-size: 19px;
}

}


/*-----------------------------------------------------
	目次
-----------------------------------------------------*/


h2.ttl_01 {
  position: relative;
  text-align:center;
  font-size: 30px;
  color: #219121;
  margin-bottom:40px;
}
h2.ttl_01::before {
  content: '';
  width: 56px;

  height: 2px;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: -10px;
  background-color: #219121;
}

h2.ttl_01 span {
  display: block;
  font-size: 18px;
  margin-top: 10px;
  text-align: center;
  font-weight: normal;
  color: #353535;
  font-family: none;
}


.ttl_01-2{}


.ttl_01-2-ct {
  font-size: 18px;
  margin: 10px auto 15px;
  text-align: center;
  font-weight: normal;
  color: #353535;
  font-family: none;
  line-height: 1.5;
}





.toc-cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    /* padding-top:30px; */
    width: 1050px;
    justify-content: center;
}

.toc-box {
    text-align: center;
    margin: 10px;
    width: 18%;
    /* background: #999090; */
    /* padding:5px; */
}


.toc-inn{
	position:relative;
}



.toc-img {
    cursor: pointer;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    /* width: 100%; */
    height: 150px;
    background-color: #272920;
    /* display:inline-block; */
    /* border-radius: 8px; */
    /* background-size: cover; */
	
}

.toc-img img {
    height: auto;
    transition:1s all;
    opacity: 0.5;
    /* display:block; */
    /* background-size: cover; */
    width: 100%;
}
.toc-img:hover img {
  transform:scale(1.2,1.2);
  transition:1s all;
}


.toc-img p {
    align-items: center;
    bottom: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 80%;
    font-size: 19px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1.4;
    text-shadow: 2px 2px 1px #353535;
}

.toc-img::before {
	position: absolute;
	content: '';
	left: calc( 50% - 10px );
	border: 10px solid transparent;
	border-top: 8px solid #ffffff;]
	px solid #ffffff;
	width: 0;
	height: 0;
	bottom: 1%;
	z-index: 2;
}

/* スマホ用のCSS */	
@media screen and (max-width: 767px) {

h2.ttl_01 {
  font-size: 20px;
  margin-bottom:30px;
}
h2.ttl_01::before {
  content: '';
  width: 56px;
}

h2.ttl_01 span {
  font-size: 16px;
}

.toc-cont {
	padding-top:0;
	width: 100%;
	/* margin: 0 auto; */
}

.toc-box {
	margin: 8px 11px 20px;
	width: 43%;
}

.toc-img {
    height: auto;

}

}


/*-----------------------------------------------------
	講師紹介
-----------------------------------------------------*/

.plf-box{
	background: #fafffb;
	margin: 20px auto 30px;
	padding: 30px 30px 15px 30px;
	box-shadow: 6px 6px #a8e9a8;
	/* border: 8px solid #2ea52d; */
	width: 88%;
	border: 1px solid #a8e9a8;
}

.plf-box p{ font-size: 16px;margin-bottom: 15px;line-height: 1.5;}

.plf-box01{
	margin: 0 auto 30px;
	padding: 0;
	border: 3px solid #a8e9a8;
}

.plf-box02{
	margin: 0 auto 30px;
	padding: 0;
	border: 3px solid #9f0100;
}

.plf_inr{
	padding: 50px 30px 20px;
}

.plf_inr p{ font-size: 16px;margin-bottom: 15px;line-height: 1.5;}


@media screen and (max-width: 767px) {
/* スマホ用のCSS */	
.plf-box{
	margin: 10px auto 20px;
	padding: 15px 15px 5px 15px;
	box-shadow: 4px 4px #a8e9a8;
	width: 95%;
	border: 2px solid #a8e9a8;
}

.plf-box p{ font-size: 14px;margin-bottom: 10px;line-height: 1.5;}

.plf-box01{
	margin: 20px auto 30px;
	width: 95%
}

.plf-box02{
	margin: 20px auto 30px;
	width: 95%
}

.plf_inr{
	padding: 30px 20px 20px;
}

.plf_inr p{ font-size: 16px;margin-bottom: 15px;line-height: 1.5;}

}






/*-----------------------------------------------------
	formカスタム
-----------------------------------------------------*/

.ewp_form_container .ewp_popup_container { border: 8px solid #129412 !important;}

.ewp_grey_column {
  background: #f3ffe6 !important;
}

.ewp_popup_container h3 {
  font-size: 20px !important;
  color: #129412 !important;
}
.ewp_btn_green{border-radius: 5px !important; font-size: 98% !important;}


/* スマホ用のCSS */	
@media screen and (max-width: 767px) {

.ewp_form_container .ewp_popup_container { border: 5px solid #129412 !important;}	
.ewp_btn_green{font-size: 90% !important;}	
.ewp_white_col {  padding: 15px !important;}

.ewp_popup_container h3 {
  font-size: 18px !important;
  padding: 10px 0 !important;
}
	
}