@charset "utf-8";

/* ---------------------------
	BASE
	1. FONT/RESET
	2. Fixed
	3. Header
	4. Footer
--------------------------- */

/*---FONT---------------------------------------------------------------------------------------------------------------------*/
@import url("https://use.typekit.net/nqp4yqj.css");
@font-face {font-family: "NotoSansCJKjp-Jxck";font-style: normal;font-weight: 400;src: local("NotoSansCJKjp-Bold.otf"),local("NotoSansJP-Bold.otf"),url("/font/NotoSansCJKjp-Jxck-Regular.woff") format("woff");}
@font-face {font-family: "NotoSansCJKjp-Jxck";font-style: normal;font-weight: 700;src: local("NotoSansCJKjp-Bold.otf"),local("NotoSansJP-Bold.otf"),url("/font/NotoSansCJKjp-Jxck-Bold.woff") format("woff");}

/*---RESET---------------------------------------------------------------------------------------------------------------------*/
body{margin:0 auto; padding:0; color:#444444; width: 100%; }
html{margin:0 auto; padding:0; font-size:15px; letter-spacing: 1px; line-height:24px; font-family:"Lato", Arial, Helvetica, "Hiragino Kaku Gothic Pro","Noto Sans", "Noto Sans CJK JP", "NotoSansCJKjp-Jxck","游ゴシック","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック"; }
*{margin:0; padding:0; text-align:left;}
img{border:none; vertical-align:top; max-width:100%;}
/*a:hover img{-ms-filter:"alpha(opacity=30)"; filter:alpha(style=0,opacity=30); -moz-opacity:.3; opacity:.3;}*/
a img,a,.ar01,#fixbos li,.navisbox ul li a,.b_more a .ar02,.b_more a .ar03,footer #box01>.wrap>ul>li.first>dl>dd>ol>li,footer #box02>.wrap>dl>dd>ol>li{-moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; transition:all 0.4s ease;}
ol, ul{list-style: none;}
li img {vertical-align:top;}
a:hover img, #fixbos li:hover,.b_more a:hover,footer #box01>.wrap>ul>li.first>dl>dd>ol>li a:hover,footer #box02>.wrap>dl>dd>ol>li a:hover,#pank ul li a:hover,footer #box03>.wrap>ul>li a:hover{opacity: 0.6;filter: alpha(opacity=60);}
table {border-collapse: collapse;border-spacing: 0;}
hr{border-top: 0.5px solid #ededef;}
.clear{zoom:100%;}
.clear:after{content:"."; display:block; visibility:hidden; height:0; font-size:0; line-height:0; clear:both;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
::selection{background:#637c95; color:#fff;}
::-moz-selection{background:#637c95; color:#fff;}
.inner{	opacity: 0; transform: translateY(70px); -moz-transform: translateY(70px);}
.pik a{background: #d99a99 !important;}
#maximage_s{display:none; width: 100% !important;}
.sp_n{display: none;}
.pc_n{display: block;}
.ptb0{padding: 0 !important;}
#wrapper_un{opacity: 0;}
.ct{text-align: center;}
p.comson{text-align: center; margin-bottom: 100px;}
.ico_oth::after{content:" ";display:inline-block;width:17px;height:17px; background: url(../../img/common/icon_other.png) no-repeat; background-size:contain;vertical-align:-3px; margin-left: 10px; }
.mt-10{margin-top: -10px !important;}
.top10{top:10px !important;}

/*---PANKUZU---------------------------------------------------------------------------------------------------------------------*/
#pank{margin: 0 auto 100px;  max-width: 960px;  transform: translateX(-30px); -moz-transform: translateX(-30px); opacity: 0;}
#pank ul{font-size: 12px;}
#pank ul li{font-weight: bold; display: inline;}
#pank ul li a{text-decoration: none; color:#5f565a; float: left; display: inline-block;}
#pank ul li a::after {content: '>'; display:inline-block; font-size: 12px; padding: 0 15px;}

/*---BTN---------------------------------------------------------------------------------------------------------------------*/
.b_more a{display: block; width: 280px; text-align: center; padding: 20px 0; background: #5f565a; text-decoration: none; color: #fff; position: relative;}
.b_more.green_btn a{
  background: #3AE9B5;
  color: #5F565A;
  font-weight: bold;
}
.b_more.green_btn a .ar02{
  margin: 0 0 0 35px;
  content: " ";
  display: inline-block;
  width: 20px;
  height: 8px;
  background: url(../../img/common/arrow04.png) no-repeat;
  background-size: contain;
  vertical-align: 2px;
  position: absolute;
  top: 42%;
  right: 40px;
}
.b_more a .ar02{margin:0 0 0 35px;content:" ";display: inline-block;width:20px;height:8px; background: url(../../img/common/arrow02.png) no-repeat; background-size:contain;vertical-align:2px; position: absolute; top:42%; right: 40px;}
.b_more a:hover .ar02{right:30px;}
.b_more a .ar03{margin:0 0 0 35px;content:" ";display: inline-block;width:20px;height:8px; background: url(../../img/common/arrow04.png) no-repeat; background-size:contain;vertical-align:2px; position: absolute; top:42%; right: 40px;}
.b_more a:hover .ar03{right:30px;}

/*---Fixed---------------------------------------------------------------------------------------------------------------------*/
#fixbos{position: fixed; bottom: 0; right: 0; z-index: 9999; transform: translateX(-30px); -moz-transform: translateX(-30px); opacity: 0;}
#fixbos li{float: left; width: 270px; position: relative;}
#fixbos li a{text-decoration: none; display: block; padding-left: 25px;}
#fixbos li.bos01 a{background:#3AE9B5; color: #444; justify-content: center;
  padding-left: 0;}
#fixbos li.bos02 a{background:#EFEFEF; color: #444444; }
#fixbos li a dl dt{font-size:12px; line-height: 20px; }
#fixbos li a dl dd{font-size:16px; font-weight: 700; }
#fixbos li.bos01 .ar01{width: 15px;height: 15px; border-top: 1px solid #444;border-right: 1px solid #444;transform: rotate(45deg); position: absolute; top:42%; right: 20px;}
#fixbos li.bos02 .ar01{width: 15px;height: 15px; border-top: 1px solid #000;border-right: 1px solid #000;transform: rotate(45deg); position: absolute; top:42%; right: 20px; }
#fixbos li:hover .ar01{right: 15px;}
#fixbos li.bos03{display: none;}

/*---Header---------------------------------------------------------------------------------------------------------------------*/
.navisbox{transform: translateX(-30px); -moz-transform: translateX(-30px); opacity: 0; z-index:2; position: relative;}
.navisbox ul{position: absolute; top: 66px; right: 2.5%;}
.navisbox ul li{font-size:15px; font-weight: 500; float: left; margin-right:30px; display: inline-block; padding-bottom: 2px; position: relative;}
.navisbox ul li.first{display: none;}
.navisbox ul li a{text-decoration: none; display: block; color: #5f565a;}
.navisbox ul li a:hover{color:#949293;}
.navisbox ul li a::after {background: #949293; bottom: 0; content: ''; display: block; height: 1px; left: 0; position: absolute; transition: .5s all; width: 0;}
.navisbox ul li a:hover::after { width: 100%; left: 0;}
.navisbox ul li.navi_l{display: none;}
.navisbox ul li.navi_o{display: none;}

/*---Footer---------------------------------------------------------------------------------------------------------------------*/
footer #box01{background:#d8d8d8; padding: 40px 0 40px; width: 100%; overflow: hidden; }
footer #box01>.wrap{width: 965px; margin: 0 auto;}
footer #box01>.wrap>ul>li.first{width: 300px; float: left;}
footer #box01>.wrap>ul>li.first>dl>dt{font-size:16px; margin-bottom: 15px; }
footer #box01>.wrap>ul>li.first>dl>dd{margin-bottom: 10px;}
footer #box01>.wrap>ul>li.first>dl>dd>p{width: 300px; margin-bottom: 10px;}
footer #box01>.wrap>ul>li.first>dl>dd>ol>li a{border-radius: 20px; background: #fff; float: left; color:#000; text-decoration: none; text-align: center; padding: 2px 15px; font-size:12px; margin-right: 10px;  }
footer #box01>.wrap>ul>li.last{float: right; width: 590px; padding-top: 40px;}
footer #box01>.wrap>ul>li.last>ol>li a{width: 290px; float: left;}
footer #box01>.wrap>ul>li.last>ol>li.fbox a{padding: 30px 0 !important; float: left;}
footer #box01>.wrap>ul>li.last>ol>li.wh a{background: #fff !important; color:#5f565a !important; font-weight: bold; }
footer #box01>.wrap>ul>li.last>ol>li a>.ar02{right:20px; top:45%; }
footer #box01>.wrap>ul>li.last>ol>li a:hover .ar02{right:10px;}
footer #box01>.wrap>ul>li.last>ol>li a>.ar03{right:20px; top:45%; }
footer #box01>.wrap>ul>li.last>ol>li a:hover .ar03{right:10px;}
footer #box02{background:#e9e9eb; padding: 40px 0 20px; width: 100%; overflow: hidden; font-size: 14px; }
footer #box02>.wrap{width: 960px; margin: 0 auto;}
footer #box02>.wrap>dl>dt{border-right:#e0e0e0 solid 1px; width: 300px; padding: 15px 0; float: left; text-align: center;}
footer #box02>.wrap>dl>dt>span{margin-right:10px; display: inline-block; width: 47px;}
footer #box02>.wrap>dl>dt>span:last-of-type{
  margin-right: 0;
}
footer #box02>.wrap>dl>dd{padding: 15px 0 15px;}
footer #box02>.wrap>dl>dd>ol>li a{float: left; margin:0 0 10px 55px; text-decoration: none; color: #5f565a; }
footer #box03{padding:20px 0 80px; width: 100%; overflow: hidden; font-size: 12px; background: #fff;  }
footer #box03>.wrap{width: 960px; margin: 0 auto;}
footer #box03>.wrap>ul{float: left; width: 645px;}
footer #box03>.wrap>ul>li a{float: left; margin-right:20px; text-decoration: none; color:#000;   }
footer #box03>.wrap>address{font-style: normal; float: right;}


/*---inqbox---------------------------------------------------------------------------------------------------------------------*/
#inqbox p.im{top:0; left:0; position: relative; max-height: 730px; min-height: 600px; overflow: hidden;}
#inqbox p.im img{width: 100%;}
#inqbox .wrap{width: 960px; top:13%; left:50%; margin-left:-480px; position: absolute; z-index:1;}
#inqbox .wrap ol li{background:#f6f5f4; overflow: hidden; margin-bottom:5px;}
#inqbox .wrap ol li.first{padding: 50px 0; }
#inqbox .wrap ol li.last{padding: 25px 0; }
#inqbox .wrap ol li h3{text-align: center; font-size: 24px; padding-bottom: 55px; margin-bottom:35px; position: relative; }
#inqbox .wrap ol li h3::after{content:" ";display:block;width:324px;height:12px; background: url(../../img/common/arrow05.png) no-repeat; background-size:contain;vertical-align:middle; position: absolute; bottom: 0; left: 50%; margin-left:-162px; }
#inqbox .wrap ol li dl{overflow: hidden; margin:0 auto 20px; width: 700px;  }
#inqbox .wrap ol li dl dt{float: left; font-size:26px; font-weight: bold; letter-spacing: 2px;}
#inqbox .wrap ol li dl dd{font-size:26px;}
#inqbox .wrap ol li dl dd span{font-size: 14px;}
#inqbox .wrap ol li .b_more a{margin: 0 auto; width: 360px;}
#inqbox .wrap ol li h4{text-align: center; font-size: 18px; margin-bottom:10px; }
#inqbox .wrap ol li p{width: 315px; margin:0 auto;}



/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*---Below1024px×768(ipad)-//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media screen and (min-width: 768px) and (max-width: 1024px) {
body,header,#wrapper,#maximage,div.mc-image{min-width: 1120px;}
#inqbox .wrap{top:4%; }
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*---Below767px-//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media screen and (max-width: 767px){
a:hover img, #fixbos li:hover,.b_more a:hover,footer #box01>.wrap>ul>li.first>dl>dd>ol>li a:hover,footer #box02>.wrap>dl>dd>ol>li a:hover{opacity: 1;filter: alpha(opacity=100);}
.sp_n{display: block;}
.pc_n{display: none;}
p.comson{text-align: center; margin-bottom: 80px; }
p.comson img{width:50%; }
.mt-10{margin-top:0 !important;}

/*---PANKUZU---------------------------------------------------------------------------------------------------------------------*/
#pank{margin: 0 auto 10%;  max-width: 90%; transform: translateX(0); -moz-transform: translateX(0); opacity: 0;}
#pank ul{font-size: 90%;}
#pank ul li{line-height:170%; }
#pank ul li a::after {padding: 0 10px;}

/*---BTN---------------------------------------------------------------------------------------------------------------------*/
.b_more a{ width: 280px; padding: 15px 0; font-size: 110% }
.b_more a .ar02{margin:0 0 0 35px;content:" ";display: inline-block;width:20px;height:8px; background: url(../../img/common/arrow02.png) no-repeat; background-size:contain;vertical-align:2px; position: absolute; top:42%; right: 40px;}
.b_more.green_btn a{
  background: #3AE9B5;
  color: #5F565A;
  font-weight: bold;
}
.b_more.green_btn a .ar02{
  background: url(../../img/common/arrow04.png) no-repeat;
}
.b_more a:hover .ar02{right:30px;}
.b_more a .ar03{margin:0 0 0 35px;content:" ";display: inline-block;width:20px;height:8px; background: url(../../img/common/arrow04.png) no-repeat; background-size:contain;vertical-align:2px; position: absolute; top:42%; right: 40px;}
.b_more a:hover .ar03{right:30px;}

.navisbox ul li a::after{content: none;}

/*---Fixed---------------------------------------------------------------------------------------------------------------------*/
#fixbos{bottom: 0; left: 0; z-index: 9990; background: #EFEFEF; transform: translateX(0); -moz-transform: translateX(0); opacity: 0; width: 100%; display: table;}
#fixbos li{float: none; display: table-cell !important;}
#fixbos li p{text-align: center; font-size: 90%; color: #444;}
#fixbos li p span{text-align: center; font-size: 100%; font-weight: 600;}
#fixbos li.bos01.green_btn a{background: #3AE9B5 !important; border-right:#999496 solid 1px; width: 100%;}
#fixbos li.bos02{width: 50%;}
#fixbos li.bos03{background:#6d6569; text-align: center; width: 16.88888%; border-right: #999496 solid 1px;}
#fixbos li.bos03 a{line-height: 120% !important;}
#fixbos li.bos03 img{width:80%; }
#fixbos li a{padding:5% 0; background:#6d6569 !important; color:#fff !important; font-weight: bold; line-height:140%; text-align: center;
  box-sizing: border-box;
  text-align: center;
  min-height: 63px;
}
#fixbos li.gray_btn a{
  background: #EFEFEF !important; padding: 6% 0; color: #444 !important;
}
#fixbos li a dl dt{font-size:90%; line-height: 140%; text-align: center; }
#fixbos li a dl dd{font-size:90%; text-align: center;}
#fixbos li.bos01 .ar01{width: 10px;height: 10px; position: absolute; top:42%; right: 10px;}
#fixbos li.bos02 .ar01{width: 10px;height: 10px; position: absolute; top:42%; right: 10px;border-top: 1px solid #fff; border-right: 1px solid #fff; }
#fixbos li.bos02.gray_btn .ar01{
  border-top: 1px solid #444; border-right: 1px solid #444;
}
#fixbos li:hover .ar01{right: 10px;}
#fixbos li.bos03{display: block;}

.navisbox ul li.first{display: block;}
.navisbox ul li.multiple9{display: block;}
.navisbox ul li.multiple10{display: block;}


/*---Footer---------------------------------------------------------------------------------------------------------------------*/
footer #box01{padding:10% 0 5%; display: none;}
footer #box01>.wrap{width: 88%; }
footer #box01>.wrap>ul>li.first{width: 100%; float: none;}
footer #box01>.wrap>ul>li.first>dl>dt{font-size:110%; margin-bottom: 5%; text-align:center;}
footer #box01>.wrap>ul>li.first>dl>dd{margin-bottom: 10%;}
footer #box01>.wrap>ul>li.first>dl>dd>p{width: 100%; margin-bottom: 5%;}
footer #box01>.wrap>ul>li.first>dl>dd>ol>li a{border-radius: 30px; float:none; padding: 10px 2%; font-size:80%; margin-right: 0; display: block;}
footer #box01>.wrap>ul>li.first>dl>dd>ol>li.first{float: left !important; width: 48%;}
footer #box01>.wrap>ul>li.first>dl>dd>ol>li.last{float: right !important; width: 48%;}
footer #box01>.wrap>ul>li.last{float: none; width: 100%; padding-top: 0;}
footer #box01>.wrap>ul>li.last>ol>li{margin-bottom: 5%;}
footer #box01>.wrap>ul>li.last>ol>li a{width: 100%; float: none;}
footer #box01>.wrap>ul>li.last>ol>li.fbox a{padding: 20px 0 !important; float: none;}
footer #box01>.wrap>ul>li.last>ol>li a>.ar02{right:10px; top:45%; }
footer #box01>.wrap>ul>li.last>ol>li a>.ar03{right:10px; top:45%; }
footer #box02{ padding:0; width: 100%; font-size: 100%; }
footer #box02>.wrap{width: 90%; margin: 0 auto;}
footer #box02>.wrap>dl>dt{border-right:none; width: 100%; padding:7% 0; float: none; text-align: center;}
footer #box02>.wrap>dl>dt>span{margin-right:10px; width: 55px;}
footer #box02>.wrap>dl>dd{display: none;}
footer #box03{padding:5% 0 20%; width: 100%; font-size: 100%;  }
footer #box03>.wrap{width: 96%; margin: 0 auto;}
footer #box03>.wrap>ul{float:none; display: none;}
footer #box03>.wrap>address{ float:none; text-align: center;}


/*---inqbox---------------------------------------------------------------------------------------------------------------------*/
#inqbox p.im{display: none;}
#inqbox .inner{background:url(../../img/con06_img_s.jpg) no-repeat 0 0; background-size: cover; padding: 10% 0; }
#inqbox .wrap{width: 94%; margin:0 auto; position: static;}
#inqbox .wrap ol li{margin-bottom:5%;}
#inqbox .wrap ol li.first{padding: 10% 5%; }
#inqbox .wrap ol li.last{padding: 5%; }
#inqbox .wrap ol li h3{font-size: 130%; line-height:130%;  padding-bottom: 45px; margin-bottom:10px; }
#inqbox .wrap ol li h3::after{content:" ";display:block;width:324px;height:25px; background: url(../../img/common/arrow03.png) no-repeat; background-size:55%;vertical-align:middle; position: absolute; bottom: 0; left: 50%; margin-left:-95px; }
#inqbox .wrap ol li .spbos{position: relative; left: 20%; margin-left:-65px; }
#inqbox .wrap ol li dl{margin:0 auto 3%; width: 100%; }
#inqbox .wrap ol li dl dt{font-size:170%; }
#inqbox .wrap ol li dl dd{margin-left:10px; font-size:170%;width:80%;}
#inqbox .wrap ol li dl dd span{font-size: 60%;}
#inqbox .wrap ol li .b_more a{width: 100%; font-size: 110%; padding: 5% 0;}
#inqbox .wrap ol li .b_more a .ar02{right: 12px;}
#inqbox .wrap ol li h4{font-size: 18px; margin-bottom:10px;}
#inqbox .wrap ol li p{width: 90%;}

}




/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*---GIMIC-CSS---------------------------------------------------------------------------------------------------------------------*/

#maximage{display:none; width: 100% !important;}

.opgim01 {
	-webkit-animation: gim01 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
	-moz-animation: gim01 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
	animation: gim01 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
@keyframes gim01 {
100% {transform: translateX(0); opacity: 1;}
}
.opgim02 {
	-webkit-animation: gim03 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
	-moz-animation: gim03 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
	animation: gim01 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
@keyframes gim02 {
100% {transform: translateX(0); opacity: 1;}
}
.opgim03 {
	-webkit-animation: gim03 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
	-moz-animation: gim03 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
	animation: gim01 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
@keyframes gim03 {
100% {transform: translateX(0); opacity: 1;}
}
.opgim04 {
	-webkit-animation: gim04 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
	-moz-animation: gim04 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
	animation: gim04 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
@keyframes gim04 {
100% {transform: translateX(0); opacity: 1;}
}
.fadein_bon{animation: fadebon 1.5s ease 0s 1 forwards; -webkit-animation: fadebon 1.5s ease 0s 1 forwards; -ms-animation: fadebon 1.5s ease 0s 1 forwards; }
@keyframes fadebon {
0% {opacity: 0;}
100% {opacity: 1; transform: translate(0,0); -moz-transform: translate(0,0); -webkit-transform: translate(0,0);}
}

.fadein_bon01{animation: fadebon01 1.5s ease 0s 1 forwards; -webkit-animation: fadebon01 1.5s ease 0s 1 forwards; -ms-animation: fadebon01 1.5s ease 0s 1 forwards; }
@keyframes fadebon01 {
0% {opacity: 0; transform: translate(0,0); -moz-transform: translate(0,0); -webkit-transform: translate(0,0);}
100% {opacity: 1; transform: translate(0,0); -moz-transform: translate(0,0); -webkit-transform: translate(0,0);}
}
.fadein_bon02{animation: fadebon02 1.5s ease 0s 1 forwards; -webkit-animation: fadebon02 1.5s ease 0s 1 forwards; -ms-animation: fadebon02 1.5s ease 0s 1 forwards; }
@keyframes fadebon02 {
0% {opacity: 0; transform: translate(0,0); -moz-transform: translate(0,0); -webkit-transform: translate(0,0);}
100% {opacity: 1; transform: translate(0,0); -moz-transform: translate(0,0); -webkit-transform: translate(0,0);}
}
@media screen and (max-width: 768px){
  .fadein_bon,
  .fadein_bon01,
  .fadein_bon02 {
    transform: translate(0, 0) !important;
  }
}

@media screen and (max-width: 320px){
  footer #box02>.wrap>dl>dt>span{
    width: 15%;
  }
}





/*  MODAL
==================================*/
/*.lock {overflow:hidden;}*/
.modal-content {position:relative;display:none; max-height:90%; padding:2% 2% 0 2%; background:#fff;overflow:auto;width: 80%;max-width: 700px;}
.modal-content p {margin:0 auto 15px; padding:0;}
.modal-content p img{width: 100%;}
.modal-content h3{font-size:18px; margin-bottom: 5px; text-align: center; font-family: calder-dark, sans-serif; font-style: normal; font-weight: 500; letter-spacing: 1px; }
.modal-content h4{font-size:16px; margin-bottom: 10px; text-align: center; }
.modal-content dl dt{margin-bottom: 10px; text-align: center;}
.modal-content dl dd{width: 90%; margin: 0 auto 10px; text-align: center; overflow: hidden;}
.modal-content dl dd span{margin-right: 10px; font-size: 14px;}
.modal-content dl dd span img{height:20px; vertical-align: -4px; }
.modal-content .icon{border-radius: 15px; text-align: center; color:#fff; padding: 5px; background: #000; margin: 0 auto 20px; clear: both; display: block; width: 50%;}
.modal-content p{background:#db3f4d;}
.modal-content p a{display: block; color:#fff; padding:15px 0; text-decoration: none; text-align: center;}
.modal-overlay {z-index:9996;display:none;position:fixed;top:0;left:0;width:100%;height:120%;background-color:rgba(0,0,0,0.75);}
.modal-wrap {z-index:9997;display:none; position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;}
.modal-open {color:#00f;text-decoration:underline;}
.modal-open:hover {cursor:pointer;color:#f00;}
.modal-close {color:#00f;text-decoration:underline;}
.modal-close:hover {cursor:pointer; color:#f00;}

@media screen and (min-width: 787px) and (max-width: 1024px) {
.modal-content{top:10% !important;}
}
@media screen and (min-width: 768px) and (max-width: 787px) {
.modal-content{margin: 0 auto;}
}


@media screen and (max-width: 767px){
.modal-content {width: 80%; max-width: 100%;}
}



/*! Version: 2.0.73 (12-Oct-2012) */
.mc-hide-scrolls{overflow:hidden;}
body .mc-cycle {
height:100%;
left:0;
overflow:hidden;
/*position:fixed;*/
position:absolute;
top:0;
width:100%;
z-index:-1;
}
div.mc-image {
/*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
If you are using fading transitions, use 'opacity: */
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;

/*If you are using horizontal slide transitions, use the following CSS:
-webkit-transition: left 1s ease-in-out;
-moz-transition: left 1s ease-in-out;
-o-transition: left 1s ease-in-out;
transition: left 1s ease-in-out;*/

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position:center center;
background-repeat:repeat-y;
height:100%;
overflow:hidden;
width:100%;
}
.mc-old-browser .mc-image {
overflow:hidden;
}

/*  MODAL02
==================================*/

/*#navi{display:none; -moz-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0);}*/

#nav-toggle{display: none;}
#mobile-head > p{
  display: none;
}
@media screen and (max-width: 1120px){
  .navisbox ul{
    top: 56px;
    padding-left: 110px;
  }
}
@media screen and (max-width: 767px){
.ptb0_1{padding:5% 0 !important;}
#nav-toggle{display: block;}
#mobile-head {width: 100%;}
#mobile-head > p{
  position: absolute;
  right: 70px;
  margin: auto;
  top: 15px;
  display: block;
  bottom: 0;
}
#mobile-head > p > a{
  text-decoration: none;
  color: #444;
}
#navi{z-index: 9995; display:block; width: 100%; min-width: 100%; padding: 0; margin: 0 auto !important; position: fixed; top:0; left: 0;}
#navi .navisbox{width: 100%; max-width: 100%; opacity: 1; left: 0; margin-left: 0;}
#navi .navisbox ul{ position: fixed; top: -870px; left: 0; margin-left: 0 ;  width: 100%; height: 100vh; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;transition: .5s ease-in-out; overflow: auto;  overflow-y: scroll; z-index: 9999; padding-top: 50px; background: #7F9C90; padding-left: 0; right: 0;}
#navi .navisbox ul span{background: #6b6366; opacity:0.95; display: block; padding: 20px 0 20px; text-align: center; }
#navi .navisbox ul span:last-of-type{
  margin-right: 0;
}
#navi .navisbox ul li{ margin: 0; padding: 12px 0 12px; font-size:100%; text-align:center; letter-spacing: 1px; display: block; float: none;}
#navi .navisbox ul li a{ text-decoration: none; color: #fff; text-align: center;}
#navi .navisbox ul li.multiple9{
  padding-bottom: 21px;
}
#navi .navisbox .telbox{background: #fff; padding: 3% 5%; }
#navi .navisbox .telbox>li>dl{width: 88%; margin: 0 auto;}
#navi .navisbox .telbox>li>dl>dt{font-size:110%; margin-bottom: 5%; text-align:center;}
#navi .navisbox .telbox>li>dl>dd{margin-bottom: 10%;}
#navi .navisbox .telbox>li>dl>dd>p{width: 100%; margin-bottom: 2%;}
#navi .navisbox .telbox>li a{float:none; padding: 10px 2%; font-size:80%; margin-right: 0; display: block; color: #fff; background: #5f565a;}
#navi .navisbox .telbox>li.first{float: left !important; width: 48%;}
#navi .navisbox .telbox>li.last{float: right !important; width: 48%;}

/*
#navi .navisbox .telbox>li>dl>dd>ol>li.first{float: left !important; width: 48%;}
#navi .navisbox .telbox>li>dl>dd>ol>li.last{float: right !important; width: 48%;}
*/

#navi .navi_l{text-align: center; margin-bottom: 10%; background: #6b6366; opacity:0.95;}
#navi .navi_l span{padding:5px 0 !important; }
#navi .navi_l span a{display:initial; }
#navi .navi_o{overflow: hidden; background: #6b6366; opacity: 0.95; padding-bottom: 10% !important;}
#navi .navi_o div{position: relative; display: flex; justify-content: center; width: 100%;}
#navi .navi_o span{margin-right:10px; width: 60px; float: left;}
#navi .navi_o span a{display:initial; }
}

#nav-toggle {position: absolute;right: 0;top: 0;width: 30px;height: 26px;cursor: pointer;z-index: 101;padding:2% 3%; transform:translateY(0); -webkit-transition: .95s ease-in-out;-moz-transition: .95s ease-in-out;transition: .95s ease-in-out; opacity: 1;}
#nav-toggle div {position: relative;}
#nav-toggle span {display: block;position: absolute;height: 1px;width: 100%;background: #000;left: 0;-webkit-transition: .35s ease-in-out;-moz-transition: .35s ease-in-out;transition: .35s ease-in-out;}
#nav-toggle span:nth-child(1) {top: 12px;}
#nav-toggle span:nth-child(2) {top: 20px;}
#nav-toggle span:nth-child(3) {top: 28px;}
.open #nav-toggle span:nth-child(1) {top: 19px !important;-webkit-transform: rotate(315deg);-moz-transform: rotate(315deg);transform: rotate(315deg); background: #fff;}
.open #nav-toggle span:nth-child(2) {width: 0 !important;left: 50% !important; background: #fff;}
.open #nav-toggle span:nth-child(3) {top: 19px !important;-webkit-transform: rotate(-315deg);-moz-transform: rotate(-315deg);transform: rotate(-315deg); background: #fff;}
.open #navi ul{-moz-transform: translateY(815px);-webkit-transform: translateY(815px);transform: translateY(815px);}
.force{-moz-transform: translateY(-815px) !important;-webkit-transform: translateY(-815px) !important;transform: translateY(-815px) !important;}

/*---jquery-drawer v3.2.2---------------------------------------------------------------------------------------------------------------------*/

.drawer-open{overflow:hidden!important}
.drawer-nav{position:fixed;z-index:2;top:0;overflow:hidden;width:16.25rem;height:100%;color:#222;background-color:#fff}
.drawer-brand{font-size:1.5rem;font-weight:700;line-height:3.75rem;display:block;padding-right:.75rem;padding-left:.75rem;text-decoration:none;color:#222}
.drawer-menu{margin:0;padding:0;list-style:none}
.drawer-menu-item{font-size:1rem;display:block;padding:.75rem;text-decoration:none;color:#222}
.drawer-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}
.drawer-overlay{position:fixed;z-index:1;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.2)}
.drawer-open .drawer-overlay{display:block}
.drawer--top .drawer-nav{top:-100%;left:0;width:100%;height:auto;max-height:100%;-webkit-transition:top .6s cubic-bezier(.19,1,.22,1);transition:top .6s cubic-bezier(.19,1,.22,1)}
.drawer--top.drawer-open .drawer-nav{top:0}
.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger{right:0}
.drawer--left .drawer-nav{left:-16.25rem;-webkit-transition:left .6s cubic-bezier(.19,1,.22,1);transition:left .6s cubic-bezier(.19,1,.22,1)}
.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-nav,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger{left:0}
.drawer--left.drawer-open .drawer-hamburger{left:16.25rem}
.drawer--right .drawer-nav{right:-16.25rem;-webkit-transition:right .6s cubic-bezier(.19,1,.22,1);transition:right .6s cubic-bezier(.19,1,.22,1)}
.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-nav,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger{right:0}
.drawer--right.drawer-open .drawer-hamburger{right:16.25rem}
.drawer-hamburger{position:fixed;z-index:4;top:0;display:block;box-sizing:content-box;width:2rem;padding:0;padding:18px .75rem 30px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);-webkit-transform:translateZ(0);transform:translateZ(0);border:0;outline:0;background-color:transparent}
.drawer-hamburger:hover{cursor:pointer;background-color:transparent}
.drawer-hamburger-icon{position:relative;display:block;margin-top:10px}
.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{width:100%;height:2px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);background-color:#222}
.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{position:absolute;top:-10px;left:0;content:" "}
.drawer-hamburger-icon:after{top:10px}
.drawer-open .drawer-hamburger-icon{background-color:transparent}
.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{top:0}
.drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0}
.sr-only-focusable:active,.sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;margin:0}
.drawer--sidebar,.drawer--sidebar .drawer-contents{background-color:#fff}
@media (min-width:64em){.drawer--sidebar .drawer-hamburger{display:none;visibility:hidden}
.drawer--sidebar .drawer-nav{display:block;-webkit-transform:none;transform:none;position:fixed;width:12.5rem;height:100%}
.drawer--sidebar.drawer--left .drawer-nav{left:0;border-right:1px solid #ddd}
.drawer--sidebar.drawer--left .drawer-contents{margin-left:12.5rem}
.drawer--sidebar.drawer--right .drawer-nav{right:0;border-left:1px solid #ddd}
.drawer--sidebar.drawer--right .drawer-contents{margin-right:12.5rem}
.drawer--sidebar .drawer-container{max-width:48rem}
}
@media (min-width:75em){
.drawer--sidebar .drawer-nav{width:16.25rem}
.drawer--sidebar.drawer--left .drawer-contents{margin-left:16.25rem}
.drawer--sidebar.drawer--right .drawer-contents{margin-right:16.25rem}
.drawer--sidebar .drawer-container{max-width:60rem}
}
.drawer--navbarTopGutter{padding-top:3.75rem}
.drawer-navbar .drawer-navbar-header{border-bottom:1px solid #ddd;background-color:#fff}
.drawer-navbar{z-index:3;top:0;width:100%}
.drawer-navbar--fixed{position:fixed}
.drawer-navbar-header{position:relative;z-index:3;box-sizing:border-box;width:100%;height:3.75rem;padding:0 .75rem;text-align:center}
.drawer-navbar .drawer-brand{line-height:3.75rem;display:inline-block;padding-top:0;padding-bottom:0;text-decoration:none}
.drawer-navbar .drawer-brand:hover{background-color:transparent}
.drawer-navbar .drawer-nav{padding-top:3.75rem}
.drawer-navbar .drawer-menu{padding-bottom:7.5rem}
@media (min-width:64em){
.drawer-navbar{height:3.75rem;border-bottom:1px solid #ddd;background-color:#fff}
.drawer-navbar .drawer-navbar-header{position:relative;display:block;float:left;width:auto;padding:0;border:0}
.drawer-navbar .drawer-menu--right{float:right}
.drawer-navbar .drawer-menu li{float:left}
.drawer-navbar .drawer-menu-item{line-height:3.75rem;padding-top:0;padding-bottom:0}
.drawer-navbar .drawer-hamburger{display:none}
.drawer-navbar .drawer-nav{position:relative;left:0;overflow:visible;width:auto;height:3.75rem;padding-top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}
.drawer-navbar .drawer-menu{padding:0}
.drawer-navbar .drawer-dropdown-menu{position:absolute;width:16.25rem;border:1px solid #ddd}
.drawer-navbar .drawer-dropdown-menu-item{padding-left:.75rem}
}
.drawer-dropdown-menu{display:none;box-sizing:border-box;width:100%;margin:0;padding:0;background-color:#fff}
.drawer-dropdown-menu>li{width:100%;list-style:none}
.drawer-dropdown-menu-item{line-height:3.75rem;display:block;padding:0;padding-right:.75rem;padding-left:1.5rem;text-decoration:none;color:#222}
.drawer-dropdown-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}
.drawer-dropdown.open>.drawer-dropdown-menu{display:block}
.drawer-dropdown .drawer-caret{display:inline-block;width:0;height:0;margin-left:4px;-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg);vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}
.drawer-dropdown.open .drawer-caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.drawer-container{margin-right:auto;margin-left:auto}
@media (min-width:64em){
.drawer-container{max-width:60rem}
}
@media (min-width:75em){
.drawer-container{max-width:70rem}
}

.recaptcha_policy {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 11px !important;
  color: #444 !important;
}
.recaptcha_policy a {
  font-size: 11px !important;
  color: #111 !important;
}
.grecaptcha-badge { visibility: hidden; }


.naviSub {display: none;}
@media screen and (max-width: 320px){
  #navi .navi_o span{
    width: 50px;
  }
}
@media (min-width:768px){

  .naviSub{
    display: block;
    position: absolute;
    right: 6.2%;
    top:25px;
    z-index: 2;
  }
  .naviSub li{
    display: inline-block;
  }
  .naviSub li:first-child:after{
    content: "｜";
  }
  .naviSub li a{
    font-size: 14px;
    text-decoration: none;
    color: #5f565a;
    padding: 0 4px 0 2px;
  }

  #fixbos li{
    padding-top:3px;
  }
  #fixbos li a{
    height: 66px;
  }
  #fixbos li.first{
    width: 320px;
  }
  #fixbos li a{
    display: flex;
  /*  justify-content: center;*/
    align-items: center;
  }
  #fixbos li.first p{
    font-size: 16px;
    font-weight: 700;
  }
}

/*---- Bottom banner ----*/
.bnr_line {width:92%; margin: 0 auto 10%;}

@media (min-width:768px){
  .bnr_line {max-width:960px; margin: 0 auto 40px;}
}

/*---- fixbox微調整 ----*/

  #fixbos li.bos02.pc_display{
    display: table-cell !important;
  }
  #fixbos li.bos02.sp_display{
    display: none !important;
  }
@media screen and (max-width: 767px){
  #fixbos li.bos02.pc_display{
    display: none !important;
  }
  #fixbos li.bos02.sp_display{
    display: table-cell !important;
  }
  #fixbos li.bos02.sp_displaya dl dt{
    text-align: center;
    font-size: 90%;
  }
}
header .opgim01{
  display: none;
}
.headerNav{
  background: #fff;
  display: block;
  position: fixed;
  width: 100%;
  height: 120px;
  z-index: 10;
}
.headerNav .opgim01{
  max-width: 70px;
  width: 10%;
  position: absolute;
  top: 23px;
  left: 6.1%;
  margin: 0;
}
.opgim01 {
  -webkit-animation: gim01 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
  -moz-animation: gim01 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
  animation: gim01 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
#wrapper .btn_area{
  text-align: right;
}
#wrapper .btn_area .text_btn{
  margin-right: 0;
  margin-left: auto;
  display: inline-block;
}
#wrapper .btn_area .text_btn a{
  position: relative;
  color: #444;
  font-size: 15px;
  font-weight: 500;
  border-bottom: 1px solid #444;
  text-decoration: none;
  display: block;
  /* -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease; */
}
/* .btn_area .text_btn a:hover{
  opacity: 0.6;
} */
#wrapper .btn_area .text_btn p{
  position: relative;
  padding: 0 40px 14px 15px;
  margin-bottom: 0;
}
#wrapper .btn_area .text_btn p:after{
	content: '';
	position: absolute;
	right: 16px;
  top: 6px;
	margin: auto;
  width: 20px;
  height: 8px;
	background-image: url(/wp-content/themes/pilates/img/common/arrow04.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	-moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#wrapper .btn_area .text_btn a:hover p:after{
    right: 10px;
}
.mover{
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.mover:hover{
  opacity: 0.6;
}
.mover:hover img{
  opacity: 1;
}
@media screen and (max-width: 1120px){
  .headerNav .opgim01{
    left: 2.1%;
  }
}
@media screen and (max-width: 767px){
  .headerNav{
    height: 60px;
  }
  .headerNav .opgim01{
    width: 24%;
    top: 20px;
    left: 5%;
  }
}
