/* CSS Document */
@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond:400i');

@font-face {
    font-family: "Miama";
    src: url('../font/Miama.eot');
    src: url('../font/Miama.eot?#iefix') format('embedded-opentype'),
         url('../font/Miama.woff') format('woff'),
         url('../font/Miama.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: "fontawesome-webfont";
    src: url('../font/fontawesome-webfont.eot');
    src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/fontawesome-webfont.woff') format('woff'),
         url('../font/fontawesome-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
/*ブログ機能用*/
div[content_type="blog"] {
    display:block !important;
    }
div[content_type="blog"]:hover:before {
    content:"※こちらはブログ機能になります。左下（もしくは左上）のUNISON CMSのロゴをクリックして、「記事を投稿する」ボタンから記事を投稿してください。";
    display:block;
    line-height:1.8;
    font-weight:bold;
    color:red;
    font-size:0.8em;
}

/*ブログカテゴリー用*/
div[content_type="blog_category"] {
    display:block !important;
    }
div[content_type="blog_category"]:hover:before {
    content:"※こちらはブログのカテゴリー機能になります。カテゴリーを編集する場合は、左下（もしくは左上）のUNISON CMSのロゴをクリックして、「記事を投稿する」ボタンから「記事投稿」画面に行っていただき、「記事カテゴリ管理」から編集ができます。";
    display:block;
    line-height:1.8;
    font-weight:bold;
    color:red;
    font-size:0.8em;
}

/*ギャラリー用*/
div[content_type="gallery"] {
    display:block !important;
}
div[content_type="gallery"]:hover:before {
    content:"※ギャラリー機能になります。「設定」ボタンから編集ができます。「画像選択」から画像の追加ができ、画像の順番はドラッグ&ドロップで簡単に並び替えできます。";
    display:block;
    line-height:1.8;
    font-weight:bold;
    color:red;
    font-size:0.8em;
    clear:both;
}


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, "游ゴシック", "ＭＳ Ｐゴシック", sans-serif;
    line-height: 160%;
    color: #333
    }
.clearfix:after {
    content: ".";
    display: block !important;
    clear: both;
    height: 0;
    visibility: hidden
    }
.clearfix {
    display: inline-block
    }
* html .clearfix {
    height: 1%
    }
.clearfix {
    display: block
    }
.clearfix {
    /*
        overflow: hidden;
    */
    }
.clear {
    clear: both
    }
img {
    vertical-align: top;
    border: none
    }
a {
    color: #333;
    text-decoration: none
    }
a:hover {
    opacity: 0.6
    }
.biyoumenu a:hover{
opacity:1;
}

ul {
    list-style: none
    }
.form_txt {
    text-align: center !important;
    line-height: 150%;
    }
#wrapper {
    min-width: 1080px;
    overflow: hidden
    }
#header .inner {
    width: 1080px;
    height: 176px;
    margin: 0 auto;
    padding: 25px 0 0 0
    }
#header h1 {
    font-size: 12px;
    padding-bottom: 20px;
    }
#header .logo{
    float: left;
    padding: 11px 0 0 22px
    }
#header .inner .right {
    float: right;
    width: 232px;
    padding: 0 14px 0 0
    }
#header .inner .time {
    float: left;
    padding: 9px 0 0 259px;
    width: 356px;
    height: auto
    }
#header .inner .time table {
    width: 100%;
    height: auto;
    border-collapse: collapse;
    margin-bottom: 6px
    }
#header .inner .time th {
    width: 132px;
    height: 35px;
    border-bottom: 1px solid #d6cdbe;
    font-weight: normal;
    color: #5c4637;
    text-align: left;
    padding: 0 0 0 13px
    }
#header .inner .time td {
    border-bottom: 1px solid #d6cdbe;
    border-left: 1px solid #d6cdbe;
    text-align: center;
    color: #5c4637
    }
#header .inner .time thead th {
    border-bottom: none;
    background: #ff9d3e;
    height: 30px
    }
#header .inner .time thead td {
    border-bottom: none;
    background: #ff9d3e;
    font-size: 13px;
    color: #fff
    }
#header .inner .time p {
    text-align: right;
    font-size: 11px
    }
#header .inner .right dl {
    text-align: center
    }
#header .inner .right dt {
    font-size: 15px;
    font-weight: bold;
    color: #686158
    }
#header .inner .right dt + dd {
    font-size: 26px;
    font-weight: bold;
    color: #ff9d3e;
    line-height: 1;
    padding: 8px 0 6px 0
    }
#header .inner .right dd + dd {
    background: #82c278;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    line-height: 16px
    }
#header .inner .right p {
    font-size: 12px;
    line-height: 140%;
    width: 245px;
    height: auto;
    padding: 15px 0 0 0
    }
#gnav {
    width: 100%;
    height: auto
    }
#gnav.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background: #fff;
    box-shadow: 0 2px 3px 0 #b8b8b8;
    -moz-box-shadow: 0 2px 3px 0 #b8b8b8;
    -webkit-box-shadow: 0 2px 3px 0 #b8b8b8
    }
#gnav ul {
    width: 1080px;
    height: auto;
    margin: 0 auto;
    padding: 13px 0
    }
#gnav li {
    width: 16.6%;
    height: auto;
    float: left;
    text-align: center
    }
#gnav li a {
    display: block;
    line-height: 34px;
    border-left: 1px solid #e0e0e0
    }
#gnav li:last-child a {
    border-right: 1px solid #e0e0e0
    }
#footer {
    background: #f5f0e7
    }
#footer .inner {
    width: 1040px;
    height: auto;
    margin: 0 auto;
    padding: 30px 0 0 0
    }
#footer .inner .left {
    float: left;
    width: 233px;
    height: auto;
    padding: 0 34px 0 0
    }
#footer .inner .left h3 {
    text-align: center;
    padding: 0 0 10px 0
    }
#footer .inner .left dl {
    text-align: center
    }
#footer .inner .left dt {
    font-size: 13px
    }
#footer .inner .left dt + dd {
    color: #f19f4e;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 3px;
    padding-top: 3px
    }
#footer .inner .left dt + dd img {
    vertical-align: middle
    }
#footer .inner .left dd + dd a {
    width: 169px;
    height: auto;
    line-height: 32px;
    background: #82c278;
    text-align: center;
    display: inline-block !important;
    color: #fff;
    font-size: 11px;
    color: #fff
    }
