@charset "utf-8";

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

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

body{
color:#333333;
font-family:"游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "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;
}
@media all and (-ms-high-contrast:none) {
body {
font-family:'メイリオ',Meiryo,"游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic,'Lato','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
}
.robot{
font-family: 'Roboto', "游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic,'Lato','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-weight:500;
}
.robot.bold{
font-weight:700;
}
.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;
}

.robot-con{
font-family: 'Roboto Condensed', "游ゴシック 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:980px){
.pc{
display:none !important;
}
.tab{
display:block !important;
}
.sp-tab{
display:block !important;
}
}
@media screen and (max-width:767px){
body{
	font-size:9pt;
}
.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;
}
/*---------------------------------------*/
/* header */
/*---------------------------------------*/
header{
position:fixed;
top:0;
left:0;
width:100%;
height:85px;
z-index:9999;
background:#fff;
}
@media screen and (max-width:767px){
header{
height:70px;
border-bottom:1px solid #dbdbea;
}
}
header .areaInner{
max-width:980px;
}
@media screen and (max-width:767px){
header .areaInner{
width:96%;
}
}

header .logo{
position:absolute;
top:22px;
left:0;
width: 280px;
}
@media screen and (max-width:767px){
header .logo{
top:22px;
width: 180px;
}
}
header .logo img{
width: 100%;
height: auto;
}
header .telArea{
position:absolute;
top:11px;
right:238px;
}
@media screen and (max-width:1100px){
header .telArea{
right:205px;
}
}
header .telArea .note{
	font-size:114%;
}
@media screen and (max-width:1100px){
header .telArea .note{
letter-spacing:0;
}
}
header .telArea .tel .icon-freedial{
font-size:24px;
color:#0085d3;
margin-right:5px;
}
header .telArea .tel .robot{
font-size:221%;
color:#0085d3;
font-weight:700;
line-height:1;
}
header .mailArea .btn a{
position:absolute;
top:16px;
right:0;
width:175px;
height:52px;
line-height:52px;
text-align:center;
background:#0085d3;
font-size:128.5%;
}
header .mailArea .btn a:hover{
background:#00005a;
}
header .mailArea .btn a .icon-mail{
	margin-right:5px;
}
header .spNavi{
position:absolute;
top:23px;
right:0;
}
@media screen and (max-width:767px){
header .spNavi{
top:12px;
}
}
header .spNavi li{
float:left;
width:82px;
text-align:center;
}
@media screen and (max-width:767px){
header .spNavi li{
width:60px;
}
}
header .spNavi li a{
display:block;
border-left:1px solid #dbdbea;
}
header .spNavi li:last-child a{
border-right:1px solid #dbdbea;
}
header .spNavi li .note{
font-size:78.5%;
font-weight:bold;
}
@media screen and (max-width:767px){
header .spNavi li .note{
font-size:7pt;
}
}
header .spNavi li .icon{
font-size:20px;
}
@media screen and (max-width:767px){
header .spNavi li .icon{
font-size:16px;
}
}
/*---------------------------------------*/
/* keyVisual */
/*---------------------------------------*/
#keyVisual{
position:relative;
margin-top:85px;
width:100%;
height:540px;
}
@media screen and (max-width:767px){
#keyVisual{
margin-top:70px;
height:300px;
}
}
#keyVisual .bg{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(../images/common/keyvisual.jpg) center no-repeat;
background-size:cover;
}
#keyVisual .txt{
position:absolute;
top:165px;
left:0;
width:100%;
}
@media screen and (max-width:980px){
#keyVisual .txt{
top:170px;
}
}
@media screen and (max-width:767px){
#keyVisual .txt{
top:78px;
}
}
#keyVisual .txt .ttl{
width:624px;
margin:0 auto;
position:relative;
}
@media screen and (max-width:980px){
#keyVisual .txt .ttl{
width:268px;
}
}
@media screen and (max-width:767px){
#keyVisual .txt .ttl{
width:260px;
}
}
#keyVisual .txt .ttl img{
width:100%;
height:auto;
display:block;
}
#keyVisual .txt .ttl:after{
content:"";
width:170px;
height:170px;
background:url(../images/common/key-icon.png) center no-repeat;
background-size:cover;
display:inline-block;
position:absolute;
top:-83px;
right:-170px;
}
@media screen and (max-width:980px){
#keyVisual .txt .ttl:after{
width:127px;
height:127px;
right:-127px;
}
}
@media screen and (max-width:767px){
#keyVisual .txt .ttl:after{
width:75px;
height:75px;
right:-52px;
top:-66px;
}
}
@media screen and (max-width:374px){
#keyVisual .txt .ttl:after{
right:-30px;
top:-70px;
}
}
#keyVisual .txt .mainttl img{
width:902px;
height:auto;
display:block;
margin:-25px auto 0;
}
@media screen and (max-width:980px){
#keyVisual .txt .mainttl img{
width:676px;
margin:0 auto;
}
}
@media screen and (max-width:767px){
#keyVisual .txt .mainttl img{
width:97%;
}
}
#keyVisual .txt .note img{
width:478px;
height:auto;
display:block;
margin:0 auto;
}
@media screen and (max-width:980px){
#keyVisual .txt .note img{
width:385px;
}
}
@media screen and (max-width:767px){
#keyVisual .txt .note img{
width:340px;
}
}
@media screen and (max-width:374px){
#keyVisual .txt .note img{
width:300px;
}
}

footer .copy{
	font-size:86%;
	text-align:center;
	color:#00aeed;
	margin-bottom:10px;
}

/*---------------------------------------*/
/* fix */
/*---------------------------------------*/
.fix{
position:fixed;
top:50%;
right:0;
margin-top:-113px;
width:92px;
z-index:999;
}
@media screen and (max-width:767px){
.fix{
margin-top:-52px;
width:46px;
}
}
.fix img{
width:100%;
height:auto;
}
/*---------------------------------------*/
/* layout */
/*---------------------------------------*/
.blockLeft{
	float:left;
}

.blockRight{
	float:right;
}

.txtRight{
	text-align:right;
}

.txtCenter{
	text-align:center;
}