@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato);
img{max-width:100%;}
body{
	display:block;
	font-family:'AvenirNextCondensed-Medium','Franklin Gothic Medium','メイリオ','HiraKakuProN-W3';
	box-sizing:border-box;
	background-color:#000!important;
	color:#efefef!important;
}
a,a:hover{
color:#fff;
}
h2{
	font-family:'AvenirNextCondensed-DemiBold','Franklin Gothic Medium','メイリオ','HiraKakuProN-W6';
	margin-bottom:0px;
	color:#fff;
	font-size:2em;
	clear:both;
	padding-top:40px;
text-shadow: 0px 0px 10px #111;
}
.w49p{
width:49%;
}


#pagetop{
	bottom:20px;
	right:20px;
}
.type_anchor a{
width:100%;
max-width:300px;
box-sizing:border-box;
padding:10px 20px;
background:#ffc40f;
color:#fff;
text-align:center;
display:block;
margin:10px auto;
border-radius:8px;
font-size:1.6em;
}

.btn{
	width:45px;
	height:45px;
	cursor:pointer;
}
.btn:hover{
	opacity:0.8;
}
.back_btn{
	float:left;
	margin-left:10px;
	margin-top:10px;
}

.form_cell .entry_textarea textarea.enable,
.form_cell .select_type{
	width:100%;
	min-height:45px;
	float:none;
	clear:both;
	-webkit-appearance: none;
}
.form_cell .select_type{
	background:#888;
	color:#fff;
}
/**********************************************/
header{
	margin:0px!important;
	width:100%;
	background:url(../images/bg01.jpg) no-repeat center 120px;
	background-size:cover;
	overflow-y:hidden;
	box-sizing:border-box;
	text-align:center;
	padding:10px 0px 200px 0px;
	color:#fff;
}
header p{
clear:both;
}
header h1{
	font-size:5em;
	color:#fff;
	font-weigh:bold;
}

h3{
font-size:2em;
letter-spacing:2px;
color:#fff;
text-align:center;
padding-top:50px;
margin-bottom:50px;
text-shadow: 0px 0px 10px #111;
}
    nav li,h3{
    position:relative;
    }
    h3:after,nav li:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 200px;
    height: 1px;
    margin-left: -100px;
    border-bottom: 1px solid orange;
}
.type_basic_cr p{
color:#fff;
}
.anchor_wrap{
display:block;
width:100%;
max-width:260px;
border:3px solid #fff;
padding:10px 30px 10px 30px;
margin:100px auto 10px auto;
color:#fff;
text-decoration:none!important;
text-align:center;
font-size:1.8em;
position:relative;
}
a.span{

}

.top .wfcell_0{
color:#fff;
background:url(../images/bg02.jpg) no-repeat top center;
background-size:cover;
padding:30px 10px 100px 10px;
margin:0px;
}
.wfcell_0 p{
margin-top:0px;
margin-left:0px;
text-align:left!important;
}
.wfcell_0 a p{
text-align:center!important;	
}
.top .wfcell_0 img{
}
.wfcell_1 p,.wfcell_2 p,.wfcell_3 p{
margin-top:30px;
}
.dl h3,.dl p,.dl a{
text-shadow: 0px 0px 10px #111;
}
.top .dl a{
color:#fff!important;
text-align:center!important;
}

.top .wfcell_1{
color:#fff;
background:url(../images/bg03.jpg) no-repeat top center;
background-size:cover;
padding:30px 10px 100px 10px;
margin:0px;
}
.top .wfcell_2{
color:#fff;
background:url(../images/bg04.jpg) no-repeat top center;
background-size:cover;
padding:30px 10px 100px 10px;
margin:0px;
}
.top .wfcell_3{
color:#fff;
background:url(../images/bg05.jpg) no-repeat top center;
background-size:cover;
padding:30px 10px 100px 10px;
margin:0px;
}
.top .wfcell_4{
color:#fff;
/*background:url(../images/bg06.jpg) no-repeat top center;*/
background-size:cover;
/*padding:30px 10px 100px 10px;*/
margin:0px;
}
a.span{
width:25%;
box-sizing:border-box;
padding:5px;
display:block;
float:left;
}
a.span img{
border-radius:10px;
}
.wfcell_0 a.span{
margin-right:20px;
}
.photo .wfcell_0 a.span{
margin-right:0px!important;
}