#footer .inner .left dd + dd a img {
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 8px
    }
#footer .inner table {
    width: 260px;
    height: auto;
    float: left;
    border-collapse: collapse;
    margin: 0 19px 0 0
    }
#footer .inner th {
    width: 50px;
    height: 58px;
    border-bottom: 1px solid #d6cdbe;
    font-weight: normal;
    color: #5c4637;
    font-size: 13px
    }
#footer .inner td {
    border-bottom: 1px solid #d6cdbe;
    border-left: 1px solid #d6cdbe;
    color: #5c4637;
    text-align: center;
    font-size: 13px
    }
#footer .inner thead th {
    height: 34px;
    background: #ff9d3e
    }
#footer .inner thead td {
    background: #ff9d3e;
    color: #fff
    }
#footer .inner .time {
    float: left;
    width: 140px;
    height: auto
    }
#footer .inner .time dt {
    font-size: 12px
    }
#footer .inner .time dd {
    font-size: 12px
    }
#footer .inner .time dl {
    padding-bottom: 8px
    }
#footer .inner .time li {
    font-size: 12px
    }
#footer .inner .footnav {
    float: right;
    width: 338px;
    height: auto;
    text-align: right
    }
#footer .inner .footnav:before {
    content: "";
    width: 1px;
    height: 182px;
    background: #d6cdbe;
    display: inline-block !important;
    float: left
    }
#footer .inner .footnav ul {
    display: inline-block !important;
    vertical-align: top;
    text-align: left;
    padding: 0 0 0 20px
    }
#footer .inner .footnav ul ul {
    display: block !important;
    padding: 0 0 0 0
    }
#footer .inner .footnav li {
    font-size: 12px
    }
#footer .inner .footnav li a {
    padding: 0 0 0 12px;
    background: url(../images.9108ccf85606138e36841651911d6a14/fmk1.gif) 0 5px no-repeat
    }
#footer .inner .footnav li .k {
    padding: 0 0 0 12px;
    background: url(../images.9108ccf85606138e36841651911d6a14/fmk1.gif) 0 5px no-repeat
    }
#footer .inner .footnav li li a {
    padding: 0 0 0 0
    }
#footer .inner .footnav li li {
    padding: 0 0 0 15px
    }
#footer .inner .footnav li li a {
    padding: 0 0 0 8px;
    background: url(../images.9108ccf85606138e36841651911d6a14/fmk2.gif) 0 8px no-repeat
    }
#footer .inner .footnav {
    padding: 0 0 20px 0
    }
#footer .copy {
    text-align: center;
    background: #82c278;
    color: #fff;
    font-size: 10px;
    line-height: 29px
    }
.totop {
    position: fixed;
    right: 20px;
    bottom: 35px;
    z-index: 100
    }
#main {
    padding-bottom: 75px
    }
/*下層共通*/
.i {
    font-family: "fontawesome-webfont";
    font-weight: normal
    }
.undertit {
    width: 100%;
    height: 302px;
    position: relative
    }
.undertit:before {
    content: url(../images.9108ccf85606138e36841651911d6a14/undertit_mk.png);
    width: 800px;
    height: 302px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
    }
.undertit h2 {
    width: 819px;
    margin: 0 auto;
    padding: 128px 179px 0 0;
    text-align: right;
    font-size: 48px;
    color: #68b75b;
    position: relative;
    z-index: 3;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-weight: normal
    }
.undertit .underpic {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    height: 302px;
    float: left
    }
.undertit .underpic img {
    position: relative;
    z-index: 0;
    float: left
    }
.undertit .underpic:before {
    content: " ";
    display: block;
    position: absolute;
    z-index: 1;
    width: 50%;
    height: 302px;
    top: 0;
    right: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* IE6-9 */
    }
.w1000 {
    width: 1000px;
    margin: 0 auto
    }
.under .h3h {
    padding-bottom: 40px
    }
.unw {
    padding-top: 40px
    }
.whitebg {
    position: relative;
    width: 100%;
    height: auto
    }
.whitebg .bkimg {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0
    }
.whitebg .inner {
    position: relative;
    z-index: 3
    }
/*home*/
.mainimg img {
    width: 100% !important;
    height: auto !important;
    }
.home-greet {
    width: 1040px;
    height: auto;
    margin: 0 auto;
    padding: 30px 0 40px 0;
    position: relative
    }
.h3h {
    text-align: center;
    font-size: 17px;
    font-weight: normal;
    line-height: 1
    }
.h3h .w {
    display: inline-block !important
    }
.h3h:before {
    content: url(../images.9108ccf85606138e36841651911d6a14/titl.png);
    vertical-align: top;
    display: inline-block !important;
    padding-right: 15px;
    margin-top: 6px
    }
.h3h:after {
    content: url(../images.9108ccf85606138e36841651911d6a14/titr.png);
    vertical-align: top;
    display: inline-block !important;
    padding-left: 15px;
    margin-top: 6px
    }
.h3h .e {
    font-size: 11px;
    display: block;
    padding-top: 5px;
    color: #979797
    }
.home-greet h3 {
    padding-bottom: 23px
    }
.home-greet .inner {
    position: relative;
    z-index: 1
    }
.home-greet .pic {
    float: left;
    padding: 0 0 16px 0
    }
.home-greet .right {
    float: right;
    width: 800px;
    height: auto
    }
.home-greet .right h4 {
    font-size: 20px;
    color: #ff9d3e;
    font-weight: normal;
    padding: 0 0 16px 0
    }
.home-greet .right p {
    padding: 0 0 16px 0
    }
.hmore {
    text-align: center
    }
.hmore a {
    width: 200px;
    height: auto;
    line-height: 44px;
    display: inline-block !important;
    color: #fff;
    background-color: #ff9d3e;
    text-align: center;
    font-weight: bold;
    background-image: url(../images.9108ccf85606138e36841651911d6a14/hmorel.gif), url(../images/hmorer.gif);
    background-position: 0 0, right 0;
    background-repeat: no-repeat
    }
.hmore img {
    vertical-align: middle;
    margin-right: 8px;
    margin-left: -6px
    }
.home-greet .hmore {
    padding: 4px 0 0 0
    }
