/*-------------------------*/
/*概要*/
/*-------------------------*/
@charset "utf-8";
/*--------------------------------------------------------------

MV

---------------------------------------------------------------*/
.sub__Mv{
	background:url(../images/mv.png) no-repeat 50% 0% fixed;
	background-size: 100%;
	padding:15em 0;
	position:relative;
}


@media print, screen and (max-width:768px){
.sub__Mv{
	background:url(../images/mv.png) no-repeat 0% 0% ;
	background-size: cover;
	margin: 0 auto;
	padding:3em 0 3em ;
	margin-top:0em;
	}
}
@media screen and (min-width:768px) and ( max-width:1280px) {
.sub__Mv{
	background:url(../images/mv.png) no-repeat 50% 0% ;
	background-size: 100%;
	padding:15em 0 10em;
}
}

.table-custom span{
	color:#ff0000;
	border-radius:100px;
  font-size: .7em;
	display:block;
	padding:2px 15px ;
	text-align:center;
	font-weight:900;
}

.end{
	background:#ff0000;
	color:#fff;
	border-radius:100px;
  font-size: .7em;
	display:inline-block;
	margin-bottom:7px;
	padding:3px 15px ;
	text-align:center;
	margin-right:10px;
}

@media print, screen and (min-width:1280px){

.sub__Mv__box{
	background:url(../images/mv.png) no-repeat 50% 50% fixed;
	background-size:cover;
}


.table-custom{
	margin: 0 auto;
	margin-top:30px;
	margin-bottom:60px;
}

.table-custom caption{
	font-size:1.3rem;
	background:#1D2088;
	color:#fff;
	padding:10px;
}

.custom01 th{
	padding:10px;
	background:#f4f4f4;
	border:1px solid #ccc;
	text-align:center;
}
.custom01 td{
	padding:10px;
	border:1px solid #ccc;
	text-align:center;
}

.justify td{
	text-align: left!important;
}

.root{
	display:flex;
	text-align:center;
	margin: 0 auto;
	margin-bottom:40px;
	justify-content:center;
	width:80%;


}




.online-list-root{
	margin:0 20px;
	width:33%;
	border:3px solid #f9f9f9;
	padding:50px 30px;
	font-size:.8em;
}

.online-list li{
	text-align:left;
	margin:5px 0 ;
}

.btn--online{
	text-align:center;
	width:40%;
	margin:0 auto;
	margin-bottom:120px!important;
}
.btn--online a{
	background:#DF037C;
	color:#fff;
	display:block;
	padding:10px;
	font-size:1.4em;
	border:1px solid #DF037C;
	font-weight:bold;
	text-decoration:none;
}
.btn--online a:hover{
	color:#DF037C;
	border:1px solid #DF037C;
	background:#fff;
	transition: 0.5s
}

#wrapper{
	width:1280px;
	padding:30px;
	background:#f1f1f1;
	margin: 0 auto;
	margin-top:40px;
}
.online--box{
	width:1280px;
	padding:30px;
	background:#fff;
	border:20px solid #0063A0;
	margin: 0 auto;
	margin-top:40px;	
}
.online--box h2{
	text-align:left;
	font-size:3em;
	color:#fff;
	margin-top:-40px;
}

.online--box  h2 span{
	background:#0063A0;
	padding:0px 10px;
}

.online-text{
	width:1180px;
	border:2px dotted #0063A0;
	padding:15px;
	margin : 0 auto;
	margin-top:15px;
	margin-bottom:15px;
	font-weight:bold;
}
.online-list{
	margin-bottom:40px;
}
.online-list dt{
	font-size:1.4em;
	background:#f1f1f1;
	padding:5px 10px;
	border-left:6px solid #0063A0;
}
.online-list dd{
	margin-bottom:20px;
	margin-top:20px;
	font-size:1em;
}
.years{
	display:block;
	font-size:1.2em;
	margin-top:10px;
}
.numers--list{
		display:inline-block;
		background:#0063A0;
		color:#fff;
		padding:2px 10px;
		margin-right:7px;
		border-radius:5px;
}

