@charset "utf-8";
*{margin: 0 padding 0
	-webkit-text-orientation: upright; /* Safari */
}
img{border: 0; font-size: 0;}

/*フォント共通部分*/
body p,h2,h3,h4,h5,a,th,td,ruby,span,li{
	font-family: 游ゴシック体", YuGothic";
	/*font-family: fot-matisse-pron, sans-serif;*/
	font-weight: 500;
	font-style: normal;
	color: #000;
}
img{border: 0; font-size: 0;}

a:hover{
	opacity: 0.5;
}


.grecaptcha-badge{
	opacity: 0;
}




/*=================================
PC用CSS
=================================*/
@media only screen and (min-width: 600px) {
.pc_none{
	display: none!important;
}

body{
	min-width: 980px;
	background-color: #fff;
}

/*=================================
ヘッダーここから
=================================*/
header{
	width: 100%;
	height: auto;
	box-shadow:0px 7px 6px -8px #9f9f9f;
}
.header_inner{
	width: 980px;
	height: auto;
	margin: 0 auto;
	font-size: 0;
	overflow: hidden;
}
.header_inner h1{
	width: auto;
	height: 30px;
	padding: 27px 0;
	display: block;
	float: left;
}
.header_inner h1 a{
	display: block;
	width: 100%;
	height: auto;
}
.header_inner h1 a img{
	width: auto;
	height: 30px;
}
.header_inner nav{
	width: auto;
	display: block;
	float: right;
}
.header_inner nav ul{
	width: 100%;
	height: auto;
	display: block;
	font-size: 0;
}
.header_inner nav ul li{
	width: auto;
	height: auto;
	display: inline-block;
	font-size: 15px;
	font-weight: 800;
	line-height: 16px;
	text-align: center;
	margin-right: 39px;
	vertical-align: middle;
	padding: 24px 0;
}
.header_inner nav ul li:nth-child(2){
	position: relative;
}
.header_inner nav ul li:nth-child(6){
	margin-right: 0;
	background-color: #dddddd;
	padding: 25px 16px;
}
.header_inner nav ul li:last-child{
	margin-right: 0;
	padding: 0;
}
.header_inner nav ul li ul.dropdwn_menu{
	display: none;
	padding-top: 26px;
	position: absolute;
	width: 160px;
	height: auto;
	margin: 0 auto;
	top: 52px;
	left: -10px;
	z-index: 100;
}
.header_inner nav ul li ul.dropdwn_menu li{
	width: 170px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background-color: #ffffff;
}
.header_inner nav ul li ul.dropdwn_menu li a{
	text-align: left;
	padding: 16px 10px;
}
.header_inner nav ul li ul.dropdwn_menu li a span{
	margin: 0 0 0 5px;
}
.header_inner nav ul li ul.dropdwn_menu li a:hover{
	padding: 16px 10px 14px;
	border-bottom: 2px solid #000000;
}
/*.header_inner nav ul li.know{
	padding-top: 18px;
	padding-bottom: 14px;
}*/
.header_inner nav ul li a{
	width: auto;
	height: auto;
	line-height: 18px;
	font-weight: 800;
	display: block;
}
.header_inner nav ul li a.tel_img{
	pointer-events: none;
}
.header_inner nav ul li a span{
	font-size: 12px;
	line-height: 16px;
	color: #666666;
}
.header_inner nav li a img.tel{
	width: auto;
	height: 85px;
	margin: 0 auto;
	display: block;
}

/*=================================
コンタクト部分
=================================*/
aside.contact{
	width: 100%;
	height: auto;
	background-image: url(../img/common/bottom_eye.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 50px 0 65px;
}
aside.contact div.inner{
	width: 980px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}
aside.contact div.inner img.contact_title{
	width: auto;
	height: 17px;
	margin: 0 auto;
	display: block;
}
aside.contact div.inner a{
	display: inline-block;
	width: auto;
	height: auto;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 1px;
	color: #fff;
	border: 2px solid #fff;
	padding: 12px 120px;
	margin-top: 30px;
	text-align: center;
}
aside.contact div.inner a.example{
	float: right;
}

/*=================================
フッターここから
=================================*/
footer{
	width: 100%;
	height: auto;
}
footer section.footer_bg{
	width: 100%;
	height: auto;
	background-color: #000;
}

footer section.footer_bg div.footer_top{
	width: 980px;
	height: auto;
	margin: 0 auto;
	padding: 45px 0;
	overflow: hidden;
}
footer section.footer_bg div.footer_top div.logo{
	width: 115px;
	height: auto;
	margin-right: 212px;
	float: left;
}
footer section.footer_bg div.footer_top div.logo a.f_logo{
	width: auto;
	height: auto;
	display: block;
}
footer section.footer_bg div.footer_top div.logo a.f_logo img{
	width: 100%;
	height: auto;
	display: block;
}
footer section.footer_bg div.footer_top div.logo div.sns{
	width: 130px;
	height: auto;
	margin: 30px auto 0;
}
footer section.footer_bg div.footer_top div.logo div.sns a{
	width: auto;
	height: 25px;
	display: block;
	float: left;
}
div.footer_top div.logo div.sns a img{
	width: auto;
	height: 100%;
	margin-right: 20px;
	display: block;
}
div.footer_top div.logo div.sns a img.tw{
	margin-right: 0;
}
div.footer_top ul{
	width: auto;
	height: auto;
	margin-right: 50px;
	float: left;
}
footer section.footer_bg div.footer_top ul.last{
	margin-right: 0;
}
footer section.footer_bg div.footer_top ul li{
	width: 100%;
	height: auto;
	font-size: 13px;
	font-weight: 400;
	line-height: 28px;
}
footer section.footer_bg div.footer_top ul li.down{
	margin-left: 1em;
	line-height: 20px;
}
footer section.footer_bg div.footer_top ul li a{
	color: #fff;
}
footer div.f_bottom{
	width: 100%;
	height: auto;
	text-align: center;
	padding: 43px 0 30px;
	margin: 0 auto;
	background-color: #ffffff;
}
footer div.f_bottom a{
	display: inline-block;
	width: 205px;
	height: auto;
	display: block;
	margin: 0 auto;
	pointer-events: none;
}
footer div.f_bottom a img{
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
}
footer div.f_bottom p.address{
	font-size: 15px;
	font-weight: 400;
	margin-top: 30px;
	font-weight: bold;
}
footer div.f_bottom p.copy_right{
	font-size: 13px;
	font-weight: 400;
	margin-top: 15px;
	color: #666666;
}

/*=================================
Aサイドここから
=================================*/
main aside{
	float: right;
	width: 205px;
	height: auto;
}

main aside img.aside_title{
	width: 120px;
	height: auto;
	margin-bottom: 15px;
	margin-left: 20px;
}
main aside ul{
	width: 100%;
	height: auto;
	border-top: 2px solid #000;
}
main aside ul li{
	padding: 20px 0;
	border-bottom: 2px dotted #ddd;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 1px;
	padding-left: 20px;
	display: none;
}
main aside ul li:nth-of-type(1) {
	display: block;
}
main aside ul li a{
	width: auto;
	height: auto;
}



















}





























/*=================================
SP用CSS
=================================*/

@media only screen and (max-width: 599px) {
.sp_none{
	display: none!important;
}
html{
	height: 100%;
}
body{
	height: 100%;
	min-width: 100%;
	background-color: #fff;
	margin-top: 70px;
}

/*=================================
ヘッダーここから
=================================*/
header{
	width: 100%;
	height: 70px;
	margin: 0 auto;
	overflow: hidden;
	position: fixed;
	background-color: #f5f5f5;
	z-index: 1000;
	top: 0;
}
header a{
	width: 145px;
	height: auto;
	padding: 18px 0;
	margin-left: 10px;
	float: left;
	display: block;
}
header a img{
	width: 100%;
	height: auto;
}

/*スマホ用ドロップダウンメニュー部分*/
/* =========================================================
btn
========================================================= */
div#btn{
	width: auto;
	height: 71px;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1000;
}
div#btn img{
	width: auto;
	height: 100%;
	display: block;
}
/* =========================================================
sp_menu
========================================================= */
div#sp_menu {
	margin: 0 auto;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	background-color: #fff;
	text-align: left;
	padding-bottom: 40px;
	overflow: scroll;

}
div.sp_scroll{
	clear: both;
	width: 100%;
	height: auto;
	/*height: 85%;*/
	margin: 20px auto 0;
	float: left;
	overflow: auto;
}

