@charset "utf-8";

/*--
中 font-size:96%;
小 font-size:88%;
--*/
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text');

a {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

body{
color:#000;
font-family:YakuHanJP_Narrow, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic,'Lato','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size:87.5%;
line-height:1.8;
background:#fff;
-webkit-text-size-adjust: 100%;
font-weight:500;
}
.crimson{
font-family: 'Crimson Text',"游明朝 Medium","YuMincho Medium","游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",Meiryo,"Times New Roman",serif;
}
.mincho{
font-family:YakuHanMP, "游明朝 Medium","YuMincho Medium","游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",Meiryo,"Times New Roman",serif;
}
.lato{
font-family:'Lato',"游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic,'Lato','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-weight:400;
}
.pc{
display:block !important;
}
.tab-pc{
display:block !important;
}
.tab{
display: none !important;
}
.sp-tab{
display:none !important;
}
.sp{
display:none !important;
}
@media screen and (max-width:1100px){
.pc{
display:none !important;
}
.tab{
display:block !important;
}
.sp-tab{
display:block !important;
}
}
@media screen and (max-width:767px){
body{
font-size:8pt;
}
.tab-pc{
display: none !important;
}
.tab{
display: none !important;
}
.sp{
display:block !important;
}
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
/*---------------------------------------*/
/* fixHeader */
/*---------------------------------------*/
#fixHeader{
position:fixed;
top:0;
left:0;
width:100%;
background:rgba(255,255,255,0.9);
height:80px;
z-index:2000;
border-bottom:1px solid #333333;
}
@media screen and (max-width:1100px){
#fixHeader{
height:70px;
}
}
@media screen and (max-width:767px){
#fixHeader{
height:55px;
}
#fixHeader .areaInner{
width:100%;
}
}
#fixHeader .logo{
position:absolute;
top:18px;
left:0;
width:200px;
}
@media screen and (max-width:1100px){
#fixHeader .logo{
position:relative;
top:16px;
height:60px;
width: 180px;
}
}
@media screen and (max-width:767px){
#fixHeader .logo{
left:5%;
width:150px;
top:11px;
height:56px;
}
}
#fixHeader .logo img{
width:100%;
height:auto;
}
#fixHeader .logo .none{
display: none;
}
#fixHeader .menuContact{
position:absolute;
top:0;
right:0;
width:114px;
height:80px;
text-align:center;
line-height:1.2;
}
@media screen and (max-width:1100px){
#fixHeader .menuContact{
width:170px;
height:70px;
}
}
@media screen and (max-width:767px){
#fixHeader .menuContact{
width:75px;
height:55px;
}
}
#fixHeader .menuContact a{
display:block;
height:100%;
background:#000;
}
#fixHeader .menuContact a:hover{
background:#efefef;
}
#fixHeader .menuContact a .icon-mail{
font-size:14px;
display:block;
padding-top:15px;
line-height:1;
margin-bottom:8px;
}
@media screen and (max-width:1100px){
#fixHeader .menuContact a .icon-mail{
padding-top:12px;
}
}
@media screen and (max-width:767px){
#fixHeader .menuContact a .icon-mail{
padding-top:13px;
font-size:17px;
margin-bottom: 7px;
}
#fixHeader .menuContact a .iconTxt{
font-size: 7pt;
}
}
#fixHeader .contact{
position:absolute;
top:0;
right:190px;
}
@media screen and (max-width:767px){
#fixHeader .contact{
right:76px;
}
#fixHeader .contact a{
width:75px;
height:55px;
background:#333333;
display:block;
text-align:center;
}
#fixHeader .contact a:hover{
background:#efefef;
}
#fixHeader .contact a .icon-tel{
padding-top:11px;
font-size:20px;
display:block;
margin-bottom: 2px;
}
#fixHeader .contact a .iconTxt{
font-size: 7pt;
}
}
#fixHeader .contact.tab .tel{
font-size:178%;
line-height: 1;
margin: 15px 0 3px;
letter-spacing:0.05em;
font-weight:bold;
}
#fixHeader .contact.tab .icon-tel-2{
font-size:16px;
margin-right:6px;
color:#000;
position: relative;
top: -2px;
}
#fixHeader .contact.tab .info{
font-size:86%;
}
/*---------------------------------------*/
/* layout */
/*---------------------------------------*/
.blockLeft{
float:left;
}
.blockRight{
float:right;
}
.txtRight{
text-align:right;
}
.txtCenter{
text-align:center;
}
/*---------------------------------------*/
/* 共通 */
/*---------------------------------------*/
.areaInner{
width:90%;
max-width:980px;
margin:0 auto;
position:relative;
z-index:10;
}
.areaInner.w1300{
max-width:1300px;
}
.areaBase{
margin:0 auto 90px;
overflow:hidden;
}
/*---------------------------------------*/
/* footer */
/*---------------------------------------*/
#footer{
width:100%;
background:#333333;
padding:50px 0;
color:#fff;
}
@media screen and (max-width:767px){
#footer{
padding:30px 0 20px;
}
}
#footer .fNavi{
text-align:center;
margin-bottom:40px;
}
@media screen and (max-width:767px){
#footer .fNavi{
margin-bottom:20px;
}
}
#footer .fNavi ul li{
display:inline;
padding:0 1.5em;
line-height:1;
border-right:1px solid #fff;
}
#footer .fNavi ul li.block{
display:block;
height:10px;
border:none;
}
#footer .fNavi ul li:first-child,
#footer .fNavi ul li:nth-child(8){
border-left:1px solid #fff;
}
@media screen and (max-width:767px){
#footer .fNavi ul li:nth-child(6),
#footer .fNavi ul li:nth-child(10){
border-left:1px solid #fff;
}
#footer .fNavi ul li:nth-child(8){
border-left:none;
}
}
#footer .officialBtn a{
display:block;
width:90%;
max-width:500px;
height:60px;
border:1px solid #fff;
text-align:center;
margin:0 auto;
}
@media screen and (max-width:767px){
#footer .officialBtn a{
height:50px;
}
}
#footer .officialBtn a:hover{
background:#fff;
color:#333;
}
#footer .officialBtn a .icon-asset-logo{
font-size:36px;
line-height:60px;
display:inline-block;
}
@media screen and (max-width:767px){
#footer .officialBtn a .icon-asset-logo{
line-height:50px;
font-size:30px;
}
}
#footer .company{
width:90%;
margin:20px auto 5px;
text-align:center;
}
@media screen and (max-width:767px){
#footer .company{
font-size:9pt;
text-align:left;
}
}
#footer .address{
width:90%;
margin:0 auto;
text-align:center;
}
@media screen and (max-width:767px){
#footer .address{
font-size:9pt;
text-align:left;
}
}
#footer .tel{
width:90%;
margin:0 auto;
font-size:86%;
text-align:center;
}
@media screen and (max-width:767px){
#footer .tel{
font-size:8pt;
text-align:left;
}
}
#footer .offer{
width:90%;
margin:40px auto 0;
text-align:center;
}
@media screen and (max-width:767px){
#footer .offer{
margin:20px auto 0;
}
}
#footer .offer img{
width:210px;
height:auto;
vertical-align:middle;
margin-left:15px;
}
@media screen and (max-width:767px){
#footer .offer img{
width:180px;
}
}
.copyright{
background:#000;
width:90%;
padding:0 5%;
height:40px;
line-height:40px;
text-align:center;
color:#fff;
font-size:86%;
}
@media screen and (max-width:767px){
.copyright{
font-size:7pt;
}
}