.home-greet .bkimg {
    color: #e7decb;
    font-size: 200px;
    font-family: "Miama";
    opacity: 0.2;
    position: absolute;
    bottom: 0;
    right: -144px;
    line-height: 1
    }
.home-buty {
    background-color: #82c278;
    position: relative;
    z-index: 1
    }
.home-menu .inner {
    width: 1040px;
    height: auto;
    margin: 0 auto;
    padding: 30px 0 30px 0;
    position: relative;
    z-index: 2
    }
.home-menu h3 {
    padding-bottom: 24px
    }
.home-menu dl {
    float: left;
    width: 300px;
    height: auto;
    padding: 0 70px 0 0
    }
.home-menu dl dt {
    width: 300px;
    height: 240px;
    position: relative;
    background: url("../images/shiono_logo.jpg") center center no-repeat #fff;
    background-size: 80% auto;
    }
.home-menu dl dt span.thum {
    display: block;
    width: 300px;
    height: 240px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.home-menu dt strong {
    display: block;
    width: 100%;
    height: auto;
    background: rgba(255, 255, 255, 0.68);
    line-height: 37px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    font-size: 16px;
    color: #5c4637
    }
.home-menu .inner div.clearfix {
    width: 1160px
    }
.home-menu dt + dd {
    padding: 12px 0 12px 0;
    min-height: 85px
    }
.home-buty dt + dd {
    color: #fff
    }
.home-buty h3 {
    color: #fff
    }
.home-buty h3 .e {
    color: #fff
    }
.home-buty h3:before {
    content: url(../images.07ebe8d5214f9bfa34ce843fcaa18845/titbl.gif)
    }
.home-buty h3:after {
    content: url(../images.07ebe8d5214f9bfa34ce843fcaa18845/titbr.gif)
    }
.home-buty .hmore a {
    background-image: url(../images.07ebe8d5214f9bfa34ce843fcaa18845/hmore2l.gif), url(../images/home/hmore2r.gif);
    background-color: #f5ead5;
    color: #5c4637
    }
.home-buty .bkimg {
    position: absolute;
    top: 0;
    left: 0
    }
.home-chiryou {
    background-color: #efeae1;
    position: relative
    }
.home-chiryou .bkimg {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0
    }
.home-reason {
    position: relative;
    overflow: hidden
    }
.home-reason .bkimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
    }
.home-reason .bkimg img {
    width: 100%;
    height: auto;
    min-width: 1366px;
    opacity: 0.6
    }
.home-reason .inner {
    position: relative;
    z-index: 1;
    width: 1040px;
    height: auto;
    margin: 0 auto;
    padding: 40px 0 30px 0
    }
.home-reason h3 {
    padding-bottom: 25px
    }
.home-reason .box {
    width: 450px;
    height: auto;
    float: left;
    margin: 0 0 20px 40px;
    background: #efeae1;
    padding: 6px 0
    }
.home-reason .inner div.clearfix {
    padding: 0 0 0 10px
    }
.home-reason .box dl {
    border: 1px solid #fff;
    margin: 0 6px;
    min-height: 172px;
    padding: 0 18px 0 18px
    }
.home-reason .box .p {
    text-align: center;
    font-family: "Cormorant Garamond", serif;
    font-size: 22px;
    line-height: 1
    }
.home-reason .box .p strong {
    font-size: 38px;
    font-weight: normal;
    padding-left: 10px
    }
.home-reason .box .p:before {
    content: "";
    width: 1px;
    height: 27px;
    background: #807f7d;
    display: inline-block !important;
    -moz-transform: rotate(134deg);
    -webkit-transform: rotate(134deg);
    -o-transform: rotate(134deg);
    -ms-transform: rotate(134deg);
    transform: rotate(134deg);
    margin-right: 31px;
    vertical-align: middle
    }
.home-reason .box .p:after {
    content: "";
    width: 1px;
    height: 27px;
    background: #807f7d;
    display: inline-block !important;
    -moz-transform: rotate(46deg);
    -webkit-transform: rotate(46deg);
    -o-transform: rotate(46deg);
    -ms-transform: rotate(46deg);
    transform: rotate(46deg);
    margin-left: 31px;
    vertical-align: middle
    }
.home-reason .box dt {
    text-align: center;
    font-size: 16px;
    color: #82c278;
    font-weight: bold;
    padding: 12px 0 8px 0
    }
.home-reason .box dt + dd {
    padding: 0 0 10px 0
    }
.home-flow {
    position: relative;
    background: #efeae1
    }
.home-flow .inner {
    padding: 40px 0 7px 0;
    width: 1040px;
    height: auto;
    margin: 0 auto;
    position: relative;
    z-index: 1
    }
.home-flow .bkimg li:nth-child(1) {
    position: absolute;
    top: 0;
    left: 0
    }
.home-flow .bkimg li:nth-child(2) {
    position: absolute;
    bottom: 0;
    right: 0
    }
.home-flow h3 {
    padding: 0 0 25px 0
    }
.home-flow .box {
    width: 500px;
    height: auto;
    float: left;
    padding: 0 40px 20px 0
    }
.home-flow .wrap {
    width: 1080px
    }
.home-flow .box . {
    float: left
    }
.home-flow .box .right {
    float: right;
    width: 238px;
    height: auto
    }
.home-flow .box h4 {
    color: #5c4637;
    padding: 0 0 16px 0;
    font-size: 15px
    }
.home-flow .box h4 .s {
    font-family: "Cormorant Garamond", serif;
    font-weight: normal;
    display: block;
    font-size: 22px;
    color: #333;
    padding-bottom: 8px
    }
.home-flow .box h4 strong {
    font-size: 38px;
    font-weight: normal;
    margin-left: 10px
    }
.home-flow .box h4 .s:after {
    display: block;
    width: 24px;
    height: 1px;
    background: #5c4637;
    content: "";
    margin-top: 12px
    }
.home-flow .box p {
    padding: 0 0 16px 0
    }
.home-voice {
    background-color: #f1efce;
    position: relative
    }
.home-voice dt + dd {
    min-height: 0;
    padding-bottom: 25px
    }
.home-voice .bkimg li:nth-child(1) {
    position: absolute;
    top: 0;
    left: 0
    }
.home-voice .bkimg li:nth-child(2) {
    position: absolute;
    bottom: 0;
    right: 0
    }