/* =========================================================
btn
========================================================= */
#close{
	width: auto;
	height: 70px;
	position: absolute;
	top: 0;
	right: 0;
}
#close img{
	width: auto;
	height: 100%;
	display: block;
}

#logo_in img{
	width: 145px;
	height: auto;
	padding: 18px 0;
	margin-left: 10px;
	float: left;
	display: block;
}
/*装飾*/
div#sp_menu ul#nav_01_sp{
	width: 80%;
	margin: 20px auto 0;
/*	padding: 0 5%;*/
}
div#sp_menu ul#nav_01_sp li{
	width: 70%;
	height: auto;
	margin: 18px 0;
}
div#sp_menu ul#nav_01_sp li a{
	font-size: 22px;
	font-weight: 400;
	line-height: 18px;
	padding: 12px 0;
	text-align: left;
}
div#sp_menu ul#nav_01_sp li a span{
	font-size: 11px;
	line-height: 17px;
}
div#sp_menu div.sp_menu_bottom{
	width: 80%;
	height: auto;
	margin: 30px auto 5px;
	padding-top: 10px;
	border-top: 1px solid #000;
}
div#sp_menu div.sp_menu_bottom ul{
	width: 100%;
	height: auto;
}
div#sp_menu div.sp_menu_bottom ul li{
	width: 100%;
	height: auto;
	margin: 10px 0;
}
div.sp_menu_bottom ul li a{
	font-size: 13px;
	font-weight: 800;
	line-height: 18px;
}
div#sp_menu div.sns{
	width: 40%;
	height: auto;
	float: right;
	margin: 0 0 15px 10%;
	overflow: hidden;
}
div#sp_menu div.sns a{
	width: 20%;
	height: auto;
	margin-left: 5%;
	display: block;
	float: left;
}