.btn--online{
	text-align:center;
	width:40%;
	margin:0 auto;
}
.btn--online a{
	background:#DF037C;
	color:#fff;
	display:block;
	padding:10px;
	font-size:1.4em;
border:1px solid #DF037C;
	font-weight:bold;
}
.btn--online a:hover{
	color:#DF037C;
	border:1px solid #DF037C;
	background:#fff;
}

.root{
	text-align:center;
	margin-bottom:40px;

}

.online-list-root{
	display:inline-block;
	vertical-align:top;
	width:100%;
}

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











/*------------------------------*/
/*繝輔か繝ｼ繝�*/
/*-------------------------------*/
.form_b{
	padding:30px;
	background:#fff;

}


.form_into{

}
.form_into p{
	padding-top:8px;
	font-size:1.5em;;
	line-height:1.5;
	text-align:center;
}
.form_text_war{
	font-size:11px;
	margin:5px 0 15px 10px;
}
/*------------------------------*/
/*繝輔か繝ｼ繝�繝�じ繧､繝ｳ*/
/*------------------------------*/
table{
	width:100%;
	margin: 0 auto;
  border-collapse: collapse;
  border-spacing: 0;
}
caption{
	font-size:2em;
	margin-bottom:10px;
}

th{
	text-align:left;
	padding:13px;
	border:#ccc 1px solid ;
	width:25%;
	background:#f1f1f1;
}
td{
	text-align:left;
	padding:13px;
	border:#f1f1f1 1px solid ;
}
.abs{
	display:inline-block;
	font-size:11px;
	color: #fff;
	background:#f00;

	text-align:right;
	float:right;
	padding:5px 10px;
}
.abs-n{
	display:inline-block;
	font-size:11px;
	color: #fff;
	background:#333;

	text-align:right;
	float:right;
	padding:5px 10px;
}
table td.submit{
	border:0;
	text-align:center;
	width:120px;

}
p.error {
	font-size:11px;
	color: #FFFFFF;
	background-color: #FF0000;
	padding: 3px;
	margin:5px;
}
table td.sub{
	vertical-align:middle;
	padding:7px;
	font-size:10px;
	height:30px;
	border-top:solid 1px #ff9900;
	border-left:solid 1px #ff9900;
	width:20px;
width:30px;
	
}
textarea{
	resize: vertical;
}
.thk_img{
	text-align:center;
	margin-top:20px;
}

}

@media print, screen and (max-width:1280px){


.sub__Mv__box{
	background:url(../images/mv.png) no-repeat 50% 0% ;
	background-size: cover;
	padding:8em 0;
}



.table-custom{

	margin: 0 auto;
	margin-top:30px;
	margin-bottom:60px;
}

.table-custom caption{
	font-size:1.3rem;
	background:#1D2088;
	color:#fff;
	padding:10px;
}

.custom01 th{
	padding:10px;
	background:#f4f4f4;
	border:1px solid #ccc;
	text-align:center;
}
.custom01 td{
	padding:10px;
	border:1px solid #ccc;
	text-align:center;
}

.justify td{
	text-align: left!important;
}

.online-list-root{
	margin:20px auto 0px;
	width:100%;
	border:3px solid #f9f9f9;
	padding:50px 20px;
	font-size:.8em;
}

.online-list li{
	text-align:left;
	margin:15px 0 ;
}

.btn--online{
	text-align:center;
	width:80%;
	margin:0 auto;
	margin-bottom:120px!important;
}
.btn--online a{
	background:#DF037C;
	color:#fff;
	display:block;
	padding:10px;
	font-size:1.2em;
	border:1px solid #DF037C;
	font-weight:bold;
	text-decoration:none;
}
.btn--online a:hover{
	color:#DF037C;
	border:1px solid #DF037C;
	background:#fff;
	transition: 0.5s
}

#wrapper{
	width:95%;
	padding:15px;
	background:#fff;
	margin: 0 auto;
	margin-top:40px;
	border:5px solid #f1f1f1;
}
.online--box{
	width:95%;
	padding:30px;
	background:#fff;
	border:10px solid #0063A0;
	margin: 0 auto;
	margin-top:40px;
}
.online--box h2{
	text-align:left;
	font-size:1.6em;
	color:#fff;
	line-height:1.1;
	margin-top:-20px;
}

