@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
/*font-family: 'Noto Sans JP', sans-serif;
*/

/* フォントの指定 */
body,input,select,textarea {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000; font-size:14px; line-height:1.8; letter-spacing:0.05em;}

body {background:#fff; min-width:1200px; overflow: hidden;}

a {color:#000; outline:none; text-decoration:none;}
p {text-align:justify; text-justify:inter-ideograph;}
.black{ color:#2e2624;}
.orange{ color:#e45c0b;}
.green{ color:#3eab90;}



/* --------------------------------------------


						共通フォント指定


---------------------------------------------- */ 
.guide div ul li a,
.info .feel_free,
.info .tel>span,
.info .web span ,
.info .web a 
{ font-family: 'Noto Sans JP', sans-serif; font-weight:500;}

.info .tel b
{font-family: 'Cambo', serif;}



/* --------------------------------------------


						header


---------------------------------------------- */ 
header .logo{ position:relative; float:left; width:26%; max-width:420px; height:156px; padding-right:0; margin:1.5em 0 0 2%; }
header .logo * { height:156px; display:block; position: absolute; top:0; left:0;}
header .logo a ,
header .logo span { display:block; width:100%; }
header .logo a { font-size:10px; text-indent:-9999px;}
header .logo span { background:url(../img/share/logo.png) no-repeat; background-size: contain;}

.wrap{ margin-bottom:12px; overflow:hidden;}
 .wrap .guide { float:left; width:100%; margin:0 -422px 0 0;}
	.guide div{ margin:0 420px 0 0; padding:45px 0 0 36px;}
	.guide div p{ margin-bottom:11px; padding-left:20px; font-size:15px; white-space:nowrap; letter-spacing:0.02em; color:#808081;}
	.guide div ul{ width:190px; margin:0 10px 0 auto;}
	.guide div ul li{ float:left; width:87px; padding-left:3px;}
	.guide div ul li a{ display:block; width:87px; text-align:center; font-size:13px; background:url(../img/share/list_back.png) center no-repeat;}
	
	.wrap .info{ float:right; width:359px; height:192px; padding:32px 0 0 63px; color:#fff; background:url(../img/share/info_back.png) no-repeat;}
	.info .feel_free{ width:296px; margin:0 auto 8px; padding-left:12px; }
	.info .tel{ width:310px; margin:0 auto 10px;}
	.info .tel>span{ display:inline-block; width:72px; height:16px; margin-left:10px; font-size:12px; font-weight:600; line-height:16px; text-align:center; color:#3eab90; border-radius:8px; background:#fff;}
	.info .tel small{ display:inline-block; margin-left:12px; font-size:12px;}
	.info .tel b{ font-size:32px; line-height:40px; font-weight:400;}
	.info .tel b span{ font-size:40px;}
	.info .web{ width:330px; margin:0 auto;}
	.info .web span{ display:block; width:65px; height:16px; margin:-2px 0 10px 10px; font-size:12px; font-weight:600; line-height:16px; text-align:center; color:#3eab90; border-radius:8px; background:#fff;}
	.info .web a{ display:block; width:186px; height:30px; padding-left:53px; font-size:16px; color:#fff; line-height:29px; border:1px solid #fff; border-radius:14px; background:url(../img/share/web_icon.png) 16px 6px no-repeat;}

@media (max-width: 1919px){
.guide div p{ min-width:288px; white-space:normal;}
}

@media (max-width: 1680px){
 .wrap .guide { margin:0 -630px 0 0;}
	.guide div{ margin:0 630px 0 0; padding:45px 0 0 36px;}
	.guide div p{ font-size:13px;}
	.guide div ul{ margin:0;}
	.wrap .info{ width:577px; height:120px; padding:32px 0 0 46px;}
	.info .feel_free{ margin:0 0 8px; padding-left:40px;}
	.info .tel{ float:left; width:310px; margin:0; padding-left:12px;}
	.info .web{ float:left; width:38%; margin:0; padding:6px 0 0 8px;}
}
@media (max-width: 1440px){
.guide div{ padding:32px 0 0;}
}



/* --------------------------------------------


						nav


---------------------------------------------- */ 
nav{ width:100%;}
nav ul{ width:52%; height:auto; margin:-110px auto 0; background:url(../img/share/nav_border.png) center right no-repeat;}
nav ul li{ float:left; padding-left:30px; background:url(../img/share/nav_border.png) center left no-repeat;}
nav ul li a{ display:block; padding:23px 0 13px; letter-spacing:0.03em; text-align:center; font-family: 'Noto Sans JP', sans-serif; font-weight:500; font-size:17px;}
nav ul li a:hover{ opacity:0.5;}
nav ul li span{ display:block; font-size:14px; font-family: 'Cantarell', sans-serif; font-weight:700; color:#e45c0b;}

nav ul .n01 a{ width:170px;}
nav ul .n02 a{ width:160px;}
nav ul .n03 a{ width:198px;}
nav ul .n04 a{ width:120px;}
nav ul .n05 a{ width:106px;}


@media (max-width: 1919px){
nav{}
nav ul{ width:940px; margin:0 auto 20px;}
}



/* --------------------------------------------


						footer


---------------------------------------------- */ 
footer{ padding-top:62px;}
footer .f_logo{ width:150px; margin:0 auto 56px; padding-bottom:20px; text-align:center; color:#808081; border-bottom:4px solid #828282;}
footer .f_logo img{ width:100%; }
footer .f_logo span{ display:block; margin:0 auto 29px;}
footer .copy{ text-align:center; font-size:12px; color:#231815;}