div#sp_menu div.sns a img{
	width: 100%;
	height: auto;
	display: block;
}

div#sp_menu div.sp_contact{
	width: 80%;
	height: auto;
	background-color: #000;
	padding: 20px 10%;
	margin-top: 45px;
	overflow: hidden;
}
div#sp_menu div.sp_contact p{
	width: 64%;
	color: #fff;
	font-size: 25px;
	font-weight: 800;
	margin-top: 25px;
	float: left;
}
div#sp_menu div.sp_contact p span{
	font-size: 12px;
	font-weight: 400;
	color: #fff;
}
div#sp_menu div.sp_contact a{
	width: 35%;
	height: auto;
	display: block;
	float: right;
}
div#sp_menu div.sp_contact a img{
	width: 100%;
	height: auto;
}


/*コンタクト部分*/
aside.contact{
	width: 100%;
	height: auto;
	background-image: url(../img/index/contact_bg_sp.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 12% 0;
	margin-top: 50px;
	margin: 50px auto 0;
}
aside.contact div.inner{
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}
aside.contact div.inner img.contact_title{
	width: 40%;
	height: auto;
	margin: 0 auto;
	display: block;
}
aside.contact div.inner a{
	display: block;
	width: 60%;
	height: auto;
	text-align: center;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 1px;
	color: #fff;
	border: 2px solid #fff;
	padding: 5% 5%;
	margin: 15px auto 0;
	display: block;
}
/*aside.contact div.inner a:last-child{
	margin-top: 15px;
}
*/






footer{
	width: 100%;
	height: auto;
}
footer section.footer_bg{
	width: 100%;
	height: auto;
	background-color: #000;
}

footer section.footer_bg div.footer_top{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 8% 0;
	overflow: hidden;
}
footer section.footer_bg div.footer_top div.logo{
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
}
footer section.footer_bg div.footer_top div.logo a.f_logo{
	width: 40%;
	height: auto;
	margin: 0 auto;
	display: block;
}
footer section.footer_bg div.footer_top div.logo a.f_logo img{
	width: 100%;
	height: auto;
	display: block;
}
footer section.footer_bg div.footer_top div.logo div.sns{
	width: 170px;
	height: auto;
	margin: 20px auto 0;
	overflow: hidden;
}
footer section.footer_bg div.footer_top div.logo div.sns a{
	width: auto;
	height: 30px;
	display: inline-block;
}
footer section.footer_bg div.footer_top div.logo div.sns a.fb{
	margin-right: 40px;
	margin-left: 40px
}
footer section.footer_bg div.footer_top div.logo div.sns a img{
	width: auto;
	height: 100%;
	display: block;
}


footer div.f_bottom{
	width: 90%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 30px 5% 10px;
	background-color: #ffffff;
}
footer div.f_bottom .f_btn_area{
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
}
footer div.f_bottom a{
	display: inline-block;
	width: 70%;
	height: auto;
	display: block;
	margin: 0 auto;
}
footer div.f_bottom a img{
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
}

footer div.f_bottom p.address{
	font-size: 15px;
	font-weight: 400;
	line-height:20px;
	margin-top: 20px;
}
footer div.f_bottom p.copy_right{
	font-size: 10px;
	font-weight: 400;
	line-height:18px;
	margin-top: 15px;
	color: #666666;
}

/*=================================
Aサイドここから
=================================*/
main aside{
	width: 90%;
	height: auto;
	margin: 80px auto 0;
}

main aside img.aside_title{
	width: 120px;
	height: auto;
	margin-bottom: 15px;
}
main aside ul{
	width: 100%;
	height: auto;
	border-top: 2px solid #000;
}
main aside ul li{
	padding: 20px 0;
	border-bottom: 2px dotted #ddd;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 1px;
	display: none;
}
main aside ul li:nth-of-type(1) {
	display: block;
}
main aside ul li a{
	width: auto;
	height: auto;
}



}