@charset "euc-jp";

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol, ul{list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}
small {font-size:smaller;}

/* base */
/* common
---------------------------------------------------- */
body {color: #231815;font-size: 13px;font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";line-height:1.6;background: #f7fcfd;}
.en {font-family:'Roboto Condensed', sans-serif;}
.mincho{font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;}
.clear{clear:both;height:0;border:0;font-size:1px;line-height:0;visibility:hidden;}
/* clearfix */
.clearfix:after {content:" ";display:block;clear:both;}
#wrapper,
#footer {min-width:1030px;}
#header {min-width:960px;}
.pcNone{display:none;}

a {color:#000;text-decoration:none;outline-style:none;}
a:hover {color:#a9a651;text-decoration:none;}
a img {transition: opacity .5s ease;}
a:hover img {opacity: .75;}

/* header
---------------------------------------------------- */
#header{padding:20px;text-align: center;/*box-shadow: 0 0 5px rgba(157,177,191,0.75);*/}
#header h1 img {vertical-align: bottom;}
#header .inner{position:relative;max-width:1360px;margin:0 auto;}
#logOutBtn {position:absolute;right:0;top:50%;margin-top:-15px;font-size:14px;line-height:1;}
#logOutBtn a{display:block;width:140px;padding:7px 0;height:14px;color:#245863;border:1px solid #245863;}
#logOutBtn a i{display:inline-block;margin-right:3px;width:0;height:0;border-style:solid;border-width:5px 0 5px 5px;border-color: transparent transparent transparent #245863;}
#logOutBtn a:hover{color:#fff;background:#245863;}
#logOutBtn a:hover i{border-color: transparent transparent transparent #fff;}

/* footer
---------------------------------------------------- */
#footer {padding: 30px 0;background: #fff;}
#pageTopBtn {position: relative;max-width: 1360px;padding: 0 20px;margin: -60px auto 60px;}
#pageTopBtn a {position: absolute;right: 20px;top: 0;display: block;width: 100px;padding: 0 0 0 10px;line-height: 30px;color: #fff;font-size: 11px;text-align: center;background: #a9a651;transition: background .5s ease;box-sizing: border-box;}
#pageTopBtn a:hover {background: #333;}
#pageTopBtn a:before {content: "";display: block;position: absolute;left: 12px;top: 50%;width: 5px;height: 5px;margin-top: -2px;border-left:1px solid #fff;border-top: 1px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#footer .inner {width: 980px;margin: 0 auto;text-align: center;}
#footer .inner p {display: inline-block;vertical-align: middle;}
#footer .inner #footerID {margin-right: 40px;}
#footer .inner #footerMsg {display: block;padding-top: 10px;font-size: 15px;letter-spacing: 0.05em;}

/* mainContents
---------------------------------------------------- */
#mainContents {padding: 10px 0 40px 0;}
#mainContents img {vertical-align: bottom;}
#contents {max-width: 1360px;min-width: 960px;margin: 0 auto;padding: 40px 20px 60px;}

/* for SP
--------------------------------------------------*/
@media only screen and (max-width:749px) { /* smartphone size */
  .pcNone{display:block;}
  .spNone{display:none;}
  body {font-size:13px;line-height:150%;}
  body, html{overflow-x: hidden;}
  img {max-width:100%;height:auto;}
  a {color:#a9a651;outline-style:none;}
  a:hover img {opacity: 1;}
  #wrapper,#header,#contents,#footer{min-width:1px;}
  #header {height:39px;padding:0;border-bottom:1px solid #5195a9;background:#fff;/*box-shadow: 0 0 0 rgba(0,0,0,0);*/}
  #header h1{padding: 8px 5px 0;}
  #header h1 a {display:inline-block;height:24px;}
  #header h1 img {width:auto;height:24px;}
  #header .inner{padding-left:10px;text-align:left;}
  #logOutBtn {margin-top:0;font-size:11px;top:6px;right:8px;}
  #logOutBtn a{padding:7px 0;width:90px;height:11px;color:#fff;background:#245863;text-align:center;}
  #logOutBtn a i{border-width:4px 0 4px 4px;border-color: transparent transparent transparent #fff;}
  #contents{padding: 20px 10px 30px;}
  #footer {padding:10px;}
  #footer img {width:auto;height:20px;}
  #footer #footerID,
  #footer #footerLaurel {padding:0 10px;}
  #footer .inner{width:auto;}
  #footer .inner #footerMsg {padding-top:5px;font-size:11px;line-height:1.4;}
  #pageTopBtn {position: fixed;right: 0;bottom: -40px;margin:0;padding:0;transition: bottom .5s ease;z-index:5000;}
  #pageTopBtn.show {bottom: 0;}
  #pageTopBtn a {position:relative;right:auto;top:auto;text-indent: -999em;width: 40px;height: 40px;padding:0;line-height:normal;background: rgba(173,212,220,0.6);transition:none;}
  #pageTopBtn a:hover {background: rgba(173,212,220,0.6);}
  #pageTopBtn a:before {content: "";display: block;position: absolute;left: 50%;top: 50%;width: 8px;height: 8px;margin: -4px 0 0 -5px;border-left:2px solid #5195a9;border-top: 2px solid #5195a9;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
  #mainContents{padding: 0 0 20px 0;}
}

/* member */
#welcome{position:relative;padding:20px;margin-bottom:60px;min-width:960px;background:#fff;overflow:hidden;}
#welcome:before{content:"";display:block;position:absolute;width:120%;height:100%;left:0;top:0;box-shadow: 0 0 5px rgba(157,177,191,0.75) inset;z-index:1;}
#welcome .inner{position:relative;max-width:1360px;width:100%;display:table;margin:0 auto;z-index:5;}
#welcome h2,
#welcome #area{display:table-cell;vertical-align:middle;}
#welcome h2{font-size:24px;line-height:1.4;font-weight:bold;color:#a9a651;}
#welcome #area{width:160px;text-align:right;}
#welcome #area span{display:inline-block;width:140px;border:1px solid #a9a651;padding:10px 0;font-size:15px;text-align:center;color:#a9a651;line-height:1.2;}

.section{padding-bottom:120px;}
.lineTtl {position:relative;text-align:center;font-size:28px;line-height:1.4;padding-bottom:20px;margin-bottom:40px;}
.lineTtl:before{content: "";display: block;position: absolute;left: 50%;bottom: 0;width: 100px;height: 4px;margin-left: -50px;background: #595757;}
.lineTtl .en {display: inline-block;letter-spacing: 0.1em;}
.lead{padding-bottom:40px;font-size:20px;text-align:center;}

.fourClm{margin-left:-20px;overflow:hidden;}
.fourClm .item{width:25%;float:left;}
.fourClm .item .inner{margin-left:20px;}
.fourClm .item a{display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.fourClm .item .photo{overflow:hidden;transition: background .8s ease;}
.fourClm .item .photo img{width:100%;max-width:100%;height:auto;transition: all .8s ease;}
.fourClm .item a:hover .photo{background:#aaa752;}
.fourClm .item a:hover .photo img{-webkit-transform:scale(1.15);transform:scale(1.1);}

.presentList .states{margin-top:5px;padding:2px 8px;font-size:16px;font-weight:bold;color:#fff;background:#979797;}
.presentList a .states{background:#245863;}
.presentList .text{padding:8px 0 0;font-size:14px;color:#000;}
.presentList .linkBtn{padding-top:10px;text-align:right;font-size:12px;}
.presentList .linkBtn span{display:inline-block;padding:5px 10px;color:#fff;background:#245863;transition:background .5s ease;}
.presentList .linkBtn span:before{content:"";display:inline-block;margin-right:5px;width:4px;height:4px;border-top:1px solid #fff;border-right:1px solid #fff;vertical-align:middle;transform:rotate(45deg);}
.presentList a:hover .linkBtn span{background:#a9a651;}

.serviceList .text{padding:10px 6px 0;color:#000;}
.serviceList h3{font-size:16px;font-weight:bold;}
.serviceList .text p{font-size:14px;}

#quoCardArea{margin-top:50px;padding:9px;border:1px solid #245863;background:#e5f4f8;}
#quoCardArea .message,
#quoCardArea .image,
#quoCardArea .message p,
#quoCardArea .btn{display:inline-block;vertical-align:middle;}
#quoCardArea .image{padding-right:40px;}
#quoCardArea .message{width:79%;text-align:center;}
#quoCardArea .message p{font-size:34px;font-weight:bold;text-align:left;line-height:1.1;}
#quoCardArea .message .sub{display:block;color:#245863;font-size:28px;}
#quoCardArea .message strong{color:#245863;font-size:52px;}
#quoCardArea .btn{font-size:18px;font-weight:bold;}
#quoCardArea .btn a{display:inline-block;padding:14px 35px;color:#fff;background:#245863;transition:background .5s ease;}
#quoCardArea .btn a:before{content:"";display:inline-block;margin-right:5px;width:8px;height:8px;border-top:1px solid #fff;border-right:1px solid #fff;vertical-align:middle;transform:rotate(45deg);}
#quoCardArea .btn a:hover{background:#a9a651;}

.menuList{margin-left:-20px;overflow:hidden;}
.menuList .item{width:25%;float:left;font-size:16px;font-weight:bold;}
.menuList .item a{display:block;margin-left:20px;text-align:center;transition:color .5s ease;}
.menuList .item a span{display:block;}
.menuList .item .icon{background:#245863;transition:background .5s ease;}
.menuList .item .icon img{width:132px;}
.menuList .item .text{padding-top:10px;}
.menuList .item a:hover{color:#333;}
.menuList .item a:hover .icon{background:#333;}
.menuList .item a:hover img{opacity:1;}

#mailmagLead p,
#mailmagLead img{display:inline-block;vertical-align:top;}
#mailmagLead img{margin:-100px -190px 0 40px;}
.mailmagList{margin-left:-30px;overflow:hidden;}
.mailmagList li{width:50%;display:inline-block;vertical-align:top;}
.mailmagList .item{padding:0 0 30px 30px;}
.mailmagList .photo{position:relative;text-align:center;}
.mailmagList .photo img{width:100%;max-width:100%;}
.mailmagList .photo span{position:absolute;width:100%;left:0;top:60%;font-size:50px;line-height:1.2;font-weight:bold;color:#fff;color:rgba(255,255,255,0.9);font-family:'Abel', sans-serif;letter-spacing:0.1em;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-shadow:1px 1px 5px rgba(172,172,172,0.5);}
.mailmagList h3{padding-top:10px;font-size:24px;color:#093a81;line-height:1.4;}
.mailmagList .text{padding-top:5px;font-size:15px;}
.backNumberBtn{padding-top:20px;text-align:center;}
.backNumberBtn a{display:block;padding:15px 0;color:#fff;background:#979797;transition:background .5s ease;}
.backNumberBtn a:hover{background:#787878;}
.backNumberBtn span{display:inline-block;line-height:1.4;vertical-align:middle;}
.backNumberBtn .left{width:45%;font-size:18px;font-weight:bold;}
.backNumberBtn .left:before{content:"";display:inline-block;margin-right:10px;width:6px;height:6px;border-top:1px solid #fff;border-right:1px solid #fff;vertical-align:middle;transform:rotate(45deg);}
.backNumberBtn .right{width:55%;font-size:16px;}
.backNumberBtn .right i{position:relative;display:inline-block;width:16px;height:12px;border:2px solid #fff;vertical-align:middle;margin:5px 10px 0 0;}
.backNumberBtn .right i:before,
.backNumberBtn .right i:after{content:"";position:absolute;display:block;width:16px;height:12px;}
.backNumberBtn .right i:before{left:2px;bottom:2px;z-index:2;border-left:2px solid #979797;border-bottom:2px solid #979797;transition:border .5s ease;}
.backNumberBtn .right i:after{left:3px;top:-7px;z-index:5;border:2px solid #fff;background:#979797;transition:background .5s ease;}
.backNumberBtn a:hover .right i:before{border-color:#787878;}
.backNumberBtn a:hover .right i:after{background:#787878;}

@media only screen and (max-width:1230px) { /* サイズ調整 */
  .wideSizeOnly{display:none;}
  .serviceList .text{padding:10px 0 0;}
  .presentList .text,
  .serviceList .text p{font-size:13px;}
  #quoCardArea .image{padding-right:10px;}
  #quoCardArea .message{width:77%;}
  #quoCardArea .message p{font-size:32px;}
  #quoCardArea .btn a{padding:14px 30px;}
  .mailmagList .photo span{font-size:42px;}
  .backNumberBtn .left{font-size:16px;width:42%;}
  .backNumberBtn .right{font-size:14px;width:58%;}
}

@media only screen and (max-width:749px) { /* smartphone size */
  #welcome{min-width:1px;padding:10px;margin-bottom:30px;}
  #welcome .inner{display:block;}
  #welcome h2,
  #welcome #area{display:block;}
  #welcome h2 .name{padding:0 100px 0 0;font-size:22px;display:block;line-height:30px;}
  #welcome h2 .msg{display:inline-block;padding-top:8px;font-size:14px;}
  #welcome #area{position:absolute;right:0;top:0;width:auto;}
  #welcome #area span{display:inline-block;width:90px;border:1px solid #a9a651;padding:7px 0;font-size:12px;text-align:center;color:#a9a651;line-height:1.2;}
  
  .section{padding-bottom:40px;}
  .lineTtl {font-size:18px;padding-bottom:5px;margin-bottom:20px;}
  .lineTtl:before{left:40%;width:20%;height:2px;margin:0;background: #595757;}
  .lead{padding-bottom:20px;font-size:13px;text-align:left;}

  .fourClm{margin-left:-15px;}
  .fourClm .item{width:50%;}
  .fourClm .item:nth-child(2n+1){clear:both;}
  .fourClm .item .inner{margin-left:15px;margin-bottom:15px;}
  .fourClm .item .photo{transition:none;}
  .fourClm .item .photo img{transition:none;}
  .fourClm .item a:hover .photo{background:none;}
  .fourClm .item a:hover .photo img{-webkit-transform:scale(1);transform:scale(1);}

  .presentList .states{padding:4px 8px;font-size:14px;}
  .presentList a .states{background:#245863;}
  .presentList .text{font-size:13px;}
  .presentList .linkBtn{font-size:11px;}
  .presentList .linkBtn span{transition:none;}
  .presentList a:hover .linkBtn span{background:#245863;}

  .serviceList h3{font-size:14px;}
  .serviceList .text{position:relative;padding:8px 10px;}
  .serviceList a .text{padding-right:30px;background:#e1ebed;}
  .serviceList a .text:after{content:"";display:block;position:absolute;right:15px;top:50%;width:6px;height:6px;margin-top:-4px;border-top:1px solid #245863;border-right:1px solid #245863;vertical-align:middle;transform:rotate(45deg);}
  .serviceList .text p{font-size:13px;}

  #quoCardArea{margin-top:20px;}
  #quoCardArea .message,
  #quoCardArea .btn{display:block;}
  #quoCardArea .image{padding:0;width:20%;}
  #quoCardArea .message{width:auto;text-align:center;}
  #quoCardArea .message p{font-size:18px;}
  #quoCardArea .message .sub{font-size:16px;}
  #quoCardArea .message strong{font-size:32px;}
  #quoCardArea .btn{padding-top:10px;font-size:14px;text-align:center;}
  #quoCardArea .btn a{padding:10px 35px;transition:none;}
  #quoCardArea .btn a:hover{background:#245863;}

  .menuList{margin-left:-15px;}
  .menuList .item{font-size:13px;}
  .menuList .item a{margin-left:15px;color:#000;transition:none;}
  .menuList .item .icon{transition:none;}
  .menuList .item .icon img{width:90px;}
  .menuList .item .text{padding-top:5px;}
  .menuList .item a:hover{color:#000;}
  .menuList .item a:hover .icon{background:#245863;}

  .sectionHeader{position:relative;}
  #mailmagLead img{position:absolute;margin:0;right:0;top:-15px;width:15%;}
  .mailmagList{margin-left:-15px;}
  .mailmagList .item{padding:0 0 20px 15px;}
  .mailmagList .photo span{font-size:24px;}
  .mailmagList h3{padding-top:5px;font-size:16px;}
  .mailmagList .text{font-size:13px;}
  .backNumberBtn{padding-top:10px;}
  .backNumberBtn a{padding:10px;transition:none;}
  .backNumberBtn a:hover{background:#979797;}
  .backNumberBtn span{display:block;}
  .backNumberBtn .left{width:auto;font-size:14px;}
  .backNumberBtn .right{width:auto;padding-top:5px;font-size:13px;}
  .backNumberBtn .right i{width:8px;height:6px;border:1px solid #fff;margin:3px 10px 0 0;}
  .backNumberBtn .right i:before,
  .backNumberBtn .right i:after{display:block;width:8px;height:6px;}
  .backNumberBtn .right i:before{left:1px;bottom:1px;z-index:2;border-left:2px solid #979797;border-bottom:1px solid #979797;transition:none;}
  .backNumberBtn .right i:after{left:2px;top:-4px;z-index:5;border:1px solid #fff;transition:none;}
  .backNumberBtn a:hover .right i:before{border-color:#979797;}
  .backNumberBtn a:hover .right i:after{background:#979797;}
}
@media only screen and (max-width:580px) { /* small size */
  .fourClm{margin-left:0;}
  .fourClm .item{width:auto;float:none;}
  .fourClm .item .inner{margin-left:0;}

  #quoCardArea{margin-top:20px;}
  #quoCardArea .message,
  #quoCardArea .btn{display:block;}
  #quoCardArea .image{display:block;width:30%;padding:0;margin:0 auto 10px;}
  #quoCardArea .message{width:auto;text-align:center;}
  #quoCardArea .message p{display:inline-block;font-size:16px;}
  #quoCardArea .message .sub{font-size:15px;}
  #quoCardArea .message strong{font-size:28px;}
  #quoCardArea .btn{font-size:13px;}
  #quoCardArea .btn a{padding:8px 35px;}

  .menuList{margin-left:0;}
  .menuList .item{position:relative;width:auto;float:none;padding:1px 0;font-size:12px;}
  .menuList .item:after{content:"";position:absolute;display:block;right:10px;top:50%;width:6px;height:6px;margin-top:-4px;border-top:1px solid #245863;border-right:1px solid #245863;vertical-align:middle;transform:rotate(45deg);}
  .menuList .item a span{display:table-cell;vertical-align:middle;}
  .menuList .item a{margin-left:0;display:table;width:100%;table-layout:fixed;background:#e1ebed;}
  .menuList .item .icon{width:40px;}
  .menuList .item .icon img{width:auto;}
  .menuList .item .text{padding:0 15px;text-align:left;}
  
  #mailmagLead{position:relative;padding-right:21%;}
  #mailmagLead img{top:auto;bottom:22px;width:20%;}
  .mailmagList{margin-left:0;}
  .mailmagList li{width:auto;display:block;}
  .mailmagList .item{padding:0 0 15px 0;}
  .mailmagList h3{font-size:14px;}
  .mailmagList .text{padding-top:0;font-size:12px;}
  .backNumberBtn{text-align:left;}
  .backNumberBtn .left:before{display:none;}
}