.home-voice dt strong {
    font-weight: normal
    }
.home-post {
    width: 1040px;
    height: auto;
    margin: 0 auto;
    padding: 40px 0 30px 0
    }
.home-post .box {
    width: 500px;
    height: auto;
    float: left
    }
.home-post .box.right {
    float: right
    }
.home-post .box dt {
    float: left
    }
.home-post .box dd {
    padding: 0 0 0 120px
    }
.home-post .box dl {
    border-bottom: 1px solid #f5f1ed;
    padding: 8px 0;
    overflow: hidden
    }
.home-post .box .table {
    border-top: 1px solid #f5f1ed;
    padding-bottom: 24px
    }
.home-post .box h3 {
    padding-bottom: 25px
    }
.home-post .box .hmore a {
    width: 150px;
    line-height: 34px;
    background: url(../images.07ebe8d5214f9bfa34ce843fcaa18845/postmore.gif) right 0 no-repeat #ff9d3e
    }
.home-access {
    padding: 42px 0 30px 0;
    width: 1040px;
    height: auto;
    margin: 0 auto
    }
.home-access .map {
    width: 670px;
    height: 270px;
    float: left
    }
.home-access .right {
    float: right;
    width: 290px;
    padding: 56px 12px 0 0
    }
.home-access h3 {
    padding-bottom: 25px
    }
.home-access .right h4 {
    font-size: 16px;
    border-bottom: 1px solid #000;
    text-align: center;
    line-height: 240%;
    margin-bottom: 18px
    }
.home-access .right p {
    padding: 0 0 20px 0
    }
.home-other {
    padding: 32px 0 30px 0;
    width: 1040px;
    height: auto;
    margin: 0 auto
    }
.home-other h3 {
    padding-bottom: 25px
    }
.home-other .fb {
    width: 340px;
    height: auto;
    float: left;
    padding: 0 20px 0 0
    }
.home-other ul {
    float: right;
    width: 300px;
    height: auto
    }
.home-other li.bnr1 a {
    display: block;
    border: 1px solid #dcdcdc;
    position: relative
    }
.home-other li.bnr1 .w {
    width: 100%;
    height: 58px;
    position: absolute;
    top: 39px;
    left: 0;
    background: rgba(255, 157, 62, 0.8) url(../images.07ebe8d5214f9bfa34ce843fcaa18845/itemmk.gif) 75px 20px no-repeat;
    color: #fff;
    text-align: center
    }
.home-other li.bnr1 .w strong {
    display: block;
    font-size: 20px;
    padding-top: 13px
    }
.home-other li.bnr1 .w .e {
    display: block;
    font-size: 11px;
    letter-spacing: 1.5px;
    line-height: 1;
    padding-top: 3px
    }
.home-other li.bnr1 {
    padding-bottom: 25px
    }
.home-other li.bnr2 a {
    display: block;
    width: auto;
    height: 59px;
    padding: 10px 0;
    position: relative;
    background: rgb(200, 228, 111);
    background: -moz-linear-gradient(left, rgba(200, 228, 111, 1) 0%, rgba(130, 194, 120, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(200, 228, 111, 1) 0%, rgba(130, 194, 120, 1) 100%);
    background: linear-gradient(to right, rgba(200, 228, 111, 1) 0%, rgba(130, 194, 120, 1) 100%)
    }
.home-other li.bnr2 a img {
    position: absolute;
    top: 0;
    right: 15px
    }
.home-other li.bnr2 a .w {
    border: 1px solid rgba(255, 255, 255, 0.52);
    margin: 0 10px;
    display: block;
    width: auto;
    height: 57px;
    padding: 0 54px 0 0;
    text-align: center;
    color: #fff
    }
.home-other li.bnr2 a strong {
    display: block;
    font-size: 17px;
    padding-top: 13px
    }
.home-other li.bnr2 a .e {
    display: block;
    font-size: 11px;
    letter-spacing: 1.5px;
    line-height: 1px;
    padding-top: 6px
    }
/*beginner*/
.bigi1 {
    width:1000px;
    padding-bottom: 20px;
    margin:0 auto;
    }
.bigi1 div#shindan {
    overflow: hidden;
    width: 1000px !important;
    }
.bigi1 .left {
    width: 630px;
    float: left
    }
.bigi1 .x_slide {
    display:none;
    }
.bigi1 .txt1 {
    font-size: 16px;
    padding-bottom: 10px
    }
.bigi1 .txt1 img {
    vertical-align: middle;
    padding-left: 5px
    }
.bigi1 .left li {
    width: 173px;
    height: 124px;
    text-align: center;
    float: left;
    font-size: 16px;
    line-height: 180%;
    background-color: #ffeadc
    }
.bigi1 .left li.arw {
    width: 30px;
    height: auto;
    padding-top: 55px;
    text-align: center;
    background-color: #FFF
    }
.bigi1 .left .start {
    text-align: center;
    background-color: #ff9e30;
    color: #FFF
    }
.bigi1 .left .start strong {
    display: block;
    padding: 14px 0 5px 0
    }
.bigi1 .left li .gyo1 {
    display: block;
    padding: 50px 0 0 0
    }
.bigi1 .left li .gyo2 {
    display: block;
    padding: 35px 0 0 0
    }
.bigi1 .left li .gyo3 {
    display: block;
    padding: 20px 0 0 0
    }
.bigi1 .left li.arw1 {
    background: #FFF;
    text-align: right;
    width: 51px;
    padding: 15px 0 0 0
    }
.bigi1 .left li.arw1 img {
    padding-bottom: 74px
    }
.bigi1 .left li.arw1 img + img {
    padding-bottom: 0
    }
.bigi1 .left li.arw2, .bigi1 .left li.arw3, .bigi1 .left li.arw4 {
    height: auto;
    background-color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px
    }
.bigi1 .left li.arw2 {
    margin: 0 30px 0 0
    }
.bigi1 .left li.arw4 {
    width: 30px;
    padding: 12px 0 0 0
    }
.bigi1 .right {
    width: 360px;
    float: right;
    padding: 18px 0 0 0
    }
.bigi1 .right dl {
    position: relative;
    margin-bottom: 15px
    }
.bigi1 .right dt {
    width: 78px;
    height: 63px;
    border-radius: 50%;
    background-color: #ff9e30;
    color: #FFF;
    font-weight: bold;
    padding: 15px 0 0 0;
    line-height: 160%;
    text-align: center;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -39px
    }
