@charset "UTF-8";
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a,a:focus,a:hover{color:#333;text-decoration:none}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}img{vertical-align:middle}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media(min-width:768px){.container{width:100%;max-width:50pc}}@media(min-width:992px){.container{max-width:50pc}}@media(min-width:1200px){.container{max-width:50pc}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{position:relative;min-height:1px;padding-right:10px;padding-left:10px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media(min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}fieldset{min-width:0;margin:0}fieldset,legend{padding:0;border:0}legend{display:block;width:100%;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type="checkbox"]:focus,input[type="file"]:focus,input[type="radio"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{display:table;content:" "}.clearfix:after,.container-fluid:after,.container:after,.row:after{clear:both}html{color:#613826}blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}body,html{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Noto Sans Japanese,ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,Arial,Meiryo,sans-serif;-webkit-text-size-adjust:100%;letter-spacing:.04em;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:14px;line-height:1.4;background:#fdfcf8;overflow-x:hidden}a,body,html{color:#613826}a{transition:opacity .3s;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-o-transition:opacity .3s;-ms-transition:opacity .3s;-webkit-tap-highlight-color:rgba(0,0,0,0.3);opacity:1}a,a:hover{cursor:pointer;outline:0;border:0}a:hover{opacity:.75;text-decoration:none}a:active,a:focus{opacity:1;outline:0;color:#613826}img{touch-callout:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-touch-callout:none;-moz-user-select:none;position:relative}::selection{background:#bfede9;color:#fff}::-moz-selection{background:#bfede9;color:#fff}#body_outer{width:100%;max-width:5in;margin:0 auto;box-shadow:0 0 1pc rgba(0,0,0,.1);overflow:hidden}@media screen and (max-width:480px){#body_outer{width:100%;max-width:5in;margin:0 auto;box-shadow:none;overflow:hidden}}#header{background:#fdfcf8;width:100%;padding:8px 5px;position:relative}.header_logo{width:52.5%;float:left;text-align:center}.logo,.logo img{display:block}.logo img{width:100%;max-width:110px;margin:0 auto}.logo h1{font-family:ヒラギノ明朝 ProN W3,Hiragino Mincho ProN,HG明朝E,ＭＳ\ Ｐ明朝,ＭＳ\ 明朝,serif;font-size:9px;letter-spacing:-.04em;padding:4px 0 0;color:#613826}.header_inquiry{width:35%;float:left}.header_inquiry,.header_line{text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0.3)}.header_line{padding:9px 0;width:100%;background:#57cd00;border-radius:60px}.header_line img{display:block;width:100%;max-width:81px;margin:0 auto}.header_line,.header_navi{display:block;box-shadow:0 1px 8px rgba(0,0,0,.2)}.header_navi{position:absolute;top:9px;right:7px;width:38px;height:38px;border-radius:50%;text-align:center;background:#84d8d0}.dl-menuwrapper{width:100%;max-width:300px;float:left;position:relative;-webkit-perspective:750pt;perspective:750pt;-webkit-perspective-origin:50% 200%;perspective-origin:50% 200%;z-index:10}.dl-menuwrapper:first-child{margin-right:75pt}.dl-menuwrapper ul{padding:5px 0;list-style:none;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;background:#84d8d0}.dl-menuwrapper li{position:relative;text-align:left}.dl-menuwrapper li a{display:block;position:relative;padding:5px 20px 5px 10px;font-size:13px;letter-spacing:0;font-weight:300;color:#fff;font-weight:700;outline:0}.no-touch .dl-menuwrapper li a:hover{background:rgba(255,248,213,.1)}.dl-menuwrapper li.dl-back>a{padding-left:30px;background:rgba(0,0,0,.1)}.dl-menuwrapper li a:after{position:absolute;top:50%;right:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";background-image:url(../img/common/sidenavi_arrow.png);background-repeat:no-repeat;width:6px;height:10px;background-size:contain}.dl-menuwrapper li.dl-back:after{left:10px;color:hsla(26,14%,80%,.3);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dl-menuwrapper li>a:after{right:10px;color:rgba(0,0,0,.15)}.dl-menuwrapper .dl-menu{margin:20px 0 0;position:absolute;left:-225px;width:260px;border-top-left-radius:1pc;border-top-right-radius:0;border-bottom-left-radius:1pc;border-bottom-right-radius:1pc;box-shadow:0 4px 18px rgba(0,0,0,.25);opacity:0;pointer-events:none;-webkit-transform:translateX(10px);transform:translateX(10px);-webkit-backface-visibility:hidden;backface-visibility:hidden}.dl-menuwrapper .dl-menu.dl-menu-toggle{transition:all .3s ease}.dl-menuwrapper .dl-menu.dl-menuopen{opacity:1;pointer-events:auto;-webkit-transform:translateX(0);transform:translateX(0)}.dl-menu.dl-animate-out-1{-webkit-animation:a .4s;animation:a .4s}@-webkit-keyframes a{50%{-webkit-transform:translateZ(-250px) rotateY(30deg)}75%{-webkit-transform:translateZ(-372.5px) rotateY(15deg);opacity:.5}to{-webkit-transform:translateZ(-500px) rotateY(0);opacity:0}}@keyframes a{50%{-webkit-transform:translateZ(-250px) rotateY(30deg);transform:translateZ(-250px) rotateY(30deg)}75%{-webkit-transform:translateZ(-372.5px) rotateY(15deg);transform:translateZ(-372.5px) rotateY(15deg);opacity:.5}to{-webkit-transform:translateZ(-500px) rotateY(0);transform:translateZ(-500px) rotateY(0);opacity:0}}.dl-menu.dl-animate-in-1{-webkit-animation:b .3s;animation:b .3s}@-webkit-keyframes b{0{-webkit-transform:translateZ(-500px) rotateY(0);opacity:0}20%{-webkit-transform:translateZ(-250px) rotateY(30deg);opacity:.5}to{-webkit-transform:translateZ(0) rotateY(0);opacity:1}}@keyframes b{0{-webkit-transform:translateZ(-500px) rotateY(0);transform:translateZ(-500px) rotateY(0);opacity:0}20%{-webkit-transform:translateZ(-250px) rotateY(30deg);transform:translateZ(-250px) rotateY(30deg);opacity:.5}to{-webkit-transform:translateZ(0) rotateY(0);transform:translateZ(0) rotateY(0);opacity:1}}.dl-menuwrapper>.dl-submenu.dl-animate-in-1{-webkit-animation:c .4s ease;animation:c .4s ease}@-webkit-keyframes c{0{-webkit-transform:translateX(50%);opacity:0}to{-webkit-transform:translateX(0);opacity:1}}@keyframes c{0{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.dl-menuwrapper>.dl-submenu.dl-animate-out-1{-webkit-animation:d .4s ease;animation:d .4s ease}@-webkit-keyframes d{0{-webkit-transform:translateX(0);opacity:1}to{-webkit-transform:translateX(50%);opacity:0}}@keyframes d{0{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}}.no-js .dl-menuwrapper .dl-menu{position:relative;opacity:1;-webkit-transform:none;transform:none}.no-js .dl-menuwrapper li .dl-submenu{display:block}.no-js .dl-menuwrapper li.dl-back{display:none}.no-js .dl-menuwrapper li>a:not(:only-child){background:rgba(0,0,0,.1)}.no-js .dl-menuwrapper li>a:not(:only-child):after{content:''}.menu-trigger,.menu-trigger span{display:inline-block;transition:all .4s;box-sizing:border-box;opacity:1}.menu-trigger{position:relative;width:22px;height:17px;top:10px;right:0}.menu-trigger span{position:absolute;left:0;width:100%;height:3px;background:#fff;border-radius:4px;opacity:1}.menu-trigger span:nth-of-type(1){top:0}.menu-trigger span:nth-of-type(2){top:7px}.menu-trigger span:nth-of-type(3){bottom:0}.menu-trigger.active span:nth-of-type(1){-webkit-transform:translateY(7px) rotate(-315deg);transform:translateY(7px) rotate(-315deg)}.menu-trigger.active span:nth-of-type(2){opacity:0}.menu-trigger.active span:nth-of-type(3){-webkit-transform:translateY(-7px) rotate(315deg);transform:translateY(-7px) rotate(315deg)}.inquiry{width:100%;margin:0 auto;background:#fdfcf8;position:relative}.inquiry_separate_top{position:absolute;top:-26px;left:0;background:url(../img/top/section_separate02.png)repeat-x;background-size:contain;width:100%;height:26px;z-index:2}.inquiry_inner{width:100%;padding:20px 0;text-align:center}.inquiry_inner h3{font-weight:700;font-size:15px;margin:0 0 10px;letter-spacing:0;font-family:ヒラギノ明朝 ProN W3,Hiragino Mincho ProN,HG明朝E,ＭＳ\ Ｐ明朝,ＭＳ\ 明朝,serif}.inquiry_tel{background:#5cd8cc}.inquiry_tel img{display:block;margin:0 auto;width:100%;max-width:287px}.inquiry_line,.inquiry_tel{width:100%;display:block;margin:1pc auto;padding:16px 8px;border-radius:60px;-webkit-tap-highlight-color:rgba(0,0,0,0.3);box-shadow:0 2px 9pt rgba(0,0,0,.35);transition:opacity .3s;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-o-transition:opacity .3s;-ms-transition:opacity .3s}.inquiry_line{background:#57cd00}.inquiry_web{width:100%;display:block;margin:1pc auto;padding:16px 8px;background:#f98c99;border-radius:60px;-webkit-tap-highlight-color:rgba(0,0,0,0.3);box-shadow:0 2px 9pt rgba(0,0,0,.35);transition:opacity .3s;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-o-transition:opacity .3s;-ms-transition:opacity .3s}.inquiry_line img,.inquiry_web img{display:block;margin:0 auto;width:100%;max-width:138px}.inquiry_image{display:block;width:100%;margin:10px auto 0}.campaign{max-width:340px;margin:0 auto;position:relative;font-weight:700;font-size:15px;letter-spacing:0;border-radius:4px;padding:8px 0;text-align:center;font-family:ヒラギノ明朝 ProN W3,Hiragino Mincho ProN,HG明朝E,ＭＳ\ Ｐ明朝,ＭＳ\ 明朝,serif}.campaign span{font-size:9pt}.campaign_point01{top:8px;left:-5px}.campaign_point01,.campaign_point02{display:block;width:100%;max-width:24px;position:absolute}.campaign_point02{bottom:-2px;right:-8px}#ha-header{display:block}.ha-header-perspective>div{background:#fff;padding:4px;max-width:5in;margin:0 auto;position:relative;text-align:justify;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;overflow:hidden;box-shadow:0 -2px 9pt rgba(0,0,0,.15)}@media screen and (min-width:481px){.ha-header-perspective>div{background:#fff;padding:4px 8px;width:100%;max-width:5in;margin:0 auto;position:relative;text-align:justify;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;overflow:hidden}}.ha-header-front{z-index:2;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;transform-origin:50% 100%}.ha-header{position:fixed;bottom:-280px;left:0;width:100%;padding:0;z-index:10;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.ha-header-perspective>div:after{content:'';display:inline-block;width:100%}.ha-header-hide{height:220px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}.ha-header-show{height:220px;-webkit-transition:-webkit-transform 1.2s cubic-bezier(0.58,0.3,0.005,1);transition:-webkit-transform 1.2s cubic-bezier(0.58,0.3,0.005,1);-o-transition:-o-transform 1.2s cubic-bezier(0.58,0.3,0.005,1);-moz-transition:transform 1.2s cubic-bezier(0.58,0.3,0.005,1),-moz-transform 1.2scubic-bezier(0.58,0.3,0.005,1);transition:transform 1.2s cubic-bezier(0.58,0.3,0.005,1);transition:transform 1.2s cubic-bezier(0.58,0.3,0.005,1),-webkit-transform 1.2scubic-bezier(0.58,0.3,0.005,1),-moz-transform 1.2s cubic-bezier(0.58,0.3,0.005,1),-o-transform 1.2s cubic-bezier(0.58,0.3,0.005,1)}.bottom_web{background:#f98c99}.bottom_web img{display:block;margin:0 auto;width:100%;height:auto;max-width:81px;padding:14px 0}.bottom_tel,.bottom_web{position:relative;border-radius:4px;display:block;float:left;width:25%;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0.3)}.bottom_tel{margin:0 1%;background:#5cd8cc}.bottom_line{position:relative;border-radius:4px;display:block;float:right;max-width:20pc;width:48%;text-align:center;background:#57cd00;-webkit-tap-highlight-color:rgba(0,0,0,0.3)}.bottom_line img,.bottom_tel img{display:block;margin:0 auto;width:100%;height:auto;max-width:81px;padding:14px 0}#footer{background:#c2f5f1;position:relative}.footer_separate_top{position:absolute;top:0;left:0;background:url(../img/top/section_separate01.png)repeat-x;background-size:contain;width:100%;height:26px}.footer_inner{padding:50px 0 20px;background:url(../img/common/footer_background.png)no-repeat;background-size:100%;background-position:bottom center;max-width:420px;margin:0 auto}.footer_nav{padding:0 10px;margin:0 auto;max-width:380px}.footer_nav ul li{width:50%;float:left}.footer_nav ul li a{display:block;font-size:11px;padding:2px 0;letter-spacing:-.01em;color:#613826}.footer_nav ul li a img{display:inline-block;width:100%;max-width:6px;margin:-2px 2px 0 0}.footer_nav ul li a.footer_navigation_other{display:block;font-size:10px;padding:2px 0;letter-spacing:-.01em;color:#613826;margin:8px 0 0}.footer_nav ul li a.footer_navigation_other img{display:inline-block;width:100%;max-width:6px;margin:-2px 2px 0 0}.copyright{font-size:11px;background:#1b4472;padding:3px;text-align:center;color:#e4f9f7}.copyright a{color:#e4f9f7 !important;cursor:default;}.pageTop a{display:block;padding:20px 0 0}.pageTop a img{display:block;width:100%;max-width:40px;margin:0 auto}

/*---------------------------------------------------------
メインビジュアル(トップ)
---------------------------------------------------------*/
#mainvisual {
    width: 100%;
    background: url(../img/top/mainvisual_background.jpg) repeat-x;
    background-size: contain;
    background-position: center;
    position: relative;
    height: 250px;
}
.mainvisual_separate_top{
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/top/section_separate01.png) repeat-x;
    background-size: contain;
    width: 100%;
    height: 26px;
}
.mainvisual_inner{
    max-width: 380px;
    height: 250px;
    margin: 0 auto;
    position: relative;
    top: 0;
}
.mainvisual_text{
    position: absolute;
    top: 50%;
    left: 3%;
    -webkit-transform: translate(-5%, -50%);
    transform: translate(-5%, -50%);
    display: block;
    width: 100%;
    max-width: 220px;
}
.mainvisual_image{
    position: absolute;
    bottom: -50px;
    right: 1%;
    -webkit-transform: translate(-2%, 0);
    transform: translate(-2%, 0);
    display: block;
    width: 100%;
    max-width: 155px;
    z-index: 0;
}

