/*Theme Name: aurea*/

/*************************************************************************************************************************
* reset
*************************************************************************************************************************/
html{ height:100%; overflow-y:scroll; }
body{ height:100%; margin:0; padding:0; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; word-break:break-all; -webkit-text-size-adjust:100%; }
img{ width:100%; max-width:100%; height:auto; border:0; font-size:0; line-height:0; vertical-align:bottom; }
form{ margin:0; padding:0; }
p{ margin:0; padding:0; }
a, a:hover{ text-decoration:none; outline:none; }
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font-size:0; line-height:0; }
ul, dl, dt, dd{ margin:0; padding:0; }
li, ol{ margin:0; padding:0; list-style:none; }
table{ border:0; border-collapse:collapse; border-spacing:0; }
caption, th{ text-align:left; }
.clear{ clear:both; margin:0; padding:0; font-size:0; line-height:0; }
sup{ font-size:60%; }
header, nav, article, aside, section, footer{ display:block; }
*{ box-sizing:border-box; }

html{ font-size: 14px; color: #2e1f06; line-height: 1.8; letter-spacing: 1px;}
body{ background: url(http://08au.jp/wp/common/img/bg.png); padding: 64px 0 0; }
br.tbpc{ display: none;}
input{ outline: none;}

/*************************************************************************************************************************
* デフォルト：640px以下用の記述
*************************************************************************************************************************/
header{ background: url(http://08au.jp/wp/common/img/bg.png); width: 100%; position: fixed; top: 0; left: 0; border-top: #fcada3 4px solid; border-bottom: #ffeee2 1px solid; z-index: 1000;}
header div{ overflow: hidden; }
header div h1{ width: 120px; float: left; margin: 6px 0 0 10px; }
header div h1 a{ display: block;}
header div h1 > span{ display: block; margin: 2px 0 0; padding: 0 4px; position: relative; text-align: center;}
header div h1 > span:before{ content: ""; display: block; background: #a15f25; width: 100%; height: 1px; position: absolute; top: 5px; left: 0;}
header div h1 span > span{ display: inline-block; background: #fff8f4; padding: 0 4px; position: relative; font-size: 8px; color: #a15f25; line-height: 1;}
header div ul{ overflow: hidden; float: right;}
header div ul li{ width: 54px; height: 60px; float: left;}
header div ul .tel{ background: #fb5252;}
header div ul .contact a{ background: #ff852c;}
header div ul .menuBtn{ background: #fc7070; font-size: 12px; text-align: center;}

header div ul li a{ display: block; height: 100%; position: relative;}
header div ul .tel a,
header div ul .contact a{ text-indent: 100%; white-space: nowrap; overflow: hidden; }
header div ul .menuBtn a{ padding: 34px 0 0; color: #fff;}

header div ul li a:before{ content: ""; display: block; position: absolute; top: 50%; left: 50%; }
header div ul .tel a:before,
header div ul .contact a:before{ -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
header div ul .tel a:before{ background: url(http://08au.jp/wp/common/img/hd_tel02.png); background-size: cover;  width: 38px; height: 38px;}
header div ul .contact a:before{ background: url(http://08au.jp/wp/common/img/hd_contact.png); background-size: cover; width: 26px; height: 20px; }
header div ul .menuBtn a:before{ background: url(http://08au.jp/wp/common/img/hd_menuBtn.png); background-size: cover;  width: 25px; height: 17px; top: 15px; -webkit-transform: translate(-50%,0); transform: translate(-50%,0);}

header nav{ display: none; background: rgba(252,112,112,0.8); width: 100%; height: 100vh; position: fixed; top: 0; left: 0; text-align: center; }
header nav .closeBtn{ position: absolute; top: 8px; right: 12px; font-size: 40px; color: #fff; line-height: 1; }
header nav > ul{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
header nav > ul > li{ margin: 18px 0 0; }
header nav > ul > li:first-child{ margin: 0;}
header nav > ul > li > a{ font-size: 15px; color: #fff;}
header nav .innerMenu{ display: none; margin: 6px 0 0;}
header nav .innerMenu li a{ font-size: 13px; color: #fff;}

.taiken{ display: block; width: 100px; position: fixed; right: 10px; bottom: 20px; z-index: 100;}

main{ display: block; position: relative; z-index: 10;}
main ul{ overflow: hidden;}
main ul li{ background: url(http://08au.jp/wp/img/main_border.png);  padding: 6px 0; outline: none;}
.slick-slider{ width: 100%; overflow: hidden;}
.slick-dots{ bottom: 10px!important;}
.slick-dots li{ background: #fc7070; width: 8px!important; height: 8px!important; border-radius: 4px!important;}
.slick-dots .slick-active{ background: #fb5252;}
.slick-dotted.slick-slider{ margin-bottom:0!important;}
.slick-dots li button{ display:none!important;}

.about{ position: relative; padding: 129px 0 50px; margin: -61px 0 0;}
.about:before,
.about:after{ content: ""; display: block; width: 99px; height: 68px; position: absolute; top: 61px;}
.about:before{ background: url(http://08au.jp/wp/img/about_part03.png)no-repeat center -10px; background-size: contain; left: 0;}
.about:after{ background: url(http://08au.jp/wp/img/about_part02.png)no-repeat center -10px; background-size: contain; right: 0;}
.about > p{ font-weight: bold; text-align: center; letter-spacing: 2px;}
.about h2{ padding: 0 10px; margin: 14px 0 0; text-align: center;}
.about h2 img{ max-width: 468px;}
.about h2 span{ display: table; margin: 18px auto 0; padding: 0 20px; position: relative; font-size: 13px; color: #fd0706; line-height: 1; letter-spacing: 5px;}
.about h2 span:before,
.about h2 span:after{ content: ""; display: block; width: 12px; height: 11px; position: absolute; top: 0;}
.about h2 span:before{ background: url(http://08au.jp/wp/img/about_border01.png)no-repeat; background-size: contain; right: 0;}
.about h2 span:after{ background: url(http://08au.jp/wp/img/about_border02.png)no-repeat; background-size: contain; left: 0;}
.about ul{ margin: 26px 0 0;}
.about ul li .txt{ padding: 30px 10px 0;}
.about ul li .txt p span{ display: block; margin: 20px 0 0;}
.about ul .graf{ margin: 32px 0 0;}
.about ul .graf .img{ max-width: 458px; margin: 0 auto; padding: 0 10px; border-radius: 6px; overflow: hidden; }

.about02{ background: url(http://08au.jp/wp/img/about02_bg.png); padding: 60px 0 40px; overflow: hidden; position: relative; z-index: 10;}
.conTit{ background: url(http://08au.jp/wp/common/img/h2_arrow.png)no-repeat center bottom; background-size: 230px auto; padding: 0 0 24px; font-size: 18px; line-height: 1; letter-spacing: 4px; text-align: center;}
.about02 .mainTxt{ margin: 36px 0 0;}
.about02 .mainTxt .txt{ padding: 30px 10px 0;}
.about02 .mainTxt .txt .arrow,
.about02 .mainTxt .txt .dot{ margin: 20px 0 0; font-size: 13px;}
.about02 .mainTxt .txt .arrow li,
.about02 .mainTxt .txt .dot li{ padding: 0 0 0 1.2rem; position: relative;}
.about02 .mainTxt .txt .arrow li:before,
.about02 .mainTxt .txt .dot li:before{ display: block; position: absolute; top: 0; left: 0;}
.about02 .mainTxt .txt .arrow li:before{ content: "▼"; color: #fbc449;}
.about02 .mainTxt .txt .dot li:before{ content: "・"; color: #fc7070; font-weight: bold;}
.about02 .mainTxt .txt p:nth-of-type(2){ margin: 30px 0 0;}
.print{ background: url(http://08au.jp/wp/img/print_bg.png); background-size: cover; padding: 40px 0 0; margin: 46px 0 0;}
.print h4{ font-size: 17px; color: #442e0a; line-height: 1.5; text-align: center;}
.print h4 span{ display: block; width: 120px; height: 22px; margin: 8px auto 0; font-size: 11px; line-height: 22px; text-align: center; border: #2e1f06 1px solid;}
.print .printBox{ margin: 28px 10px 0;}
.print .printBox > li{ margin: 20px 0 0;}
.print .printBox .step{ margin: 0;}
.print .printBox li h5{ height: 34px; font-size: 14px; font-weight: normal; color: #fff; line-height: 34px; text-align: center;}
.print .printBox .step h5{ background: #ff644f;}
.print .printBox .season h5{ background: #fea768;}

.print .printBox li > div{ background: rgba(255,255,255,0.8); padding: 10px 10px 16px; border-radius:0 0 8px 8px;}
.print .printBox li div .img{ width: 214px; margin: 0 auto; overflow: hidden; border-radius: 6px; }
.print .printBox li div .txt{ margin: 14px 0 0; font-size: 13px;}
.print .printBox .step div .txt .dot{ display: none;}
.print .printBox .step div .txt br{ display: none;}
.print .printBox .season div ul li:before{ content: "・";}
.print .printBox .season div ul li span{ font-size: 11px;}
.print .menu{ max-width: 500px; margin: 0 auto; text-align: center;}
.print .menu ul{ margin: 20px 0 0 -22px; overflow: hidden;}
.print .menu li{ display: inline-block; margin: 12px 0 0 22px;}
.print .menu li a{ display: inline-block; width: 128px; height: 128px; padding: 84px 0 0; position: relative; font-size: 12px; color: #442e0a; text-align: center; border-radius: 64px;}
.print .menu li:nth-child(1) a{ background: #fedfa6; border: #ff9a00 2px dotted;}
.print .menu li:nth-child(2) a{ background: #fec8a6; border:#ff5500 2px dotted;}
.print .menu li:nth-child(3) a{ background: #d7e996; border:#85a529 2px dotted;}
.print .menu li:nth-child(4) a{ background: #d8e8d2; border:#18bc9b 2px dotted;}
.print .menu li:nth-child(5) a{ background: #f9d0ca; border:#fc7376 2px dotted;}

.print .menu{ display: none;}
.print .menu li a:before{ content: ""; display: block; width: 52px; height: 52px; position: absolute; top: 24px; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0);}
.print .menu li:nth-child(1) a:before{ background: url(http://08au.jp/wp/img/submenu_icon01.png)no-repeat center; background-size: contain;}
.print .menu li:nth-child(2) a:before{ background: url(http://08au.jp/wp/img/submenu_icon02.png)no-repeat center; background-size: contain;}
.print .menu li:nth-child(3) a:before{ background: url(http://08au.jp/wp/img/submenu_icon03.png)no-repeat center; background-size: contain;}
.print .menu li:nth-child(4) a:before{ background: url(http://08au.jp/wp/img/submenu_icon04.png)no-repeat center; background-size: contain;}
.print .menu li:nth-child(5) a:before{ background: url(http://08au.jp/wp/img/submenu_icon05.png)no-repeat center; background-size: contain;}

.print .detail{ background: rgba(254,154,130,0.3); padding: 20px 10px 20px; margin: 40px 0 0; }
.print .detail p:nth-of-type(1){ width: 254px; margin: 0 auto;}
.print .detail p:nth-of-type(2){ width: 202px; margin: 10px auto 0;}
.print .detail ul{ display: table; margin: 0 auto; overflow: hidden;}
.print .detail ul li{ width: 49%; margin: 10px 0 0; overflow: hidden; float: left; border-radius: 6px;}
.print .detail ul li:nth-child(even){ float: right;}
.about02 .btnArrow{ display: block; width: 180px; margin: 30px auto 26px; }
.about02 .btn01{ margin: 0 10px;}

.btn01{ display: block; background: #fc7070; max-width: 380px; height: 36px; font-size: 14px; color: #fff; text-align: center; line-height: 36px; border-radius: 4px; letter-spacing: 2px;}
.btn01 span{ background: url(http://08au.jp/wp/common/img/btn_arrow.png)no-repeat left center; padding: 0 0 0 16px;}
input[type="submit"]{ width: 100%; position: relative; border: none; -webkit-appearance:none; appearance:none;}

#mail{ background: url(http://08au.jp/wp/img/mail_bg.jpg) center top; background-size: cover; padding: 125px 10px 60px; margin: -65px 0 0; position: relative;}
#mail:before{ content: ""; display: block; background: url(http://08au.jp/wp/img/mail_bg_part.png); background-size: cover;width: 100%; height: 17px; position: absolute; top: 65px;left: 0; }
#mail > p{ margin: 30px 0 0;}
#mail > p span{ display: block; margin: 10px 0 0;}
#mail dl{ max-width: 500px; margin: 40px auto 0;}
#mail dl dt{ margin: 22px 0 0; padding: 0 0 0 10px; font-size: 13px; font-weight: bold; line-height: 1; border-left: #fc7070 2px solid;}
#mail dl dd{ margin: 12px 0 0;}
#mail dl dd input{ width: 100%; height: 32px; padding: 0 10px; font-size: 13px; border: none; -webkit-appearance:none; appearance:none;}
#mail .btn01{ height:38px; background: url(http://08au.jp/wp/common/img/btn_arrow.png)no-repeat 18% center,#ec672c; margin: 36px auto 0; cursor:pointer;}

footer .ftTop{ padding: 12px 0;}
footer .ftTop > div{ display: none;}
footer .ftTop > a{ display: table; margin: 0 auto; overflow: hidden;}
footer .ftTop > a img{ width: 129px; float: left;}
footer .ftTop > a > span{ display: block; padding: 0 6px; margin: 8px 0 0 10px; position: relative; float: left; text-align: center; }
footer .ftTop > a > span:before{ content: ""; display: block; background: #a15f25; width: 100%; height: 1px; position: absolute; top: 12px; left: 0;}
footer .ftTop > a > span > span{ display: inline-block;  padding: 0 4px; background: #fff8f4; position: relative; font-size: 11px; font-weight: bold; color: #a15f25; }
footer  > p{ background: #fe7361; height: 56px; font-size: 9px; color: #fff; line-height: 56px; text-align: center;}

@media print, screen and (min-width:380px){
  .about02 .btn01{ margin: 0 auto;}
  #mail .btn01{ background: url(http://08au.jp/wp/common/img/btn_arrow.png)no-repeat 80px center,#ec672c; }
}

@media print, screen and (min-width:560px){
  .print .printBox { overflow: hidden;}
  .print .printBox > li{ width: 49%; margin: 0; float: left;}
  .print .printBox > li:nth-child(2){ float: right;}
  .print .printBox .step div .txt { padding: 0 10px; overflow: hidden;}
  .print .printBox .step div .txt > span{ display:block; float: left; }
  .print .printBox .step div .txt > span:nth-of-type(2){ margin: 0 0 0 10px;}
  .print .printBox .step div .txt .part{ display: none;}
  .print .printBox .step div .txt .dot{ display: inline-block;}
  .print .printBox .step div .txt br{ display: block;}
}


/*************************************************************************************************************************
* 641px以上用の記述
*************************************************************************************************************************/
@media print, screen and (min-width:641px){
  br.tbpc{ display: block;}
  br.sp{ display: none;}

  main ul li{ padding: 6px; margin: 0 2px; overflow: hidden; border-radius: 20px; }
  main ul li span{ display: block; overflow: hidden; border-radius: 10px; }
  .slick-dots{ display: none!important;}

  .about ul .graf{ margin: 36px 0 0; overflow: hidden;}
  .about ul .graf .img{ width: 46.74%; padding: 0; float: right; }
  .about ul .graf .txt{ width: 52%; padding: 0 0 0 10px; float: left;}

  .print .detail p:nth-of-type(1){ margin: 0;}
  .print .detail p:nth-of-type(2){ width: 202px; margin: 10px auto 0;}
  .print .detail ul{ margin: 0 0 0 -2%;}
  .print .detail ul li{ width: 31.2%; margin: 10px 0 0 2%; }
  .print .detail ul li:nth-child(even){ float: left;}
  .about02 .btnArrow{ display: block; width: 180px; margin: 30px auto 26px; }
  .about02 .btn01{ margin: 0 auto;}

  #mail > p{ text-align: center; }

}

@media print, screen and (min-width:860px){
  .print .printBox{ max-width: 970px; margin: 33px auto 0;}
  .print .printBox > li{ max-width: 475px;}
  .print .printBox > li > div{ padding: 15px 12px 20px; overflow: hidden;}
  .print .printBox li div .img{ width: 40%; float: left;}
  .print .printBox li div .txt{ padding: 0; margin: 0 0 0 14px; float: left;}
}
@media print, screen and (min-width:890px){
  .print .menu{ max-width: 870px; }
  .print .menu ul{ margin: 20px 0 0 -22px; overflow: hidden;}
  .print .menu li{ display: inline-block; margin: 12px 0 0 22px;}
  .print .menu li a{ display: inline-block; width: 146px; height: 146px; padding: 94px 0 0;      font-size: 14px; font-weight: bold; border-radius: 73px;}
  .print .menu li a:before{ width: 60px; height: 60px; top: 24px; }
}

/*************************************************************************************************************************
* 1024px以上用の記述
*************************************************************************************************************************/
@media print, screen and (min-width:1024px){
  body{ padding: 141px 0 0;}

  header div{ display: table; width: 970px; margin: 0 auto; padding: 14px 192px 0 0; overflow: inherit; position: relative; }
  header div h1{ width: auto; margin: 0; overflow: hidden; }
  header div h1 a{  width: 160px;float: left; }
  header div h1 > span{ margin: 22px 0 0 10px; padding: 0 10px; float: left;}
  header div h1 > span:before{ height: 2px; top: 6px;}
  header div h1 span > span{ font-size: 15px;}
  header div ul li{ width: auto; height: auto; }
  header div ul .tel{ background: none; width: 190px; height: 40px; margin: 5px 0 0 0; line-height: 40px;}
  header div ul .tel span{ padding: 0 0 0 46px;}
  header div ul .contact{ width: 176px; height: 64px; position: absolute; top: -4px; right: 0; line-height: 64px;}
  header div ul .contact span{ padding: 0 0 0 58px;}
  header div ul .menuBtn{ display: none;}

  header div ul .tel a,
  header div ul .contact a{ text-indent: 0; white-space: none; overflow: inherit;}
  header div ul .menuBtn a{ color: #fff;}
  header div ul .tel a{  font-family: 'arial';font-size: 18px; font-weight: bold; color: #2e1f06; border: #fb5252 1px solid; border-radius: 10px; transition: color 0.3s ease-in-out 0s,background 0.3s ease-in-out 0s;}
  header div ul .tel a:hover{ background: #fb5252; color: #fff;}
  header div ul .contact a{ font-size: 15px; color: #fff;  border-radius: 0 0 10px 10px; transition: background 0.3s ease-in-out 0s;}
  header div ul .contact a:hover{ background: #feaa51; }

  header div ul li a:before{ content: ""; display: block; position: absolute; top: 50%; left: 50%; }
  header div ul .tel a:before,
  header div ul .contact a:before{  -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}
  header div ul .tel a:before{ width: 24px; height: 24px; left: 14px; }
  header div ul .contact a:before{ left: 24px;}

  header nav{ opacity:1!important; display: block!important; background: none; width: 970px; height: auto; margin: 12px auto 0; clear: both; position: static; }
  header nav .closeBtn{ display: none; }
  header nav > ul{ display: table; background: url(http://08au.jp/wp/common/img/hd_border01.png)no-repeat right top; width:100%; position: static; transform: none;}
  header nav > ul > li{ float: left; margin:0; position: relative; }
  header nav > ul > li:first-child{ margin: 0;}
  header nav > ul > li > a{ display: block; background: url(http://08au.jp/wp/common/img/hd_border01.png)no-repeat left top; padding: 12px 22px 22px 22px; font-size: 13px; color: #2e1f06; letter-spacing: 2px; transition: color 0.3s ease-in-out 0s;}
  header nav > ul > li > a:hover{ color: #fd4040;}
  header nav > ul > li:last-child > a{ padding: 12px 28px 22px 28px;}
  header nav .innerMenu{ display: none; background: rgba(252,112,112,0.9); width: 100%; padding: 10px 16px; position: absolute; left: 0; top: 56px; margin: 0; text-align: left; border-radius: 6px;}
  header nav .innerMenu:before{ content: ""; display: block; background: url(http://08au.jp/wp/common/img/hd_innerMenu.png)no-repeat; width: 22px; height: 12px; margin: 0 0 0 -11px; position: absolute; top: -12px; left: 50%; }
  header nav .innerMenu li a{ display: block; background: url(http://08au.jp/wp/common/img/hd_border02.png)no-repeat right top; padding: 8px 0 6px; font-size: 14px; }
  header nav .innerMenu li:first-child a{ background: none;}

  .taiken{ width: 126px; transition: opacity 0.3s ease-in-out 0s;}
  .taiken:hover{ opacity: 0.8;}

  .about{ position: relative; padding: 201px 0 80px; margin: -140px 0 0;}
  .about:before,
  .about:after{ width: 210px; height: 68px; position: absolute; top: 132px;}
  .about:before,
  .about:after{ background: url(http://08au.jp/wp/img/about_part.png)no-repeat center top; background-size: contain;}
  .about:before{ left: 50%; margin: 0 0 0 360px;}
  .about:after{ right: 50%; margin: 0 360px 0 0;}

  .about > p{ font-size: 18px;}
  .about h2{ padding: 0; margin: 36px 0 0; }
  .about h2 span{ margin: 26px auto 0; padding: 0 40px; font-size: 16px; }
  .about h2 span:before,
  .about h2 span:after{ width: 22px; height: 21px; top: -3px; }
  .about ul{ margin: 60px 0 0;}
  .about ul li{ overflow: hidden;}
  .about ul li .img{ width: 47.88%; float: left; overflow: hidden; border-radius: 0 10px 10px 0;}
  .about ul li .txt{ width: 512px!important; padding: 30px 0 0 40px; float: left;}
  .about ul li .txt p span{ margin: 22px 0 0;}
  .about ul .graf{ width: 970px; margin: 56px auto 0;}
  .about ul .graf .img{ padding: 0; border-radius: 10px;}
  .about ul .graf .txt{ padding: 30px 40px 0 0;}

  .about02{ padding: 90px 0 60px; }
  .conTit{ background-size: 298px auto; padding: 0 0 36px; font-size: 23px; }
  .about02 .mainTxt{ margin: 54px 0 0; overflow: hidden;}
  .about02 .mainTxt .img{ width: 47.88%; float: left; overflow: hidden; border-radius: 0 10px 10px 0;}
  .about02 .mainTxt .txt{ width: 512px; padding: 0 0 0 40px; float: left;}
  .about02 .mainTxt .txt p:nth-of-type(2){ margin: 20px 0 0;}
  .print{ padding: 50px 0 0; margin: 64px 0 0;}
  .print h4{ font-size: 22px; }
  .print h4 span{ width: 152px; height: 26px; margin: 10px auto 0; font-size: 14px; line-height: 26px; }
  .print .printBox{ width: 970px; margin: 33px auto 0;}
  .print .printBox > li{ margin:0;}
  .print .printBox li div .img{ width: 214px;}
  .print .menu{ position: relative; margin: 76px auto 0;}
  .print .menu:before{ content: ""; display: block; background: url(http://08au.jp/wp/img/submenu_tit.png)no-repeat; background-size: cover; width: 119px; height: 80px; position: absolute; top: -30px; left:-30px; }
  .print .menu ul li a{transition: background 0.3s ease-in-out 0s;}
  .print .menu ul li:nth-child(1) a:hover{ background: #fed78c;}
  .print .menu ul li:nth-child(2) a:hover{ background: #feb28c;}
  .print .menu ul li:nth-child(3) a:hover{ background: #bde871;}
  .print .menu ul li:nth-child(4) a:hover{ background: #bee6d6;}
  .print .menu ul li:nth-child(5) a:hover{ background: #f5bfc8;}

  .print .detail{ padding: 54px 0; margin: 56px 0 0; position: relative; }
  .print .detail p{ position: absolute;}
  .print .detail p:nth-of-type(1){ top: -12px; right: 50%; margin: 0 260px 0 0; }
  .print .detail p:nth-of-type(2){ bottom: 20px; left: 50%; margin: 0 0 0 120px;}
  .print .detail ul{ display: block; max-width: 1140px; margin: 0 auto; overflow: hidden;}
  .print .detail ul li{ width: 19%; margin:46px 5px 0; }
  .print .detail ul li:nth-child(even){ float: left; margin: 0 5px;}
  .about02 .btnArrow{ margin: 38px auto 36px; }
  .about02 .btn01{ transition: background 0.3s ease-in-out 0s;}
  .about02 .btn01:hover{ background: #f88686;}

  #mail{ padding: 237px 0 100px; margin: -141px 0 0;}
  #mail:before{ top: 141px;}
  #mail > p{ margin: 46px 0 0; text-align: center;}
  #mail > p span{ margin: 20px 0 0;}
  #mail dl{ width: 684px; max-width:none; margin: 54px auto 0; overflow: hidden;}
  #mail dl dt{ width: 254px; margin: 16px 0 0; padding: 8px 0 0 0; float: left; font-size: 14px; border-left: none;}
  #mail dl dt span{ padding: 0 0 0 14px; border-left: #fc7070 2px solid;}
  #mail dl dd{ width: 430px; margin: 16px 0 0; float: left;}
  #mail .btn01{ transition: background 0.3s ease-in-out 0s;}
  #mail .btn01:hover{ background: url(http://08au.jp/wp/common/img/btn_arrow.png)no-repeat 80px center,#feaa51;}

  footer .ftTop{ width: 970px; margin: 0 auto; padding: 20px 0 60px; overflow: hidden;}
  footer .ftTop > a{ display: block; float: left;}
  footer .ftTop > a img{ float: none;}
  footer .ftTop > a > span{ float: none; margin: 2px 0 0;}
  footer .ftTop > a > span > span{ font-size: 12px; }
  footer .ftTop > div{ display: block; padding: 0 0 0 70px; float: left;}
  footer .ftTop  a{ transition: color 0.3s ease-in-out 0s;}
  footer .ftTop  a:hover{ color: #fd4040!important;}
  footer .ftTop > div .ftMenu01{ overflow: hidden;}
  footer .ftTop > div .ftMenu01 ul{ padding: 6px 0 0; overflow: hidden; float: left;}
  footer .ftTop > div .ftMenu01 ul li{ padding: 0 0 0 20px; float: left;}
  footer .ftTop > div .ftMenu01 ul li a{ color: #2e1f06;}
  footer .ftTop > div .ftMenu01 .tel{ margin: 0 0 0 26px; float: left;}
  footer .ftTop > div .ftMenu01 .tel a{ display: block; width: 163px; height: 34px; padding: 0 0 0 36px; position: relative; font-family: 'arial'; font-size: 16px; font-weight: bold; color: #2e1f06; line-height: 34px; border: #fb5252 1px solid; border-radius: 5px; transition: color 0.3s ease-in-out 0s,background 0.3s ease-in-out 0s; }
  footer .ftTop > div .ftMenu01 .tel a:before{ content: ""; display: block; background: url(http://08au.jp/wp/common/img/hd_tel02.png); background-size: cover;  width: 20px; height: 20px; position: absolute; top: 50%; left: 12px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}
  footer .ftTop > div .ftMenu01 .tel a:hover{ background: #fb5252; color: #fff!important;}
  footer .ftTop > div > ul{ margin: 18px 0 0 5px; overflow: hidden;}
  footer .ftTop > div > ul > li{ float: left;}
  footer .ftTop > div > ul > li > a{ display: block; padding: 0 15px; font-size: 13px; color: #2e1f06; border-left: #2e1f06 1px solid;}
  footer .ftTop > div > ul > li:first-child > a{ border-left: none;}
  footer .ftTop > div > ul > li:nth-child(n+2) > a{ display: none;}
}

@media print, screen and (min-width:1200px){
  .print .detail p:nth-of-type(1){ top: 14px; margin: 0 350px 0 0; }
}