.bigi1 .right dd {
    width: 230px;
    background-color: #ffffe7;
    padding: 10px 10px 10px 80px;
    float: right
    }
.bigi1 .right dd .txt {
    display: block;
    width: 135px;
    font-size: 14px;
    line-height: 180%
    }
.bigi1 .right dd strong {
    display: block;
    position: absolute;
    width: 90px;
    line-height: 17px;
    top: 50%;
    right: 10px;
    margin-top: -8px;
    float: right;
    font-size: 17px;
    font-weight: bold;
    color: #ff9e30
    }
.bigi2 .inner {
    position: relative;
    z-index: 3
    }
.bigi2 .box {
    padding: 0 0 40px 0
    }
.bigi2 .box .pic {
    width: 300px;
    float: left
    }
.bigi2 .box .right {
    width: 680px;
    float: right
    }
.bigi2 .box .right h4 {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #5c4637;
    background-color: #d7ebd4;
    padding: 8px 0;
    margin-bottom: 25px
    }
.bigi2 .box .right dt {
    font-weight: bold;
    color: #FFF;
    padding-bottom: 28px
    }
.bigi2 .box .right dd {
    color: #FFF;
    padding-bottom: 28px
    }
.bigi2 .box .right .price {
    font-weight: bold;
    color: #FFF
    }
.bigi3 {
    padding-bottom: 40px
    }
.bigi3 .inner {
    width: 1048px;
    margin: 0 auto;
    z-index: 3;
    position: relative
    }
.bigi3 .boxwap {
    padding-bottom: 40px
    }
.bigi3 .box {
    width: 508px;
    float: left
    }
.bigi3 .box + .box {
    float: right
    }
.bigi3 .box .pic {
    width: 250px;
    float: left
    }
.bigi3 .box dl {
    width: 245px;
    float: right
    }
.bigi3 .box dl .num {
    color: #5c4637;
    font-family: "Cormorant Garamond", serif;
    font-weight: normal;
    display: block;
    font-size: 22px;
    color: #333;
    padding: 0 0 16px 0
    }
.bigi3 .box dl .num .ss {
    padding-bottom: 10px;
    border-bottom: 1px solid #5c4637
    }
.bigi3 .box dl .num strong {
    font-size: 38px;
    font-weight: normal;
    margin-left: 10px
    }
.bigi3 .box dl dt {
    font-weight: bold;
    font-size: 15px;
    color: #5c4637;
    padding-bottom: 10px
    }
.bigi4 strong {
    display: block;
    width: 44px;
    padding: 7px 0;
    text-align: center;
    color: #FFF;
    font-weight: normal;
    float: left;
    font-size: 17px
    }
.bigi4 .txt {
    width: 940px;
    float: right
    }
.bigi4 dt strong {
    background-color: #ff9d3e
    }
.bigi4 dt .txt {
    font-weight: bold;
    color: #5c4637;
    font-size: 15px;
    padding: 7px 0 0 0
    }
.bigi4 dt {
    padding-bottom: 15px;
    border-bottom: 1px solid #5c4637;
    margin-bottom: 20px
    }
.bigi4 dd strong {
    background-color: #82c278
    }
.bigi4 dd .txt {
    font-size: 13px
    }
.bigi4 dl {
    padding-bottom: 60px
    }
/*salon*/
.salon2.home-reason .inner .clearfix.salon21 {
    padding-bottom: 80px
    }
.salon2.home-reason .inner .clearfix.salon21 p {
    text-align: center;
    }
.salon2 .h3h .w img {
    vertical-align: middle;
    padding-right: 5px
    }
.salon2.home-reason .bkimg img {
    opacity: 0.2
    }
.salon2.home-reason .inner {
    padding-bottom: 90px
    }
.salon3 dt {
    width: 100px;
    padding: 0 0 20px 60px;
    float: left;
    font-weight: bold;
    color: #5c4637
    }
.salon3 dd {
    width: 840px;
    float: right;
    padding-bottom: 20px
    }
.salon3 dl {
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 24px
    }
.salon4 {
    padding: 40px 0 0 0
    }
.salon4 h4 {
    text-align: center;
    font-size: 16px;
    color: #5c4637;
    padding-bottom: 25px
    }
.salon4 h4 + p {
    text-align: center;
    padding-bottom: 10px
    }
.salon4 dl {
    width: 1000px;
    margin: 0 auto;
    padding-bottom: 25px
    }
.salon4 .salonmap {
    width: 100%;
    height: 548px
    }
/*staff*/
.staff .clearfix {
    width: 670px;
    margin: 0 auto;
    padding-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    flex-grow: initial;
    }
.staff .box {
    width: 300px;
   /* float: left;*/
    padding-bottom: 20px;
    padding-right:70px;
    }
.staff .box:nth-of-type(even) {
  /* float: right*/
    padding-right:0;
    }
.staff .box .pic {
    padding-bottom: 20px
    }
.staff .box dt {
    font-size: 16px;
    color: #5c4637;
    font-weight: bold;
    text-align: center;
    padding-bottom: 15px
    }
.whitebg.staff {
    background-color: #efeae1
    }
/*news*/
.newswap {
    position: relative
    }
.newswap .wapbk {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0
    }
.newswap .inner {
    width: 1020px;
    margin: 0 auto;
    padding: 34px 0 50px 0;
    position: relative;
    z-index: 3
    }
.newsmain {
    width: 725px;
    float: right
    }
.newswap .side {
    width: 235px;
    float: left
    }
.newswap .side .box {
    background-color: #efeae1;
    position: relative;
    padding: 17px 0;
    margin-bottom: 40px
    }
.newswap .side .box ul {
    padding: 0 17px;
    position: relative;
    z-index: 3
    }
.newswap .side .box li {
    padding-bottom: 30px
    }
.newswap .side .box li a {
    font-weight: bold;
    color: #5c4637
    }
.newswap .side .box .bkimg {
    position: absolute;
    bottom: 0;
    right: 0
    }
div[onclick] .side .box .bkimg {
    display:none;
    }
div[onclick] .side .box .bkimg2 {
    display:none;
    }
.newswap .side .box .bkimg2 {
    position: absolute;
    bottom: 0;
    left: 0
    }