/*---------------------------------------------------------
ナビゲーション
---------------------------------------------------------*/
#navigation{
    position: relative;
}
.navigation_separate_top{
    position: absolute;
    top: -25px;
    left: 0;
    background: url(../img/top/section_separate02.png) repeat-x;
    background-size: contain;
    width: 100%;
    height: 26px;
}
.navigation_subtitle{
    position: absolute;
    top: -45px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 2;
}
.navigation_subtitle img{
    display: block;
    width: 100%;
    max-width: 150px;
}

.navigation_inner{
    border-top: 4px solid #fceff2;
    border-bottom: 4px solid #fceff2;
    background: #fffafb;
    padding: 10px 5px;
}
.navigation_link{
    float: left;
    width: 33.33333%;
}
.navigation_link img{
    display: block;
    width: 100%;
    padding: 2px;
}




/*---------------------------------------------------------
リード
---------------------------------------------------------*/
#lead{
    padding: 10px 5px 40px;
    text-align: center;
}
#lead h2{
    font-size: 13px;
    color: #ac9e67;
    letter-spacing: 0em;
    padding: 1px 0;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}



/*---------------------------------------------------------
セクションタイトル
---------------------------------------------------------*/
.section_title{
}
.section_subtitle{
    display: block;
    width: 100%;
    max-width: 90px;
    margin: 0 auto;
}
.section_title_inner{
    position: relative;
    margin: 10px 0;
}
.section_title_inner h2{
    font-size: 18px;
    letter-spacing: 0em;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
    font-weight: bold;
}
.section_title_inner h2 span{
    font-size: 14px;
}
/*.today_separate_left{
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(../img/common/section_title_separate01.png) repeat-x;
    background-size: contain;
    width: 36%;
    height: 14px;
}
.today_separate_right{
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(../img/common/section_title_separate01.png) repeat-x;
    background-size: contain;
    width: 36%;
    height: 14px;
}*/

.reason_section_title{
}
.reason_section_title img{
    display: inline-block;
    width: 100%;
    max-width: 20px;
    margin: -6px 3px 0 1px;
}
.reason_separate_left{
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(../img/common/section_title_separate01.png) repeat-x;
    background-size: contain;
    width: 9%;
    height: 14px;
}
.reason_separate_right{
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(../img/common/section_title_separate01.png) repeat-x;
    background-size: contain;
    width: 9%;
    height: 14px;
}
.reason_section_title span.reason_section_title_point{
    color: #84d8d0;
    font-size: 18px;
    letter-spacing: 0em;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
    font-weight: bold;
}

.salary_section_title{
}
.salary_section_title_inner{
    position: relative;
    margin: 15px 0 10px;
}
.salary_section_title_inner h2{
    font-size: 18px;
    letter-spacing: 0em;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
    font-weight: bold;
}
.salary_section_title_inner h2 span{
    font-size: 14px;
}
.salary_separate_left{
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(../img/common/section_title_separate01.png) repeat-x;
    background-size: contain;
    width: 22%;
    height: 14px;
}
.salary_separate_right{
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(../img/common/section_title_separate01.png) repeat-x;
    background-size: contain;
    width: 22%;
    height: 14px;
}

.about_section_title{
}
.about_section_subtitle{
    display: block;
    width: 100%;
    max-width: 110px;
    margin: 0 auto;
}
.about_section_title_inner{
    position: relative;
    margin: 15px 0 10px;
}
.about_section_title_inner h2{
    font-size: 18px;
    letter-spacing: 0em;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
    font-weight: bold;
    color: #fff;
}
.about_section_title_inner h2 span{
    font-size: 14px;
    color: #fff;
}
.about_separate_left{
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(../img/top/section_title_separate02.png) repeat-x;
    background-size: contain;
    width: 11%;
    height: 14px;
}
.about_separate_right{
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(../img/top/section_title_separate02.png) repeat-x;
    background-size: contain;
    width: 11%;
    height: 14px;
}


.flow_section_title{
}
.flow_section_subtitle{
    display: block;
    width: 100%;
    max-width: 150px;
    margin: 0 auto;
}
.flow_section_title_inner{
    position: relative;
    margin: 15px 0 10px;
}
.flow_section_title_inner h2{
    font-size: 18px;
    letter-spacing: 0em;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
    font-weight: bold;
}
.flow_section_title_inner h2 span{
    font-size: 14px;
}
.flow_separate_left{
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(../img/common/section_title_separate01.png) repeat-x;
    background-size: contain;
    width: 28%;
    height: 14px;
}
.flow_separate_right{
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(../img/common/section_title_separate01.png) repeat-x;
    background-size: contain;
    width: 28%;
    height: 14px;
}


.interview_section_title{
}
.interview_section_title_inner{
    position: relative;
    margin: 15px 0 10px;
}
.interview_section_title_inner h2{
    font-size: 18px;
    letter-spacing: 0em;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
    font-weight: bold;
}
.interview_section_title_inner h2 span{
    font-size: 14px;
}
.interview_separate_left{
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(../img/common/section_title_separate01.png) repeat-x;
    background-size: contain;
    width: 32%;
    height: 14px;
}
.interview_separate_right{
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(../img/common/section_title_separate01.png) repeat-x;
    background-size: contain;
    width: 32%;
    height: 14px;
}


.introduction_separate_left{
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(../img/common/section_title_separate01.png) repeat-x;
    background-size: contain;
    width: 25%;
    height: 14px;
}
.introduction_separate_right{
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(../img/common/section_title_separate01.png) repeat-x;
    background-size: contain;
    width: 25%;
    height: 14px;
}



.question_section_title{
}
.question_section_title_inner{
    position: relative;
    margin: 15px 0 10px;
}
.question_section_title_inner h2{
    font-size: 18px;
    letter-spacing: 0em;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
    font-weight: bold;
}
.question_section_title_inner h2 span{
    font-size: 14px;
}
.question_separate_left{
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(../img/common/section_title_separate01.png) repeat-x;
    background-size: contain;
    width: 32%;
    height: 14px;
}
.question_separate_right{
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(../img/common/section_title_separate01.png) repeat-x;
    background-size: contain;
    width: 32%;
    height: 14px;
}


