@charset "UTF-8";

.en     { letter-spacing: 0; font-weight:400; line-height: 110%; font-family: 'Patrick Hand SC', cursive; }

@font-face {
    font-family:"MOBO";
    src:url("font/MOBO.eot") format("eot"), /* for IE */
    url("font/MOBO.woff") format("woff"), /* for IE(>=9), Firefox(>=3.6), Safari(>=5.1), Chrome(>=6), Opera(>=11) */
    url("font/MOBO.ttf") format("truetype");
    font-weight:normal;
    font-style:normal;
    }
@font-face {
    font-family:"Shirokuma";
    src:url("font/Shirokuma.eot") format("eot"), /* for IE */
    url("font/Shirokuma.woff") format("woff"), /* for IE(>=9), Firefox(>=3.6), Safari(>=5.1), Chrome(>=6), Opera(>=11) */
    url("font/Shirokuma.ttf") format("truetype");
    font-weight:normal;
    font-style:normal;
    }

/*==================================================================================================

       リセット

===================================================================================================*/

        html, body, div, span, applet, object, iframe, strong,
        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
        a, abbr, acronym, address, big, cite, code,
        del, dfn, em, font, img, ins, kbd, q, s, samp,
        small, strike, sub, sup, tt, var,
        dl, dt, dd, ol, ul, li,
        fieldset, form, legend, caption, 
        tbody, tfoot, thead, table, label, tr, th, td{
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-style: inherit;
        font-family: inherit;
        vertical-align: baseline;
        list-style:none;
        }
        ul { 
        letter-spacing: -1em;
        word-spacing: -1em;
        }
        :root ul {
        letter-spacing: -1px;
        word-spacing: -1px;
        }
        li { 
        letter-spacing: normal;
        word-spacing: normal;
        *display: inline;
        *zoom: 1;
        }
        figure { margin:0;}
        figure video { max-width: 100%;}
        img,iframe	{ vertical-align:bottom;}

/*==================================================================================================

       メイン設定

===================================================================================================*/

