@charset "UTF-8";
body {
	font: 100%/1.4;
	margin: 0;
	padding: 0;
	color: #000;
	width:100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.6em;
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}
ul li{
	list-style:none;}

h1, h2, h3, h4, h5, h6, p ,a{
	padding:0;
	margin: 0;
	font-size:100%;
}

a img {
	border: none;
}

a:link {
	color:#000;
	text-decoration: underline;
}
a:visited {
	color:#000;
	text-decoration: underline;
}
a:hover{
	color:#bbb;
	text-decoration:underline;}
a:hover, a:active, a:focus {
	text-decoration:underline;
}
.b{
	font-weight:800;}
	
.clearfix {zoom: 100%;}

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.f12{
	font-size:12px;}
.f14{
	font-size:14px;}
.f60{
	font-size:60%;}
.f70{
	font-size:70%;}
.f80{
	font-size:80%;}
.f90{
	font-size:90%;}
.f106{
	font-size:106%;}
.f110{
	font-size:110%;}
.f120{
	font-size:120%;}
.f130{
	font-size:130%;}
.f140{
	font-size:140%;}
.f150{
	font-size:150%;}
.f160{
	font-size:160%;}
.f190{
	font-size:190%;}
.img_c{
	display:block;
	margin:10px auto;}
.blue{
	color:#576ea7;}
.blue_bold{
	color:#009af2;
	font-weight:800;}
.orange{ color:#e95b08}
.red_bold{
	color:#dd3955;
	font-weight:800;}
.red{
	color:#dd3955 ;}
.gleen{
	color:#00bd4c;}
.hide{
	display:block;
	text-indent:-9999px;}
.t_c{
	text-align:center;}
.ivy{
background-color:#fcffde;}
.nopc{
	display:block;}
.nosp{
	display:none;}
.m20{
	margin:20px 0;}
@media screen and (min-width: 481px){
.nopc{
	display:none;}
.nosp{
	display:block;}

	}
/*=====================BODY========================*/
.wrap{
	width:100%;
	margin:0 auto;}
@media screen and (min-width: 481px){
.wrap{
	width:980px ;
	margin:0 auto;}
}

/*=====================ヘッダー========================*/


header{
	width:100%;
	position:relative;}

.logo img{
	width:100px;
	margin:10px 5px;
	vertical-align:bottom;}
.menu_btn{
	width:32px;
	background:url(common/images/bg_icon_menu.png) no-repeat;
	background-size:32px;
	padding-bottom:10px;
	position:absolute;
	top:10px;
	right:10px;
	}
	
.menu_btn img{
	width:100%;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition:0.5s;}

.menu_btn.active img{
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.gNavi{ display:none;}
@media screen and (min-width: 481px){
header{
	padding-top:20px}

.logo img{
	display:block;
	width:200px;
	margin:0px auto 20px auto;
	float: left;}
	
.menu_btn{
	display:none;}

	}
	
.top{
	width:100%;
	text-align: center;
	margin:  auto;
	}
.top img{
	width:100%;}
/*=====グローバルナビ
*/
.gNavi{
	width:100%;}
ul.navi{
	border-bottom:#ccc 1px solid;
	box-sizing:border-box;}
ul.navi li{
	width:50%;
	float:left;
	border-bottom:#ccc 1px solid;
	border-right:#ccc 1px solid;
	box-sizing:border-box;}
ul.navi li.last{
	border-bottom:none;}
ul.navi li:nth-child(2n){
	border-right:none;}
ul.navi li a{
	display:block;
	padding:10px 0 10px 10px;
	text-decoration:none;}
ul.navi li a:active{
	background-color:#000;
	color:#fff;}
	
@media screen and (min-width: 481px){
.gNavi{
	display:block;
	border:none;
	width:auto;
	margin:10px auto 20px;
	float: right;
	text-align: right}
ul.navi{
	border-bottom:none;}
ul.navi li{
	width:auto;
	border:none;
	float:none;
	display:inline;}
ul.navi li a{
	display:inline;
	padding:5px 10px;}
ul.navi li a:hover{
	text-decoration:underline;}

}





/*=============================================カラム
*/
.boxContInner{
	font-size:80%;}
	
.boxContInner p{ margin:0 0 1em 0;}
	
@media screen and (min-width: 481px){
#main_crm{
	float:left;
	width:642px;
	}
#sub_crm{
	float:right;
	width:310px;}
#main_crm .boxContInner{
	font-size:90%;}
#sub_crm .boxContInner{
	font-size:80%;}
}

.profile-image img{
	border-radius: 50%;
  	height: 150px;
  	width: 150px;
}

/*=============================================コンテンツ　メインカラム
*/
.boxCont{
	margin-bottom:30px;}
.boxCont h2{
	text-align:center;
	border-bottom:#000 1px solid;
	padding:15px 0 10px;
	margin-bottom:15px;
	font-size:20px;}
.boxCont.top h2{
	border-bottom:none;
	margin-bottom:0px;
	}
.boxCont h3{
	text-align:center;
	margin:20px 0;}
.boxCont.cd{
	text-align:center;}
.boxCont.cd img{
	display:block;
	margin:10px auto;}
.boxCont.disco{
	border-bottom:#000 1px solid;
	padding-bottom:20px;}
.boxContInner{
	margin:0 10px;}
.boxCont.link h4{
	margin-top:15px;}
p.more{
	margin-top:20px;
	text-align:right;}
.contImg{
	width:100%;
	margin:0 0 10px;}
.contImg img{
	width:100%;}
	
img.img_disco{
	width:100%;}
.titleList img{
	width:80%;
	display:block;
	margin:10px auto;}
@media screen and (min-width: 481px){
.contImg{
	width:100%;
		margin:0 0 10px;}
.contImg img{
	width:auto;
	display:block;
	margin:0 auto;}
img.img_disco{
	width:auto;
	float:left;}
.titleList{
	width:45%;
	float:left;
	margin-left:20px;}
.titleList img{
	width:auto;}
.text_disco{
	clear:both;
	margin-top:15px;
	}
	
	}
	
/*=====================youtube========================*/
.youtube {
width: 90%;
position: relative;
padding-bottom: 70%;
height: 0;
overflow: hidden;
margin:0px auto;
}
.youtube.facebook {
	margin:30px auto;
	padding-bottom:80%;}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media screen and (min-width: 481px){
.youtube {
	width:640px;
	padding-bottom:405px;
	margin:0;
	/*
	box-shadow:0px 1px 10px #282828;
	*/}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width:100%;
height:100%;
}
.youtube.facebook {
	padding-bottom:50%;}

	}

/*=============================================footer
*/
footer{
	clear:both;
	}
footer .snsArea{
	width:280px;
	float:right;
	text-align:right;}
footer .snsArea iframe,footer .snsArea a{
	margin:0;
	padding:0;}
footer .footerNavi{
	clear:both;
	width:100%;
	border-top:#000 3px solid;}	
footer ul.navi{}
p.copy{
	text-align:center;
	clear:both;
	font-size:12px;}
@media screen and (min-width: 481px){
footer .footerNavi{
	border-top:#000 1px solid;
	text-align: right;}	
footer ul.navi{
	width:auto;
	margin:30px 0;}
}

/*=============================================フォーム
*/
dl.form{
	width:100%;
	}
	
dl.form dt{
	text-align:center;
	background-color:#fafafa;
	border-bottom:#ccc 1px solid;
	border-top:#ccc 1px solid;
	padding:8px 0;
	margin:0;}
dl.form dd{
	padding:8px 0;
	margin:0;}
dl.form dd label{margin-left:20px;}
dl.form dd.select{ padding-left:35px;}
dl.form dd select{margin-left:10px;}
	
dl.form dd input.img_c{
	width:80%;
	height:35px;
	margin:8px auto;
	padding:0;}
dl.form dd textarea.img_c{
	width:80%;
	margin:8px auto;
	padding:0;
	}
form input.btn_ent{
	display:block;
	width:250px;
	height:35px;
	margin:15px auto;
	border-radius:0px;
	border:#ed7c39 2px solid;
	color:#fff;
	background: -moz-linear-gradient(top, #e95b08, #e95b08);
  background: -webkit-gradient(linear, left top, left bottom, from(#e95b08), to(#e95b08));}
@media screen and (min-width: 481px){
dl.form dt{
	width:178px;
	float:left;
	box-sizing:border-box;
	border-bottom:none;
	text-align:left;
	height:70px;
	}
dl.form dt p{
	margin-left:10px;}	
dl.form dd{
	width:440px;
	float:left;
	border-top:#ccc 1px solid;
	box-sizing:border-box;}	

dl.form dt.check{
	height:90px;}
dl.form dt.text_a{
	height:180px;
	border-bottom:#ccc 1px solid;}
dl.form dd.text_a{
	height:180px;
	border-bottom:#ccc 1px solid;}
	}