a.span img{
width:100%;
}
h1{
width:30%;
float:left;
display:block;
box-sizing:border-box;
}
h1 img{
	width:100%;
	max-width:315px;
}
nav{
	width:70%;
	box-sizing:border-box;
/*	background:#111;*/
	padding-top:40px;
	padding-bottom:20px;
	float:right;
box-sizing:border-box;
}
nav ul{
	max-width:1200px;
	width:100%;
	box-sizing:border-box;	
	display:block;
	margin:0 auto;
/*	border-right:1px solid #ccc;*/
}
nav ul li{
	width:19.8%;
	dispplay:block;
/*	border-left:1px solid #ccc;*/
	text-align:center;
	float:left;
}

nav ul li:last-child{
}
nav ul li a{
	color:#fff!important;
}
nav ul li span{
	display:block;
	margin:0 auto;
	text-align:center;
}
li.wrap:nth-child(even){
	background:#000;
	color:#fff;
}
li.wrap:nth-child(even){
	background:#111;
	color:#fff;
}

.wrap p{
	text-align:center;
	font-size:1.4em;
}

.wrap .dl,.wrap>.inner{
	max-width:1200px;
	width:100%;
	margin:0px auto;
	box-sizing:border-box;	
}
table.fr,.w73{
	width:73%!important;
	box-sizing:border-box;		
}
img.float_img,.w25{
	width:25%;
	box-sizing:border-box;
}
.w25 img{
	max-width:100%!important;
}
.photos a{
	box-sizing:border-box;
	border:2px solid #000;
	width:300px;
	overflow:hidden;
	float:left;
}

table.wrap,table.part{
width:100%;
max-width:1200px;
margin:0 auto;
border:0px;
}

.wrap tr.dl{
}

.wrap tr.dl th,table.part th{
width:40%;
padding:8px;
font-size:1.6em;
border-bottom:1px solid #ccc;
box-sizing: border-box;
}

.wrap tr.dl td,table.part td{
width:60%;
padding:8px;
font-size:1.6em;
border-bottom:1px solid #ccc;
box-sizing: border-box;
}
table.part th{
	width:70%;
}
table.part td{
	text-align:right;
}
table.part.couse_table th{
	width:30%;
}
table.part.couse_table td{
	text-align:left;
}
.wrap .dl .dd{
	font-size:1.6em!important;
	display:block;
	background-size:50%;
	background-repeat:no-repeat;
	box-sizing:border-box;
	min-height:400px;
}
.wrap .dl .dd .p{
	width:48%;
	display:block;
}

.contents_wrap .dl .dt{
	font-size:3em;
	padding-left:40px;
	position:relative;
}
.contents_wrap .dl .dt:before{
	content:"";
	display:block;
	border:6px solid #6ebf9e;
	border-radius:50%;
	width:0.7em;
	height:0.7em;
	position:absolute;
	left:0px;
	top:8px;
}
/*

.mail_wrap{
	width:100%;
	background:url(../images/message.jpg) no-repeat center center;
	background-size:cover;
	padding-top:50px;
	padding-bottom:50px;
}


.mail_wrap table,.company_wrap table{
	max-width:1200px;
	width:100%;
	display:table;
	margin:20px auto;
	box-sizing:border-box;
	border:0px;
}
.mail_wrap th,.company_wrap th{
	width:40%;
	font-weight:bold;
	color:#fff;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:2px solid #fff;
	box-sizing:border-box;
	font-size:1.4em;
}
.mail_wrap td,.company_wrap td{
	font-weight:normal;
	color:#fff;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:2px solid #fff;
	box-sizing:border-box;
}
.company_wrap th,.company_wrap td{
	color:#333;
	border-bottom:2px solid #ccc;
}
*/
#menu_icon{
	display:none;
}
footer{
	background:#222;
	color:#fff;
	width:100%;
	margin:50px auto 0px auto;
	padding-top:50px;
	padding-bottom:50px;
	text-align:center;
	font-size:1.6em;
	position:relative;
}
footer div.inner{
width:100%;
max-width:1200px;
margin:0 auto;
}
footer table{
border:0px;
}
footer table th{
font-weight:bold;
padding-right:20px;
width:30%;
}
footer table th,footer table td{
border-bottom:1px solid #ccc;
text-align:left;
}
footer a{
color:#ffc40f;
}
footer h3{
	font-size:2em;
}
h3 {
width:100%!important;
/*	font-size:3em;*/
}
h3 .dl{
	text-align:center;
	width:100%!important;
	max-width:1200px!important;
	display:block!important;
	margin:10px auto!important;
	color:#fff!important;
}
h3 .dl:after{
content:"";
display:block;
margin:0px auto;
width:300px;
height:2px;
color:#ffc40f;
}
tbody{
width:100%;
}