.newsmain dl {
    border-bottom: 1px solid #f5f1ed;
    padding: 20px 0
    }
.newsmain dl:first-of-type {
    border-top: 1px solid #f5f1ed
    }
.newsmain dl dt {
    float: left
    }
.newsmain dl dd {
    padding: 0 0 0 120px
    }
.pagenav {
    text-align: center;
    letter-spacing: -5px;
    padding: 30px 0
    }
.pagenav a {
    font-weight: bold;
    padding: 5px;
    display: inline-block !important;
    margin: 0 8px;
    letter-spacing: 0;
    color: #5c4637
    }
.pagenav .mk {
    background-color: #82c278;
    color: #FFF;
    width: 22px
    }
.newsmain .kijiwap .date {
    font-size: 14px;
    display: block;
    padding: 0 0 15px 0
    }
.newsmain .kijiwap h3 {
    font-size: 20px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    padding: 0 0 24px 0;
    border-bottom: 1px solid #f5f1ed;
    margin-bottom: 30px
    }
.newsmain .kijiwap .kiji .pic {
    padding-bottom: 40px
    }
.newsmain .kijiwap .kiji {
    padding-bottom: 30px;
    border-bottom: 1px solid #f5f1ed;
    margin-bottom: 30px
    }
.newsmain .kijiwap .kiji img{
    max-width:100% !important;
    height:auto !important;
    }
/*voice*/
.voicewap .box {
    background: #82c278 url("../images/voicebg1.jpg") top left no-repeat;
    width: 937px;
    margin: 0 auto;
    padding: 45px 30px;
    position: relative;
    margin-bottom: 50px
    }
/*.voicewap .gb {
    background-color: #82c278
    }
.voicewap .bb {
    background-color: #efeae1
    }
  */
.voicewap .box:nth-of-type(even) {
    background: #efeae1 url("../images/voicebg2.jpg") bottom right no-repeat !important;
   }
.voicewap .box:nth-of-type(even) h3 , .voicewap .box:nth-of-type(even) p {
    color: #333;
    }
.voicewap .gb h3, .voicewap .gb p {
    color: #FFF
    }
.voicewap .h3 {
    font-size: 17px;
    padding: 0 0 25px 0;
    position: relative;
    z-index: 3;
    font-weight: normal
    }
.voicewap .box h3 img {
    vertical-align: middle;
    padding: 0 15px 0 0
    }
.voicewap .box .pic {
    display: block;
    width: 270px;
    height: 270px;
    background: url("../images/shiono_logo.jpg") center center no-repeat;
    }
.voicewap .box .pic a{
    display:block;
    width:100%;
    height:100%;
    }
.voicewap .box .pic a:hover{
    opacity: 1;
    }  
.voicewap .box .pic span.thum_img {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*.voicewap .box .pic img{
    width:100% !important;
    height:auto !important;
}*/
.voicewap .box .right {
    width: 650px;
    float: right
    }
.voicewap .box .right p {
    padding-bottom: 25px
    }
.voicewap .box .inner {
    position: relative;
    z-index: 3
    }
.voicewap .bgpic {
    position: absolute;
    left: 0;
    top: 0
    }
.voicewap .bgpic2 {
    position: absolute;
    right: 0;
    bottom: 0
    }
/*contact*/
.contact1 .txt1 {
    font-weight: bold;
    color: #686158;
    font-size: 15px;
    padding-bottom: 20px;
    text-align: center
    }
.contact1 .tel {
    text-align: center;
    font-size: 41px;
    color: #ff9d3e;
    font-weight: bold
    }
.contact1 .tel img {
    vertical-align: middle;
    padding: 0 5px 0 0
    }
.contact1 .txt2 {
    color: #FFF;
    text-align: center
    }
.contact1 .txt2 strong {
    background-color: #82c278;
    padding: 3px 85px
    }
.contact1 {
    padding-bottom: 50px
    }
.contact2 {
    background-color: #efeae1;
    padding-bottom: 80px
    }
.contact2 .table1 dt {
    width: 160px;
    float: left;
    padding: 15px 0 0 0;
    font-size: 15px
    }
.contact2 .table1 dd {
    padding: 0 0 0 160px
    }
.contact2 dd .size1 {
    width: 778px;
    height: 36px;
    padding: 6px;
    border: none
    }
.contact2 .table1 dl {
    border-bottom: 1px solid #c6b69b;
    padding-bottom: 15px;
    margin-bottom: 15px
    }
.contact2 .table1 dl:last-of-type {
    border-bottom: none
    }
.contact2 .table1 dd textarea {
    width: 778px;
    height: 480px;
    padding: 6px;
    border: none
    }
.contact2 .formbtn {
    text-align: center;
    letter-spacing: -5px
    }
.contact2 .formbtn li {
    display: inline-block !important;
    letter-spacing: 0;
    padding: 0 10px
    }
.contact2 .formbtn li #send {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    width: 200px;
    height: 44px;
    background-color: #ff9d3e;
    background-image: url(../images.9108ccf85606138e36841651911d6a14/hmorel.gif), url(../images/hmorer.gif);
    background-position: 0 0, right 0;
    background-repeat: no-repeat;
    border: none;
    letter-spacing: 3px
    }
.contact2 .formbtn li #send:hover {
    opacity: 0.6;
    cursor: pointer
    }
/*共通*/
.h3h.h3h2:before {
    margin-top: 0
    }
.h3h.h3h2:after {
    margin-top: 0
    }
.recobox {
    width: 1000px;
    margin: 40px auto 0 auto;
    background-color: #f6f1e8;
    position: relative;
    padding-bottom: 40px
    }
.recobox .inner {
    position: relative;
    z-index: 3
    }
.recobox ul {
    width: 435px;
    float: left;
    margin-left: 104px
    }
.recobox ul li {
    font-size: 17px;
    padding: 0 0 20px 0
    }
.recobox ul li .i {
    padding-right: 5px;
    color: #ff9d3e
    }
.recobox .pic {
    width: 348px;
    float: right;
    margin-right: 40px
    }
.recobox .pic img {
    border-radius: 50%
    }
.recobox .bkimg {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0
    }
.syobox {
    padding: 45px 0 0 0
    }
.syobox .box .pic {
    width: 200px;
    float: left
    }