.greeting_separate_left{
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(../img/common/section_title_separate01.png) repeat-x;
    background-size: contain;
    width: 18%;
    height: 14px;
}
.greeting_separate_right{
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(../img/common/section_title_separate01.png) repeat-x;
    background-size: contain;
    width: 18%;
    height: 14px;
}



.company_section_title{
}
.company_section_title_inner{
    position: relative;
    margin: 15px 0 10px;
}
.company_section_title_inner h2{
    font-size: 18px;
    letter-spacing: 0em;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
    font-weight: bold;
}
.company_section_title_inner h2 span{
    font-size: 14px;
}
.company_separate_left{
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(../img/common/section_title_separate01.png) repeat-x;
    background-size: contain;
    width: 26%;
    height: 14px;
}
.company_separate_right{
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(../img/common/section_title_separate01.png) repeat-x;
    background-size: contain;
    width: 26%;
    height: 14px;
}






.section_link{
    /*background: #84d8d0;
    color: #fff !important;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0em;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
    display: block;
    padding: 16px 0;
    margin: 20px 0;
    border-radius: 60px;
    box-shadow: 0 2px 10px rgba(0,0,0, .25);*/

    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0em;
    text-align: center;
    display: block;
    padding: 20px 0;
    margin: 20px 0;
    border-radius: 4px;
    border: 1px solid #f2c8d2;
    background-image: -webkit-linear-gradient(top, #fff0f3, #f8d3dc);
    background-image: linear-gradient(to bottom, #fff0f3, #f8d3dc);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 1);
    text-shadow: 0 2px 0 rgba(255, 255, 255, 1);
    box-shadow: 0 2px 4px rgba(0,0,0, .1);
}
.section_link:hover{
    border: 1px solid #f2c8d2;
}
.section_link img{
    display: inline-block;
    width: 100%;
    max-width: 7px;
    margin: -3px 0 0 6px;
}



/*---------------------------------------------------------
本日の出勤
---------------------------------------------------------*/
/*#today{
    width: 100%;
    background: url(../img/top/background_stripe01.jpg) repeat-y;
    background-size: contain;
    position: relative;
    padding: 35px 0 40px;
}
.today_separate_top{
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/top/section_separate01.png) repeat-x;
    background-size: contain;
    width: 100%;
    height: 26px;
}

.today_intro_text{
    text-align: center;
    margin: 20px auto;
    position: relative;
    max-width: 360px;
    font-size: 13px;
}
.today_intro_image{
    display: block;
    width: 100%;
    max-width: 62px;
    position: absolute;
    bottom: -5px;
    right: 10px;
}

.today_slider{
    width: 100%;
    max-width: 260px;
    margin: 20px auto 30px;
}

.today_slider .swiper-slide{
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e9e6da;
    padding: 10px;
    position:relative;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    cursor: pointer;
}
.today_slider .swiper-slide:hover{
    opacity: .75;
}
.today_slider a.today_shop_link{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-9999px;
}
.today_area_genre{
    position: relative;
    margin: 10px auto;
    text-align: center;
    font-size: 0;
}
.today_area{
    color: #fff;
    background: #c7b977;
    border: 1px solid #c7b977;
    border-top-left-radius: 60px;
    border-bottom-left-radius: 60px;
    display: inline-block;
    font-size: 12px;
    padding: 3px 15px 3px 20px;
    margin: 0 -1px 0 0;
}
.today_genre{
    color: #ac9e67;
    background: #fff;
    border: 1px solid #c7b977;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
    display: inline-block;
    font-size: 12px;
    padding: 3px 20px 3px 15px;
    margin: 0 0 0 -1px;
}
.today_slider .swiper-slide img{
    display: block;
    width: 100%;
    border-radius: 8px;
}
.today_shop_info{
}
.today_shop_info tr{
    width: 100%;
    display: table;
    table-layout: fixed;
}
.today_shop_info th{
    display: table-cell;
    width: 30%;
    text-align: center;
    padding: 4px 0;
}
.today_shop_info th h4{
    font-size: 10px;
    color: #aaa58f;
    background: #fff;
    border: 1px solid #e9e6d9;
    border-radius: 60px;
    padding: 2px 0;
}
.today_shop_info td{
    display: table-cell;
    width: 64%;
    font-size: 15px;
    padding: 2px 0 3px 4%;
}

.today_shop_detail_link{
    font-size: 10px;
    text-align: right;
    display: block;
    margin: 5px 14px 0 0;
    position: relative;
}
.today_shop_detail_link img{
    display: inline-block;
    width: 100%;
    max-width: 5px;
    margin: -3px 0 0 3px;
    position: absolute;
    top: 5px;
    right: -10px;
}

.swiper-pagination-bullets{
    margin: 10px 0 0 0;
}*/

/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{/*bottom:10px;*/left:0;width:100%}.swiper-pagination-bullet{width:10px;height:10px;display:inline-block;border-radius:100%;background:#fff;opacity:1;/*border:1px solid #e9e6d9;*/}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#c7b977;/*border:1px solid #c7b977;*/}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#c7b977;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}



/*---------------------------------------------------------
プリンセスが人気な理由ベスト5
---------------------------------------------------------*/
#reason{
    position: relative;
    border-top: 4px solid #ece7d2;
    background: #fdfcf8;
}
.reason_separate_top{
    position: absolute;
    top: -30px;
    left: 0;
    background: url(../img/top/section_separate03.png) repeat-x;
    background-size: contain;
    width: 100%;
    height: 26px;
}
.reason_subtitle{
    position: absolute;
    top: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.reason_subtitle img{
    display: block;
    width: 100%;
    max-width: 149px;
}

.reason_intro_text{
    margin: -5px auto 5px;
    font-size: 13px;
}


.reason_inner{
    padding: 0 0 30px;
}

.reason01{
    width: 100%;
    /*background: url(../img/top/reason01_background.jpg) repeat;
    background-size: 1.2%;
    padding: 8px;
    border-radius: 8px;
    box-shadow: 0 1px 8px rgba(0,0,0, .2);*/
    margin: 2px 0 0;
    /*position:relative;
    z-index: 2;*/
    /*cursor: pointer;
    transition: .3s;*/
    border-radius: 16px;
}
/*.reason01:hover{
    opacity: .75;
}*/
/*.reason01 a.reason_detail_link{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-9999px;
}*/
.reason01_inner{
    background: #fff;
    /*border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;*/
    padding: 5px 0 5px 5px;
}
/*.reason01_ribbon{
    display: block;
    width: 100%;
    max-width: 128px;
    margin: -24px auto 0;
    position: relative;
}*/

.reason02{
    width: 100%;
    /*background: url(../img/top/reason02_background.jpg) repeat;
    background-size: 1.2%;
    padding: 8px;
    border-radius: 8px;
    box-shadow: 0 1px 8px rgba(0,0,0, .2);
    margin: 5px 0 10px;
    position:relative;
    z-index: 2;
    cursor: pointer;
    transition: .3s;*/
}
/*.reason02:hover{
    opacity: .75;
}*/

.reason02_inner{
    /*background: #fff;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 0 8px;*/
}
/*.reason02_ribbon{
    display: block;
    width: 100%;
    max-width: 130px;
    margin: -24px auto 0;
    position: relative;
}*/

.reason03{
    width: 100%;
    /*background: url(../img/top/reason03_background.jpg) repeat;
    background-size: 1.2%;
    padding: 8px;
    border-radius: 8px;
    box-shadow: 0 1px 8px rgba(0,0,0, .2);
    margin: 5px 0 10px;
    position:relative;
    z-index: 2;
    cursor: pointer;
    transition: .3s;*/
}
/*.reason03:hover{
    opacity: .75;
}*/

.reason03_inner{
    /*background: #fff;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 0 8px;*/
}
/*.reason03_ribbon{
    display: block;
    width: 100%;
    max-width: 129px;
    margin: -24px auto 0;
    position: relative;
}*/

.reason04{
    width: 100%;
    /*background: url(../img/top/reason04_background.jpg) repeat;
    background-size: 1.2%;
    padding: 8px;
    border-radius: 8px;
    box-shadow: 0 1px 8px rgba(0,0,0, .2);
    margin: 5px 0 10px;
    position:relative;
    z-index: 2;
    cursor: pointer;
    transition: .3s;*/
}
/*.reason04:hover{
    opacity: .75;
}*/

.reason04_inner{
    /*background: #fff;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 0 8px;*/
}
/*.reason04_ribbon{
    display: block;
    width: 100%;
    max-width: 130px;
    margin: -24px auto 0;
    position: relative;
}*/

.reason05{
    width: 100%;
    /*background: url(../img/top/reason05_background.jpg) repeat;
    background-size: 1.2%;
    padding: 8px;
    border-radius: 8px;
    box-shadow: 0 1px 8px rgba(0,0,0, .2);
    margin: 5px 0;
    position:relative;
    z-index: 3;
    cursor: pointer;
    transition: .3s;*/
}
/*.reason05:hover{
    opacity: .75;
}*/

.reason05_inner{
    /*background: #fff;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 0 8px;*/
}
/*.reason05_ribbon{
    display: block;
    width: 100%;
    max-width: 130px;
    margin: -24px auto 0;
    position: relative;
}*/


.reason_headline{
    text-align: left;
    margin: 0 0 5px 0;
}
.reason_headline h3{
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.06em;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    position: relative;
    display: inline-block;
    line-height: 1.3;
    color: #eb5d79;
}
.reason_headline_left{
    display: block;
    width: 100%;
    max-width: 28px;
    position: absolute;
    top: 50%;
    left: -35px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.reason_headline_right{
    display: block;
    width: 100%;
    max-width: 28px;
    position: absolute;
    top: 50%;
    right: -35px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}




.reason_content{
    /*padding: 0 0 5px 0;*/
}
.reason01_content_left{
    display: table-cell;
    width: 24%;
    vertical-align: middle;
}
.reason01_content_left img{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    left: -8px;
}
.reason01_content_right{
    display: table-cell;
    width: 76%;
    vertical-align: middle;
}
.reason01_content_right p{
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: 0em;
}
.reason01_content_right p span{
    font-weight: bold;
    color: #84d8d0;
    letter-spacing: -0.02em;
}

.reason02_content_left{
    display: table-cell;
    width: 70%;
    vertical-align: middle;
}
.reason02_content_left p{
    font-size: 16px;
    line-height: 1.5;
}
.reason02_content_left p span{
    font-weight: bold;
    color: #ee96a7;
    letter-spacing: -0.02em;
}
.reason02_content_right{
    display: table-cell;
    width: 30%;
    vertical-align: middle;
}
.reason02_content_right img{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    right: -8px;
}


.reason03_content_left{
    display: table-cell;
    width: 30%;
    vertical-align: middle;
}
.reason03_content_left img{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    left: -8px;
}
.reason03_content_right{
    display: table-cell;
    width: 70%;
    vertical-align: middle;
}
.reason03_content_right p{
    font-size: 16px;
    line-height: 1.5;
}
.reason03_content_right p span{
    font-weight: bold;
    color: #64baec;
    letter-spacing: -0.02em;
}

.reason04_content_left{
    display: table-cell;
    width: 70%;
    vertical-align: middle;
}
.reason04_content_left p{
    font-size: 16px;
    line-height: 1.5;
}
.reason04_content_left p span{
    font-weight: bold;
    color: #f6ad21;
    letter-spacing: -0.02em;
}
.reason04_content_right{
    display: table-cell;
    width: 30%;
    vertical-align: middle;
}
.reason04_content_right img{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    right: -8px;
}


.reason05_content_left{
    display: table-cell;
    width: 30%;
    vertical-align: middle;
}
.reason05_content_left img{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    left: -8px;
}
.reason05_content_right{
    display: table-cell;
    width: 70%;
    vertical-align: middle;
}
.reason05_content_right p{
    font-size: 16px;
    line-height: 1.5;
}
.reason05_content_right p span{
    font-weight: bold;
    color: #b08be9;
    letter-spacing: -0.02em;
}


.reason_link{
    font-size: 13px;
    text-align: left;
    display: block;
    /*padding: 8px;*/
    margin: 5px 0;
    letter-spacing: 0em;
    text-decoration: underline;
    /*font-weight: bold;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    border: 1px solid #e9e6db;
    background: #fbfaf7; 
    border-radius: 60px;*/
}
/*.reason_link img{
    display: inline-block;
    width: 100%;
    max-width: 6px;
    margin: -3px 0 0 3px;
}*/
.reason_link:hover{
    text-decoration: underline;
}




/*---------------------------------------------------------
だからプリンセスは選ばれてるんだ！
---------------------------------------------------------*/
.interval01{
    width: 100%;
    background: url(../img/top/background_stripe02.jpg) repeat;
    background-size: 320px;
    position: relative;
    padding: 40px 0 40px;
    height: 230px;
    z-index: 2;
}
.interval01_separate{
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/top/interval01_separate.png) no-repeat;
    background-size: contain;
    background-position: top center;
    width: 100%;
    height: 120px;
}
@media screen and (min-width: 361px) {
    .interval01_separate{
        position: absolute;
        top: -30px;
        left: 0;
        background: url(../img/top/interval01_separate.png) no-repeat;
        background-size: cover;
        background-position: top center;
        width: 100%;
        height: 160px;
    }
}
.interval01_inner{
    max-width: 360px;
    height: 180px;
    margin: 0 auto;
    position: relative;
    top: 0;
}
.interval01_image01{
    position: absolute;
    bottom: 0;
    left: 10px;
    display: block;
    width: 100%;
    max-width: 120px;
}
.interval01_image02{
    position: absolute;
    top: -55px;
    right: 5px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.interval01_image02 img{
    display: block;
    width: 100%;
    max-width: 240px;
}
.interval01_text{
    position: absolute;
    bottom: 20px;
    right: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.interval01_text img{
    display: block;
    width: 100%;
    max-width: 230px;
}



/*---------------------------------------------------------
女の子体験談
---------------------------------------------------------*/
#salary{
    position: relative;
    z-index: 2;
    border-top: 4px solid #c8ebe7;
    background: url(../img/top/salary_background.jpg) repeat;
    background-size: 330px;
    width: 100%;
    padding: 0 0 30px 0;
    margin: 30px 0 0 0;
}
.salary_separate_top{
    position: absolute;
    top: -30px;
    left: 0;
    background: url(../img/top/section_separate09.png) repeat-x;
    background-size: contain;
    width: 100%;
    height: 26px;
}
.salary_subtitle{
    position: absolute;
    top: -39px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.salary_subtitle img{
    display: block;
    width: 100%;
    max-width: 140px;
}

.salary_inner{
    margin: 20px 0;
}

.salary_content{
    width: 100%;
    background: url(../img/top/interview_inner_background.jpg) repeat;
    background-size: 1.1%;
    padding: 0 0 5px;
    border-radius: 8px;
    margin: 5px 0;
    position:relative;
    border-left: 1px solid #dad3b9;
    border-right: 1px solid #dad3b9;
    border-bottom: 1px solid #dad3b9;
}
.salary_content_inner{
}
.salary_title{
    text-align: center;
    padding: 10px 2px;
    background: #c7b977;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.salary_title h3{
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 18px;
    width: 100%;
    color: #fff;
    letter-spacing: 0em;
    line-height: 1.2;
}

.salary_content_top{
    background: #fff;
    border-radius: 8px;
    padding: 20px 8px;
    margin: 15px 10px 0;
    border: 1px solid #f0ede3;
}


.salary01_content_image{
    width: 35%;
    display: table-cell;
    position: relative;
    top: -10px;
    padding: 0 0 10px 0;
}
.salary01_content_image img{
    display: block;
    width: 100%;
    max-width: 180px;
    position: relative;
    left: -5px;
}
.salary01_content_image p{
    display: block;
    width: 100%;
    font-size: 10px;
    letter-spacing: 0em;
    text-align: center;
    margin: -23% 0 0 -5px;
    position: relative;
    z-index: 2;
}

.salary02_content_image{
    width: 35%;
    display: table-cell;
    position: relative;
    padding: 0 0 10px 0;
}
.salary02_content_image img{
    display: block;
    width: 100%;
    max-width: 180px;
    position: relative;
    left: -10px;
}
.salary02_content_image p{
    display: block;
    width: 100%;
    font-size: 10px;
    letter-spacing: 0em;
    text-align: center;
    margin: -22% 0 0 -5px;
    position: relative;
    z-index: 2;
}

.salary03_content_image{
    width: 35%;
    display: table-cell;
    position: relative;
    top: -5px;
    padding: 0 0 10px 0;
}
.salary03_content_image img{
    display: block;
    width: 100%;
    max-width: 180px;
    position: relative;
    left: -5px;
}
.salary03_content_image p{
    display: block;
    width: 100%;
    font-size: 10px;
    letter-spacing: 0em;
    text-align: center;
    margin: -28% 0 0 -5px;
    position: relative;
    z-index: 2;
}

.salary_content_text{
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
}
.salary_content_bottom{
    background: #fff;
    border-radius: 8px;
    padding: 8px 2px;
    margin: 8px 10px;
    text-align: center;
    border: 1px solid #f0ede3;
}
.salary_content_bottom h4{
    margin: 8px 0;
}
.salary_content_bottom h4 span.salary_content_textcolor01{
    font-family : Arial,'ＭＳ Ｐゴシック',sans-serif ;
    font-size: 22px;
    font-weight: bold;
    color: #a89653;
    padding: 0 2px;
    letter-spacing: -0.02em;
}
.salary_content_bottom h4 span.salary_content_textcolor02{
    font-family : Arial,'ＭＳ Ｐゴシック',sans-serif ;
    font-size: 26px;
    font-weight: bold;
    /*color: #84d8d0;*/
    color: #eb5d79;
    position: relative;
    padding: 0 2px;
    letter-spacing: -0.02em;
}
.salary_content_bottom h4 span.salary_content_textcolor03{
    font-size: 14px;
    font-weight: bold;
    position: relative;
    padding: 0 2px;
    letter-spacing: -0.02em;
}
.salary_content_bottom h4 span.salary_content_textcolor04{
    font-family : Arial,'ＭＳ Ｐゴシック',sans-serif ;
    font-size: 18px;
    font-weight: bold;
    color: #a89653;
    position: relative;
    line-height: 1.2;
    padding: 0 2px;
    letter-spacing: -0.02em;
}
.salary_content_line{
    display: block;
    width: 90%;
    max-width: 300px;
    height: 1px;
    background: #ddecea;
    margin: 0 auto;
}


.salary_back_content{
    margin: 5px 0 0 0;
}

.salary_back_item{
    background: #fdfcf8;
    border-radius: 30px;
    position: relative;
}
.salary_back_frame_top_left{
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/top/flow_frame_top_left.png) no-repeat;
    background-size: contain;
    width: 40px;
    height: 50px;
}
.salary_back_frame_top_right{
    position: absolute;
    top: 0;
    right: 0;
    background: url(../img/top/flow_frame_top_right.png) no-repeat;
    background-size: contain;
    width: 40px;
    height: 50px;
}
.salary_back_frame_top_center{
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: url(../img/top/flow_frame_line01.png) repeat-x;
    background-size: contain;
    width: 85%;
    height: 4px;
}
.salary_back_frame_middle_left{
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(../img/top/flow_frame_line02.png) repeat-y;
    background-size: contain;
    width: 4px;
    height: 90%;
}
.salary_back_frame_bottom_left{
    position: absolute;
    bottom: -7px;
    left: 0;
    background: url(../img/top/flow_frame_bottom_left.png) no-repeat;
    background-size: contain;
    width: 40px;
    height: 50px;
}
.salary_back_frame_bottom_right{
    position: absolute;
    bottom: -7px;
    right: 0;
    background: url(../img/top/flow_frame_bottom_right.png) no-repeat;
    background-size: contain;
    width: 40px;
    height: 50px;
}
.salary_back_frame_bottom_center{
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: url(../img/top/flow_frame_line01.png) repeat-x;
    background-size: contain;
    width: 85%;
    height: 4px;
}
.salary_back_frame_middle_right{
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(../img/top/flow_frame_line02.png) repeat-y;
    background-size: contain;
    width: 4px;
    height: 90%;
}

.salary_back_title{
    background: #eb5d79;
    text-align: center;
}
.salary_back_title h3{
    color: #fff;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 16px;
    padding: 8px 0;
    display: block;
    margin: 0 0 20px 0;
}
.salary_back_inner{
    padding: 25px 15px 30px;
}
.salary_back_inner p{
    margin: 8px 0;
    font-size: 15px;
}
.salary_back_inner ul{
    background: #fff;
    border-radius: 8px;
    padding: 8px;
    margin: 8px 0;
    text-align: center;
    border: 1px solid #f0ede3;
}
.salary_back_inner ul li{
    padding: 4px 0;
}
.salary_back_inner ul li:nth-child(odd) {
    /*background: #ecf9f8;*/
    background: #fbf6f8;
}
.salary_back_inner ul li span.salary_content_textcolor03{
    font-size: 14px;
    font-weight: bold;
    position: relative;
    padding: 0 6px 0 0;
    letter-spacing: 0em;
}
.salary_back_inner ul li span.salary_content_textcolor02{
    font-family : Arial,'ＭＳ Ｐゴシック',sans-serif ;
    font-size: 20px;
    font-weight: bold;
    /*color: #a89653;*/
    color: #eb5d79;
    position: relative;
    padding: 0 2px;
    letter-spacing: -0.02em;
}
/*.salary_back_attention{
    font-size: 12px;
    letter-spacing: 0em;
    color: #666;
}*/
.salary_back_inner p span.salary_content_textcolor02{
    font-family : Arial,'ＭＳ Ｐゴシック',sans-serif ;
    font-size: 20px;
    font-weight: bold;
    color: #84d8d0;
    position: relative;
    padding: 0 2px;
    letter-spacing: -0.02em;
}


/*---------------------------------------------------------
キャバクラ派遣プリンセスとは
---------------------------------------------------------*/
#about{
    width: 100%;
    background: url(../img/top/about_background.jpg) repeat-y;
    background-size: contain;
    position: relative;
    z-index: 2;
    padding: 10px 0 20px;
    margin: -10px 0 0 0;
}
.about_separate_top{
    position: absolute;
    top: -12px;
    left: 0;
    background: url(../img/top/about_separate_top.png) repeat-x;
    background-size: contain;
    background-position: top center;
    width: 100%;
    height: 12px;
}
.about_separate_bottom{
    position: absolute;
    bottom: -12px;
    left: 0;
    background: url(../img/top/about_separate_bottom.png) repeat-x;
    background-size: contain;
    background-position: top center;
    width: 100%;
    height: 12px;
}

.about_intro_text{
    margin: 10px auto;
    position: relative;
    font-size: 15px;
    color: #fff;
}
.about_intro_image{
}
.about_intro_image img{
    display: block;
    width: 100%;
    height: auto;
    max-width: 360px;
    margin: 10px auto;
}

.about_merit{
    background: #fff;
    border-radius: 8px;
    padding: 20px 20px 30px;
    margin: 20px 0 0 0;
    position: relative;
}
.about_frame_top_left{
    position: absolute;
    top: 5px;
    left: 5px;
    background: url(../img/top/about_frame_top_left.png) no-repeat;
    background-size: contain;
    width: 82px;
    height: 44px;
}
.about_frame_top_right{
    position: absolute;
    top: 5px;
    right: 5px;
    background: url(../img/top/about_frame_top_right.png) no-repeat;
    background-size: contain;
    width: 82px;
    height: 44px;
}
.about_frame_bottom_left{
    position: absolute;
    bottom: 5px;
    left: 5px;
    background: url(../img/top/about_frame_bottom_left.png) no-repeat;
    background-size: contain;
    width: 82px;
    height: 44px;
}
.about_frame_bottom_right{
    position: absolute;
    bottom: 5px;
    right: 5px;
    background: url(../img/top/about_frame_bottom_right.png) no-repeat;
    background-size: contain;
    width: 82px;
    height: 44px;
}
.about_merit ul{
}
.about_merit ul li{
    text-align: center;
    padding: 5px 0;
}
.about_merit ul li h3{
    background: #eb5d79;
    color: #fff;
    font-weight: bold;
    display: block;
    padding: 4px 20px;
    border-radius: 2px;
    font-size: 20px;
}
.about_merit ul li p{
    text-align: left;
    font-size: 15px;
}

.about_separate_point span img{
    display: block;
    width: 100%;
    max-width: 20px;
    margin: 0 auto;
}

.about_separate_point {
  position: relative;
  text-align: center;
}
.about_separate_point span {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 0 0 0 4px;
  background: #fff;
}
.about_separate_point::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #c4b25b;
}





/*---------------------------------------------------------
だからプリンセスは選ばれてるんだ！
---------------------------------------------------------*/
.interval02{
    width: 100%;
    background: url(../img/top/interval02_background.jpg) repeat-x;
    background-size: contain;
    background-position: center;
    position: relative;
    z-index: 1;
    padding: 40px 0 40px;
    width: 100%;
    height: 190px;
}
.interval02_inner{
    max-width: 360px;
    margin: 0 auto;
    position: relative;
    height: 150px;
}
.interval02_image{
    position: absolute;
    bottom: 0;
    right: -20px;
    display: block;
    width: 100%;
    max-width: 180px;
}
.interval02_text{
    position: absolute;
    top: 5%;
    left: 5px;
    -webkit-transform: translate(0, -5%);
    transform: translate(0, -5%);
}
.interval02_text img{
    display: block;
    width: 100%;
    max-width: 220px;
}








/*---------------------------------------------------------
登録〜出勤の流れ
---------------------------------------------------------*/
#flow{
    position: relative;
    z-index: 2;
    border-top: 4px solid #fae9ed;
    background: url(../img/top/flow_background.jpg) repeat;
    background-size: 334px;
    background-position: cebter;
    width: 100%;
    padding: 0 0 50px 0;
    margin: 30px 0 0 0;
}
.flow_separate_top{
    position: absolute;
    top: -30px;
    left: 0;
    background: url(../img/top/section_separate04.png) repeat-x;
    background-size: contain;
    width: 100%;
    height: 26px;
}
.flow_subtitle{
    position: absolute;
    top: -41px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 1;
}
.flow_subtitle img{
    display: block;
    width: 100%;
    max-width: 144px;
}

.flow_inner{
    background: url(../img/top/flow_inner_background.jpg) repeat;
    background-size: 1.1%;
    width: 100%;
    border-radius: 8px;
    padding: 10px;
    margin: 30px 0 0 0;
}
.flow_list_inner{
    background: #fff;
    border-radius: 8px;
    margin: 0 0 40px 0;
    position: relative;
}
.flow_list_inner:last-child{
    background: #fff;
    border-radius: 8px;
    margin: 0;
    position: relative;
}
.flow01_list_title{
    background: url(../img/top/flow01_title.png) no-repeat;
    background-size: contain;
    width: 104%;
    height: 66px;
    position: relative;
    top: -30px;
    left: -2%;
    text-align: center;
    max-width: 350px;
    margin: 0 auto;
}
.flow01_list_title span{
    position: absolute;
    top: 32px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #fff;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 16px;
    display: block;
    width: 100%;
}
@media screen and (min-width: 481px) {
    .flow01_list_title{
        background: url(../img/top/flow01_title.png) no-repeat;
        background-size: contain;
        width: 100%;
        height: 72px;
        position: relative;
        top: -30px;
        left: 0;
        text-align: center;
        max-width: 380px;
        margin: 0 auto;
    }
    .flow01_list_title span{
        position: absolute;
        top: 36px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        color: #fff;
        font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-weight: bold;
        font-size: 18px;
        display: block;
        width: 100%;
    }
}
.flow02_list_title{
    background: url(../img/top/flow02_title.png) no-repeat;
    background-size: contain;
    width: 104%;
    height: 66px;
    position: relative;
    top: -30px;
    left: -2%;
    text-align: center;
    max-width: 350px;
    margin: 0 auto;
}
.flow02_list_title span{
    position: absolute;
    top: 32px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #fff;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 16px;
    display: block;
    width: 100%;
}
@media screen and (min-width: 481px) {
    .flow02_list_title{
        background: url(../img/top/flow02_title.png) no-repeat;
        background-size: contain;
        width: 100%;
        height: 72px;
        position: relative;
        top: -30px;
        left: 0;
        text-align: center;
        max-width: 380px;
        margin: 0 auto;
    }
    .flow02_list_title span{
        position: absolute;
        top: 36px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        color: #fff;
        font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-weight: bold;
        font-size: 18px;
        display: block;
        width: 100%;
    }
}
.flow03_list_title{
    background: url(../img/top/flow03_title.png) no-repeat;
    background-size: contain;
    width: 104%;
    height: 66px;
    position: relative;
    top: -30px;
    left: -2%;
    text-align: center;
    max-width: 350px;
    margin: 0 auto;
}
.flow03_list_title span{
    position: absolute;
    top: 32px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #fff;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 16px;
    display: block;
    width: 100%;
}
@media screen and (min-width: 481px) {
    .flow03_list_title{
        background: url(../img/top/flow03_title.png) no-repeat;
        background-size: contain;
        width: 100%;
        height: 72px;
        position: relative;
        top: -30px;
        left: 0;
        text-align: center;
        max-width: 380px;
        margin: 0 auto;
    }
    .flow03_list_title span{
        position: absolute;
        top: 36px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        color: #fff;
        font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-weight: bold;
        font-size: 18px;
        display: block;
        width: 100%;
    }
}
.flow04_list_title{
    background: url(../img/top/flow04_title.png) no-repeat;
    background-size: contain;
    width: 104%;
    height: 66px;
    position: relative;
    top: -30px;
    left: -2%;
    text-align: center;
    max-width: 350px;
    margin: 0 auto;
}
.flow04_list_title span{
    position: absolute;
    top: 32px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #fff;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 16px;
    display: block;
    width: 100%;
}
@media screen and (min-width: 481px) {
    .flow04_list_title{
        background: url(../img/top/flow04_title.png) no-repeat;
        background-size: contain;
        width: 100%;
        height: 72px;
        position: relative;
        top: -30px;
        left: 0;
        text-align: center;
        max-width: 380px;
        margin: 0 auto;
    }
    .flow04_list_title span{
        position: absolute;
        top: 36px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        color: #fff;
        font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-weight: bold;
        font-size: 18px;
        display: block;
        width: 100%;
    }
}
.flow05_list_title{
    background: url(../img/top/flow05_title.png) no-repeat;
    background-size: contain;
    width: 104%;
    height: 66px;
    position: relative;
    top: -30px;
    left: -2%;
    text-align: center;
    max-width: 350px;
    margin: 0 auto;
}
.flow05_list_title span{
    position: absolute;
    top: 32px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #fff;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 16px;
    display: block;
    width: 100%;
}
@media screen and (min-width: 481px) {
    .flow05_list_title{
        background: url(../img/top/flow05_title.png) no-repeat;
        background-size: contain;
        width: 100%;
        height: 72px;
        position: relative;
        top: -30px;
        left: 0;
        text-align: center;
        max-width: 380px;
        margin: 0 auto;
    }
    .flow05_list_title span{
        position: absolute;
        top: 36px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        color: #fff;
        font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-weight: bold;
        font-size: 18px;
        display: block;
        width: 100%;
    }
}
.flow06_list_title{
    background: url(../img/top/flow06_title.png) no-repeat;
    background-size: contain;
    width: 104%;
    height: 66px;
    position: relative;
    top: -30px;
    left: -2%;
    text-align: center;
    max-width: 350px;
    margin: 0 auto;
}
.flow06_list_title span{
    position: absolute;
    top: 32px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #fff;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 16px;
    display: block;
    width: 100%;
}
@media screen and (min-width: 481px) {
    .flow06_list_title{
        background: url(../img/top/flow06_title.png) no-repeat;
        background-size: contain;
        width: 100%;
        height: 72px;
        position: relative;
        top: -30px;
        left: 0;
        text-align: center;
        max-width: 380px;
        margin: 0 auto;
    }
    .flow06_list_title span{
        position: absolute;
        top: 36px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        color: #fff;
        font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-weight: bold;
        font-size: 18px;
        display: block;
        width: 100%;
    }
}
.flow07_list_title{
    background: url(../img/top/flow07_title.png) no-repeat;
    background-size: contain;
    width: 104%;
    height: 66px;
    position: relative;
    top: -30px;
    left: -2%;
    text-align: center;
    max-width: 350px;
    margin: 0 auto;
}
.flow07_list_title span{
    position: absolute;
    top: 32px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #fff;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 16px;
    display: block;
    width: 100%;
}
@media screen and (min-width: 481px) {
    .flow07_list_title{
        background: url(../img/top/flow07_title.png) no-repeat;
        background-size: contain;
        width: 100%;
        height: 72px;
        position: relative;
        top: -30px;
        left: 0;
        text-align: center;
        max-width: 380px;
        margin: 0 auto;
    }
    .flow07_list_title span{
        position: absolute;
        top: 36px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        color: #fff;
        font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-weight: bold;
        font-size: 18px;
        display: block;
        width: 100%;
    }
}
.flow08_list_title{
    background: url(../img/top/flow08_title.png) no-repeat;
    background-size: contain;
    width: 104%;
    height: 66px;
    position: relative;
    top: -30px;
    left: -2%;
    text-align: center;
    max-width: 350px;
    margin: 0 auto;
}
.flow08_list_title span{
    position: absolute;
    top: 32px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #fff;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 16px;
    display: block;
    width: 100%;
}
@media screen and (min-width: 481px) {
    .flow08_list_title{
        background: url(../img/top/flow08_title.png) no-repeat;
        background-size: contain;
        width: 100%;
        height: 72px;
        position: relative;
        top: -30px;
        left: 0;
        text-align: center;
        max-width: 380px;
        margin: 0 auto;
    }
    .flow08_list_title span{
        position: absolute;
        top: 36px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        color: #fff;
        font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-weight: bold;
        font-size: 18px;
        display: block;
        width: 100%;
    }
}
.flow_title_left{
    display: inline-block;
    width: 100%;
    max-width: 50px;
    margin: 0 8px 0 0;
}
.flow_title_right{
    display: inline-block;
    width: 100%;
    max-width: 50px;
    margin: 0 0 0 8px;
}


.flow_list_content{
    margin: -35px 0 0 0;
    padding: 8px 8px 15px;
    position: relative;
}
.flow01_image{
    width: 40%;
    display: table-cell;
    vertical-align: middle;
}
.flow01_image img{
    display: block;
    width: 100%;
    max-width: 280px;
    position: relative;
    left: -5px;
}
.flow01_text{
    width: 60%;
    font-size: 15px;
    display: table-cell;
    vertical-align: middle;
}
.flow01_text span{
    color: #e98699;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0em;
}

.flow02_text{
    width: 60%;
    font-size: 15px;
    display: table-cell;
    vertical-align: middle;
}
.flow02_text span{
    color: #e98699;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0em;
}
.flow02_image{
    width: 40%;
    display: table-cell;
    vertical-align: middle;
}
.flow02_image img{
    display: block;
    width: 100%;
    max-width: 280px;
    position: relative;
    right: -5px;
}

.flow03_image{
    width: 80%;
    display: block;
    margin: 5px auto 0;
}
.flow03_image img{
    display: block;
    width: 100%;
    max-width: 360px;
    position: relative;
    top: -5px;
    margin: 0 auto;
}
.flow03_text{
    width: 100%;
    font-size: 15px;
    display: block;
}
.flow03_text span{
    color: #e98699;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0em;
}

.flow04_image{
    width: 90%;
    display: block;
    margin: 0 0 0 5%;
}
.flow04_image img{
    display: block;
    top: -5px;
}
.flow04_image01{
    display: block;
    width: 75%;
    max-width: 360px;
}
.flow04_image02{
    display: block;
    width: 40%;
    max-width: 105px;
    position: absolute;
    bottom: 0;
    right: 5%;
}
.flow04_text{
    width: 60%;
    font-size: 15px;
    display: block;
}
.flow04_text span{
    color: #e98699;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0em;
}

.flow05_image{
    width: 40%;
    display: table-cell;
    vertical-align: middle;
}
.flow05_image img{
    display: block;
    width: 100%;
    max-width: 280px;
    position: relative;
    left: -5px;
}
.flow05_text{
    width: 60%;
    font-size: 15px;
    display: table-cell;
    vertical-align: middle;
}
.flow05_text span{
    color: #e98699;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0em;
}

.flow06_image{
    width: 90%;
    display: block;
    margin: 5px auto 0;
}
.flow06_image img{
    display: block;
    width: 100%;
    max-width: 360px;
    position: relative;
    top: -5px;
    margin: 0 auto;
}
.flow06_text{
    width: 100%;
    font-size: 15px;
    display: block;
}
.flow06_text span{
    color: #e98699;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0em;
}

.flow07_text{
    width: 60%;
    font-size: 15px;
    display: table-cell;
    vertical-align: middle;
}
.flow07_text span{
    color: #e98699;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0em;
}
.flow07_image{
    width: 40%;
    display: table-cell;
    vertical-align: middle;
}
.flow07_image img{
    display: block;
    width: 100%;
    max-width: 280px;
    position: relative;
    right: -5px;
}

.flow08_image{
    width: 40%;
    display: table-cell;
    vertical-align: middle;
}
.flow08_image img{
    display: block;
    width: 100%;
    max-width: 280px;
    position: relative;
    left: -5px;
}
.flow08_text{
    width: 60%;
    font-size: 15px;
    display: table-cell;
    vertical-align: middle;
}
.flow08_text span{
    color: #e98699;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0em;
}

.flow_arrow{
    position: absolute;
    bottom: -6px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.flow_arrow img{
    display: block;
    width: 100%;
    max-width: 36px;
    margin: 0 auto;
}



.flow_item_title{
    background: #c7b977;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    text-align: center;
    margin: 50px 0 0 0;
}
.flow_item_title h3{
    position: relative;
    color: #fff;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 16px;
    padding: 8px 0;
    display: inline-block;
}
.flow_item_title_point{
    display: block;
    width: 100%;
    max-width: 86px;
    position: absolute;
    bottom: 10px;
    left: -80px;
}
.flow_item_title_image{
    display: block;
    width: 100%;
    max-width: 52px;
    position: absolute;
    bottom: 0;
    right: -60px;
}

.flow_item{
    background: #fdfcf8;
    border-radius: 8px;
    position: relative;
}
.flow_frame_top_left{
    position: absolute;
    top: 2px;
    left: 0;
    background: url(../img/top/flow_frame_top_left.png) no-repeat;
    background-size: contain;
    width: 40px;
    height: 50px;
}
.flow_frame_top_right{
    position: absolute;
    top: 2px;
    right: 0;
    background: url(../img/top/flow_frame_top_right.png) no-repeat;
    background-size: contain;
    width: 40px;
    height: 50px;
}
.flow_frame_top_center{
    position: absolute;
    top: 2px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: url(../img/top/flow_frame_line01.png) repeat-x;
    background-size: contain;
    width: 80%;
    height: 4px;
}
.flow_frame_middle_left{
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(../img/top/flow_frame_line02.png) repeat-y;
    background-size: contain;
    width: 4px;
    height: 90%;
}
.flow_frame_bottom_left{
    position: absolute;
    bottom: -7px;
    left: 0;
    background: url(../img/top/flow_frame_bottom_left.png) no-repeat;
    background-size: contain;
    width: 40px;
    height: 50px;
}
.flow_frame_bottom_right{
    position: absolute;
    bottom: -7px;
    right: 0;
    background: url(../img/top/flow_frame_bottom_right.png) no-repeat;
    background-size: contain;
    width: 40px;
    height: 50px;
}
.flow_frame_bottom_center{
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: url(../img/top/flow_frame_line01.png) repeat-x;
    background-size: contain;
    width: 80%;
    height: 4px;
}
.flow_frame_middle_right{
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(../img/top/flow_frame_line02.png) repeat-y;
    background-size: contain;
    width: 4px;
    height: 90%;
}


.flow_item_inner{
    padding: 20px 10px 30px;
}

.flow_item_subtitle{
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 18px;
    padding: 8px 0;
    display: block;
    text-align: center;
}
.flow_item_subtitle span{
    display: inline-block;
    background: #c7b977;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 50%;
    font-size: 12px;
    font-family : Arial,'ＭＳ Ｐゴシック',sans-serif ;
    margin: -3px 4px 0 0;
}

.flow_item_list{
    margin: 0 0 10px 0;
}
.flow_item_list li{
    display: inline-block;
    width: 48%;
    margin: 1.2% 0.5%;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #f3f1e9;
    text-align: center;
    padding: 20px 0 10px;
}
.flow_item_list li img{
    display: block;
    width: 100%;
    max-width: 110px;
    margin: 10px auto 0;
}
.flow_item_list li h5{
    background: #84d8d0;
    color: #fff;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    border-radius: 4px;
    padding: 4px 10px;
    font-size: 18px;
}

.flow_item_inner p{
    text-align: center;
    font-size: 13px;
    letter-spacing: 0em;
}

.flow_item_attention_title{
    color: #e84646;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 18px;
    padding: 8px 0;
    display: block;
    text-align: center;
    margin: 20px 0 0 0;
}
.flow_item_attention_list{
    margin: 5px 0;
}
.flow_item_attention_list li{
    display: inline-block;
    width: 48%;
    margin: 1.2% 0.5%;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #f3f1e9;
    text-align: center;
    padding: 20px 0 10px;
}
.flow_item_attention_list li img{
    display: block;
    width: 100%;
    max-width: 70px;
    margin: 10px auto 0;
}
.flow_item_attention_list li h5{
    background: #e84646;
    color: #fff;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    border-radius: 4px;
    padding: 4px 10px;
    font-size: 18px;
}







/*---------------------------------------------------------
女の子体験談
---------------------------------------------------------*/
#interview{
    position: relative;
    z-index: 2;
    border-top: 4px solid #c7f498;
    background: url(../img/top/interview_background.jpg) repeat;
    background-size: 330px;
    width: 100%;
    padding: 0 0 20px 0;
    margin: 30px 0 0 0;
}
.interview_separate_top{
    position: absolute;
    top: -30px;
    left: 0;
    background: url(../img/top/section_separate05.png) repeat-x;
    background-size: contain;
    width: 100%;
    height: 26px;
}
.interview_subtitle{
    position: absolute;
    top: -39px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.interview_subtitle img{
    display: block;
    width: 100%;
    max-width: 140px;
}

.interview_inner{
    margin: 30px 0 20px;
}

.interview_content{
    width: 100%;
    background: url(../img/top/interview_inner_background.jpg) repeat;
    background-size: 1.1%;
    padding: 8px;
    border-radius: 8px;
    margin: 5px 0 20px;
    position:relative;
}
.interview_content_inner{
    padding: 8px;
    position: relative;
}
.interview01_title{
    background: url(../img/top/interview01_title.png) no-repeat;
    background-size: contain;
    width: 100%;
    max-width: 270px;
    height: 56px;
    position: absolute;
    top: -22px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    text-align: center;
}
.interview01_title h3{
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 38%;
    left: 50%;
    -webkit-transform: translate(-50%, -38%);
    transform: translate(-50%, -38%);
}

.interview02_title{
    background: url(../img/top/interview02_title.png) no-repeat;
    background-size: contain;
    width: 100%;
    max-width: 270px;
    height: 60px;
    position: absolute;
    top: -25px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    text-align: center;
}
.interview02_title h3{
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 34%;
    left: 50%;
    -webkit-transform: translate(-50%, -34%);
    transform: translate(-50%, -34%);
}

.interview03_title{
    background: url(../img/top/interview03_title.png) no-repeat;
    background-size: contain;
    width: 100%;
    max-width: 310px;
    height: 86px;
    position: absolute;
    top: -25px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    text-align: center;
    margin: 0 auto;
}
.interview03_title h3{
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 34%;
    left: 50%;
    -webkit-transform: translate(-50%, -34%);
    transform: translate(-50%, -34%);
    line-height: 1.4;
}

.interview01_content_top{
    background: #fff;
    border-radius: 8px;
    padding: 15px 8px;
    margin: 20px 0 0 0;
}
.interview02_content_top{
    background: #fff;
    border-radius: 8px;
    padding: 15px 8px;
    margin: 20px 0 0 0;
}
.interview03_content_top{
    background: #fff;
    border-radius: 8px;
    padding: 20px 8px 15px;
    margin: 40px 0 0 0;
}

.interview01_content_image{
    width: 35%;
    display: table-cell;
    position: relative;
    top: -10px;
    padding: 0 0 10px 0;
}
.interview01_content_image img{
    display: block;
    width: 104%;
    max-width: 280px;
    position: relative;
    left: -5px;
}
.interview01_content_image p{
    display: block;
    width: 100%;
    font-size: 10px;
    letter-spacing: 0em;
    text-align: center;
    margin: -22% 0 0 -5px;
    position: relative;
    z-index: 2;
}

.interview02_content_image{
    width: 35%;
    display: table-cell;
    position: relative;
    padding: 0 0 10px 0;
}
.interview02_content_image img{
    display: block;
    width: 104%;
    max-width: 280px;
    position: relative;
    left: -10px;
}
.interview02_content_image p{
    display: block;
    width: 100%;
    font-size: 10px;
    letter-spacing: 0em;
    text-align: center;
    margin: -22% 0 0 -5px;
    position: relative;
    z-index: 2;
}

.interview03_content_image{
    width: 35%;
    display: table-cell;
    position: relative;
    top: -5px;
    padding: 0 0 10px 0;
}
.interview03_content_image img{
    display: block;
    width: 104%;
    max-width: 280px;
    position: relative;
    left: -5px;
}
.interview03_content_image p{
    display: block;
    width: 100%;
    font-size: 10px;
    letter-spacing: 0em;
    text-align: center;
    margin: -28% 0 0 -5px;
    position: relative;
    z-index: 2;
}

.interview_content_text{
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
}
.interview_content_bottom{
    background: #fff;
    border-radius: 8px;
    padding: 4px 8px;
    margin: 10px 0 0 0;
    text-align: center;
}
.interview_content_bottom h4{
    margin: 12px 0;
}
.interview_content_bottom h4 span.interview_content_textcolor01{
    font-family : Arial,'ＭＳ Ｐゴシック',sans-serif ;
    font-size: 26px;
    font-weight: bold;
    color: #a89653;
}
.interview_content_bottom h4 span.interview_content_textcolor02{
    font-family : Arial,'ＭＳ Ｐゴシック',sans-serif ;
    font-size: 26px;
    font-weight: bold;
    /*color: #84d8d0;*/
    color: #eb5d79;
    position: relative;
}
.interview_content_bottom h4 span.interview_content_textcolor02 img{
    display: block;
    width: 100%;
    max-width: 15px;
    position: absolute;
    top: -12px;
    right: -14px;
}










/*---------------------------------------------------------
派遣先エリアの紹介
---------------------------------------------------------*/
#introduction{
    width: 100%;
    background: url(../img/top/background_stripe03.jpg) repeat;
    background-size: 332px;
    background-position: cebter;
    position: relative;
    padding: 0 0 40px;
    z-index: 2;
    border-top: 4px solid #c5eae5;
}
.introduction_separate_top{
    position: absolute;
    top: -30px;
    left: 0;
    background: url(../img/top/section_separate06.png) repeat-x;
    background-size: contain;
    width: 100%;
    height: 26px;
}
.introduction_subtitle{
    position: absolute;
    top: -37px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.introduction_subtitle img{
    display: block;
    width: 100%;
    max-width: 134px;
}


.introduction_list{
}
.introduction_lead{
    text-align: center;
    margin: 20px auto 0;
}
.introduction_lead h3{
    position: relative;
    display: inline-block;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 18px;
}
.introduction_lead h3 img.introduction_lead_left{
    display: block;
    width: 100%;
    max-width: 32px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: -40px;
}
.introduction_lead h3 img.introduction_lead_right{
    display: block;
    width: 100%;
    max-width: 32px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: -40px;
}
.introduction_lead p{
    text-align: left;
    font-size: 15px;
    margin: 15px 0 0 0;
}

.introduction_slider{
    width: 100%;
    max-width: 260px;
    margin: 20px auto 30px;
}

.introduction_slider .swiper-slide{
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e9e6da;
    padding: 15px;
    position:relative;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
}

.introduction_shop_name{
    text-align: center;
}
.introduction_shop_name h3{
    display: inline-block;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 15px;
}
.introduction_slider .swiper-slide img{
    display: block;
    width: 100%;
    margin: 10px 0;
}
.introduction_shop_info{
}
.introduction_shop_info tr{
    width: 100%;
    display: table;
    table-layout: fixed;
}
.introduction_shop_info th{
    display: table-cell;
    width: 24%;
    text-align: center;
    padding: 3px 0;
}
.introduction_shop_info th span{
    font-size: 11px;
    color: #aaa58f;
    background: #fff;
    border: 1px solid #e9e6d9;
    border-radius: 60px;
    padding: 2px 0;
    display: block;
}
.introduction_shop_info td{
    display: table-cell;
    width: 72%;
    font-size: 15px;
    padding: 3px 0 3px 4%;
}

.introduction_shop_detail_link{
    font-size: 10px;
    text-align: right;
    display: block;
    margin: 5px 14px 0 0;
    position: relative;
}
.introduction_shop_detail_link img{
    display: inline-block;
    width: 100%;
    max-width: 5px;
    margin: -3px 0 0 3px;
    position: absolute;
    top: -8px;
    right: -10px;
}

.swiper-pagination-bullets{
    margin: 10px 0 0 0;
}






/*---------------------------------------------------------
よくある質問
---------------------------------------------------------*/
#question{
    position: relative;
    z-index: 2;
    border-top: 4px solid #f6f4bc;
    background: url(../img/top/question_background.jpg) repeat;
    background-size: 332px;
    background-position: cebter;
    width: 100%;
    padding: 0 0 40px 0;
    margin: 30px 0 0 0;
}
.question_separate_top{
    position: absolute;
    top: -30px;
    left: 0;
    background: url(../img/top/section_separate07.png) repeat-x;
    background-size: contain;
    width: 100%;
    height: 26px;
}
.question_subtitle{
    position: absolute;
    top: -41px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.question_subtitle img{
    display: block;
    width: 100%;
    max-width: 146px;
}

.question_inner{
    margin: -10px 0 10px 0;
}
.question_list{
    margin: 10px 0;
}
.question_list li{
    padding: 5px 0;
    clear: both;
}
.question_image{
    display: block;
    vertical-align: top;
    width: 15%;
    float: left;
}
.question_image img{
    display: block;
    width: 100%;
    max-width: 66px;
    margin: 0 auto;
}
.question_text{
    display: block;
    vertical-align: top;
    width: 85%;
    float: left;
    padding: 0 0 0 2%;
}
.question_text h3{
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    border-top-left-radius: 0px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background: #fff;
    border: 1px solid #dfdd9a;
    padding: 8px 12px 8px 12px;
    margin: 20px 0 0 0;
    letter-spacing: 0em;
}
.question_image_answer{
    display: block;
    vertical-align: top;
    width: 15%;
    float: left;
}
.question_image_answer img{
    display: block;
    width: 100%;
    max-width: 66px;
    margin: 0 auto;
}
.question_text_answer{
    display: block;
    vertical-align: top;
    width: 85%;
    float: left;
    padding: 0 0 0 2%;
}
.question_text_answer p{
    color: #fff;
    border-top-left-radius: 0px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    /*background: #84d8d0;*/
    background: #4FC900; 
    padding: 8px 12px 8px 12px;
    margin: 10px 0 0 0;
    font-size: 15px;
    letter-spacing: 0em;
}




/*---------------------------------------------------------
中洲派遣プリンセス挨拶
---------------------------------------------------------*/
#greeting{
    width: 100%;
    background: url(../img/top/background_stripe03.jpg) repeat;
    background-size: 332px;
    background-position: cebter;
    position: relative;
    z-index: 2;
    border-top: 4px solid #c5eae5;
}
.greeting_separate_top{
    position: absolute;
    top: -30px;
    left: 0;
    background: url(../img/top/section_separate06.png) repeat-x;
    background-size: contain;
    width: 100%;
    height: 26px;
}
.greeting_subtitle{
    position: absolute;
    top: -37px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.greeting_subtitle img{
    display: block;
    width: 100%;
    max-width: 134px;
}


.greeting_lead{
}
.greeting_lead p{
    text-align: left;
    font-size: 15px;
    margin: 10px 0;
}

.greeting_inner{
    padding: 0 0 60px 0;
}
.greeting_content{
    width: 100%;
    background: url(../img/top/interview_inner_background.jpg) repeat;
    background-size: 1.1%;
    padding: 4px;
    border-radius: 8px;
    margin: 20px 0 5px;
    position:relative;
}
.greeting_content_inner{
    padding: 4px;
    position: relative;
}


.greeting_content_text{
    background: #fff;
    border-radius: 8px;
    padding: 2px 10px;
    margin: 10px 0 0 0;
}
.greeting_content_title{
    background: url(../img/top/company_ribbon01.png) no-repeat;
    background-size: contain;
    width: 100%;
    max-width: 200px;
    height: 24px;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    top: -15px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.greeting_content_title h3{
    color: #fff;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 12px;
    padding: 2px 0 0 0;
    letter-spacing: 0em;
}
.greeting_content_main_title{
    font-weight: bold;
    font-size: 18px;
    letter-spacing: -0.04em;
    text-align: center;
    margin: 10px 0 0 0;
    text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff;
}
.greeting_content_text p{
    margin: 10px 0;
    font-size: 15px;
}
.greeting_content_text p span.greeting_content_text_large01{
    font-weight: bold;
}
.greeting_content_text p span.greeting_content_text_large02{
    font-weight: bold;
    color: #eb5d79;
    font-size: 15px;
}

.greeting_content_text p.greeting_content_point01{
    text-align: center;
    font-weight: bold;
    border-radius: 2px;
    padding: 8px 0;
    background: #eb5d79;
    color: #fff;
    font-size: 15px;
}
.greeting_content_point01 span{
    font-size: 26px;
}

.greeting_content_text img{
    display: block;
    width: 100%;
    margin: 10px auto;
}

.greeting_content_list{
    border: 6px solid #ecf9f8;
    padding: 0 8px 8px;
    margin: 20px 0 0 0;
    border-radius: 8px;
}
.greeting_content_list h4{
    text-align: center;
    background: #fff;
    margin: -12px auto 0;
    padding: 0 0 0 8px;
    width: 180px;
    font-size: 13px;
}
.greeting_content_list ul{
    margin: 12px 0 0 0;
}
.greeting_content_list ul li{
    margin: 8px 0;
    font-weight: bold;
}
.greeting_content_list ul li span{
    display: table-cell;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: #eb5d79;
    color: #fff;
    text-align: center;
    border-radius: 8px;
    font-size: 11px;
    position: relative;
    top: -1px;
    margin: 0 8px 0 0;
}
.greeting_content_list ul li p{
    display: table-cell;
    font-size: 15px;
    letter-spacing: 0em;
}
.greeting_content_list ul li p:first-child{
    display: table-cell;
    width: 26px;
}

.greeting_content_end{
    position: relative;
    min-height: 90px;
}
.greeting_content_end p{
    display: table-cell;
    vertical-align: top;
}
.greeting_content_end p:first-child{
    width: 60%;
}
.greeting_content_end p img{
    display: block;
    width: 45%;
    max-width: 145px;
    position: absolute;
    bottom: -12px;
    right: -15px;
}




/*---------------------------------------------------------
会社の写真・MAP
---------------------------------------------------------*/
#company{
    position: relative;
    z-index: 2;
    border-top: 4px solid #ece7d2;
    background: #fdfcf8;
    background-size: contain;
    width: 100%;
    padding: 0 0 20px 0;
}
.company_separate_top{
    position: absolute;
    top: -30px;
    left: 0;
    background: url(../img/top/section_separate08.png) repeat-x;
    background-size: contain;
    width: 100%;
    height: 26px;
}
.company_subtitle{
    position: absolute;
    top: -39px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.company_subtitle img{
    display: block;
    width: 100%;
    max-width: 140px;
}

.company_inner{
}

.comapny_slider{
    position: relative;
    max-width: 360px;
    margin: 20px auto 30px;
}
.comapny_slider_outer{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    max-width: 360px;
}
.comapny_slider_point01{
    position: absolute;
    top: -6px;
    left: 23px;
    z-index: 3;
    display: block;
    width: 100%;
    max-width: 120px;
}
.comapny_slider_point02{
    position: absolute;
    top: -13px;
    right: 22px;
    z-index: 3;
    display: block;
    width: 100%;
    max-width: 46px;
}
.comapny_slider_frame{
    position: absolute;
    top: -5px;
    left: 0;
    z-index: 4;
    display: block;
    width: 100%;
    max-width: 360px;
    padding: 14px;
}

.company_slider_content{
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}
.comapny_slider .swiper-slide img{
    display: block;
    width: 100%;
    max-width: 360px;
    height: 230px;
}
@media screen and (min-width: 361px) {
.comapny_slider .swiper-slide img{
    display: block;
    width: 100%;
    max-width: 360px;
    height: 240px;
}
}

.company_slider_content .swiper-pagination-bullets{
    margin: 15px 0 0 0;
}
.company_slider_content .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #ebe9e1;
    opacity: 1;
    border: 1px solid #e9e6d9;
}
.company_slider_content .swiper-pagination-bullet-active {
    opacity: 1;
    background: #c7b977;
    border: 1px solid #c7b977;
}
.company_intro_text{
    padding: 10px 0 20px;
    font-size: 15px;
}
.company_intro_text p span{
    color: #84d8d0;
    font-size: 18px;
    font-weight: bold;
}

.company_point_text{
    font-weight: bold;
    text-align: center;
    background: #ecf9f8;
    padding: 5px 10px;
    margin: 0 0 15px 0;
}
.company_point_text p{
    position: relative;
}
.company_point_text01{
    font-family : Arial,'ＭＳ Ｐゴシック',sans-serif ;
    font-size: 24px;
    font-weight: bold;
    color: #fca0ab;
    display: inline-block;
    margin: 0 2px;
    position: relative;
    bottom: -1px;
}
.company_point_text02{
    font-size: 18px;
    font-weight: bold;
    color: #84d8d0;
    position: relative;
    letter-spacing: 0em;
    display: inline-block;
    margin: 0 0 0 2px;
}
.company_point01{
    display: block;
    width: 100%;
    max-width: 36px;
    position: absolute;
    top: -12px;
    left: 0;
}
.company_point02{
    display: block;
    width: 100%;
    max-width: 36px;
    position: absolute;
    bottom: -20px;
    right: -5px;
}

.company_info_detail{
    text-align: center;
    background: #ecf9f8;
    border-radius: 8px;
    padding: 6px;
    margin: 20px 0 0 0;
}
.company_info_detail_inner{
    background: #fff;
    border-radius: 8px;
    position: relative;
    padding: 20px 8px 8px;
}
.company_info_detail_title{
    background: url(../img/top/company_ribbon01.png) no-repeat;
    background-size: contain;
    width: 80%;
    max-width: 260px;
    height: 42px;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    top: -15px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.company_info_detail h3{
    color: #fff;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 16px;
    padding: 3px 0 0 0;
}

.company_info_detail table{
}
.company_info_detail table tr{
    padding: 10px 4px 10px 8px;
    display: inline-block;
    width: 100%;
    text-align: left;
}
.company_info_detail table tr:nth-child(odd){
    background: #ecf9f8;
    padding: 10px 4px 10px 8px;
    display: inline-block;
    width: 100%;
}
.company_info_detail table tr th{
    width: 10%;
}
.company_info_detail table tr th span{
    border-radius: 4px;
    border: 1px solid #878080;
    text-align: center;
    font-size: 11px;
    padding: 4px;
    background: #fff;
    width: 60px;
    display: inline-block;
}
.company_info_detail table tr td{
    width: 74%;
    text-align: left;
    padding: 0 0 0 4%;
    font-size: 14px;
}
.company_info_detail table tr td p{
    width: 100%;
}
.company_info_detail table tr td a{
    color: #613826;
    cursor: default;
}
.company_info_detail table tr td a:hover{
    opacity: 1;
}

.company_map_detail{
    text-align: center;
    background: #ecf9f8;
    border-radius: 8px;
    padding: 6px;
    margin: 20px 0 0 0;
}
.company_map_detail_inner{
    background: #fff;
    border-radius: 8px;
    position: relative;
}
.company_map_detail_title{
    background: url(../img/top/company_ribbon02.png) no-repeat;
    background-size: contain;
    width: 80%;
    max-width: 150px;
    height: 42px;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    top: -15px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.company_map_detail_title img{
    display: inline-block;
    width: 100%;
    max-width: 12px;
    margin: -3px 4px 0 0;
}

.company_map_detail h3{
    color: #fff;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 16px;
    padding: 3px 0 0 0;
}

.company_map{
}
.company_map iframe{
    display: block;
    width: 100%;
    height: 400px;
}

/*---------------------------------------------------------
ブログコンテンツ
---------------------------------------------------------*/
.info_inner{
    border-top: 4px solid #fceff2;
    border-bottom: 4px solid #fceff2;
    background: #fffafb;
    padding: 10px 5px;
}
.info_inner ul li{
    font-size: 14px;
    letter-spacing: -0.04em;
    padding: 5px 0;
    margin: 5px 0;
    border-bottom: 1px solid #ededed;
}
.info_inner ul li:last-child{
    border-bottom: none;
}
.info_inner ul li a{
    position: relative;
    display: block;
    width: 100%;
    padding: 0 10px 0 0;
}
.info_inner ul li a:after{
    position:absolute;top:50%;
    right:0;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    content:"";background-image:url(../img/common/content_link_arrow.png);
    background-repeat:no-repeat;
    width:6px;
    height:10px;
    background-size:contain;
}

/*---------------------------------------------------------
404
---------------------------------------------------------*/
#notfound{
    padding: 30px 0 40px;
    text-align: center;
    position: relative;
}
.navigation_separate_top{
    position: absolute;
    top: -25px;
    left: 0;
    background: url(../img/top/section_separate02.png) repeat-x;
    background-size: contain;
    width: 100%;
    height: 26px;
    z-index: 2;
}

#notfound h2{
    font-size: 16px;
    font-weight: bold;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin: 0 0 10px 0;
}
#notfound p{
    font-size: 15px;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#notfound p a{
    display: inline-block;
    text-decoration: underline;
    font-weight: bold;
    font-size: 16px;
    margin: 10px 0 0 0;
}