.online--box	h2 span{
	background:#0063A0;

}

.online-text{
	border:2px dotted #0063A0;
	padding:15px 10px;
	margin : 0 auto;
	margin-top:15px;
	margin-bottom:15px;
	font-weight:bold;
}
.online-list{
	margin-bottom:40px;
}
.online-list dt{
	font-size:1.2em;
	background:#f1f1f1;
	padding:5px 10px;
	border-left:6px solid #0063A0;
}
.online-list dd{
	margin-bottom:20px;
	margin-top:20px;
	font-size:0.9em;

}
.years{
	display:block;
	font-size:1.2em;
	margin-top:10px;
}
.numers--list{
		display:inline-block;
		background:#0063A0;
		color:#fff;
		padding:2px 10px;
		margin-right:7px;
		border-radius:5px;
}

.btn--online{
	text-align:center;
	width:85%;
	margin:0 auto;
}
.btn--online a{
	background:#DF037C;
	color:#fff;
	display:block;
	padding:10px;
	font-size:1.2em;
border:1px solid #DF037C;
	font-weight:bold;
}
.btn--online a:hover{
	color:#DF037C;
	border:1px solid #DF037C;
	background:#fff;
}

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

.online-list-root{
	width:100%;
	margin: 0 auto;
	text-align:left;
	font-size:0.85em;
	margin:20px 0 ;
}

.online-list-root dd:nth-child(1){
	text-align:center;
	margin-bottom:20px;
}

.mv img{
	max-width:100%;

}










/*------------------------------*/
/*フォーム*/
/*-------------------------------*/
.form_b{
	padding:0px;
	background:#fff;
	width:100%;

}


.form_into{
	width:100%;
}
.form_into p{
	padding-top:8px;
	font-size:1.5em;;
	line-height:1.5;
	text-align:center;
}
.form_text_war{
	font-size:11px;
	margin:5px 0 15px 10px;
}
/*------------------------------*/
/*フォームデザイン*/
/*------------------------------*/
table{
	width:100%;
	margin: 0 auto;
	border-collapse: collapse;
	border-spacing: 0;
}
caption{
	font-size:1.2em;
	margin-bottom:10px;
}

th{
	text-align:left;
	padding:13px;
	border:#f1f1f1 1px solid ;
	display:block;
	background:#f1f1f1;
}
td{
	text-align:left;
	padding:13px 13px 25px 13px;
	border:#f1f1f1 1px solid ;
		display:block;
}
.abs{
	display:inline-block;
	font-size:11px;
	color: #fff;
	background:#f00;
		margin-left:10px;
	padding:5px 10px;
	text-align:right;
	float:right;
}
.abs-n{
	display:inline-block;
	font-size:11px;
	color: #fff;
	margin-left:10px;
	background:#333;
	text-align:right;
	float:right;
	padding:5px 10px;
}
table td.submit{
	border:0;
	text-align:center;

}

.cage{
	width:100%!important;
}

.cage-btn{
	width:30%!important;
	padding:7px 0 ;
	margin-top:20px;
}
.cage-on{
	padding:7px 0 ;
	width:100%!important;
	margin-top:20px;
}
p.error {
	font-size:11px;
	color: #FFFFFF;
	background-color: #FF0000;
	padding: 3px;
	margin:5px;
}
table td.sub{
	vertical-align:middle;
	padding:7px;
	font-size:10px;
	height:30px;
	border-top:solid 1px #ff9900;
	border-left:solid 1px #ff9900;
	width:20px;
width:30px;

}
textarea{
	resize: vertical;
}
.thk_img{
	text-align:center;
	margin-top:20px;
}

}

.flex_list{
	display:flex;
	flex-wrap:wrap;
	justify-content:start;
}
.flex_list dl{
	width:30%;
	padding:0 10px;
}
.flex_list dt{
	border-bottom:1px solid #ccc;
	font-size:1.3em;

	margin-bottom:10px;
}

.width_9{
	width:1040px;
}
.width_9 dt{
	text-align:center;
}
.width_9 dt img{
	max-width:100%;
}