.syobox .box .right {
    width: 763px;
    float: right
    }
.syobox .box .right dt {
    color: #ff9d3e;
    font-size: 20px;
    padding-bottom: 20px
    }
.syobox .box {
    border-bottom: 1px solid #b3a996;
    padding: 0 0 25px 0;
    margin-bottom: 30px
    }
.course {
    background-color: #f1efce;
    width: 100%;
    position: relative;
    padding: 45px 0 20px 0
    }
.course .inner {
    width: 1060px;
    margin: 0 auto;
    position: relative;
    z-index: 3
    }
.course .bkimg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
    }
.course .bkimg2 {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0
    }
.course .box {
    padding: 40px 0 30px 40px;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #cbc9ad;
    margin-bottom: 40px
    }
.course .box .inn {
    width: 1000px;
    margin: 0 auto
    }
.course .box h4 {
    font-size: 17px;
    font-weight: normal;
    padding-bottom: 15px;
    border-bottom: 1px solid #cbc9ad;
    margin-bottom: 25px
    }
.course .box h4 img {
    vertical-align: middle;
    padding: 0 10px 0 0
    }
.option {
    position: relative;
    padding: 50px 0
    }
.option .inner {
    width: 1000px;
    margin: 0 auto
    }
.option .inner .txt1 {
    text-align: center
    }
.option .inner .txt2 {
    text-align: right
    }
.opbox {
    padding-bottom: 40px
    }
.opbox dl {
    z-index:10;
    width: 480px;
    float: left;
    position: relative;
    }
.opbox dl + dl {
    float: right
    }
.opbox dl dt {
    font-size: 16px;
    background-color: #f6f4de;
    padding: 10px 25px;
    font-weight: bold;
    color: #5c4637;
    font-weight: bold;
    margin-bottom: 25px
    }
.option .bgpic {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index:0;
    }
.option .table {
    padding-bottom: 80px
    }
/*facial*/
.face1 {
    padding: 40px 0 0 0
    }
.face1 .inner {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    min-height: 285px
    }
.face1 ul {
    width: 820px;
    float: left;
    position: relative;
    z-index: 3
    }
.face1 ul li {
    padding: 20px 0 20px 15px;
    margin-bottom: 15px;
    color: #FFF;
    font-weight: bold
    }
.face1 ul li img {
    vertical-align: middle;
    padding: 0 5px 0 0
    }
.face1 ul li.pin {
    background-color: #ef93ba
    }
.face1 ul li.ora {
    background-color: #ff9c00
    }
.face1 ul li.gre {
    background-color: #6bb7be
    }
.face1 .bkimg {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0
    }
.option .facetb dl.dlwap {
    border-bottom: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    background-color: #f1efce
    }
.option .facetb dl.dlwap:first-of-type {
    border-top: 1px solid #bfbfbf
    }
.option .facetb dt.tit {
    width: 178px;
    padding: 20px;
    background-color: #f1efce;
    float: left
    }
.option .facetb dd.ddwap {
    width: 778px;
    position: relative;
    background-color: #FFF;
    float: right;
    border-left: 1px solid #bfbfbf
    }
.option .facetb dd.ddwap .dtintit {
    padding: 20px;
    width: 370px;
    float: left;
    font-size: 13px
    }
.option .facetb dd.ddwap .ddin {
    width: 368px;
    float: left
    }
.option .facetb dd.ddwap .ddin .ddin-dl {
    position: relative
    }
.option .facetb dd.ddwap .ddin .ddin-dl.bbm {
    border-bottom: 1px solid #bfbfbf
    }
.option .facetb dd.ddwap .ddin .ddin-dl.bbm:last-of-type {
    border-bottom: none
    }
.option .facetb dd.ddwap .ddin .ddin-dl dt.ddin-dt {
    width: 230px;
    padding: 20px 15px;
    float: left;
    font-size: 13px;
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf
    }
.option .facetb dd.ddwap .ddin .ddin-dl dd.price {
    width: 86px;
    padding: 0 20px 0 0;
    text-align: right;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
    font-size: 16px
    }
.option .facetb dd.ddwap .ddin .ddin-dl dt.ddin-dt strong {
    display: block;
    font-size: 14px
    }
/*body*/
.option .bodytb dl {
    border-bottom: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    background-color: #f1efce
    }
.option .bodytb dl:first-of-type {
    border-top: 1px solid #bfbfbf
    }
.option .bodytb dl dt {
    width: 250px;
    padding: 20px;
    font-size: 16px;
    background-color: #f1efce;
    float: left
    }
.option .bodytb dl dd ul {
    position: relative
    }
.option .bodytb dl dd {
    width: 708px;
    float: left;
    background-color: #FFF
    }
.option .bodytb dl dd .txt {
    width: 522px;
    float: left;
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    padding: 20px
    }
.option .bodytb dl dd .price {
    width: 85px;
    padding: 0 20px 0 0;
    text-align: right;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
    font-size: 16px
    }
/*body*/
.diet1 {
    background-color: #f6f1e8;
    width: 100%;
    position: relative
    }
.diet1 .bgpic {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0
    }
.diet1 .inner {
    position: relative;
    z-index: 3
    }
.diet1 li {
    width: 288px;
    float: left;
    margin: 0 68px 0 0;
    text-align: center
    }
.diet1 li:nth-of-type(3n) {
    margin-right: 0
    }
.diet1 li strong {
    display: block;
    font-size: 20px;
    color: #5c4637;
    padding-bottom: 15px
    }
.diet1 li strong .num {
    font-size: 48px;
    color: #d2d0ac;
    padding: 0 10px 0 0;
    vertical-align: middle
    }
.diet1 ul {
    padding-bottom: 70px
    }
.diet1 dt {
    padding-bottom: 15px;
    font-weight: bold;
    color: #5c4637;
    font-size: 16px
    }
.diet1 dl {
    padding-bottom: 100px
    }
/*ganban*/
.ganban1 .pic {
    width: 300px;
    float: right
    }
.ganban1 dl {
    width: 680px;
    float: left
    }
.ganban1 dl dt {
    font-size: 16px;
    background-color: #f6f4de;
    padding: 10px 25px;
    font-weight: bold;
    color: #5c4637;
    font-weight: bold;
    margin-bottom: 25px
    }