html,body { width:100%; min-width: 320px; *width:320px; font-size:17px; }
body {
        background:#FEF5CB;
        font-family: 'MOBO',"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo" , sans-serif;
        letter-spacing:0em;
        color:#3D3B39;
        font-weight: 400;
        text-align:left;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height:200%;
        font-feature-settings: "palt" 1;
        }

        .wrapper    { overflow:hidden;}
        article		{ position:relative; width:100%; z-index: 0;}
        section		{ position:relative; }
        main { display: block; position: relative; }

        .section-l	{ padding-top:12rem; padding-bottom:12rem; }
        .section	{ padding-top:8rem; padding-bottom:8rem; }
        .section-m	{ padding-top:6rem; padding-bottom:6rem; }
        .section-s	{ padding-top:5rem; padding-bottom:5rem; }
        .section-ss	{ padding-top:40px; padding-bottom:40px; }

        .second  	{ padding-top:0 !important; }

        .outer		{ padding-left:2.78vw; padding-right:2.78vw; box-sizing:border-box; }
        .outer-thin	{ padding-left:30px; padding-right:30px; box-sizing:border-box; }
        .outer-left		{ padding-left:2.78vw;  box-sizing:border-box; }

        .inner-outer.is-desktop  { padding:15px 8%; box-sizing: border-box;}
        .inner-wrap { padding:25px 12%; box-sizing:border-box; }

        .row			{ margin-left:auto; margin-right:auto; position: relative;}
        .row .row		{ min-width: 0px; }
        .row:before,
        .row:after      { content:""; display:table; }
        .row:after      { clear: both; }
        .row            { zoom: 1; }

        h1,h2,h3,h4,h5 { letter-spacing: -.05em; line-height: 150%; color:#253A69; font-weight:400; font-family: 'Shirokuma','MOBO', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; }
        h1 a,h2 a,h3 a,h4 a,h5 a { color:#253A69; }
        .shirokuma { letter-spacing: -.05em; line-height: 150%; font-weight:400; font-family: 'Shirokuma','MOBO', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; }
        .ls--2em { letter-spacing: -.2em; }

        h3.mobo,h4.mobo { font-family: 'MOBO',"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo" , sans-serif; }

        small { font-size:.75rem; }
        .bold { font-weight:bold;}
        .normal { font-weight:400 !important; }
        .float-r { float:right; }
        .margin-auto { margin-left:auto; margin-right:auto; }
        .bottom-none    { padding-bottom:0 !important;}
        @media screen and (max-width: 1240px) {
        html,body, .wrapper	{ font-size:16px; line-height: 220%;}
        }
        @media screen and (max-width: 1024px) {
        html,body, .wrapper	{ font-size:15px; line-height: 190%;}
        .outer			   { padding-left:30px; padding-right:30px; }
        .outer-thin	       { padding-left:4%; padding-right:4%; }
        .outer-left		{ padding-left:30px; }

        .inner-outer.is-desktop  { padding:25px 4%; box-sizing: border-box;}
        .inner-outer.is-tablet  { padding:25px 4%; box-sizing: border-box;}
        .inner-wrap.is-tablet { padding:25px 8%; box-sizing:border-box; }

        .section-l	       { padding-top:7rem; padding-bottom:7rem; }
        .section	       { padding-top:5rem; padding-bottom:5rem; }
        .section-m	       { padding-top:4rem; padding-bottom:4rem; }
        .section-s	       { padding-top:4rem; padding-bottom:4rem; }
        .section-ss	       { padding-top:30px; padding-bottom:30px; }
        .tab-bottom-none    { padding-bottom:0 !important;}
        
        .tablet-center      { margin-left: auto; margin-right: auto; text-align: center; }
        }
        @media only screen and (max-width: 767px) {
        html,body, .wrapper	{ font-size:14px; letter-spacing: 1px; line-height: 180%;}
        body			{ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
        .section-l	    { padding-top:5.5rem; padding-bottom:5.5rem; }
        .section	    { padding-top:4.5rem; padding-bottom:4.5rem; }
        .section-m	    { padding-top:4rem; padding-bottom:4rem; }
        .section-s	    { padding-top:4rem; padding-bottom:4rem; }
        .section-ss	    { padding-top:20px; padding-bottom:20px; }

        .outer			{ padding-left:24px; padding-right:24px; }
        .outer-thin	    { padding-left:4%; padding-right:4%; }
        .outer-left		{ padding-left:24px; }
        
        .inner-outer.is-mobile { padding:25px 4%; box-sizing: border-box; }
        .inner-wrap.is-mobile { padding:25px 8%; box-sizing:border-box; }
        
        .center-left    { text-align:left;}
        .left-center    { text-align:center;}
        .margin-auto-sp { margin-left:auto; margin-right:auto; }
        }
        @media only screen and (max-width:374px) {
        html,body, .wrapper	{ font-size:14px; }
        }

/*==================================================================================================

       Width ( wrap + wrap-1200 )

===================================================================================================*/

        .wrap       { width:100%; margin-left:auto; margin-right:auto; position: relative; z-index: 10; }

        .wrap-2000  { max-width:2000px; }
        .wrap-1900  { max-width:1900px; }
        .wrap-1800  { max-width:1800px; }
        .wrap-1700  { max-width:1700px; }
        .wrap-1600  { max-width:1600px; }
        .wrap-1500  { max-width:1500px; }
        .wrap-1460  { max-width:1460px; }
        .wrap-1400  { max-width:1400px; }
        .wrap-1300  { max-width:1300px; }
        .wrap-1260  { max-width:1260px; }
        .wrap-1200  { max-width:1200px; }
        .wrap-1140  { max-width:1140px; }
        .wrap-1100  { max-width:1100px; }
        .wrap-1050  { max-width:1050px; }
        .wrap-1000  { max-width:1000px; }
        .wrap-960   { max-width: 960px; }
        .wrap-900   { max-width: 900px; }
        .wrap-840   { max-width: 840px; }
        .wrap-800   { max-width: 800px; }
        .wrap-750   { max-width: 750px; }
        .wrap-600   { max-width: 600px; }
        .wrap-500   { max-width: 500px; }
        .wrap-450   { max-width: 450px; }
        .wrap-300   { max-width: 300px; }

        .max90      { max-width:90px; width:100%;}
        .max220     { max-width:220px; width:100%;}
        .max270     { max-width:270px; width:100%;}
        .max300     { max-width:300px; width:100%;}
        .max350     { max-width:350px; width:100%;}
        .max400     { max-width:400px; width:100%;}
        .max420     { max-width:420px; width:100%;}
        .max450     { max-width:450px; width:100%;}
        .max500     { max-width:500px; width:100%;}
        .max550     { max-width:550px; width:100%;}
        .max600     { max-width:600px; width:100%;}
        .max650     { max-width:650px; width:100%;}
        .max700     { max-width:700px; width:100%;}
        .max750     { max-width:750px; width:100%;}
        .max550-widescreen { max-width:550px; width:100%;}

        .w2em { width:2em; }
        .w3em { width:3em; }
        .w4em { width:4em; }
        .w5em { width:5em; }
        .w6em { width:6em; }
        .w7em { width:7em; }
        .w8em { width:8em; }
        .w9em { width:9em; }
        .w10em { width:10em; }
        .w11em { width:11em; }
        .w12em { width:12em; }
        .w13em { width:13em; }
        .w14em { width:14em; }

        .w11p { width:11.111111%; }
        .w12p { width:12.5%; }
        .w16p { width:16.666666%; }
        .w20p { width:20%; }
        .w25p { width:25%; }
        .w33p { width:33%; }
        .w50p { width:50%; }

        .h100p { height:100%; }

        @media screen and (max-width: 1215px) {
        .max1000-desktop { max-width:1000px; width:100%;}
        }
        @media screen and (max-width: 1024px) {
        .wrap { max-width:700px; }
        }
        @media only screen and (max-width: 767px) {
        .wrap { max-width:350px; }
        }

/*==================================================================================================

       text

===================================================================================================*/

        .center		{ text-align:center;}
        .center-left{ text-align:center;}
        .center-left-tablet{ text-align:center;}
        .left-center{ text-align: left;}
        .left-center-tablet{ text-align: left;}
        .right-center-tablet{ text-align: right;}
        .text-l		{ text-align:left;}
        .text-r		{ text-align:right;}
        @media screen and (max-width: 1024px) {
        .center-left-tablet{ text-align: left;}
        .left-center-tablet{ text-align: center;}
        .right-center-tablet{ text-align: center;}
        }
        @media only screen and (max-width: 767px) {
        .center-left    { text-align:left;}
        .left-center    { text-align:center;}
        }

/*==================================================================================================

       Link

===================================================================================================*/

a {
        text-decoration:none;
        color:#3D3B39;
        cursor:pointer;
        opacity: 1;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        }
        a:hover {
        opacity: .6;
        }
        a img {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        }
        a:hover img {
        opacity:0.6;
        filter: alpha(opacity=60);
        -ms-filter: "alpha( opacity=60 )";
        }

.mobile-link-b a {
        color:#333;
        padding:.5rem 0;
        display: inline-block;
        }
        .mobile-link-w a {
        color:#FFF;
        padding:.5rem 0;
        display: inline-block;
        }

.link-line a {
        background: linear-gradient(transparent 50%, #FCEFE9 0%);
        width:110%;
        }
.link-btn {
        display:block;
        width:100%;
        font-size: 1rem;
        }
        .link-btn a {
        width:100%;
        height:39px;
        line-height: 39px;
        text-align: center;
        color: #FFF;
        background: url("../images/parts/red.jpg") repeat;
        overflow: hidden;
        box-sizing: border-box;
        border-radius: 6px;

        font-weight:400;
        white-space: nowrap;
        text-decoration:none !important;
        position: relative;
        z-index: 1;
        letter-spacing: 0.05em;
        display: inline-block;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        }
        .link-btn a:after {
        position: absolute;
        content: "";
        width: 0;
        height: 100%;
        top: 0;
        right: 0;
        z-index: -1;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background:rgba(255,255,255,.3);
        }      
        .link-btn a:hover {
        opacity:1;
        }
        .link-btn a:hover:after {
        left: 0;
        width: 100%;
        }
        .link { padding-bottom:.125rem ; border-bottom:1px dotted #555; color:#222; font-weight: 600;}
        .link:hover { border-bottom:1px solid #555; color:#999;}

/*==================================================================================================

       Other

===================================================================================================*/

img,.img-auto img {
        max-width: 100%;
        height: auto;
        width /***/:auto;
        vertical-align:bottom;
        }
        .z10 { position: relative; z-index: 10; }
        .relative { position: relative;}
        .hidden { overflow: hidden; }

        .radius,
        .radius video,
        .radius img { border-radius: 10px; }
        @media screen and (max-width: 1024px) {
        .radius,
        .radius video,
        .radius img { border-radius: 9px; }
        }
        @media screen and (max-width: 767px) {
        .radius,
        .radius video,
        .radius img { border-radius: 8px; }
        }
        .shadow	{
        -webkit-box-shadow: 0px 5px 8px rgba(0,0,0,.3);
        -moz-box-shadow:	0px 5px 8px rgba(0,0,0,.3);
        -ms-box-shadow:		0px 5px 8px rgba(0,0,0,.3);
        -o-box-shadow:		0px 5px 8px rgba(0,0,0,.3);
        box-shadow:	        0px 5px 8px rgba(0,0,0,.3);
        }

hr.line {
        border: none;
        padding:0;
        background:#FFF;
        height:9px;
        width:100%;
        max-width:1200px;
        margin:0 auto;
        }
        hr.slash {
        border: none;
        padding:0;
        width: 126px;
        height: 1px;
        background-color:#707070;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        }
        @media screen and (max-width: 1024px) {
        hr.slash { width: 94px; }
        }
        @media screen and (max-width: 767px) {
        hr.slash { width: 63px; }
        }
.flexslider-wrap {
        position: relative;
        width:100%;
        }
        .flexslider-wrap.h90p:after {
        content: "";
        display: block;
        padding-bottom:90%;
        }
        .flexslider-wrap.h66p:after {
        content: "";
        display: block;
        padding-bottom:66.666666%;
        }
        .flexslider-wrap.h60p:after {
        content: "";
        display: block;
        padding-bottom:60%;
        }
        .flexslider-wrap.h41p:after {
        content: "";
        display: block;
        padding-bottom:41.66666%;
        }
        .flexslider-wrap .flexslider {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        }
        .flex-caption {
        padding: 3px 10px;
        margin: 0;
        color: #fff;
        font-size: .975rem;
        }

/*==================================================================================================

      　hover_zoom

===================================================================================================*/

.hover-zoom__image {
        overflow: hidden;
        position: relative;
        width:100%;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -ms-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
        }    
        .hover-zoom__image figure {
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -ms-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
        }
        .hover-zoom__image:hover figure,
        a:hover .hover-zoom__image figure {
        opacity: 1;
        -moz-transform:    scale(1.1);
        -webkit-transform: scale(1.1);
        -ms-transform:     scale(1.1);
        transform:         scale(1.1);
        }
        .hover-zoom__image a:hover img,
        .hover-zoom__image a:hover,
        a:hover .hover-zoom__image img,
        a:hover .hover-zoom__image {
        opacity:1;
        filter: alpha(opacity=100);
        -ms-filter: "alpha( opacity=100 )";
        }

/*==================================================================================================

       デバイス

===================================================================================================*/

        .sp-none        { }
        .sp-on		    { display:none;}
        .tablet-on		{ display:none;}
        .tablet-none	{ }
        .tablet-on.sp-none { display:none;}
        .tablet-none.sp-on { display:block;}
        @media screen and (max-width: 1350px) {
        .w1350-none     { display:none; }
        }
        @media screen and (max-width: 1215px) {
        .desktop-none     { display:none; }
        }
        @media screen and (max-width: 1024px) {
        .tablet-on		{ display:inherit;}
        .tablet-none	{ display:none;}
        .tablet-on.sp-none { display:block;}
        .tablet-none.sp-on { display:none;}
        }
        @media screen and (max-width: 767px) {
        .sp-none		{ display:none;}
        .sp-on			{ display:inherit;}
        .tablet-on.sp-none { display:none;}
        .tablet-none.sp-on { display:block;}
        }

/*==================================================================================================

       Flex

===================================================================================================*/
 
.flex-wrap {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content:center;
        align-items: center;
        align-content:stretch;
        display: -webkit-flex;
        -webkit-flex-direction: row;
        -webkit-flex-wrap: nowrap;
        }
        .flex-wrap.is-align-stretch { /* 上端揃え */
        align-items: stretch;
        }
        .flex-wrap.is-align-start { /* 上端揃え */
        align-items: flex-start;
        }
        .flex-wrap.is-align-end { /* 下端揃え */
        align-items: flex-end;
        }
        .is-align-end { /* 親に設定 */
        align-items: flex-end;
        }
        .flex-side-center { /* 子要素の左右の中央揃え IE一部バグあり */
        display: flex;
        justify-content: center;
        }
        .flex-wrap.is-between { /* 子要素の等間隔 + 両端揃え */
        justify-content: space-between;
        }
        .flex-wrap.is-content-start { /* 子要素の等間隔 + 両端揃え */
        justify-content: flex-start;
        }
        .flex-wrap.is-content-center { /* 子要素の等間隔 + 中央揃え */
        justify-content: center;
        }
        .flex-wrap.is-wrap { /* 子要素折り返し */
        flex-wrap: wrap;
        }
    
        /* **** 子要素 **** */
        .flex {
        flex: none;
        display: block;
        flex-basis: auto;
        flex-grow: 1;
        flex-shrink: 1;
        width: 100%;
        min-width:0;
        box-sizing: border-box;
        }

        /* **** Width **** */
        .flex300    { max-width:300px; min-width:300px; width:300px; }
        .flex500    { max-width:500px; min-width:500px; width:500px; }
        .flex900    { max-width:900px; min-width:900px; width:900px; }

        .flex-1-right { margin-right:.5rem; }
        .flex-2-right { margin-right:1rem; }
        .flex-3-right { margin-right:1.5rem; }
        .flex-4-right { margin-right:2rem; }
        .flex-5-right { margin-right:2.5rem; }
        .flex-6-right { margin-right:3rem; }

        .flex-1-left { margin-left:.5rem; }
        .flex-2-left { margin-left:1rem; }
        .flex-3-left { margin-left:1.5rem; }
        .flex-4-left { margin-left:2rem; }
        .flex-5-left { margin-left:2.5rem; }
        .flex-6-left { margin-left:3rem; }

        .flex-pb-1 .flex { padding-bottom:.25em; }
        .flex-pb-2 .flex { padding-bottom:.5em; }
        .flex-pb-3 .flex { padding-bottom:.75em; }
        .flex-pb-4 .flex { padding-bottom:1em; }
        .flex-pb-5 .flex { padding-bottom:1.25em; }
        .flex-pb-6 .flex { padding-bottom:1.5em; }
        .flex-pb-7 .flex { padding-bottom:1.75em; }
        .flex-pb-8 .flex { padding-bottom:2em; }

        .flex-122   { order: 1; }
        .flex-233   { order: 2; }
        .flex-311   { order: 3; }

        .column .inner { width:100%;}
        .vertical-center { /* columnに付与 直下にinner設置 */
        display: flex;
        align-items: center;
        }
        .reverse-row-order {
        flex-direction: row-reverse;
        }
        .is-align-end { /* 下端揃え 親要素へ付与 */
        align-items: flex-end;
        }

        @media screen and (max-width: 1024px) {
        .is-flex-tablet { -webkit-flex-direction: column; flex-direction: column; flex: none; display: block; }
        .is-flex-tablet .flex { margin-right:0 !important; margin-left:0 !important; max-width:100% !important; min-width:100% !important;}
        .flex-122   { order: 2; }
        .flex-233   { order: 3; }
        .flex-311   { order: 1; }
        }
        @media screen and (max-width: 767px) {
        .is-flex-mobile { -webkit-flex-direction: column; flex-direction: column; flex: none; display: block; }
        .is-flex-mobile .flex { margin-right:0 !important; margin-left:0 !important; max-width:100% !important; min-width:100% !important;}
        }

/*==================================================================================================

      　pace

===================================================================================================*/

.intro {
        position: fixed;
        width:100%;
        height: 100%;
        z-index:-10;
        background:rgba(255,255,255,1);
        animation: fadeOut 2s ease 0s 1 normal;
        -webkit-animation: fadeOut 2s ease 0s 1 normal;
        opacity: 0;
        }
        @keyframes fadeOut {
        0% {opacity: 1; z-index:90000;}
        50% {opacity: 1; z-index:90000;}
        100% {opacity: 0; z-index:-10;}
        }
        @-webkit-keyframes fadeOut {
        0% {opacity: 1; z-index:90000;}
        50% {opacity: 1; z-index:90000;}
        100% {opacity: 0; z-index:-10;}
        }

#site_loader_overlay {
        z-index: 99999;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        width: 100vw;
        height: 100%;
        height: 100vh;
        background: #fff;
        opacity: 1;
        }
        .c-load {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 48px;
        height: 48px;
        margin: auto;
        border-radius: 50%;
        font-size: 10px;
        text-indent: -9999em;
        -webkit-animation: loading-circle 1.1s infinite linear;
        animation: loading-circle 1.1s infinite linear;
        border: 3px solid rgba(10, 10, 10, 0.2);
        border-top-color: #0a0a0a;
        }
        @-webkit-keyframes loading-circle { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
        100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
        @keyframes loading-circle { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
        100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

/*==================================================================================================

       ボタン

===================================================================================================*/

.more {
        position:relative;
        width:100%;
        line-height: 100%;
        max-width:180px;
        }
        .more a {
        width:100%;
        height:50px;
        line-height: 50px;
        text-align: center;
        color:#FFF;
        background:#253A69;
        overflow: hidden;
        box-sizing: border-box;
        border-radius:25px;
        font-weight:400;
        font-size:1.125rem;
        white-space: nowrap;
        text-decoration:none !important;
        position: relative;
        z-index: 1;
        letter-spacing: 0.05em;
        display: inline-block;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        }
        .more a:after {
        position: absolute;
        content: "";
        width: 0;
        height: 100%;
        top: 0;
        right: 0;
        z-index: -1;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background:rgba(255,255,255,.3);
        }      
        .more a:hover {
        opacity:1;
        box-shadow:	        0px 5px 5px rgba(0,0,0,.0);
        -moz-box-shadow:	0px 5px 5px rgba(0,0,0,.0);
        -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,.0);
        -o-box-shadow:		0px 5px 5px rgba(0,0,0,.0);
        -ms-box-shadow:		0px 5px 5px rgba(0,0,0,.0);
        }
        .more a:hover:after {
        left: 0;
        width: 100%;
        }
        .more.w100p { max-width:100%; height:100px; }
        .more.w270 { max-width:270px; }
        .more-reservation a { background: #ECB12E; }

.more-bar {
        position:relative;
        font-weight:500;
        font-size:1rem;
        width:100%;
        }
        .more-bar a {
        width:100%;
        padding-bottom:8px;
        box-sizing: border-box;
        line-height: 1;
        text-align: center;
        color:#262524;
        font-weight:600;
        white-space: nowrap;
        text-decoration:none !important;
        position: relative;
        z-index: 1;
        letter-spacing: 0.05em;
        display: inline-block;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        }
        .more-bar a:before {
        content:"";
        display:block;
        position: absolute;
        bottom: 0;
        left:50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width:120px;
        height:2px;
        background: #262524;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        }
        .more-bar a:hover:before { bottom:-5px;}
        
        .more-bar.white a { color:#FFF; padding-bottom:12px; }
        .more-bar.white a:before { background: #FFF; height: 1px; width:200px; }

        @media only screen and (max-width:767px) {
        .more { max-width:270px; margin-left:auto; margin-right: auto; }
        .more a { height:50px; line-height: 50px; }
        }

/*==================================================================================================

        テキスト

===================================================================================================*/

.small { font-size: .825rem;}
.tategaki {
        -ms-writing-mode: tb-rl;
        -webkit-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
        }
        .tategaki-en {
        text-orientation: upright;
        }
        .tategaki-nomber { /* 数字のみ横 */
        -webkit-text-combine: horizontal;
        -ms-text-combine-horizontal: all;
        text-combine-upright: all;
        font-family: Arial, Helvetica, "sans-serif";
        -ms-text-combine-horizontal: digits 2; /* IE */
        }
        .tategaki-center {
        display: flex;
        justify-content: space-between;
        }
        .tategaki-center .inner {
        text-align: center;
        flex: 1;
        }
        .tategaki-center span {
        text-align: left;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        display: inline-block;
        box-sizing: border-box;
        letter-spacing: .1em;
        }
        .tategaki-center b {
        font-weight:normal;
        }
        @media screen and (max-width: 1024px) {
        .tategaki.tablet-yokogaki { -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; }
        .tategaki-center.tablet-yokogaki span { -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; }
        }
        @media screen and (max-width: 767px) {
        .tategaki.sp-yokogaki { -ms-writing-mode: lr-tb; writing-mode: horizontal-tb;}
        .tategaki-center.sp-yokogaki span { -ms-writing-mode: lr-tb; writing-mode: horizontal-tb;}
        }

        .f10 {font-size:10px;}
        .f12 {font-size:12px;}
        .f14 {font-size:14px;}
        .f15 {font-size:15px;}
        .f16 {font-size:16px;}
        .f17 {font-size:17px;}
        .f18 {font-size:18px;}
        .f21 {font-size:21px;}
        .f24 {font-size:24px;}
        .f27 {font-size:27px;}
        .f30 {font-size:30px;}
        .f33 {font-size:33px;}
        .f36 {font-size:36px;}
        .f39 {font-size:39px;}
        .f45 {font-size:45px;}
        .f51 {font-size:51px;}
        .f60 {font-size:60px;}
        .f72 {font-size:72px;}
        .f75 {font-size:75px;}
        .f90 {font-size:90px;}
        .f180{font-size:180px;}

        .lh100 { line-height:100%; }
        .lh125 { line-height:125%; }
        .lh150 { line-height:150%; }
        .lh160 { line-height:160%; }
        .lh175 { line-height:175%; }
        .lh180 { line-height:180%; }
        .lh200 { line-height:200%; }
        .lh220 { line-height:220%; }
        .lh250 { line-height:250%; }
        .lh300 { line-height:300%; }

        .ls03  { letter-spacing: .3em; }
        .ls05  { letter-spacing: .5em; }

        .th24 img { width:auto; height:24px; }
        .th27 img { width:auto; height:27px; }
        .th30 img { width:auto; height:30px; }
        .th36 img { width:auto; height:36px; }
        .th40 img { width:auto; height:40px; }
        .th45 img { width:auto; height:45px; }
        .th60 img { width:auto; height:60px; }
        .th70 img { width:auto; height:70px; }
        .th92 img { width:auto; height:100px; }
        .th150 img { width:auto; height:160px; }

        @media screen and (max-width: 1400px) {
        .f16 {font-size:15px;}
        .f17 {font-size:16px;}
        .f18 {font-size:17px;}
        .f21 {font-size:20px;}
        .f24 {font-size:22px;}
        .f27 {font-size:24px;}
        .f30 {font-size:27px;}
        .f33 {font-size:28px;}
        .f36 {font-size:32px;}
        .f39 {font-size:36px;}
        .f45 {font-size:36px;}
        .f51 {font-size:45px;}
        .f60 {font-size:54px;}
        .f72 {font-size:63px;}
        .f75 {font-size:58px;}
        .f90 {font-size:81px;}
        .f180{font-size:162px;}
        }
        @media screen and (max-width: 1024px) {
        .f12 {font-size:11px;}
        .f14 {font-size:12px;}
        .f15 {font-size:13px;}
        .f16 {font-size:14px;}
        .f17 {font-size:15px;}
        .f18 {font-size:16px;}
        .f21 {font-size:17px;}
        .f24 {font-size:18px;}
        .f27 {font-size:21px;}
        .f30 {font-size:24px;}
        .f33 {font-size:25px;}
        .f36 {font-size:29px;}
        .f39 {font-size:30px;}
        .f45 {font-size:36px;}
        .f51 {font-size:39px;}
        .f60 {font-size:45px;}
        .f72 {font-size:32px;}
        .f75 {font-size:45px;}
        .f90 {font-size:67px;}
        .f180{font-size:135px;}

        .lh180 { line-height:170%; }
        .lh220 { line-height:200%; }
        .lh250 { line-height:220%; }
        .lh300 { line-height:200%; }

        .th24 img { height:19px; }
        .th27 img { height:22px; }
        .th30 img { height:24px; }
        .th36 img { height:29px; }
        .th40 img { height:36px; }
        .th45 img { height:39px; }
        .th60 img { height:45px; }
        .th70 img { height:56px; }
        .th92 img { height:86px; }
        .th150 img { width:auto; height:140px; }
        }
        @media screen and (max-width: 767px) {
        .f12 {font-size:10px;}
        .f14 {font-size:12px;}
        .f15 {font-size:13px;}
        .f16 {font-size:13px;}
        .f17 {font-size:13px;}
        .f18 {font-size:16px;}
        .f21 {font-size:16px;}
        .f24 {font-size:18px;}
        .f27 {font-size:19px;}
        .f30 {font-size:20px;}
        .f33 {font-size:21px;}
        .f36 {font-size:22px;}
        .f39 {font-size:26px;}
        .f45 {font-size:30px;}
        .f51 {font-size:34px;}
        .f60 {font-size:36px;}
        .f72 {font-size:42px;}
        .f75 {font-size:36px;}
        .f90 {font-size:36px;}
        .f180{font-size:80px;}

        .lh175 { line-height:160%; }
        .lh180 { line-height:160%; }
        .lh200 { line-height:180%; }
        .lh220 { line-height:180%; }
        .lh250 { line-height:200%; }
        .lh300 { line-height:180%; }

        .th24 img { height:15px; }
        .th27 img { height:16px; }
        .th30 img { height:18px; }
        .th36 img { height:22px; }
        .th40 img { height:25px; }
        .th45 img { height:28px; }
        .th60 img { height:36px; }
        .th70 img { height:42px; }
        .th92 img { height:70px; }
        .th150 img { width:auto; height:116px; }
        }

/*================================================
      　list
================================================*/

.nomber-list {
        padding-left:1.5rem;
        }
        .nomber-list li {
        padding: 0 0 .5em 1rem ;
        position: relative;
        line-height: 160%;
        list-style-type: decimal;
        }
.normal-list { position: relative; zoom: 1; }
        .normal-list:before,.normal-list:after { min-width: 0px; content:""; display:table; }
        .normal-list:after { clear: both; }
        .normal-list li {
        padding: .25em 0 .25em 1rem ;
        position: relative;
        line-height: 150%;
        display:inline-block;
        margin-right:1rem;
        }
        .normal-list li:before {
        content: "・";
        display:block;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size:10px;
        vertical-align: middle;
        }
.menu-list { position: relative; zoom: 1; }
        .menu-list:before,.menu-list:after { min-width: 0px; content:""; display:table; }
        .menu-list:after { clear: both; }
        .menu-list.list-single { max-width:500px; margin:0 auto; }
        .menu-list li {
        width:50%;
        margin-bottom:.5rem;
        padding: .5rem 0 ;
        position: relative;
        line-height: 180%;
        border-bottom:2px dotted #BBB;
        box-sizing: border-box;
        width:48%;
        margin-left:2%;
        float: left;
        color:#555;
        position: relative;
        display: flex;
        justify-content: space-between;
        }
        .menu-list li span:last-child { text-align: right; }
        @media screen and (max-width: 767px) {
        .menu-list li { width:100%; margin-left:0; }
        }
.disk-list {
        }
        .disk-list li {
        padding: .25em 0 .25em 1rem ;
        position: relative;
        line-height: 180%;
        }
        .disk-list li:before {
        content: "・";
        display:block;
        position: absolute;
        top:.25em;
        left: 0;
        font-size:1rem;
        vertical-align: middle;
        }
        @media screen and (max-width: 767px) {
        .disk-list li { display:inline-block;}
        }
.dotted-list {
        border-top:2px dotted rgba(0,0,0,.3);
        }
        .dotted-list li {
        padding: .5em 0 .5em 1rem ;
        position: relative;
        border-bottom:2px dotted rgba(0,0,0,.3);
        line-height: 180%;
        }
        .dotted-list li:before {
        content: "・";
        display:block;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size:10px;
        vertical-align: middle;
        }
.list {
        }
        .list li {
        padding: 0;
        position: relative;
        }
.kome-list {
        }
        .kome-list li {
        padding: 0;
        position: relative;
        padding-left:1em;
        line-height: 200%;
        }
        .kome-list li:before {
        content: "※";
        display:block;
        position: absolute;
        top: 0;
        left: 0;
        font-size:1em;
        vertical-align: middle;
        }
.label-list {
        }
        .label-list li {
        padding: 1rem 1.5em ;
        position: relative;
        margin-bottom:3px;
        background: rgba(0,108,62,.15);
        border-radius: 10px;
        }
.links-list { position: relative; zoom: 1; }
        .links-list:before,.links-list:after { min-width: 0px; content:""; display:table; }
        .links-list:after { clear: both; }
        .links-list.list-single { max-width:500px; margin:0 auto; }
        .links-list li {
        width:50%;
        float:left;
        margin-bottom:.5rem;
        }
        .links-list.list-single li { width:100%; }
        .links-list li a {
        position: relative;
        display: block;
        width:96%;
        margin:0 2%;
        text-align: left;
        padding:12px 2rem;
        box-sizing: border-box;
        border: 1px solid rgba(0,0,0,.2);
        }
        .links-list li a:after {
        position: absolute;
        content: "";
        width: 0;
        height: 100%;
        top: 0;
        right: 0;
        z-index: 1;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background:rgba(0,0,0,.1);
        }
        .links-list li a:hover:after {
        left: 0;
        width: 100%;
        }
        .links-list li a:hover { opacity: 1;}

        @media screen and (max-width: 1024px) {
        .links-list li { width:100%; }
        }
        @media screen and (max-width: 767px) {
        }

/*================================================
      　table
================================================*/

.table-a {
        width:100%;
        border-collapse:collapse;
        border-spacing:0;
        text-align:left;
        letter-spacing:0;
        box-sizing: border-box;
        line-height: 150%;
        font-weight:400;
        border-top:1px solid rgba(0,0,0,.2);
        }
        .table-a tr {
        border-bottom:1px solid rgba(0,0,0,.2);
        }
        .table-a th {
        padding:.625rem 1rem;
        vertical-align: middle;
        font-weight:400;
        text-align:left;
        border-radius: 4px;
        }
        .table-a td {
        padding:.625rem 1rem;
        text-align:left;
        }
        .table-a.th-center th { text-align: center;}
        .table-a.td-right td { text-align: right;}
        .table-a.center td { text-align: center;}

.table-b {
        width:100%;
        border-collapse:separate;
        border-spacing:2px ;
        text-align:left;
        letter-spacing:0;
        box-sizing: border-box;
        line-height: 150%;
        background: #FFFEF5;
        border:1px solid #CBCBCB;
        }
        .table-b th {
        padding:.75rem 1.25rem ;
        vertical-align: baseline;
        font-weight:400;
        text-align:left;
        background:#5A534C;
        color:#FFF;
        border:1px solid #CBCBCB;
        }
        .table-b td {
        padding:.75rem 1.25rem;
        text-align:left;
        font-weight:400;
        vertical-align: middle;
        background:#FFFEF5;
        border:1px solid #CBCBCB;
        }
        .table-b.td-right td { text-align: right;}
        .table-b.th-center th { text-align: center;}
        .table-b.center td,.table-b.center th { text-align: center;}

.table-c {
        width:100%;
        border-collapse:collapse;
        border-spacing:0;
        text-align:left;
        letter-spacing:0;
        box-sizing: border-box;
        line-height: 150%;
        }
        .table-c tr { border-bottom:1px solid rgba(0,0,0,.4); }
        .table-c tr:last-child { border-bottom:none; }
        .table-c th {
        vertical-align: middle;
        font-weight:400;
        text-align:left;
        }
        .table-c td {
        padding:.5rem 1rem;
        text-align:left;
        font-weight:400;
        vertical-align: middle;
        }
        .table-c.td-right td { text-align: right;}
        .table-c.th-center th { text-align: center;}
        .table-c.center td,.table-c.center th { text-align: center;}

        @media screen and (max-width: 1024px) {
        .table-scroll.is-tablet { overflow: auto; white-space: nowrap; }
        .table-scroll.is-tablet table { margin-bottom:6px; }
        .table-scroll.is-tablet ::-webkit-scrollbar { height: 5px; }
        .table-scroll.is-tablet ::-webkit-scrollbar-track { background: #F1F1F1; }
        .table-scroll.is-tablet ::-webkit-scrollbar-thumb { background: #BCBCBC; }
        }
        @media screen and (max-width: 767px) {
        .table-a.sp-table { border:none; }
        .table-a.sp-table tr { border-bottom:none; }
        .table-a.sp-table th { width:100% !important; display: block !important; padding:.625em 1em; box-sizing: border-box; background: rgba(0,0,0,.05); text-align: left; }
        .table-a.sp-table td { width:100% !important; display: block !important; padding:.625em 1em 1.25em; box-sizing: border-box; border:none; background: none; }
        
        .table-b.sp-table { border:none; }
        .table-b.sp-table th { width:100% !important; display: block !important; padding:.625em 1em; box-sizing: border-box; text-align: left;  }
        .table-b.sp-table td { width:100% !important; display: block !important; padding:.625em 1em ; box-sizing: border-box; border:none; }
        
        .table-c.sp-table { border:none; }
        .table-c.sp-table th { width:100% !important; display: block !important; padding:.625em 1em 0; box-sizing: border-box; text-align: left;  }
        .table-c.sp-table td { width:100% !important; display: block !important; padding:.625em 1em  1.5rem; box-sizing: border-box; border:none; }

        .table-scroll.is-mobile { overflow: auto; white-space: nowrap; }
        .table-scroll.is-mobile table { margin-bottom:6px; }
        .table-scroll.is-mobile ::-webkit-scrollbar { height: 5px; }
        .table-scroll.is-mobile ::-webkit-scrollbar-track { background: #F1F1F1; }
        .table-scroll.is-mobile ::-webkit-scrollbar-thumb { background: #BCBCBC; }
        }
/*================================================
      　access
================================================*/

.access-logo { width:270px;}
.access-time {
        padding:.25rem 1.5rem;
        background: rgba(0,0,0,.03);
        text-align: center;
        box-sizing: border-box;
        }
        @media screen and (max-width: 1024px) {
        .access-logo { width:210px;}
        }
        @media screen and (max-width: 767px) {
        .access-logo { width:180px; margin-left:auto; margin-right:auto; }
        }
.root-wrap {
        position: relative;
        max-width:360px;
        margin-left: auto;
        margin-right:auto;
        text-align: center;
        }
        .root-wrap:before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: 0;
        width: 2px;
        height: 100%;
        border-left: 2px dotted #999;
        z-index: -1;
        }
        .root-wrap .root {
        padding:.75rem 5px;
        width:100%;
        box-sizing: border-box;
        font-size:1rem;
        }
        .root-wrap .root-start {
        background:#FFF;
        margin-bottom:1.25rem;
        font-weight: bold;
        }
        .root-wrap .root-point {
        background: #FFF;
        margin-bottom:1.25rem;
        }
        .root-wrap .root-goal {
        background:#2B2B2B;
        color:#FFF;
        padding:1rem .75rem;
        }
        .root-wrap .root-memo {
        font-size:.9375rem;
        background: #CCC;
        padding:.25rem .75rem;
        box-sizing: border-box;
        margin-bottom:1.25rem;
        }
.access-text span {
        text-indent: 0;
        display: inline-block;
        padding: 2px 6px;
        margin: 1px 5px 1px;
        line-height: 150%;
        border: 1px solid #ddd;
        background: rgba(66,78,27,.15);
        border-radius:4px;
        }

/*================================================
      　map
================================================*/

    .map {
        position: relative;
        padding-bottom: 600px;
        height: 0;
        overflow: hidden;
        box-sizing: border-box;
        border-radius: 10px;
        border: 5px solid #253A69;
        z-index: 20;
        }
        .map iframe,
        .map object,
        .map embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        }
        @media screen and (max-width: 1024px) {
        .map { padding-bottom: 450px; }
        }
        @media screen and (max-width: 767px) {
        .map { padding-bottom: 90%; border: 2px solid #253A69; }
        }

/*================================================
      　youtube
================================================*/

.youtube {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        box-sizing: border-box;
        }
        .youtube iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        }

/*==================================================================================================

       padding margin 設定

===================================================================================================*/

        .pt-05em	{ padding-top:.5rem;}
        .pt-1em		{ padding-top:1rem;}
        .pt-2em		{ padding-top:2rem;}
        .pt-3em		{ padding-top:3rem;}
        .pt-4em		{ padding-top:4rem;}
        .pt-5em		{ padding-top:5rem;}
        .pt-1-0		{ padding-top:1rem;}
        .pt-2-0		{ padding-top:2rem;}
        .pt-2-1		{ padding-top:2rem;}
        .pt-3-2		{ padding-top:3rem;}
        .pt-3-3-0	{ padding-top:3rem;}


        .pb-05em	{ padding-bottom:.5rem;}
        .pb-1em		{ padding-bottom:1rem;}
        .pb-1hem	{ padding-bottom:1.5rem;}
        .pb-2em		{ padding-bottom:2rem;}
        .pb-2hem	{ padding-bottom:2.5rem;}
        .pb-3em		{ padding-bottom:3rem;}
        .pb-4em		{ padding-bottom:4rem;}
        .pb-5em		{ padding-bottom:5rem;}
        .pb-6em		{ padding-bottom:6rem;}
        .pb-10em	{ padding-bottom:10rem;}
        .pb-1-0  	{ padding-bottom:1rem;}
        .pb-1h-1  	{ padding-bottom:1.5rem;}
        .pb-2-0		{ padding-bottom:2rem;}
        .pb-2-1		{ padding-bottom:2rem;}
        .pb-2h-1h	{ padding-bottom:2.5rem;}
        .pb-2-1-0	{ padding-bottom:2rem;}
        .pb-3-1		{ padding-bottom:3rem;}
        .pb-3-2		{ padding-bottom:3rem;}
        .pb-3-4		{ padding-bottom:3rem;}
        .pb-4-2		{ padding-bottom:4rem;}
        .pb-4-3		{ padding-bottom:4rem;}
        .pb-5-2		{ padding-bottom:5rem;}
        .pb-5-4		{ padding-bottom:5rem;}
        .pb-6-2		{ padding-bottom:6rem;}
        .pb-1px     { padding-bottom:1px;}
        .pb-10px    { padding-bottom:10px;}

        .pl-1em     { padding-left:1rem; }
        .pl-1hem     { padding-left:1.5rem; }
        .pl-2em     { padding-left:2rem; }

        .mt-1em		{ margin-top:1rem;}
        .mt-2em		{ margin-top:2rem;}
        .mt-3em		{ margin-top:3rem;}
        .mt-4em		{ margin-top:4rem;}
        .mt-5em		{ margin-top:5rem;}

        .mb-05em	{ margin-bottom:.5rem;}
        .mb-1em		{ margin-bottom:1rem;}
        .mb-1hem	{ margin-bottom:1.5rem;}
        .mb-2em		{ margin-bottom:2rem;}
        .mb-3em		{ margin-bottom:3rem;}
        .mb-4em		{ margin-bottom:4rem;}
        .mb-5em		{ margin-bottom:5rem;}
        .mb-6em		{ margin-bottom:6rem;}
        .mb-7em		{ margin-bottom:7rem;}
        .mb-8em		{ margin-bottom:8rem;}
        .mb-1-0		{ margin-bottom:1rem;}
        .mb-2-0		{ margin-bottom:2rem;}
        .mb-2-1		{ margin-bottom:2rem;}
        .mb-3-0		{ margin-bottom:3rem;}
        .mb-3-1		{ margin-bottom:3rem;}
        .mb-3-2		{ margin-bottom:3rem;}
        .mb-3-4		{ margin-bottom:3rem;}
        .mb-4-2		{ margin-bottom:4rem;}
        .mb-543		{ margin-bottom:5rem;}
        .mb-1-1-05		{ margin-bottom:1rem;}
        .mb-2-2-1		{ margin-bottom:2rem;}

        .mr-1em     { margin-right: 1rem ; }
        .mr-2em     { margin-right: 2rem ; }

        @media only screen and (max-width: 1024px) {
        .pt-1-0		{ padding-top:.5rem;}
        .pt-2-1		{ padding-top:1rem;}
        .pt-3-2		{ padding-top:2rem;}
        .pt-3-3-0	{ padding-top:3rem;}

        .pb-1-0		{ padding-bottom:.5rem;}
        .pb-1-05	{ padding-bottom:.5rem;}
        .pb-1h-1  	{ padding-bottom:1rem;}
        .pb-2-0		{ padding-bottom:0rem;}
        .pb-2-1		{ padding-bottom:1rem;}
        .pb-2h-1h	{ padding-bottom:2rem;}
        .pb-2-1-0	{ padding-bottom:1rem;}
        .pb-3-2		{ padding-bottom:2rem;}
        .pb-3-4		{ padding-bottom:4rem;}
        .pb-4-2		{ padding-bottom:2rem;}
        .pb-4-3		{ padding-bottom:3rem;}
        .pb-5-2		{ padding-bottom:2rem;}
        .pb-3-1		{ padding-bottom:2.76rem;}
        .pb-4-0		{ padding-bottom:0rem;}
        .pb-6-2		{ padding-bottom:4rem;}

        .mt10p      { margin-top:0%; }

        .mb-1-0		{ margin-bottom:0rem;}
        .mb-2-0		{ margin-bottom:0rem;}
        .mb-2-1		{ margin-bottom:1rem;}
        .mb-3-1		{ margin-bottom:1rem;}
        .mb-3-2		{ margin-bottom:2rem;}
        .mb-3-4		{ margin-bottom:4rem;}
        .mb-4-2		{ margin-bottom:2rem;}
        .mb-543		{ margin-bottom:4rem;}
        .mb-1-1-05		{ margin-bottom:1rem;}
        .mb-2-2-1		{ margin-bottom:2rem;}
        }



        @media only screen and (max-width: 767px) {
        .pt-1-0		{ padding-top:0rem;}
        .pt-2-0		{ padding-top:0rem;}
        .pt-3-3-0	{ padding-top:0rem;}

        .pb-1-0		{ padding-bottom:0rem;}
        .pb-2h-1h	{ padding-bottom:1.5rem;}
        .pb-5-4		{ padding-bottom:4rem;}
        .pb-3-1		{ padding-bottom:1rem;}
        .pb-2-1-0	{ padding-bottom:0rem;}
        .pb-6-2		{ padding-bottom:2rem;}

        .mr10p      { margin-right:0%;}
        .mr20p      { margin-right:0;}
        .ml10p      { margin-left:0%;}
        .ml20p      { margin-left:0%;}

        .mb-3-0		{ margin-bottom:0rem;}
        .mb-543		{ margin-bottom:3rem;}
        }

.acordion {}
        .trigger {
                display:block;
                cursor:pointer;
                }
                .trigger-icon {
                cursor: pointer;
                position: relative;
                display: block;
                }
                .trigger-icon::before, .trigger-icon::after {
                content: '';
                display: block;
                position: absolute;
                top: 50%;
                width: 11px;
                height: 1px;
                background:#666;
                right: 8px;
                }
                .trigger-icon::after {
                transform: rotate(90deg);
                transition-duration: .3s;
                }
                .active-aco_content .trigger-icon::before {
                opacity: 0;
                }
                .active-aco_content .trigger-icon::after {
                transform: rotate(0);
                }
        .aco_content {
                background: #F8F8F8;
                }