@media (max-width: 767px) {
table.fr{
	width:100%!important;
}
nav img{
display:none;
}
.w49p,.w25,.w73{
width:100%!important;
}
.photos a {
    box-sizing: border-box;
    border: 0px;
    width: 100%;
		margin-bottom:5px;
    float: none;
}

table.part th{
	border-bottom:0px;
	padding-bottom:0px;
}
table.part td{
	padding-top:0px;
	text-align:center;
}
.wrap img{
width:100%;
margin:0px auto;
display:block;
}
.wrap tr.dl{
}
#menu_icon{
	display:block;
	position:fixed;
	right:0px;
	top:0px;
	width:44px;
	height:44px;
	z-index:10;
}
p{
	font-size:1.4em!important;
}
header{
	padding:10px 0px 100px 0px;
}
header h1{
	font-size:2.2em!important;
}
h2{
	font-size:2em;
	clear:both;
}
h3 {
width:100%!important;
}
h3 span.p{
	width:100%!important;
	max-width:1200px!important;
	/*font-size:3em!important;*/
	display:block!important;
	margin:10px auto!important;
	color:#111!important;
}
table,table *{
	width:100%!important;
	display:block!important;
	box-sizing:border-box!important;
}
th{
	font-weight:bold;
	max-width:100%!important;
	min-width:320px;
	text-align:center;
	width:100%!important;
	display:block!important;
	padding:2px;
	box-sizing:border-box!important;
	clear:both;
}
td{
	max-width:100%!important;
	min-width:320px;
	text-align:center;
	width:100%!important;
	display:block!important;
	padding:2px;
	box-sizing:border-box!important;
	clear:both;
}


nav{
	position:fixed;
	top:0px;
	right:0px;
	width:100%;
	box-sizing:border-box;
	background:#111;
	padding-top:0px;
	padding-bottom:0px;
	display:block;
}
nav ul{
	width:100%;
	box-sizing:border-box;	
	display:block;
}
nav ul li{
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	dispplay:block;
	border-bottom:1px solid #ccc;
	text-align:center;
}
.contents{
	box-sizing:border-box;
}
.contents_wrap .dl:nth-child(even) .dd,
.contents_wrap .dl:nth-child(odd) .dd{
	background-position:top!important;
	background-size:cover!important;
	padding-top:400px!important;
}
.contents_wrap .dl .dd .p,
.contents_wrap .dl:nth-child(even) .dd .p,
.contents_wrap .dl:nth-child(odd) .dd .p{
	width:100%;
	display:block;
	margin-left:0%;
	background:#fff;
}
.contents_wrap .dl .dt{
	padding-left:30px;
}
.contents_wrap .dl .dt:before{
	content:"";
	display:block;
	border:5px solid #6ebf9e;
	border-radius:50%;
	width:0.7em;
	height:0.7em;
	position:absolute;
	left:0px;
	top:8px;
}
a.span.md_youtube_play,
a.span.cancel_md_youtube_play
{
	float:none!important;
	margin:0 auto!important;
	width:100%!important;

}
    nav li:after {
			display:none;
		}
}

/***********BLOG************/
.wf_blog_ul {
	max-width: 1000px;
	width: 100%;
	margin: 5px auto;
	display: block;
}
.wf_blog_ul .wf_blog_li_thumb, .wf_blog_ul .wf_blog_li_thumb:hover {
	width: 45px;
	height: 45px;
	border-radius: 100%!important;
	overflow: hidden;
	float: left;
	margin-right: 10px;
}
.wf_blog_ul .wf_blog_li_thumb img {
	width: 100%;
	min-width: 45px;
	max-width: 200px;
	min-height: 45px;
	max-height: 200px;
}
.wf_blog_ul li {
	display: block;
	padding-top: 0;
	padding-bottom: 0;
	border-bottom: none;
	font-size: 14px;
}
.wf_blog_ul li:after {
	content: "";
	clear: both;
	display: block;
}
.wf_blog_ul .wf_blog_li_date, .wf_blog_ul .wf_blog_li_title {
	display: block;
	float: left;
	margin: 0px!important;
	padding: 10px;
	box-sizing: border-box;
	max-width: 100%;
}
.wf_bread_ul li {
	display: inline;
}
.top .wf_blog_ul li a {
	color: #fff;
    border-bottom: 1px dotted #ccc;
}
.wf_bread_ul {
	width: 100%;
	max-width: 1000px;
	display: block;
	margin: 0px auto;
	padding: 5px;
	font-family: Times New Roman, Times, serif;
	text-align: right;
	box-sizing: border-box;
}
.wf_blog_li_date_time {
	display: none;
}