/*item*/
.item .inner {
    width: 1040px;
    margin: 0 auto;
    padding: 50px 0 0 0
    }
.item .inner dl {
    width: 300px;
    float: left;
    margin: 0 70px 0 0;
    padding-bottom: 40px
    }
.item .inner dl:nth-of-type(3n) {
    margin-right: 0
    }
.item .inner dl .pic {
    padding-bottom: 15px
    }
.item .inner dl dt {
    text-align: center;
    font-size: 16px;
    color: #5c4637;
    font-weight: bold;
    padding-bottom: 15px
    }
.beigbg {
    background-color: #efeae1;
    width: 100%;
    position: relative
    }
.beigbg .inner {
    position: relative;
    z-index: 3
    }
.beigbg .bkimg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
    }
/*west*/
.west1 {
    width: 1060px;
    margin: 0 auto;
    position: relative
    }
.west1 .pic {
    position: absolute;
    right: 0;
    bottom: 0
    }
.west1 ul.check {
    padding: 0 0 90px 147px
    }
.west1 ul.check li {
    font-size: 17px;
    padding: 0 0 20px 0
    }
.west1 ul.check li .i {
    padding-right: 5px;
    color: #ff9d3e
    }
.west2 {
    background-color: #efeae1;
    width: 100%;
    position: relative
    }
.west2 .bgpic {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0
    }
.west2 .inner {
    width: 1023px;
    margin: 0 auto;
    position: relative;
    z-index: 3
    }
.west2 .box {
    padding-bottom: 25px
    }
.west2 .box h4 {
    text-align: center;
    color: #ff9d3e;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 7px 0;
    margin-bottom: 15px;
    font-size: 20px
    }
.west2 .box .pic {
    width: 386px;
    float: left
    }
.west2 .box .right {
    width: 610px;
    float: right
    }
.west2 .box .right p {
    padding: 8px 0 40px 14px
    }
.west2 .box .right dt {
    width: 108px;
    height: 108px;
    background-color: #ff9600;
    color: #FFF;
    font-weight: bold;
    font-size: 20px;
    border-radius: 50%;
    letter-spacing: 2px;
    float: left
    }
.west2 .box .right dt .gyo1 {
    display: block;
    text-align: center;
    padding: 40px 0 0 0
    }
.west2 .box .right dt .gyo2 {
    display: block;
    text-align: center;
    padding: 26px 0 0 0
    }
.west2 .box .right dd {
    width: 440px;
    float: right;
    padding: 15px 20px;
    background: #faf8f5;
    min-height: 141px
    }
.west2 .box .right dl.dl2 dd {
    min-height: inherit
    }
.west2 .box .right dl {
    padding-bottom: 34px
    }
.west3 {
    padding: 40px 0 0 0
    }
.under .west3 .h3h {
    padding-bottom: 50px
    }
.under .west3 p {
    font-size: 13px
    }
.under .west3 .inner {
    width: 777px;
    margin: 0 auto
    }
#main.west {
    padding-bottom: 0
    }
/*kotsuban*/
.kotsu2 .inner {
    padding-bottom: 40px
    }
/*recruit*/
.rectit {
    position: relative;
    height: 302px
    }
.rectit h2 {
    text-align: center;
    font-size: 48px;
    color: #68b75b;
    position: relative;
    z-index: 3;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-weight: normal;
    padding-top: 124px
    }
.rectit h2 + p {
    position: relative;
    z-index: 3;
    text-align: center;
    font-size: 24px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    color: #68b75b;
    text-shadow: 0 0 25px #fff, 0 0 25px #fff, 0 0 25px #fff, 0 0 25px #fff, 0 0 25px #fff, 0 0 25px #fff, 0 0 25px #fff
    }
.rectit .bg {
    position: absolute;
    width: 373px;
    height: 302px;
    left: 50%;
    margin-left: -186px;
    top: 0;
    z-index: 1
    }
.rectit .underpic {
    width: 100%;
    height: 302px;
    position: absolute;
    top: 0;
    z-index: 0
    }
.rectit .underpic ul {
    min-width: 1366px;
    height: 302px;
    overflow: hidden
    }
.rectit .underpic li {
    float: left;
    opacity: 0.5
    }
.rectit .underpic li img {
    width: 100%;
    height: auto;
    min-height: 302px
    }
.rectit .underpic li.li1 {
    width: 28%
    }
.rectit .underpic li.li2 {
    width: 42%
    }
.rectit .underpic li.li3 {
    width: 30%
    }
.rec {
    width: 100%;
    position: relative
    }
.rec .inner {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    padding: 60px 0 120px 0
    }
.rec .inner .bgpic {
    z-index: 0
    }
.rec1 .bgpic {
    position: absolute;
    left: 0;
    top: 0
    }
.rec2 .bgpic {
    position: absolute;
    right: 0;
    bottom: 0
    }
.rec1 {
    background-color: #f7f6e8
    }
.rec2 {
    background-color: #efeae1
    }
.rec dt {
    width: 195px;
    float: left;
    padding: 20px 0 17px 25px;
    font-size: 16px;
    letter-spacing: 2px
    }
.rec dl {
    background-color: #f1efce;
    border-bottom: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf
    }
.rec dl:first-of-type {
    border-top: 1px solid #bfbfbf
    }
.rec dd {
    width: 740px;
    min-height: 25px;
    float: right;
    background-color: rgba(255, 255, 255, 0.7);
    border-left: 1px solid #bfbfbf;
    padding: 20px 0 17px 17px;
    font-size: 13px
    }
.rec.rec2 dl {
    background-color: #d5eed1
    }
/*.voicewap .box .pic img:not([src*="."]){
     display:none;
}*/
/*.voicewap .box .pic img:not([src*="."]) ~ span{
     width:270px;/*画像横幅*/
  /*   height:270px;/*画像高さ*/
 /*   background:url("../images/logo.jpg") 0 0 no-repeat;/*画像*/
  /*   display:block;
} */

.kiji dl {
    font-size: 14px;
    line-height: 24px;
    padding:20px 20px 0;
    margin-top:40px;
    border-top:2px dashed #ddd !important;
}
.kiji dl p {
    font-weight:bold;
    text-align:center;
    margin-bottom:15px;
}
.kiji dl dt {
    float:left;
}
.kiji dl dd {
    margin:0 0 10px 120px;
}