@charset "utf-8";

/* CSS Document */


/* resetcss */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
p {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;*/
    font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, 'ＭＳ Ｐゴシック', sans-serif;
    line-height: 160%;
    color: #434343;
}


/*フォント系*/

h2 {
    font-size: 45px;
}

h3 {
    font-size: 38px;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 22px;
}

.fs-24 {
    font-size: 24px;
}

.fs-26 {
    font-size: 26px;
}

.fs-28 {
    font-size: 28px;
}

.fs-30 {
    font-size: 30px;
}

.fs-32 {
    font-size: 32px;
}

.fs-34 {
    font-size: 34px;
}

.fs-36 {
    font-size: 36px;
}

.bold {
    font-weight: bold;
}

.red {
    color: red;
}

.blue {
    color: blue;
}

.white {
    color: #fff;
}


/*クリアフィックス*/

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.clearfix:before {
    display: block;
    content: "";
    clear: both;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.clear {
    clear: both;
}

iframe {
    max-width: 100%;
}

img {
    vertical-align: top;
    border: none;
    max-width: 100%;
    height: auto !important;
}

.bkimg {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.bkimg img {
    width: 100%;
}

a {
    text-decoration: none;
    color: #434343;
}

a:hover {
    opacity: 0.6;
    color: inherit;
    text-decoration: none;
}

a[href*="tel"] {
    pointer-events: none;
}

a[data-href="#"] {
    border: solid red 5px;
    display: block;
    position: relative !important;
    opacity: 1;
}

a[data-href*="."] {
    border: solid red 5px;
    display: block;
    position: relative !important;
    opacity: 1;
}

a[data-href="#"]:hover:before {
    content: "リンクが設定されていない可能性があります。";
    position: absolute !important;
    width: 100%;
    bottom: 100%;
    color: red;
    font-weight: bold;
    background: #555;
    padding: 5px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a[data-href*="."]:hover:before {
    content: "外部リンクの可能性があります。リンクが飛ばない可能性がありますので注意してください。";
    position: absolute !important;
    width: 100%;
    bottom: 100%;
    color: red;
    font-weight: bold;
    background: #555;
    padding: 5px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

[data-element-id][data-uk-slideshow]:hover:before {
    content: "※こちらは見たまま編集ができません。①画像をダブルクリック、②変更（歯車マーク）、③スライドショーから編集してください。";
    display: block;
    line-height: 1.8;
    font-weight: bold;
    color: red;
    clear: both;
    background: #4c4c4c;
    padding: 5px;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    z-index: 1000;
    font-size: 12px;
}

[data-collection-list-content]:hover:before {
    content: "※こちらは見たまま編集ができません。①ページのどこかをダブルクリック、②左下（もしくは左上）のCMSロゴをクリック、③画面右上のメニュー（三本線マーク）から「カスタムコンテンツ管理」をクリック、④編集したいカスタムコンテンツの一覧（三本線マーク）から記事投稿・記事編集ができます。";
    display: block;
    line-height: 1.8;
    font-weight: bold;
    color: red;
    clear: both;
    background: #4c4c4c;
    padding: 5px;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    z-index: 1000;
    font-size: 12px;
}

ul,
li {
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0;
}

dl,
dt,
dd {
    text-align: left;
    padding: 0;
    margin: 0;
}


/*トランスフォーム親*/

.tfm_p {
    position: relative;
}


/*左右中央寄せ*/

.tfm_x {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}


/*上下中央寄せ*/

.tfm_y {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}


/*上下左右中央寄せ*/

.tfm_xy {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


/*トリミング*/

.trimming {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trimming:after {
    display: block;
    content: "";
    padding-top: 100%;
    /*100%で正方形にカット。100%以下で横長、100%以上で縦長*/
}


/*フレックス*/

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


/*フレックスセンター*/

.flex_c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    justify-content: center;
}

.flex> div[data-collection-list-content],
.flex_c> div[data-collection-list-content] {
    width: 100%;
}

.flex> div[data-recommend-collection-list-content],
.flex_c> div[data-recommend-collection-list-content] {
    width: 100%;
}

.flex .sec2 {
    width: 46%;
    margin: 0% 2% 4% 2%;
}

.flex_c .sec2 {
    width: 46%;
    margin: 0% 2% 4% 2%;
}

.flex .sec3 {
    width: 29%;
    margin: 0% 2% 4% 2%;
}

.flex_c .sec3 {
    width: 29%;
    margin: 0% 2% 4% 2%;
}

.flex .sec4 {
    width: 21%;
    margin: 0% 2% 4% 2%;
}

.flex_c .sec4 {
    width: 21%;
    margin: 0% 2% 4% 2%;
}

.flex .sec5 {
    width: 16%;
    margin: 0% 2% 4% 2%;
}

.flex_c .sec5 {
    width: 16%;
    margin: 0% 2% 4% 2%;
}

@media only screen and (max-width: 1024px) {
    img {
        max-width: 82% important;
        height: auto !important;
    }
    h2 {
        font-size: 35px;
    }
    h3 {
        font-size: 28px;
        text-align: center;
    }
    a[href*="tel"] {
        pointer-events: initial !important;
        font-size: 22px;
    }
    .flex .sec3 {
        width: 29%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec3 {
        width: 29%;
        margin: 0% 2% 4% 2%;
    }
    .flex .sec4 {
        width: 29%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec4 {
        width: 29%;
        margin: 0% 2% 4% 2%;
    }
    .flex .sec5 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec5 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
}

@media only screen and (max-width: 599px) {
    .flex .sec3 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec3 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
    .flex .sec4 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec4 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
}

.fead-mv {
    opacity: 0;
    -webkit-transition: 1.5s;
    transition: 1.5s;
}

[data-element-id] .fead-mv {
    opacity: 1;
}

.mv {
    opacity: 1;
}

#wrapper {
    width: 100%;
    overflow: hidden;
}

@media only screen and (max-width: 1024px) {
    #wrapper {
        min-width: 300px;
    }
}

#header {
    padding-bottom: 24px;
}

#header .inner {
    max-width: 1170px;
    width: 95%;
    margin: 0 auto;
    padding-bottom: 18px;
}

#header .inner h1 {
    font-size: 10px;
    font-weight: normal;
    padding: 8px 0;
}

#header .inner .logo {
    float: left;
    padding: 7px 0 0 0;
    max-width: 20%;
}

#header .inner .right {
    float: right;
    max-width: 570px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 8px 7px 10px;
    width: 100%;
    background: #f6f3ee;
}

#header .inner .time {
    float: left;
    border-right: 1px dotted #000;
    padding: 0 15px 0 0;
}

#header .inner .time dt {
    font-size: 12px;
    font-weight: bold;
}

#header .inner .time dt .c {
    color: #80b586;
}

#header .inner .time dd {
    font-size: 12px;
    font-weight: bold;
    line-height: 140%;
}

#header .inner .cont {
    float: right;
    width: 400px;
}

#header .inner .cont dt {
    width: 252px;
}

#header .inner .cont dl {
    float: left;
    width: 257px;
    text-align: right;
}

#header .inner .cont dt {
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    line-height: 140%;
}

#header .inner .cont dd {
    text-align: right;
    font-size: 30px;
    line-height: 1;
}

#header .inner .cont dd img {
    vertical-align: middle;
    margin-right: 5px;
}

#header .inner .cont div {
    width: 96px;
    height: auto;
    float: right;
}

#header .inner .cont div a {
    display: block;
    text-align: center;
    background: #F6A454;
    padding: 9px 0 0 0;
    width: auto;
    height: 43px;
    border-radius: 4px;
    color: #fff;
}

#header .inner .cont div a.testb {
    background-color: #80b586;
}

#header .inner .cont .tel .fa-phone-alt {
    color: #80b586;
    font-size: 22px;
    margin-right: 10px;
}

#header .inner .cont div a .fa-envelope {
    color: #fff;
    font-weight: bold;
    font-size: 22px;
}

#header .inner .cont div a strong {
    display: block;
    font-size: 12px;
    color: #fff;
    line-height: 1em;
}

@media only screen and (max-width: 1024px) {
    #header .inner .right {
        float: none;
        margin: 0 auto;
        padding: 10px 20px;
    }
    #header .inner .logo {
        float: none;
        width: auto;
        max-width: none;
        padding-bottom: 20px;
    }
    #header .inner .cont {
        width: 375px;
    }
    /*
	#header .inner .time{
		float:none;
		border:none;
		padding-bottom:10px;
	}
*/
    #header .inner h1 {
        padding-right: 55px;
    }
    #header .inner .cont dt {
        text-align: center;
    }
    #header .inner .cont dd {
        text-align: center;
    }
}

@media only screen and (max-width: 599px) {
    #header .inner .cont p {
        float: right;
        margin: 0 auto;
        width: 30%;
    }
    #header .inner .right {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100% !important;
        z-index: 1000;
    }
    #header .inner .time {
        display: none
    }
    #header .inner .logo {
        text-align: center;
        width: 65%;
        margin: 0 auto;
        padding-bottom: 0;
    }
    #header .inner .cont div {
        width: 84px;
    }
    #header .inner .cont dl {
        float: left;
        margin: 0 auto;
        width: 68%;
        padding: 2% 1%;
    }
    #header .inner .cont dd {
        text-align: center;
        font-size: 20px;
        line-height: 1;
    }
    #header .inner .cont dd a {
        font-size: 20px;
    }
    #header .inner .cont .tel .fa-phone-alt {
        margin-right: 5px;
    }
    #header .inner .cont {
        width: 100%;
    }
    #header .inner .cont dt {
        text-align: center;
        font-size: 10px;
        font-weight: bold;
        line-height: 140%;
        width: 100%;
    }
    #header .inner .cont p a strong {
        font-size: 8px;
    }
    #header {
        padding-bottom: 0;
    }
}


/*gnav*/

#gnav {
    width: 100%;
    height: auto;
    z-index: 99;
}

#gnav ul {
    max-width: 1170px;
    width: 95%;
    height: auto;
    margin: 0 auto;
}

#gnav> ul> li {
    font-size: 16px;
    line-height: 36px;
    border-right: 1px solid #cdcdcd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

#gnav> ul> li a,
#gnav> ul> li span {
    display: block;
    text-align: center;
    /*padding:0 29px 0 30px;*/
    line-height: 36px;
    font-size: 14px;
}

#gnav> ul> li span:hover {
    cursor: pointer;
}

#gnav> ul> li a img {
    margin-top: 8px;
}

#gnav> ul> li a .fa-home {
    color: #80b586;
}

#gnav.fixed {
    position: fixed;
    top: 0;
    right: 0;
    background: #fff;
    padding: 10px 0;
}

[data-element-id] #gnav.fixed {
    position: relative;
}

.btm {
    margin-bottom: 36px;
}

#gnavwrap p {
    display: none;
}

#gnav .ddbox .dd {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
    position: absolute;
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px);
    right: 0;
    width: 100%;
    z-index: 10;
    padding: 30px 10px;
    margin-top: 5px;
    background: #fff8ec;
}

#gnav .ddbox:hover .dd {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
}

#gnav .ddbox .dd li {
    margin: 20px;
    position: relative;
    padding-left: 1em;
}

#gnav .ddbox .dd li:before {
    content: "＞";
    font-size: 12px;
    color: #80b586;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 6px;
}

[data-element-id] #gnav .ddbox .dd {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    transform: translate(0, 10px);
}

[data-element-id] #gnav .ddbox:hover .dd {
    -webkit-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    transform: translate(0, 10px);
}

[data-element-id] #gnav li.tb {
    display: inline-block!important;
}

@media only screen and (max-width: 1024px) {
    .btm {
        margin-bottom: 0;
    }
    #gnav {
        position: fixed;
        top: 0;
        right: 0;
        width: 270px;
        height: 100%;
        background: none;
        -webkit-transform: translateX(270px);
        transform: translateX(270px);
        -webkit-transition: ease .5s;
        transition: ease .5s;
        padding: 0;
        z-index: 101;
        border: none;
        padding-bottom: 0;
    }
    #gnav li.menunav {
        display: block !important;
        border: none;
    }
    #gnav.fixed {
        top: 0;
        right: 0;
        left: auto;
        width: 270px;
        border: none;
        z-index: 101;
        padding-top: 0;
        padding-bottom: 0;
    }
    #gnav> ul {
        padding-top: 50px;
    }
    #gnav ul li {
        float: none;
        width: auto;
        text-align: left;
    }
    /*
	#gnav p{
		display:block;
		position:absolute;
		width:38px;
		height:38px;
		top:0;
		left:-44px;
		border:1px solid #fff;
		background:#80b586;
		cursor:pointer;
		opacity:0.8;
		margin:2px;
		box-shadow:0px 0px 0px 2px #80b586;
-moz-box-shadow:0px 0px 0px 2px #80b586;
-webkit-box-shadow:0px 0px 0px 2px #80b586;
	}
*/
    #gnavwrap p {
        display: block;
        position: fixed;
        width: 38px;
        height: 38px;
        top: 5px;
        right: 5px;
        border: 1px solid #fff;
        background: #80b586;
        cursor: pointer;
        opacity: 0.8;
        margin: 2px;
        box-shadow: 0px 0px 0px 2px #80b586;
        -moz-box-shadow: 0px 0px 0px 2px #80b586;
        -webkit-box-shadow: 0px 0px 0px 2px #80b586;
        z-index: 102;
    }
    #gnav> ul> li {
        float: none;
        width: auto;
        border: none;
        border-bottom: 1px dotted #cacad9;
        padding: 0;
        margin-top: 0;
        display: block !important;
        width: 100% !important;
        line-height: 160%;
    }
    #gnav> ul> li a,
    #gnav> ul> li span {
        height: auto;
        display: block;
        padding: 8px 0 8px 10px;
        line-height: 160%;
        text-align: left;
    }
    #gnav> ul> li:first-child a {
        padding-top: 10px;
        height: auto;
        padding-bottom: 10px;
        text-align: left;
        padding-right: 10px;
    }
    #gnav> ul> li:first-child {
        border-left: none;
    }
    #gnavwrap.action #gnav {
        height: 100vh;
        /*     overflow-y: auto;
        -webkit-transform:translateX(0px);
    transform:translateX(0px); */
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
        -webkit-transition: height ease .1s, opacity ease .4s;
        transition: height ease .1s, opacity ease .4s;
    }
    #gnavwrap p span.n {
        display: block;
        background: #fff;
        height: 2px;
        width: 26px;
        text-indent: -9999px;
        padding: 0;
        top: 50%;
        left: 6px;
        margin-top: -1px;
        position: absolute;
    }
    #gnavwrap p span.n:before {
        display: block;
        content: "";
        background: #fff;
        height: 2px;
        width: 26px;
        position: absolute;
        top: -8px;
        left: 0;
    }
    #gnavwrap p span.n:after {
        display: block;
        content: "";
        background: #fff;
        height: 2px;
        width: 26px;
        position: absolute;
        top: 8px;
        left: 0;
    }
    #gnavwrap.action p span.n {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: ease .10s;
        transition: ease .10s;
    }
    #gnavwrap.action p span.n:after,
    #gnavwrap.action p span.n:before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        top: 0;
        left: 0;
    }
    #gnav> ul {
        width: auto;
        height: 100%;
        background: #fff;
        display: block;
        padding-bottom: 200px;
    }
    #gnav li+ li {
        border-left: none;
    }
    .overlay:after,
    .overlay #header .inner:before {
        content: "";
        width: 100%;
        height: 100%;
        background: #000;
        position: fixed;
        top: 0;
        left: 0;
        opacity: 0.3;
        z-index: 99;
    }
    #gnav .flex_c {
        display: block !important;
    }
    #gnav .ddbox .dd {
        position: relative;
        width: 80%;
        -webkit-transform: none !important;
        transform: none !important;
        position: relative;
        left: 15px;
        right: auto;
        visibility: visible;
        opacity: 1;
        margin: 0;
        padding: 0;
        background: #fff;
        border: 1px solid #80b586;
        border-radius: 30px;
        max-width: 540px;
        padding: 20px 0;
        margin-bottom: 8px;
    }
    #gnav .ddbox .dd li {
        margin: 0;
        width: 100%;
        padding-left: 0.5em;
    }
    #gnav .telbox {
        text-align: left;
        margin-left: 20px;
    }
    #gnav .telbox dt {
        font-size: 14px;
    }
    #gnav .telbox .tel {
        margin-bottom: 0;
    }
    #gnav .telbox .tel a {
        font-size: 24px;
    }
    #gnav .ddbox .dd {
        width: 90%;
    }
    #gnav .ddbox .dd li:before {
        top: 8px;
    }
}

.w17 {
    max-width: 1170px;
    margin: 0 auto;
    width: 95%;
}

#footer .img {
    width: 100vw;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

[data-element-id] #footer .img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#footer .img li {
    float: left;
}

[data-element-id] #footer .img li {
    width: 30%;
}

#footer .box {
    padding: 50px 0 0 0;
}

#footer .box .tbox {
    width: 36%;
    height: auto;
    float: left;
    padding-bottom: 50px;
}

#footer .box .map {
    width: 61%;
    float: right;
    margin-bottom: 50px;
}

#footer .box .map iframe {
    width: 100%;
}

#footer .box .tbox h3 {
    padding: 0 0 10px 0;
}

#footer .box .tbox p {
    padding: 0 0 10px 0;
}

#footer .box .tbox table {
    width: 100%;
    height: auto;
    border-collapse: collapse;
    margin-bottom: 5px;
}

#footer .box .tbox td {
    border-bottom: 1px solid #80b586;
    text-align: center;
    font-size: 23px;
    color: #80b586;
    font-weight: bold;
}

#footer .box .tbox th {
    width: 120px;
    height: 45px;
    font-size: 17px;
    text-align: right;
    font-weight: normal;
    letter-spacing: -1px;
    border-bottom: 1px solid #80b586;
}

#footer .box .tbox thead th {
    height: 35px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: #80b586;
    border-radius: 8px 0 0 0;
    font-size: 16px;
    border: none;
}

#footer .box .tbox thead td:last-child {
    border-radius: 0 8px 0 0;
}

#footer .box .tbox thead td {
    font-size: 16px;
    color: #fff;
    background: #80b586;
    border: none;
}

#footer .box .tbox ul {
    padding-bottom: 10px;
}

#footer .box .tbox dt {
    display: inline-block !important;
    font-weight: bold;
    padding-right: 15px;
}

#footer .box .tbox dd {
    font-size: 30px;
    display: inline-block !important;
    line-height: 1;
}

#footer .box .tbox dd img {
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 3px;
}

#footer .box .tbox .tel .fa-phone-alt {
    color: #80b586;
    font-size: 22px;
    margin-right: 10px;
}

#footer .box .tbox dl {
    padding-bottom: 15px;
}

#footer .box .tbox .more a {
    display: block;
    max-width: 290px;
    background: #F6A454;
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 44px;
    font-weight: bold;
    border-radius: 4px;
}

#footer .box .tbox .more a img {
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 12px;
}

#footer .footnav {
    background-color: rgba(95, 164, 103, 0.8);
    background-image: url(/import/tenant_1/160.16.77.24/html/images/bg-texture.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#footer .footnav .inner {
    max-width: 1000px;
    width: 95%;
    margin: 0 auto;
    padding: 28px 0 0 0;
    text-align: center;
    letter-spacing: -5px;
}

#footer .footnav .inner ul {
    text-align: center;
}

#footer .footnav .inner li {
    letter-spacing: 0px;
    display: inline-block !important;
    padding: 0 0 10px 0;
}

#footer .footnav .inner li a {
    color: #fff;
}

#footer .footnav .inner li+li:before {
    content: "｜";
    color: #fff;
    padding: 0 0.5em;
}

#footer .copy {
    text-align: center;
    padding: 20px 0 25px 0;
    color: #fff;
    font-size: 12px;
}

#totop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 99;
    text-align: center;
}

#totop a:before {
    content: "\f077";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
    line-height: 25px;
    font-size: 20px;
}

#totop a {
    background: #fff;
    display: block;
    color: #80b586;
    height: 66px;
    width: 66px;
    border-radius: 50%;
    line-height: 1.2em;
    -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 1024px) {
    #footer .box .tbox {
        width: auto;
        float: none;
    }
    #footer .box .tbox table {
        max-width: 400px;
        margin: 0 auto 5px;
    }
    #footer .box .map {
        width: 100%;
        float: none;
    }
    #footer .box .map iframe {
        width: 100%;
    }
}

@media only screen and (max-width: 599px) {
    #footer .footnav {
        padding-bottom: 80px;
    }
    #footer .box .tbox th {
        font-size: 13px;
        text-align: center;
    }
    #footer .box .tbox dl {
        padding-bottom: 15px;
        text-align: center;
    }
    #footer .box .tbox .more a {
        margin: 0 auto;
    }
    #totop {
        bottom: 80px;
        right: 5px;
    }
    #totop a {
        font-size: 12px;
        line-height: 1.1em;
        width: 50px;
        height: 50px;
    }
    #totop a:before {
        font-size: 16px;
        line-height: 20px;
    }
}


/*下層共通*/

.subtit {
    position: relative;
    overflow: hidden;
    height: 200px;
    width: auto;
}

.subtit h2 {
    max-width: 1170px;
    margin: 0 auto;
    width: 95%;
    position: relative;
    z-index: 1;
    font-size: 34px;
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    padding-top: 80px;
}

.bkimg {}

.bkimg img {
    width: 100%;
    height: auto;
    min-width: 1900px;
}

.h3s {
    text-align: center;
    font-size: 30px;
    color: #80b586;
    padding: 0 0 30px 0;
    font-weight: bold;
}

.w17t {
    max-width: 1170px;
    margin: 0 auto;
    width: 95%;
    padding-top: 50px;
}

@media only screen and (max-width: 1024px) {
    .subtit h2 {
        font-size: 24px;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.6), 0 0 10px rgba(0, 0, 0, 0.6), 0 0 10px rgba(0, 0, 0, 0.6);
    }
}

@media only screen and (max-width: 599px) {
    .subtit h2 {
        font-size: 20px;
    }
    .h3s {
        font-size: 20px;
    }
}


/*about*/

.about1 .pic {
    width: 33.3%;
    float: right;
}

.about1 .tbox {
    width: 62.4%;
    float: left;
}

.about1 p {
    padding: 0 0 20px 0;
}

.about1 {
    padding-bottom: 30px;
}

.bk1 {
    background: #fff8ec;
}

.bk2 {
    background-color: rgba(128, 181, 134, 0.4);
}

@media only screen and (max-width: 599px) {
    .about1 .pic {
        float: none;
        width: auto;
        text-align: center;
    }
    .about1 .tbox {
        width: auto;
        float: none;
    }
}

.about2 .wrap {
    overflow: hidden;
    margin-bottom: 30px
}

.about2 .tbox {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 62.4%;
    background: #fff;
    padding: 28px 28px 1000px 28px;
    float: left;
    margin-bottom: -1000px;
}

.about2 .pic {
    width: 33.3%;
    padding-bottom: 0;
    float: right;
}

.about2 .txt {
    padding: 0 0 20px 0;
}

.about2 {
    padding-bottom: 20px;
}

@media only screen and (max-width: 599px) {
    .about2 .tbox {
        float: none;
        width: auto;
        padding-left: 2.5%;
        padding-right: 2.5%;
    }
    .about2 .pic {
        float: none;
        width: auto;
        text-align: center;
        padding-bottom: 20px;
    }
}

.about3 .right {
    width: 100%;
    margin-top: 60px;
}

.about3 .item {
    border-left: 5px solid #80b586;
    border-bottom: 1px solid #c1c1c1;
    margin-bottom: 20px;
    width: 48%;
}

.about3 .item dl {
    padding: 5px 0 10px 15px;
}

.about3 .map {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.about3 .item dt {
    font-size: 18px;
    font-weight: bold;
    color: #80b586;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.about3 .sublist .subitem {
    width: 48%;
}

.about3 {
    padding-bottom: 30px;
}

@media only screen and (max-width: 1024px) {
    .about3 .map {
        float: none;
        width: auto;
        margin-bottom: 20px;
    }
}


/*home*/

.home-reason dl {
    width: 23.1%;
    margin: 0 2.53% 50px 0;
    background: #fff;
    position: relative;
}

.home-reason dl:nth-child(4n+4) {
    margin-right: 0;
}

.home-reason dd.pic {
    position: relative;
}

.home-reason dd .n {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 128px;
    height: 128px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 36px;
    color: #fff;
    line-height: 1;
    padding: 20px 0 0 14px;
    z-index: 1;
}

.home-reason dd .n:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 120px 120px 0 0;
    border-color: #80b586 transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.8;
}

.home-reason dt {
    font-size: 18px;
    line-height: 120%;
    text-align: center;
    font-weight: bold;
    color: #80b586;
    padding: 16px 2.5% 10px 2.5%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.home-reason dt+dd {
    padding: 0 10% 20px 10%;
    text-align: center;
}

.home-reason dl:before {
    content: "";
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #80b586 transparent;
}

.hmore a {
    max-width: 350px;
    width: 95%;
    display: inline-block !important;
    background: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #80b586;
    line-height: 63px;
    border: 1px solid #80b586;
    position: relative;
}

.hmore a:before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    font-weight: 900;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.home-reason .hmore {
    text-align: center;
}

.home-reason {
    padding-bottom: 50px;
}

@media only screen and (max-width: 1024px) {
    .home-reason dl {
        /* max-width:271px; */
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
    }
}

@media only screen and (max-width: 599px) {
    .hmore a:before {
        right: 15px;
    }
}

.home-nayami h3 .w {
    display: inline-block !important;
}

.home-nayami h3 img {
    display: inline-block !important;
    vertical-align: middle;
}

.home-nayami h3 .n {
    position: relative;
}

.home-nayami h3 .n img {
    position: absolute;
    top: -30px;
    right: 0;
}

.home-nayami .wrap .box:nth-child(2n+2) {
    margin-right: 0;
}

.home-nayami .wrap .box {
    width: 48%;
    position: relative;
    margin: 0 4% 25px 0;
}

.home-nayami .wrap .box:before {
    content: url(/import/tenant_1/160.16.77.24/html/images/top/icon_06.png);
    bottom: 4px;
    right: 4px;
    width: 14px;
    height: 16px;
    position: absolute;
}

.home-nayami .wrap .box .pic {
    width: 33.6%;
    float: left;
}

.home-nayami .wrap .box .tbox {
    width: 55.7%;
    float: right;
    padding: 0 5% 0 0;
}

.home-nayami .wrap .box .ic {
    position: absolute;
    top: -44px;
    right: 12px;
}

.home-nayami .wrap .box:nth-child(1) {
    background: #d6e6f3;
}

.home-nayami .wrap .box:nth-child(2) {
    background: #ffe6de;
}

.home-nayami .wrap .box:nth-child(3) {
    background: #e3d2e7;
}

.home-nayami .wrap .box:nth-child(4) {
    background: #f2f2b8;
}

.home-nayami .wrap .box .tbox h4 {
    text-align: center;
    font-size: 18px;
    color: #80b586;
    padding: 15px 0 5px 0;
}

.home-nayami .wrap .box .tbox p {
    line-height: 140%;
    padding: 0 0 20px 0;
}

.ac {
    position: relative;
    font-size: 1px;
    margin-bottom: -1px;
    height: 1px;
}

.ac a {
    position: absolute;
    left: 0;
    top: -54px;
}

@media only screen and (max-width: 599px) {
    .home-nayami h3 .n img {
        display: block !important;
    }
    .home-nayami h3 img {
        display: none !important;
    }
    .home-nayami .wrap .box {
        width: 100%;
        margin-right: 0;
    }
    .ac a {
        top: 0;
    }
}

.home-ems {
    border: 1px solid #aeaeae;
    background: url(/import/tenant_1/160.16.77.24/html/images/top/emsbk.jpg) 0 0 no-repeat;
    margin-bottom: 50px;
}

.home-ems .in {
    position: relative;
    overflow: hidden;
}

.home-ems .right .pic {
    position: absolute;
    right: 0;
    bottom: 0;
}

.home-ems .more {
    text-align: center;
    background: #56abe0;
    font-size: 18px;
    font-weight: bold;
}

.home-ems .more a {
    color: #fff;
    display: block;
    padding: 12px 0;
}

.home-ems .more a img {
    vertical-align: middle;
    -webkit-filter: brightness(8);
    filter: brightness(8);
}

.home-ems .more .n {
    padding-left: 3em;
}

.home-ems .k {
    position: absolute;
    top: 0;
    left: 0;
    width: 115px;
    height: 101px;
    background: url(/import/tenant_1/160.16.77.24/html/images/top/icon_07.png) 0 0 no-repeat;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 0;
    font-size: 14px;
}

.home-ems .k .r {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    display: inline-block !important;
    padding-top: 12px;
}

.home-ems h4 {
    margin: 17px 0 15px 120px;
    text-align: center;
    font-family: "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

.home-ems h4 strong {
    display: block;
    font-size: 48px;
    line-height: 1;
}

.home-ems .left {
    width: 584px;
    height: auto;
    float: left;
    position: relative;
    z-index: 1;
}

.home-ems .right {
    float: left;
    padding: 32px 0 0 30px;
}

.home-ems .right .tbox {
    position: relative;
    z-index: 1;
    width: 240px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #56abe0;
    -webkit-box-shadow: 0px 0px 0px 7px #ffffff;
    box-shadow: 0px 0px 0px 7px #ffffff;
    background: #fff;
    margin-bottom: 28px;
}

.home-ems h4 .s {
    display: block;
    background: #f7e312;
    line-height: 27px;
    margin: 0 6px;
    font-size: 18px;
    position: relative;
}

.home-ems h4 .s:before {
    content: url(/import/tenant_1/160.16.77.24/html/images/top/ribbon_left.png);
    position: absolute;
    top: 0;
    left: -5px;
}

.home-ems h4 .s:after {
    content: url(/import/tenant_1/160.16.77.24/html/images/top/ribbon_right.png);
    position: absolute;
    top: 0;
    right: -5px;
}

.home-ems .left p {
    padding: 0 0 10px 20px;
    font-size: 13px;
}

.home-ems .left dl {
    padding: 0 0 10px 20px;
}

.home-ems .left dt {
    background: #fff;
    width: 114px;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    color: #56abe0;
    line-height: 140%;
    margin-bottom: 10px;
}

.home-ems .left dt img {
    vertical-align: middle;
}

.home-ems .left dd {
    padding: 5px 10px 0 8px;
}

.home-ems .right .tbox h5 {
    background: #56abe0;
    color: #fff;
    font-size: 18px;
    padding: 10px 5px;
    text-align: center;
}

.home-ems .right .tbox ul {
    padding: 15px 10px 10px 10px;
}

.home-ems .right .tbox li {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 2px;
    position: relative;
}

.home-ems .right .tbox li.ex:before {
    content: "";
    width: 100%;
    height: 10px;
    background: #f7e312;
    bottom: 3px;
    left: 0;
    position: absolute;
}

.home-ems .right .tbox li.ex .l {
    position: relative;
    z-index: 1;
}

.home-ems .right .tbox .st {
    position: absolute;
    top: -26px;
    right: -74px;
}

@media only screen and (max-width: 1024px) {
    .home-ems .left {
        width: auto;
        float: none;
        margin-right: 2.5%;
    }
    .home-ems .right {
        float: none;
        width: auto;
        padding-left: 2.5%;
        padding-right: 2.5%;
        padding-bottom: 27px;
    }
    .home-ems .right .tbox {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 599px) {
    .home-ems .in {
        padding-top: 100px;
    }
    .home-ems h4 {
        margin-left: 2.5%;
    }
    .home-ems h4 strong {
        font-size: 28px;
        padding-bottom: 10px;
    }
    .home-ems h4 .s {
        font-size: 14px;
    }
    .home-ems .left dt {
        width: 40%;
        min-height: 67px;
    }
    .home-ems .left dd {
        width: 10%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.home-news {
    background: #fff;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 28px 30px 20px 30px;
    margin-bottom: 50px;
}

.home1 .right {
    width: 22.2%;
    float: right;
    padding-bottom: 23px;
}

.home-news h3 {
    float: left;
    padding: 0 0 0 67px;
    position: relative;
}

.home-news h3 strong {
    display: block;
    font-size: 24px;
    line-height: 1;
}

.home-news h3 img {
    position: absolute;
    top: 0;
    left: 0;
}

.home-news h3 .s {
    font-size: 14px;
    color: #80b586;
    line-height: 1;
    display: block;
    padding-top: 3px;
}

.home-news .tit .more {
    float: right;
}

.home-news .tit .more a {
    display: inline-block !important;
    background: #80b586;
    width: 92px;
    color: #fff;
    height: auto;
    line-height: 34px;
    border-radius: 17px;
    font-size: 12px;
    text-align: center;
}

.home-news .table dl {
    padding: 18px 0 18px 0;
}

.home-news .table dl+dl {
    border-top: 1px dotted #ababab;
}

.home-news .table dt {
    color: #80b586;
    font-weight: bold;
    padding-bottom: 3px;
}

.home1 .fb a {
    display: block;
    background: #4a6092;
    border: 1px solid #c9c9c9;
    color: #fff;
    text-align: center;
    height: 158px;
}

.home1 .fb strong {
    display: block;
    font-size: 18px;
    padding: 48px 0 14px 0;
}

.home1 .fb .l {
    display: block;
    font-size: 23px;
    font-weight: bold;
}

.home1 .fb .l img {
    vertical-align: middle;
    margin-right: 5px;
}

.home1 .right li {
    padding-bottom: 28px;
}

.home1 .home-faq a {
    position: relative;
    display: block;
    border: 1px solid #aeaeae;
}

.home1 .home-faq .w {
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
    text-align: center;
    right: 10px;
    background: rgba(2555, 255, 255, 0.57);
}

.home1 .home-faq strong {
    display: block;
    color: #1568b6;
    text-align: center;
    font-size: 24px;
    line-height: 120%;
    padding-top: 18px;
}

.home1 .home-faq strong:after {
    content: "";
    display: block;
    margin: 0 auto;
    max-width: 218px;
    width: 95%;
    height: 5px;
    background: url(/import/tenant_1/160.16.77.24/html/images/top/faq_line.jpg) repeat-x 0 0;
    -webkit-box-shadow: 0px 0px 0px 2px #ffffff;
    box-shadow: 0px 0px 0px 2px #ffffff;
}

.home1 .home-faq .t {
    max-width: 175px;
    display: inline-block !important;
    color: #1568b6;
    text-align: left;
    padding: 8px 0 0 0;
}

@media only screen and (max-width: 1024px) {
    .home-news {
        width: 100%;
        float: none;
    }
    .home1 .right {
        width: 100%;
        float: none;
    }
    .home1 .right li {
        width: 48%;
        max-width: 260px;
        padding-left: 1%;
        padding-right: 1%;
    }
    .home1 .right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: justify;
        justify-content: center;
    }
}

@media only screen and (max-width: 599px) {
    .home1 .right li {
        width: 100%;
    }
    .home-news .tit .more {
        float: none;
    }
    .home-news h3 {
        float: none;
        padding-bottom: 10px;
    }
    .home-news h3 strong {
        font-size: 20px;
    }
    .home-news {
        padding-left: 2.5%;
        padding-right: 2.5%;
    }
}

.home-blog h3 .w {
    display: inline-block !important;
    position: relative;
}

.home-blog h3 .w img {
    position: absolute;
    right: -170px;
    top: -20px;
    max-width: none;
}

.home-blog dd a img {
    border: 1px solid #c1c1c1;
}


/*
.home-blog dl{
	max-width:294px;
	width:30.3%;
	padding:0 1.5% 40px 1.5%;
}
*/


/*
.home-blog dt a{
	color:#80b586;
}
.home-blog dt{
	padding:8px 0 5px 0;
}
.home-blog dt+dd{
	padding:0 0 5px 0;
}
*/

.home-blog .hmore {
    text-align: center;
}

.home-blog {
    padding-bottom: 50px;
}

.home-blog .flex_c {
    position: relative;
}

.home-blog .flex_c .img {
    position: absolute;
    bottom: -10px;
    left: 0;
}

@media only screen and (max-width: 599px) {
    .home-blog dl {
        width: 47%;
    }
    .home-blog h3 .w img {
        right: -80px;
    }
}

.bk3 {
    background: url(/import/tenant_1/160.16.77.24/html/images/top/menu_bg.jpg) center top no-repeat;
    background-size: cover;
}

.home-menu dl {
    width: 23.1%;
    max-width: 270px;
    background: #fff;
    position: relative;
    padding-bottom: 20px;
    margin: 0 2.53% 50px 0;
}

.home-menu dl:nth-child(4n+4) {
    margin-right: 0;
}

.home-menu dl:before {
    content: url(/import/tenant_1/160.16.77.24/html/images/top/icon_02.gif);
    width: 14px;
    height: 14px;
    bottom: 4px;
    right: 4px;
    position: absolute;
}

.home-menu dt {
    text-align: center;
    padding: 15px 0 5px 0;
    font-size: 18px;
    font-weight: bold;
    color: #80b586;
}

@media only screen and (max-width: 1024px) {
    .home-menu dl {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
    }
}

.home-menu dt+dd {
    padding-left: 15px;
    padding-right: 15px;
}

.home-greet {
    position: relative;
    overflow: hidden;
    background: #e9f1db;
}

.home-greet .bki {
    position: absolute;
    bottom: 0;
    right: 0;
}

.home-greet .bki img {
    max-width: none;
    min-width: 1900px;
    height: auto;
}

.home-greet .w17t {
    position: relative;
    z-index: 1;
}

.home-greet .pic {
    width: 25.6%;
    max-width: 300px;
    float: left;
    text-align: center;
}

.home-greet .tbox {
    width: 69.2%;
    float: right;
    padding-bottom: 30px;
}

.home-greet .tbox p {
    padding: 0 0 20px 0;
}

.home-greet .pic dt {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0 5px 0;
}

.home-greet .pic dt .s {
    font-size: 18px;
    padding-right: 1em;
}

.home-greet .pic dt+dd {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 20px 0;
}

.home-greet h3 {
    font-size: 20px;
    font-weight: bold;
    color: #80b586;
    padding: 0 0 20px 0;
}

.home-greet .hmore {
    text-align: right;
}

@media only screen and (max-width: 599px) {
    .home-greet .pic {
        float: none;
        width: auto;
        margin: 0 auto;
    }
    .home-greet .tbox {
        width: auto;
        float: none;
    }
}

.home-voice h3 img {
    vertical-align: middle;
    margin: 0 20px;
}

.home-voice .box {
    background: #fff8ec;
    width: 47.9%;
}

.home-voice .box {
    margin: 0 4.2% 30px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24px 24px 0 24px;
}

.home-voice .box:nth-child(2n+2) {
    margin-right: 0;
}

.home-voice .box .pic {
    float: left;
    width: 33%;
}

.home-voice .box .pic img {
    border: 1px solid #dddcdb;
}

.home-voice .box .tbox {
    width: 62%;
    float: right;
}

.home-voice .box p {
    padding: 0 0 20px 0;
}

.home-voice .box p.sign {
    text-align: right;
    font-weight: bold;
}

.home-voice .hmore {
    text-align: center;
}

.home-voice {
    padding-bottom: 50px;
}

@media only screen and (max-width: 1024px) {
    .home-voice .box .pic {
        float: none;
        width: auto;
        text-align: center;
    }
    .home-voice .box .tbox {
        width: auto;
        float: none;
    }
    .home-voice .box {
        padding-left: 2.5%;
        padding-right: 2.5%;
    }
}

@media only screen and (max-width: 599px) {
    .home-voice h3 img {
        margin: 0 2%;
        max-width: 40px !important;
        height: auto !important;
    }
}


/*treatment*/

.treatment1 .pic {
    position: relative;
    width: 23.1%;
}

.treatment1 .pic .n {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 128px;
    height: 128px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 36px;
    color: #fff;
    line-height: 1;
    padding: 20px 0 0 14px;
    z-index: 1;
}

.treatment1 .pic .n:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 120px 120px 0 0;
    border-color: #80b586 transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.8;
}

.treatment1 .box {
    background: #fff;
    position: relative;
    margin-bottom: 110px;
}


/*

.treatment1 .box:before{
	content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-size: 60px;
    font-weight: 900;
    position: absolute;
    left: 50%;
    bottom: -60px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #80b586;
}
*/

.treatment1 .box:last-of-type:before {
    display: none;
}

.treatment1 .tbox {
    width: 71.5%;
    padding: 25px 0 0 3.2%;
}

.treatment1 .tbox:before {
    content: "";
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #80b586 transparent;
}

.treatment1 .tbox p {
    padding: 0 0 20px 0;
}

.treatment1 .tbox h4 {
    font-size: 18px;
    color: #80b586;
    padding: 0 0 10px 0;
}

.treatment1 {
    padding-bottom: 50px;
}

@media only screen and (max-width: 599px) {
    .treatment1 .pic {
        width: 100%;
    }
    .treatment1 .pic img {
        width: 100%;
    }
    .treatment1 .tbox {
        width: auto;
        padding-right: 3.2%;
    }
}

.treatment2 table {
    width: 100%;
    height: auto;
    border: 1px solid #c1c1c1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.treatment2 table .b {
    width: 2.6%;
}

.treatment2 table th {
    width: 287px;
    height: 84px;
    font-size: 24px;
}

.treatment2 table td {
    font-size: 24px;
    text-align: center;
    width: 100px;
}

.treatment2 table td.g {
    color: #80b586;
}

.treatment2 table tbody tr+tr th,
.treatment2 table tbody tr+tr td {
    border-top: 1px dashed #ababab;
}

.treatment2 table tbody tr+ tr th.b,
.treatment2 table tbody tr+ tr td.b {
    border-top: none;
}

.treatment2 table thead td {
    background: #80b586;
    color: #fff;
    font-weight: bold;
}

.treatment2 table thead th {
    background: #80b586;
    color: #fff;
    font-weight: bold;
    height: 49px;
}

.treatment2 li {
    font-weight: bold;
}

.treatment2 {
    padding-bottom: 50px;
}

@media only screen and (max-width: 599px) {
    .treatment2 table .b {
        display: none;
    }
    .treatment2 table th {
        font-size: 14px;
        height: 40px;
    }
    .treatment2 table td {
        font-size: 14px;
    }
}

.treatment3 .wrap {
    background: #fff;
    margin-bottom: 30px;
    padding: 30px 2.6% 10px 2.6%;
    position: relative;
}

.treatment3 .wrap:before {
    content: url(/import/tenant_1/160.16.77.24/html/images/icon_02.gif);
    position: absolute;
    width: 14px;
    height: 14px;
    bottom: 4px;
    right: 4px;
}

.treatment3 {
    padding-bottom: 20px;
}

.treatment3 h4 {
    font-size: 18px;
    color: #80b586;
    padding: 0 0 10px 0;
}

.treatment3 .wrap p {
    padding: 0 0 20px 0;
}

.treatment3 .wrap dl {
    width: 48.6%;
    margin: 0 2.8% 20px 0;
}

.treatment3 .wrap dl:nth-child(2n+2) {
    margin-right: 0;
}

.treatment3 .wrap dt {
    font-weight: bold;
    font-size: 18px;
    padding: 0 0 5px 0;
}

.treatment3 .wrap dt .g {
    font-weight: normal;
    color: #80b586;
    font-size: 10px;
    vertical-align: middle;
}

.treatment4 .wrap {
    background: #fff;
    margin-bottom: 30px;
    padding: 30px 2.6% 30px 2.6%;
    position: relative;
}

.treatment4 .wrap:before {
    content: "";
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #80b586 transparent;
}

.treatment4 {
    padding-bottom: 20px;
}

.treatment4 .wrap .tbox {
    float: left;
    width: 48.6%;
}

.treatment4 .wrap .right {
    width: 100%;
}

.treatment4 .wrap h4 {
    font-size: 18px;
    padding: 0 0 5px 0;
}

.treatment4 .wrap h4 .g {
    font-weight: normal;
    color: #80b586;
    font-size: 10px;
    vertical-align: middle;
}

.treatment4 .wrap .tbox p {
    padding: 0 0 20px 0;
}

.treatment4 .wrap .tbox p strong {
    color: #80b586;
}

.treatment4 .wrap .right li {
    width: 48%;
    border-left: 5px solid #80b586;
    border-bottom: 1px solid #c1c1c1;
    margin-bottom: 20px;
}

.treatment4 .wrap .right dl {
    padding: 5px 0 10px 15px;
}

.treatment4 .wrap .right dt {
    font-size: 18px;
    font-weight: bold;
    color: #80b586;
}

@media only screen and (max-width: 599px) {
    .treatment3 .wrap dl {
        float: none;
        width: auto;
    }
    .treatment3 .wrap dl {
        margin-right: 0;
    }
    .treatment4 .wrap .right {
        float: none;
        width: auto;
    }
    .treatment4 .wrap .tbox {
        float: none;
        width: auto;
    }
}


/*owner*/

.owner1 h3 {
    text-align: left;
}

.owner1 .tbox .s1 li {
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 10px 0;
}

.owner1 .tbox .s1 {
    padding-bottom: 30px;
}

.owner1 .tbox .s1 .g {
    font-weight: normal;
    color: #80b586;
    font-size: 10px;
    vertical-align: middle;
}

.owner1 .tbox .s2 li {
    border-left: 5px solid #80b586;
    border-bottom: 1px solid #c1c1c1;
    margin-bottom: 50px;
}

.owner1 .tbox .s2 dl {
    padding: 12px 0 12px 0;
    margin-left: 15px;
}

.owner1 .tbox .s2 dt {
    font-size: 18px;
    font-weight: bold;
    color: #80b586;
    float: left;
}

.owner1 .tbox .s2 dd {
    padding: 2px 0 0 150px;
}

.owner1 .tbox .s2 dl+dl {
    border-top: 1px dotted #c1c1c1;
}

@media only screen and (max-width: 599px) {
    .owner1 .tbox .s2 dt {
        float: none;
    }
    .owner1 .tbox .s2 dd {
        padding-left: 0;
    }
}

.about1+.about1 {
    border-top: 1px dashed #ababab;
}


/*accident*/

.accident1 .flow {
    width: 62.4%;
    float: left;
}

.accident1 .pic {
    width: 33.3%;
    float: right;
    text-align: center;
}

.accident1.treatment1 .pic .n {
    text-align: left;
}

.accident1.treatment1 .tbox {
    padding-left: 128px;
    min-height: 131px;
}

.accident1.treatment1 .tbox p {
    font-weight: bold;
    font-size: 18px;
}

.accident2 .clear {
    text-align: center;
    padding: 0 2.5%;
}

.accident3.ems4 .wrap ul {
    width: 100%;
}

.accident3wap .accident3 {
    border-bottom: 1px dashed #b1b1b1;
}

.accident3wap .accident3:last-of-type {
    border-bottom: none;
}

.accident4 h4 {
    font-size: 18px;
    color: #80b586;
    padding: 0 2.5% 15px 2.5%;
}

.accident4 dt {
    padding-bottom: 5px;
}

.accident4 dd {
    font-weight: normal;
}

.accident4 dl {
    min-height: 90px;
}

@media only screen and (max-width: 1024px) {
    .accident1 .flow,
    .accident1 .pic {
        float: none;
        width: 100%;
    }
    .accident1 .pic {
        padding-bottom: 30px;
    }
}

.ems1.pelvis1 .wrap {
    position: relative;
}

.ems1.pelvis1 .wrap:before {
    content: "";
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #80b586 transparent;
}


/*news*/

.newsmain {
    width: 73.5%;
    float: left;
}

.newsside {
    width: 22.2%;
    float: right;
}

.newsmain .tbox {
    padding-bottom: 30px;
}

.newsmain .hmore {
    text-align: right;
}

.newsside dt {
    border-left: 5px solid #80b586;
    border-bottom: 1px solid #c1c1c1;
    padding: 5px 0 10px 15px;
    font-size: 18px;
    font-weight: bold;
    color: #80b586;
}

.newsside dd {
    border-bottom: 1px dashed #b1b1b1;
    padding: 20px 0 20px 20px;
}

.newsside dl {
    padding-bottom: 50px;
}

@media only screen and (max-width: 1024px) {
    .newsmain,
    .newsside {
        width: 100%;
        float: none;
    }
    .newsside {
        width: 95%;
        margin: 0 auto;
    }
}

.news1 .tit p {
    display: inline-block !important;
    padding-right: 20px;
}

.news-d .tbox p {
    padding-bottom: 30px;
}

.news-d.voice1 .wrap {
    padding-bottom: 0;
}

.back {
    text-align: center;
    padding-bottom: 50px;
}

.back a {
    display: inline-block !important;
    width: 92px;
    height: 34px;
    line-height: 34px;
    color: #fff;
    background-color: #80b586;
    text-align: center;
    border-radius: 20px;
}


/*voice*/

.voice1 .tbox .tit {
    border-left: 5px solid #80b586;
    border-bottom: 1px solid #c1c1c1;
    margin-bottom: 30px;
    padding: 5px 0 10px 15px;
}

.voice1 .tbox .tit h3 {
    font-size: 18px;
    font-weight: bold;
    color: #80b586;
}

.voice1 .tbox .tit p {
    padding-bottom: 0;
}

.voice1 .tbox .tit p img {
    vertical-align: middle;
    padding-right: 10px;
}

.voice1 .wrap {
    padding-bottom: 50px;
    border-bottom: 1px dashed #b1b1b1;
    margin-bottom: 50px;
}

.pagenav {
    letter-spacing: -5px;
    text-align: center;
    padding-bottom: 50px;
}

.pagenav li {
    display: inline-block !important;
    letter-spacing: 0;
    padding: 0 15px;
}

.pagenav li a {
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    background-color: #80b586;
    border-radius: 50%;
}

.pagenav li.now a {
    position: relative;
}

.pagenav li.now a:after {
    content: "";
    width: 10px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media only screen and (max-width:599px) {
    .pagenav li.now a:after {
        bottom: 6px;
    }
}


/*faq*/

.faq1 ul li {
    width: 30%;
    margin: 0 20px 20px;
    background: #fff;
    position: relative;
    text-align: center;
}

.faq1 ul li:nth-child(4n+4) {
    margin-right: 0;
}

.faq1 ul a {
    display: block;
    font-size: 18px;
    line-height: 120%;
    font-weight: bold;
    color: #80b586;
    padding: 16px 12.5% 16px 12.5%;
}

.faq1 ul li a:before {
    content: "";
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #80b586 transparent;
}

.faq2 .wrap {
    padding-bottom: 50px;
}

.faq2 dl {
    padding-bottom: 30px;
}

[data-element-id] .faq2 dl:nth-child(n+ 6) {
    display: none;
}

.faq2 dt {
    position: relative;
    font-size: 18px;
    padding: 10px 40px 15px 40px;
    border-bottom: 1px solid #c1c1c1;
    border-left: 5px solid #80b586;
    cursor: pointer;
    font-weight: bold;
}

.faq2 dt:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 7px 0 7px;
    border-color: #80b586 transparent transparent transparent;
    position: absolute;
    right: 10px;
    top: 16px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.faq2 dt.active:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.faq2 .q {
    position: absolute;
    width: 40px;
    text-align: center;
    line-height: 30px;
    text-align: center;
    color: #80b586;
    top: 8px;
    left: 0;
    font-weight: bold;
}

.faq2 dd {
    background: #fff8ed;
    padding: 30px 2.5% 30px 2.5%;
    margin: 20px 0 0 0;
    position: relative;
    display: none;
}

.faq2.faq2-1 dd {
    background: #fff;
}


/*contact*/

.contact1 .wrap {
    background-color: #f6f3ee;
    padding: 30px 2.5%;
}

.contact1 {
    padding-bottom: 50px;
}

.contact1 p {
    text-align: center;
    margin-top: 10px;
}

.contact1 p.tel a {
    font-size: 48px;
}


/*
.contact1 p.tel:before{
content: url(/import/tenant_1/160.16.77.24/html/images/contact/contact_01.png);
padding-right: 15px;
}
*/

.contact1 p.tel .fa-phone-alt {
    font-size: 36px;
    color: #80b586;
    margin-right: 15px;
}

.contact1 p.tel+p {
    font-weight: bold;
}

.contact1 p.tel+p .t {
    color: #80b586;
}

@media only screen and (max-width: 599px) {
    .contact1 p.tel {
        font-size: 24px;
    }
    .contact1 p.tel:before {
        display: block;
        text-align: center;
    }
}

.contact2 {
    padding-bottom: 50px;
}

.contact2 .wrap {
    padding: 50px 2.5%;
    background-color: #fff;
}


/*
.contact2 .wrap .tx{
padding-bottom: 25px;
}
.contact2 .table dt {
    float: left;
    font-weight: bold;
    font-size: 18px;
    padding: 5px 0 15px 0;
}
.contact2 .table dt strong{
color: #80b586;
font-size: 14px;
}
.contact2 .table dd {
    padding: 5px 0 5px 355px;
}
.contact2 .table dl {
    border-bottom: 1px solid #c1c1c1;
	margin-bottom: 20px;
	border-left: 5px solid #80b586;
	padding-left: 15px;
}
.contact2 .table dd .size1{
width: 400px;
height: 30px;
border: 1px solid #c1c1c1;
-webkit-box-shadow:0px 0px 6px 3px #ebebeb inset;
box-shadow:0px 0px 6px 3px #ebebeb inset;
}
.contact2 .table dd textarea{
width: 97%;
height: 200px;
border: 1px solid #c1c1c1;
-webkit-box-shadow:0px 0px 6px 3px #ebebeb inset;
box-shadow:0px 0px 6px 3px #ebebeb inset;
}
.contact2 .table dd input[type=radio]{
width: 24px;
height: 24px;
vertical-align: middle;
margin-right: 10px;
}
.contact2 .table dd .s2{
padding-right: 55px;
}
.contact2 .formbtn {
    text-align: center;
    letter-spacing: -5px;
	padding: 40px 0 0 0;
}
.contact2 .formbtn li {
	text-align: center;
    letter-spacing: 0;
    padding: 0 10px;
}
.contact2 .formbtn li #check {
    max-width: 350px;
    width: 95%;
    display: inline-block !important;
    background: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #4592a0;
    line-height: 63px;
    border: 1px solid #4592a0;
    position: relative;
	background: url(/import/tenant_1/160.16.77.24/html/images/top/icon_03.png) no-repeat 90% 24px;
}
*/

@media only screen and (max-width: 1024px) {
    /*
.contact2 .table dt{
float: none;
padding-bottom: 0;
}
.contact2 .table dd{
padding-left: 0;
}
*/
}


/*ems*/

.ems1 {
    padding-bottom: 50px;
}

.ems1 .wrap {
    background: #FFFFFF;
    padding: 30px 2.5% 10px 2.5%;
}

.ems1 li {
    padding-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    padding-left: 15px;
}

.ems1 li strong {
    color: #80b586;
    font-size: 10px;
    padding-right: 10px;
    position: absolute;
    left: 0;
    top: 0;
}

.ems1 ul {
    width: 45%;
    float: left;
}

.ems1 ul+ul {
    float: right;
}

@media only screen and (max-width: 1024px) {
    .ems1 .wrap {
        background: #FFFFFF;
        padding: 30px 10px 20px;
    }
    .ems1 ul {
        width: 95%;
        float: none;
        margin: 0 auto;
    }
    .ems1 ul+ul {
        float: none;
    }
}

@media only screen and (max-width: 599px) {
    .ems1 li {
        font-size: 14px;
    }
}

.ems2 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c7f3f2+0,ddf4da+50,e9f4ce+100 */
    background: rgb(199, 243, 242);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(199, 243, 242, 1)), color-stop(50%, rgba(221, 244, 218, 1)), to(rgba(233, 244, 206, 1)));
    background: linear-gradient(to bottom, rgba(199, 243, 242, 1) 0%, rgba(221, 244, 218, 1) 50%, rgba(233, 244, 206, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#c7f3f2', endColorstr='#e9f4ce', GradientType=0);
    /* IE6-9 */
}

.ems2 h3+h4 {
    font-size: 60px;
    font-weight: normal;
    text-align: center;
    line-height: 90%;
    margin-bottom: 30px;
}

.ems2 h3+h4 .s {
    font-size: 48px;
    display: block;
}

.ems2-1 li {
    width: 270px;
    height: 270px;
    background-color: #78b9bf;
    border-radius: 50%;
    margin-right: 30px;
    margin-bottom: 50px;
    text-align: center;
}

.ems2-1 li:nth-of-type(4n) {
    margin-right: 0;
}

.ems2-1 li p {
    color: #fff;
    line-height: 140%;
}

.ems2-1 li .p1 {
    font-size: 48px;
    padding: 80px 0 0 0;
}

.ems2-1 li .p2 {
    font-size: 24px;
    padding: 40px 0 0 0;
}

.ems2-1 li .p2+p {
    font-size: 14px;
    padding: 15px 0 0 0;
}

.ems2-2 h4:before {
    width: 30px;
    content: url(/import/tenant_1/160.16.77.24/html/images/ems/ems1.png);
}

.ems2-2 h4:after {
    width: 30px;
    content: url(/import/tenant_1/160.16.77.24/html/images/ems/ems3.png);
}

.ems2-2 h4 {
    width: 100%;
    text-align: center;
    font-size: 48px;
    color: #ff717e;
    line-height: 73px;
    margin-bottom: 100px;
}

.ems2-2 h4 .t {
    width: 90%;
    display: inline-block !important;
    background: url(/import/tenant_1/160.16.77.24/html/images/ems/ems2.png) repeat-x;
    vertical-align: top;
}

.ems2-2 .inner div {
    width: 400px;
    min-height: 400px;
    background: url(/import/tenant_1/160.16.77.24/html/images/ems/ems5.png) no-repeat center;
    background-size: contain;
    float: left;
}

.ems2-2 .inner div+div {
    float: right;
}

.ems2-2 .inner div p {
    text-align: center;
    font-weight: bold;
    padding-top: 60px;
    font-size: 24px;
    line-height: 120%;
}

.ems2-2 .inner div+div p {
    padding-top: 90px;
}

.ems2-2 .inner {
    position: relative;
    min-height: 602px;
    padding: 0 30px;
}

.ems2-2 .inner .pic {
    position: absolute;
    top: 0;
    left: 38%;
}

@media only screen and (max-width: 1024px) {
    .ems2 h3+h4 {
        font-size: 28px;
    }
    .ems2-2 h4:before,
    .ems2-2 h4:after {
        content: "";
    }
    .ems2 h3+h4 .s {
        font-size: 18px;
        display: block;
    }
    .ems2-1 li {
        margin: 0 15px 50px 15px;
    }
    .ems2-1 li:nth-of-type(4n) {
        margin-right: 15px;
    }
    .ems2-2 h4 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .ems2-2 .inner div {
        width: 100%;
        height: auto;
        float: none;
    }
    .ems2-2 .inner div+div {
        float: none;
    }
    .ems2-2 .inner .pic {
        position: relative;
        text-align: center;
        left: auto;
    }
}

.ems4 .wrap {
    background: #FFFFFF;
    padding: 30px 2.5% 20px 2.5%;
}

.ems4 .wrap .left {
    width: 45%;
    float: left;
}

.ems4 .wrap ul {
    width: 45%;
    float: right;
}

.ems4 .wrap .left dt {
    font-size: 18px;
    font-weight: bold;
}

.ems4 .wrap .left dt strong {
    font-size: 10px;
    color: #80b586;
    padding-right: 10px;
}

.ems4 .wrap ul li {
    border-left: 5px solid #80b586;
    border-bottom: 1px solid #c1c1c1;
    margin-bottom: 20px;
}

.ems4 .wrap ul li dl {
    padding: 5px 0 10px 15px;
}

.ems4 .wrap ul li dl dt {
    font-size: 18px;
    font-weight: bold;
    color: #80b586;
}

.ems4 {
    padding-bottom: 30px;
}

.ems5 {
    padding: 50px 0;
}

.ems5 .hmore {
    text-align: center;
}

@media only screen and (max-width: 599px) {
    .ems4 .wrap .left {
        width: 95%;
        float: none;
        padding-bottom: 20px;
    }
    .ems4 .wrap ul {
        width: 95%;
        float: none;
    }
}


/*adjsut*/


/* 見たまま編集バリデーション */

.flex> div[data-collection-list-content],
.flexc> div[data-collection-list-content],
.flexs> div[data-collection-list-content],
.flexb> div[data-collection-list-content] {
    width: 100%;
}

.flex> div[data-recommend-collection-list-content],
.flexc> div[data-recommend-collection-list-content],
.flexs> div[data-recommend-collection-list-content],
.flexb> div[data-recommend-collection-list-content] {
    width: 100%;
}

.flex> div[data-collection-filtered-content],
.flexc> div[data-collection-filtered-content],
.flexs> div[data-collection-filtered-content],
.flexb> div[data-collection-filtered-content] {
    width: 100%;
}

.flex> div[data-collection-archive-content],
.flexc> div[data-collection-archive-content],
.flexs> div[data-collection-archive-content],
.flexb> div[data-collection-archive-content] {
    width: 100%;
}

.flex> div[data-collection-list-content] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexc> div[data-collection-list-content] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
}

.flexs> div[data-collection-list-content] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.flexb> div[data-collection-list-content] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.flex> div[data-recommend-collection-list-content] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexc> div[data-recommend-collection-list-content] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
}

.flexs> div[data-recommend-collection-list-content] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.flexb> div[data-recommend-collection-list-content] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.flex> div[data-collection-filtered-content] {
    display: -webkit-box;
    display: -ms-flexsbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexc> div[data-collection-filtered-content] {
    display: -webkit-box;
    display: -ms-flexsbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
}

.flexs> div[data-collection-filtered-content] {
    display: -webkit-box;
    display: -ms-flexsbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.flexb> div[data-collection-filtered-content] {
    display: -webkit-box;
    display: -ms-flexsbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.flex> div[data-collection-archive-content] {
    display: -webkit-box;
    display: -ms-flexsbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexc> div[data-collection-archive-content] {
    display: -webkit-box;
    display: -ms-flexsbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
}

.flexs> div[data-collection-archive-content] {
    display: -webkit-box;
    display: -ms-flexsbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.flexb> div[data-collection-archive-content] {
    display: -webkit-box;
    display: -ms-flexsbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

[data-element-id] [class*="heightLine"] {
    height: auto !important;
}

[data-element-id] .imgalt {
    position: relative;
    color: orange;
    font-size: 14px;
    background: #333;
    padding: 2px 4px;
    text-align: left;
    max-height: 70px;
    overflow: hidden;
    z-index: 50;
}

[data-element-id] .altcolor {
    color: red;
}

[data-common-area] {
    position: relative;
}

[data-common-area]:hover:before {
    content: "共通要素です。";
    position: absolute !important;
    width: 100%;
    min-width: 200px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    bottom: 100%;
    color: #FDC44F;
    font-weight: bold;
    background: #555;
    padding: 5px;
    font-size: 12px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a[data-href="#"] {
    border: solid red 5px !important;
    display: block;
    position: relative !important;
    opacity: 1;
}

a[data-href="#"]:hover:before {
    content: "リンクが設定されていない可能性があります。";
    position: absolute !important;
    width: 100%;
    min-width: 200px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    bottom: 100%;
    color: red;
    font-weight: bold;
    background: #555;
    padding: 5px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a[data-href*="."] {
    border: solid red 5px !important;
    display: block;
    position: relative !important;
    opacity: 1;
}

a[data-href*="."]:hover:before {
    content: "外部リンクの可能性があります。リンクが飛ばない可能性がありますので注意してください。";
    position: absolute !important;
    width: 100%;
    min-width: 200px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    bottom: 100%;
    color: red;
    font-weight: bold;
    background: #555;
    padding: 5px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

[data-element-id][data-uk-slideshow]:hover:before {
    content: "※こちらは見たまま編集ができません。①画像をダブルクリック、②変更（歯車マーク）、③スライドショーから編集してください。";
    display: block;
    line-height: 1.8;
    font-weight: bold;
    color: red;
    clear: both;
    background: #4c4c4c;
    padding: 5px;
    text-align: left;
    position: absolute;
    letter-spacing: 1px;
    z-index: 1000;
    font-size: 12px;
    width: 100%;
}

[data-collection-list-content]:hover:before {
    content: "※こちらは見たまま編集ができません。①ページのどこかをダブルクリック、②左下（もしくは左上）のCMSロゴをクリック、③画面右上のメニュー（三本線マーク）から「カスタムコンテンツ管理」をクリック、④編集したいカスタムコンテンツの一覧（三本線マーク）から記事投稿・記事編集ができます。";
    display: block;
    line-height: 1.8;
    font-weight: bold;
    color: red;
    clear: both;
    background: #4c4c4c;
    padding: 5px;
    text-align: left;
    position: absolute;
    letter-spacing: 1px;
    z-index: 1000;
    font-size: 12px;
    width: 100%;
}


/*フレックス*/

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    justify-content: center;
}

.flexs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.flexb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.columnreverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.rowreverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.flexn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flexn1024 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flexn599 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.aic {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.asc {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.ase {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.spa {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.spb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.reverse {
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}


/*ofiImg*/

.ofiImg.b {
    position: relative;
}

.ofiImg.b:after {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.ofiImg img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100% !important;
    font-family: 'object-fit: cover;';
    /*IE対策*/
}

.ofiImg.tc {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    height: 100%;
    width: 100%;
}

.ofiImg.t130 {
    position: relative;
    padding-top: 130%;
    display: block;
}

.ofiImg.t130 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t120 {
    position: relative;
    padding-top: 120%;
    display: block;
}

.ofiImg.t120 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t110 {
    position: relative;
    padding-top: 110%;
    display: block;
}

.ofiImg.t110 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t100 {
    position: relative;
    padding-top: 100%;
    display: block;
}

.ofiImg.t100 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t90 {
    position: relative;
    padding-top: 90%;
    display: block;
}

.ofiImg.t90 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t80 {
    position: relative;
    padding-top: 80%;
    display: block;
}

.ofiImg.t80 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t70 {
    position: relative;
    padding-top: 70%;
    display: block;
}

.ofiImg.t70 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t60 {
    position: relative;
    padding-top: 60%;
    display: block;
}

.ofiImg.t60 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t50 {
    position: relative;
    padding-top: 50%;
    display: block;
}

.ofiImg.t50 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t35 {
    position: relative;
    padding-top: 35%;
    display: block;
}

.ofiImg.t35 img {
    position: absolute;
    top: 0;
    left: 35%;
    -webkit-transform: translate(-35%, 0);
    transform: translate(-35%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.z1 {
    position: relative;
    z-index: 1;
}

.z2 {
    position: relative;
}

.tb {
    display: none !important;
}

.sp {
    display: none !important;
}

.grn {
    color: #80b586;
}

.bggrn {
    background-color: #80b586;
}

.map {
    position: relative;
    overflow: hidden;
}

.map:after {
    display: block;
    content: "";
    padding-top: 60%;
}

.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: inherit;
    width: 100%;
    height: 100%;
}

[data-element-id] .undermv {
    margin-top: 210px;
}

.undermv h2.tit {
    max-width: 1170px;
    margin: 0 auto;
    width: 95%;
    position: relative;
    z-index: 1;
    font-size: 34px;
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    padding: 100px 0;
}

.check li {
    padding-left: 1.5em;
    position: relative;
}

.check li:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    font-weight: 900;
    position: absolute;
    color: #80b586;
    left: 0;
}

.atticon li {
    padding-left: 1.5em;
    position: relative;
}

.atticon li:before {
    content: "※";
    font-size: 16px;
    font-weight: 900;
    position: absolute;
    color: #434343;
    left: 0;
}

.dib {
    display: inline-block;
}

#header .logo {
    width: 230px;
    max-width: 230px;
    height: auto;
}

.logo a {
    display: block;
}

@media only screen and (max-width:1024px) {
    .tb {
        display: block !important;
    }
    .h3s {
        font-size: 24px;
    }
    #footer .box .tbox p {
        text-align: center;
    }
    #footer .box .tbox dl {
        text-align: center;
    }
    #footer .box .tbox ul li {
        text-align: center;
    }
    #footer .box .tbox .more a {
        margin: 0 auto;
    }
    .hmore a {
        width: 60%;
        line-height: 35px;
        font-size: 14px;
        margin-top: 15px;
    }
    .undermv h2.tit {
        font-size: 30px;
    }
}

.org {
    color: #F6A454;
}

@media only screen and (max-width:599px) {
    .pc {
        display: none !important;
    }
    .sp {
        display: block !important;
    }
    .pcblock {
        display: block;
    }
    .h3s {
        font-size: 20px;
    }
    .undermv h2.tit {
        font-size: 22px;
        padding: 40px 0;
    }
    .check li {
        width: 100% !important;
    }
    .pagenav li {
        padding: 0 5px;
    }
    .pagenav li a {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
}


/*top*/

[data-element-id] .top-mv {
    margin-top: 210px;
}

.top-mv h2 {
    color: #fff;
    font-size: 34px;
    font-weight: bold;
    text-align: center;
    padding: 200px 0;
    max-width: 1170px;
    width: 95%;
    margin: 0 auto;
    -moz-text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8);
    -webkit-text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8);
    -ms-text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8);
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8);
}

.home-nayami .h3s {
    text-align: center;
}

.home-nayami .h3wrap {
    position: relative;
    text-align: center;
    display: inline-block;
    background-image: url(/import/tenant_1/160.16.77.24/html/images/top/icon_04.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: initial;
    padding: 30px 50px 0;
}

.home-nayami .h3wrap:before {
    content: "";
    background-image: url(/import/tenant_1/160.16.77.24/html/images/top/hukidai_left.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 30px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 70%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.home-nayami .h3wrap:after {
    content: "";
    background-image: url(/import/tenant_1/160.16.77.24/html/images/top/hukidasi_right.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 30px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 70%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.home-nayami .onayamibox .item {
    width: 48%;
    margin-bottom: 25px;
}

.home-nayami .onayamibox .pic {
    width: 35%;
}

.home-nayami .onayamibox .txtbox {
    width: 65%;
    padding: 50px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(214, 230, 243, 0.8);
    background-image: url(/import/tenant_1/160.16.77.24/html/images/bg-texture.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.home-nayami .onayamibox .item:nth-of-type(1) .txtbox,
.home-nayami .onayamibox .item:nth-of-type(5) .txtbox,
.home-nayami .onayamibox .item:nth-of-type(9) .txtbox {
    background-color: rgba(214, 230, 243, 0.8);
}

.home-nayami .onayamibox .item:nth-of-type(2) .txtbox,
.home-nayami .onayamibox .item:nth-of-type(6) .txtbox,
.home-nayami .onayamibox .item:nth-of-type(10) .txtbox {
    background-color: rgba(255, 230, 222, 0.8);
}

.home-nayami .onayamibox .item:nth-of-type(3) .txtbox,
.home-nayami .onayamibox .item:nth-of-type(7) .txtbox,
.home-nayami .onayamibox .item:nth-of-type(11) .txtbox {
    background-color: rgba(227, 210, 231, 0.8);
}

.home-nayami .onayamibox .item:nth-of-type(4) .txtbox,
.home-nayami .onayamibox .item:nth-of-type(8) .txtbox,
.home-nayami .onayamibox .item:nth-of-type(12) .txtbox {
    background-color: rgba(242, 242, 184, 0.8);
}

.home-nayami .onayamibox .txtbox:after {
    content: "";
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #fff transparent;
}

.home-nayami .onayamibox .txtbox .tit {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 1.2em;
    text-align: center;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.home-nayami .onayamibox .txtbox .txt {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.home-blog .item {
    width: 32%;
    margin: 0 2% 4% 0;
}

.home-blog .item:last-of-type {
    margin-right: 0;
}

.home-blog .item a {
    display: block;
}

.home-blog .item dl * {
    line-height: 1.2em;
}

.home-blog .item .c {
    margin-top: 10px;
}

.home-blog .item .date {
    margin-top: 10px;
}

.home-blog .item .tit {
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
}

@media only screen and (max-width:1024px) {
    .top-mv h2 {
        padding: 80px 0;
        font-size: 26px;
    }
    .home-nayami .onayamibox .txtbox {
        padding: 40px 15px;
    }
    .home-nayami .onayamibox .txtbox .tit {
        font-size: 20px;
    }
}

@media only screen and (max-width:599px) {
    .top-mv h2 {
        padding: 40px 0;
        font-size: 18px;
    }
    .home-reason dd .n {
        font-size: 30px;
        padding: 10px 0 0 10px;
    }
    .home-reason dd .n:after {
        border-width: 100px 100px 0 0;
    }
    .home-reason dt {
        font-size: 14px;
    }
    .home-nayami .h3wrap {
        background-size: 5%;
        padding: 20px 40px 0;
    }
    .home-nayami .onayamibox .item {
        width: 100%;
    }
    .home-nayami .onayamibox .pic {
        width: 45%;
    }
    .home-nayami .onayamibox .txtbox {
        width: 55%;
        padding: 30px 10px;
    }
    .home-nayami .onayamibox .txtbox .tit {
        font-size: 16px;
    }
    .heightLine-top02a,
    .heightLine-top02b {
        height: auto !important;
    }
    .home-news {
        margin-bottom: 0;
    }
    .home-news h3 {
        width: 100%;
        padding-left: 0;
        text-align: center;
    }
    .home-news .tit .more {
        text-align: right;
    }
    .index .bk1 {
        padding-bottom: 50px;
    }
    .home-blog .item {
        width: 48%;
        margin: 0 4% 10% 0;
    }
    .home-blog .item:nth-last-of-type(3n+ 3) {
        margin-right: 4%;
    }
    .home-blog .item:nth-last-of-type(2n+ 2) {
        margin-right: 0;
    }
    .home-blog dl {
        width: 100%;
    }
    .home-blog .item .tit {
        font-size: 14px;
    }
}


/*access*/

.access02 {
    background-color: rgba(128, 181, 134, 0.4);
    padding-bottom: 60px;
}

.access02 .item {
    padding-bottom: 80px;
    margin-bottom: 60px;
    position: relative;
}

.access02 .item:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}

.access02 .item:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-size: 60px;
    font-weight: 900;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #80b586;
}

.access02 .item:last-of-type:after {
    display: none;
}

.access02 .txtbox {
    width: 70%;
    position: relative;
    background-color: #fff;
}

.access02 .txtbox:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 120px 120px 0 0;
    border-color: #80b586 transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.access02 .txtbox:after {
    content: "";
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #80b586 transparent;
}

.access02 .txtbox .number {
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    position: absolute;
    top: 20px;
    left: 14px;
    z-index: 1;
    line-height: 1;
}

.access02 .txtbox .txt {
    padding: 30px 60px 30px 120px;
    min-height: 60px;
}

.access02 .pic {
    width: 25%;
}

.access02 .pic span.ofiImg {
    margin-bottom: 10px;
}

@media only screen and (max-width:1024px) {
    .about3 .item dt {
        font-size: 16px;
    }
    .about3 .sublist .subitem {
        width: 100%;
    }
    .about3 a[href*="tel"] {
        font-size: 14px;
    }
}

@media only screen and (max-width:599px) {
    .about3 .item {
        width: 100%;
    }
    .access02 .txtbox {
        width: 100%;
    }
    .access02 .pic {
        width: 100%;
        max-width: 300px;
        margin: 30px auto 0;
    }
    .access02 .item:after {
        font-size: 40px;
    }
    .access02 .txtbox:before {
        border-width: 100px 100px 0 0;
    }
    .access02 .txtbox .number {
        font-size: 30px;
        top: 10px;
        left: 10px;
    }
    .access02 .txtbox .txt {
        padding: 20px 30px 20px 90px;
    }
}


/*about*/

.about1 .picbox {
    width: 35%;
}

.about1 .txtbox {
    width: 60%;
    padding: 40px 0;
    position: relative;
}

.about1 .txtbox:before {
    content: "";
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #80b586 transparent;
}

.about1 .txtbox .namebox {
    border-bottom: 2px solid #80b586;
}

.about1 .txtbox .namebox .position {
    font-size: 18px;
    line-height: 1;
}

.about1 .txtbox .namebox .name {
    font-size: 30px;
    font-weight: bold;
}

.about1 .txtbox .message {
    margin-top: 40px;
    position: relative;
}

.about1 .txtbox .message:before {
    content: "";
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #80b586 transparent;
}

.about1 .txtbox .message .tit,
.about1 .txtbox .career .tit {
    font-size: 18px;
    font-weight: bold;
}

.about1 .txtbox .message .txt {
    padding: 10px 0;
}

.about1 .txtbox .career {
    margin-top: 30px;
}

.about1 .txtbox .career .careerlist {
    margin-top: 10px;
}

.about1 .txtbox .career .item {
    width: 48%;
    margin-bottom: 10px;
}

.about2 .box .txtbox {
    width: 60%;
    padding: 30px 20px;
    background-color: #fff;
    position: relative;
}

.about2 .box .txtbox:before {
    content: "";
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #80b586 transparent;
}

.about2 .box .picbox {
    width: 30%;
}

@media only screen and (max-width:1024px) {
    .about1 .txtbox .career .item {
        width: 100%;
    }
}

@media only screen and (max-width:599px) {
    .about1 .picbox {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }
    .about1 .txtbox {
        width: 100%;
        padding: 30px 0;
    }
    .about1 .txtbox .namebox .position {
        font-size: 14px;
    }
    .about1 .txtbox .namebox .name {
        font-size: 22px;
    }
    .about1 .txtbox .message {
        margin-top: 30px;
    }
    .about1 .txtbox .career {
        margin-top: 20px;
    }
    .about1 .txtbox .message .tit,
    .about1 .txtbox .career .tit {
        font-size: 16px;
    }
    .about2 .box .txtbox {
        width: 100%;
    }
    .about2 .box .picbox {
        width: 100%;
        margin-top: 30px;
    }
}


/*first*/

.first .subtxt {
    text-align: center;
    margin: 40px 0;
}

.first .about1 .contbox {
    width: 55%;
}

.first .about1 .item {
    border-left: 5px solid #80b586;
    border-bottom: 1px solid #c1c1c1;
    margin-bottom: 20px;
    padding: 10px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.first .about1 .item .tit {
    font-size: 18px;
    font-weight: bold;
    color: #80b586;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-bottom: 20px;
}

.first .about1 .item li {
    margin-bottom: 10px;
}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:599px) {
    .first .subtxt {
        margin: 0 0 30px;
    }
    .first .treatment1 .tbox h4 {
        font-size: 16px;
    }
    .first .treatment1 .box {
        margin-bottom: 60px;
    }
    .first .about1 .contbox {
        width: 100%;
    }
    .first .about1 .pic {
        width: 100%;
    }
}


/*price*/

.price .contbox {
    margin-top: 60px;
}

.price .limitedbox {
    width: 48%;
}

.price .limitedbox> dl {
    border: 1px solid #80b586;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.price .limitedbox .tit {
    font-size: 36px;
    font-weight: bold;
    padding: 10px 40px;
    color: #fff;
    background-color: #80b586;
    position: relative;
    text-align: center;
}

.price .limitedbox .n {
    color: #F6A454;
}

.price .limitedbox .subtit {
    font-size: 14px;
    position: absolute;
    top: -30px;
    left: -20px;
    line-height: 1.0em;
    text-align: center;
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 3px solid #F6A454;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff8ec;
    color: #434343;
}

.price .limitedbox .subtitwrap {}

.price .limitedbox .subtit .n {
    font-size: 24px;
    line-height: 1.4em;
}

.price .limitedbox .txtbox {
    padding: 20px;
}

.price .limitedbox .txtbox .txt {
    font-weight: bold;
}

.price .limitedbox .txtbox .pricelist {
    margin-top: 20px;
}

.price .limitedbox .txtbox .item {
    width: 48%;
}

.price .limitedbox .txtbox .item {
    width: 48%;
}

.price .limitedbox .txtbox .pricetit {
    text-align: center;
    font-weight: bold;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.price .limitedbox .txtbox .smalltxt {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 1.1em;
}

.price .limitedbox .txtbox .priceitem {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}


/*
.price .limitedbox .txtbox .priceitemwrap{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
*/

.price .limitedbox .txtbox .old .priceitem:after {
    content: "";
    background-color: #434343;
    width: 110px;
    height: 2px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}

.price .limitedbox .txtbox .new .priceitem {
    color: #F6A454;
    font-size: 40px;
    position: relative;
}

.price .limitedbox .txtbox .new .priceitem:before {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-size: 40px;
    font-weight: 900;
    color: #80b586;
    position: absolute;
    left: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.price .limitedbox .txtbox .new .priceitemsmall {
    font-size: 12px;
    font-weight: bold;
    color: #434343;
    text-align: right;
    line-height: 1em;
}

.price .limitedbox .txtbox .new .pricetitwrap {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.price .limitedbox .txtbox .new .pricetitwrap:after {
    content: "";
    background-color: #F6A454;
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: 5px;
    ;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
}

.price .limitedbox .attbox {
    margin-top: 30px;
    color: #fff;
    font-weight: bold;
    background-color: #F6A454;
    text-align: center;
    padding: 5px;
}

.price .hosyobox {
    width: 48%;
}

[data-element-id].price .hosyobox .ofiImg {
    margin-top: 50px;
}

.price .hosyobox .txtbox {
    background-color: rgba(255, 255, 255, 0.7);
    width: 100%;
    height: 100%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.price .hosyobox .txtbox .tit {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 5px;
    border-bottom: 4px solid #80b586;
}

.price .hosyobox .txtbox .txt {
    margin-top: 20px;
    font-weight: bold;
}

.price .contbox2 .txtbox {
    width: 55%;
}

.price .contbox2 .tit {
    font-size: 20px;
    font-weight: bold;
}

.price .contbox2 .txt {
    margin-top: 20px;
}

.price .contbox2 .txt ul {
    margin: 20px 0;
}

.price .contbox2 .txt li {
    margin-bottom: 10px;
    border-left: 5px solid #80b586;
    border-bottom: 1px solid #c1c1c1;
    padding: 5px;
}

.price .contbox2 .pic {
    width: 40%;
}

@media only screen and (max-width:1024px) {
    .price .limitedbox {
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }
    .price .hosyobox {
        width: 100%;
        max-width: 600px;
        margin: 40px auto 0;
    }
}

@media only screen and (max-width:599px) {
    .treatment4 .wrap .right li {
        width: 100%;
    }
    .price .limitedbox .tit {
        font-size: 26px;
    }
    .price .limitedbox .subtit {
        font-size: 10px;
        width: 60px;
        height: 60px;
    }
    .price .limitedbox .subtit .n {
        font-size: 18px;
    }
    .price .limitedbox .txtbox .item {
        width: 100%;
        position: relative;
    }
    .heightLine-priceitema,
    .heightLine-priceitemb {
        height: auto !important;
    }
    .price .limitedbox .txtbox .item.new {
        margin-top: 80px;
    }
    .price .limitedbox .txtbox .new:before {
        content: "\f0d7";
        font-family: "Font Awesome 5 Free";
        font-size: 40px;
        font-weight: 900;
        color: #80b586;
        position: absolute;
        left: 50%;
        top: -50px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .price .limitedbox .txtbox .new .priceitem:before {
        display: none;
    }
    .price .limitedbox .txtbox .new .priceitemsmall {
        text-align: center;
    }
    .price .hosyobox .txtbox .tit {
        font-size: 22px;
    }
    .treatment4 .wrap .right dt {
        font-size: 16px;
    }
    .price .contbox2 .txtbox {
        width: 100%;
    }
    .price .contbox2 .tit {
        font-size: 16px;
    }
    .price .contbox2 .pic {
        width: 100%;
        margin-top: 40px;
    }
}


/*faq*/

.faq1 {
    padding: 50px 0 30px;
}

@media only screen and (max-width:1024px) {
    .faq1 ul li {
        width: 44%;
        margin: 0 10px 10px;
    }
}

@media only screen and (max-width:599px) {
    .faq1 ul li {
        width: 100%;
    }
    .faq2 dt {
        font-size: 14px;
    }
}


/*nayami共通*/

.nayami .check {
    width: 100%;
    float: none;
}

.nayami .check li {
    width: 48%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.nayami .nayami-sejutsu {
    padding-bottom: 50px;
}

.nayami .nayami-sejutsu .tbox {
    width: 55%;
    background: #fff;
    padding: 30px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.nayami .nayami-sejutsu .tbox:before {
    content: "";
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #80b586 transparent;
}

.nayami .nayami-sejutsu .pic {
    width: 33%;
}

.nayami .nayami-sejutsu .btn {
    margin-top: 30px;
    text-align: center;
}

.nayami .nayami-sejutsu .btn a {
    display: inline-block;
    padding: 10px 20px;
    background: #F6A454;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
}

.nayami .accident3wap h4 {
    margin: 20px 0 0;
    position: relative;
    padding-left: 1em;
}

.nayami .g {
    font-weight: normal;
    color: #80b586;
    font-size: 10px;
    vertical-align: middle;
    position: absolute;
    left: 0;
}

.nayami .accident3wap .list {
    margin: 20px 0;
    float: none;
}

.nayami .accident3wap .list li {
    margin-bottom: 5px;
    border: none;
    font-weight: bold;
    position: relative;
    padding-left: 1em;
}

.nayami .accident3wap .listbox {
    margin: 20px 0;
}

.nayami .accident3wap .listbox .list {
    margin: 10px 0 0 0;
}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:599px) {
    .nayami .ems4 .wrap ul li dl dt {
        font-size: 16px;
    }
    .nayami .nayami-sejutsu .pic {
        width: 100%;
    }
    .nayami .nayami-sejutsu .tbox {
        width: 100%;
        padding: 20px;
        margin-top: 20px;
    }
    .nayami .nayami-sejutsu .btn a {
        font-size: 14px;
    }
}


/*voice*/

.voice .voice1 .pic {
    width: 30%;
    float: none;
}

.voice .voice1 .tbox {
    width: 65%;
    float: none;
}

.voice .voice1 .info li {
    display: inline-block;
    margin-right: 10px;
    position: relative;
}

.voice .voice1 .info li:after {
    content: "/";
    position: absolute;
    right: -10px;
}

.voice .voice1 .info li:last-of-type:after {
    display: none;
}

@media only screen and (max-width:1024px) {
    .voice .voice1 .tbox .tit h3 {
        text-align: left;
    }
}

@media only screen and (max-width:599px) {
    .voice .voice1 .pic {
        width: 100%;
        margin-top: 30px;
    }
    .voice .voice1 .tbox {
        width: 100%;
    }
    .voice .voice1 .tbox .tit h3 {
        font-size: 16px;
    }
}


/*post*/

.post .voice1 .tbox .tit h3 {
    text-align: left;
}

.post .icon {
    display: inline-block;
    width: 23px;
    height: auto;
    margin-right: 5px;
}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:599px) {
    .post .voice1 .tbox .tit h3 {
        font-size: 16px;
    }
}


/*recommend*/

.recobox .recoitem {
    width: 30%;
    margin: 0 5% 10% 0;
}

.recobox .recoitem:last-of-type {
    margin-right: 0;
}

.recobox .recoitem a {
    display: block;
}

.recobox .recoitem .tit {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:599px) {
    .recobox .recoitem {
        width: 48%;
        margin-right: 4%;
    }
    .recobox .recoitem:nth-of-type(2n+ 2) {
        margin-right: 0;
    }
}


/*contact*/

.contact .contact2 .attbox {
    padding: 20px;
    background-color: #fff;
    margin: 30px 0;
}

.contact .contact2 .attbox .list {
    margin-top: 10px;
}


/*form*/

.contact .form {
    background: #fff;
    margin: 60px auto 0;
    padding: 60px 0;
}

.contact form {
    width: 95%;
    max-width: 800px;
    margin: 0 auto;
}

.contact .contact2 .form .txt.org {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 40px;
    width: 95%;
}

.form-end .txt {
    text-align: center;
}

.form-end .backbtn {
    margin: 40px 0;
    text-align: center;
}

.form-end .backbtn a {
    display: inline-block;
    width: 200px;
    padding: 10px 20px;
    background: #F6A454;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
}

.form dl {
    padding: 20px 0;
    /*    border-bottom: 1px solid #fff;*/
}

.form dl:last-of-type {
    /*    border-bottom: none;*/
}

.form dt {
    width: 36%;
    font-weight: 600;
    font-size: 16px;
}

.form dt .reqw {
    font-size: 14px;
    text-align: center;
    color: #80b586;
    margin-left: 10px;
}

.form dd {
    width: 60%;
}

.form dd input {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
}

.form dd select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
}

.form dd input[type="radio"] {
    display: none;
}

.form dd input[type="radio"]+ label {
    padding-left: 20px;
    position: relative;
    margin-right: 20px;
    line-height: 200%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form dd input[type="radio"]+ label::before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 10px;
    height: 10px;
    border: 1px solid #303841;
    border-radius: 50%;
    background: #fff;
}

.form dd input[type="radio"]:checked+ label::after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 2px;
    width: 8px;
    height: 8px;
    background: #303841;
    border-radius: 50%;
}

.form dd input[type="radio"]:checked+ label {
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.form dd textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    font-size: 16px;
    font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, 'ＭＳ Ｐゴシック', sans-serif;
    height: 300px;
}

.formbtn li button {
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    display: block;
    background: #80b586;
    padding: 20px 40px;
    position: relative;
    z-index: 1;
    opacity: 1;
    overflow: hidden;
    border: none;
    width: 100%;
    margin: 50px auto;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}


/*
.formbtn li button:after {
    position: absolute;
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
}
*/


/*
.formbtn2 li:nth-of-type(odd) button:after {
    right: auto;
    left: 20px;
    content: "\f104";
}
*/

.formbtn li button:hover {
    opacity: 0.6;
    cursor: pointer;
}

.formbtn li {
    width: 100%;
    max-width: 180px;
    margin: 0 20px;
}

.formbtn2 li {
    max-width: 250px;
}



/*スライドショー*/

.uk-slidenav-position {
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.uk-slideshow {
    height: 100% !important;
}

.uk-slideshow>li {
    height: 100% !important;
}

.uk-flex.uk-flex-middle.uk-flex-center {
    height: 100% !important;
}

.uk-flex.uk-flex-middle.uk-flex-center img {
    height: 100% !important;
}

.article-body-inner a {
    pointer-events: none;
}

.newsmain .blog_single h3 {
    font-size: 24px;
    margin-bottom: 30px;
    color: #80b586;
    border-bottom: dotted;
}

@media only screen and (max-width:1024px) {
    .newsmain .blog_single h3 {
        font-size: 22px;
        text-align: left;
    }
}

@media only screen and (max-width:599px) {
    .newsmain .blog_single h3 {
        font-size: 18px;
    }
}


/*ブログ一覧サムネ調整*/

.bloglist_wrap .picbox {
    width: 160px;
}

.bloglist_wrap .tbox .tit {
    border: 0px;
    margin-bottom: 0;
}

.bloglist_wrap .picbox a {
    display: block;
}

.bloglist_wrap .ofiImg.t70 img {
    border: 1px solid #c1c1c1;
}

.bloglist_wrap .tbox {
    width: calc(100% - 180px);
    border-left: 5px solid #80b586;
    border-bottom: 1px solid #c1c1c1;
    padding-bottom: 0;
}

.bloglist_wrap .item {
    margin-bottom: 30px;
}

@media only screen and (max-width:599px) {
    .bloglist_wrap .picbox {
        width: 100px;
    }
    .bloglist_wrap .tbox {
        width: calc(100% - 114px);
    }
    .bloglist_wrap .tbox .tit {
        padding: 5px 0 10px 9px;
    }
    .post .voice1.bloglist_wrap .tbox .tit h3 {
        font-size: 15px;
    }
    .voice1.bloglist_wrap .tbox .tit p {
        display: block !important;
    }
    .bloglist_wrap .tbox {
        padding-bottom: 0;
    }
}

.mb20 {
    margin-bottom: 20px;
}

.mb100 {
    margin-bottom: 100px;
}

.mt50 {
    margin-top: 50px;
}

.tac {
    text-align: center;
}

.lp section:nth-of-type(7) .sec_area div dl dt {
  text-align: center;
    color: #fff;
    font-size: 3.2rem;
    padding: 10px 0;
    background: #16a650;
}

.lp section:nth-of-type(7) .sec_area div dl dd {
    text-align: left;
    font-size: 2rem;
    background: #fff;
    padding: 30px;
    min-height: 316px;
    border-right: 1px solid #16a650;
    border-left: 1px solid #16a650;
    border-bottom: 1px solid #16a650;
    border-top: none;
}

.lp .sec_area_inner h4 {
    background: #16a650;
    padding: 10px 0;
    text-align: center;
    font-size: 2.6rem;
    position: relative;
    margin-bottom: 26px;
}

.lp .contact .form {
    background: #fff;
    margin: 60px auto 0;
    padding: 60px 0;
}

.lp .bg-white{
  background-color: #fff;
}

.lp .form-pd{
  padding: 50px;
}

.lp .expense div{
  font-size: 1.6rem;
}


.lp .sec_list_right .sec_list h4 {
    font-size: 3.2rem;
    text-align: right;
}


.lp .sec_list_right .sec_list p {
    font-size: 2rem;
    text-align: right;
}


.feature-flex {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 65%;
    left: 50%;
    width: 40%;
    transform: translateX(-48%);
}


/* home-lp */


.home-lp .box {
    max-width: 750px;
    margin: auto;
    background: rgba(255,255,255,0.5);
    padding: 40px 30px;
}

.home-lp, .home-lp * {
    box-sizing: border-box;
}

.home-lp .tit {
    font-size: 28px;
    width: 50%;
    float: left;
    margin-bottom: 20px;
    color: #80b586;
}

.home-lp .tit .mini {
    display: block;
    font-size: 50%;
    line-height: 1;
}

.home-lp .pbox {
    float: right;
    width: 45%;
    margin-top: 50px;
}


.home-lp .pbox .pic {
    border-radius: 10px;
    overflow: hidden;
}

.home-lp .tbox {
    float: left;
    width: 50%;
}

.btn-radius {
    width: 80%;
    max-width: 240px;
    margin-top: 30px;
}

.btn-radius a {
    display: block;
    width: 100%;
    height: 100%;
    border: 2px solid;
    color: #80b586;
    text-align: center;
    padding: 10px;
    border-radius: 40px;
}

@media (max-width:1024px) {
  .home-lp .tit {
      width: 100%;
      font-size: 24px;
  }
  
  .home-lp .pbox {
      width: 100%;
      margin-top: 0px;
  }
  
  .home-lp .tbox {
      width: 100%;
      margin-top: 20px;
  }
  
  .btn-radius {
      margin: 20px auto 0;
  }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
.tb-none{
  display: none !important;
}
}

.genin-img{
  width: 54% !important;
    margin: auto;
    max-width: 1000px;
    float: none !important;
}

.genin-p{
  width: 87%;
    margin: 30px auto 20px;
}

.youtsu-voicebox{
  display: flex;
    justify-content: space-between;
}

.voice-yotsu{
  width: 31%;
}

.voice-shojo{
  font-weight: bold;
    font-size: 18px;
    color: #80b586;
    margin-top: 8px;
}

.voice-shosai{
  margin-top: 15px;
}


@media only screen and (max-width:1024px) {
.genin-img {
    width: 87% !important;
}
}


@media only screen and (max-width: 599px) {
.youtsu-voicebox {
    display: block;
}

.voice-yotsu {
    width: 98%;
    margin: 0 auto 30px;
}


.genin-img {
    width: 100% !important;
}

.genin-p {
    width: 100%;
}
}

.yotsu-voice03box{
  width: 30%;
    padding: 30px 1% 10px 1% !important;
    border-radius: 10px;
}

.voice-flex03{
  display: flex;
  justify-content: space-between;
}

.voice-flex03 h3{
  font-size: 18px;
    font-weight: bold;
    color: #80b586;
    margin-top: 8px;
    text-align: left;
}

.voice-flex03 ul{
  display: flex !important;
  width: 73%;
    justify-content: space-between;
}

.voice-flex03 ul li{
  width: 33% !important;
  font-size: 14px;
    font-weight: 100;
}

.voice03block{
  display: block;
}

.voice-img-yotsu{
  width: 100%;
    height: 350px;
}


@media only screen and (max-width:1024px) {
.voice-img-yotsu {
    width: 100%;
    height: 240px;
}
}


@media only screen and (max-width: 599px) {
.voice-flex03 {
    display: block;
    justify-content: space-between;
}

.yotsu-voice03box {
    width: 94%;
    padding: 30px 3% 10px 3% !important;
    border-radius: 10px;
    margin-bottom: 15px;
}

.voice-img-yotsu {
    width: 100%;
    height: auto;
}

.voice-flex03 ul {
    display: flex !important;
    width: 70%;
    margin: 0;
}
    
    
}

#header .inner .right{
  display: flex;
  max-width: 700px;
}

.rinji-senyop{
  padding-top: 5px;
}



@media only screen and (max-width: 599px) {
  .rinji-senyop{
    display: none;
  }

.rinji-senyop02{
  display: flex;
  justify-content: space-around;
}

.rinji-senyop02 li{
  font-size: 16px;
    font-weight: bold;
}
}

/* 2024/04/17 */
.treatment4 .wrap h4 .g {
  position: relative;
}

.careerlist .fd-column li{
  flex-direction: column;
  width: 100% !important;
}

/* 2025/07/24 */
.home-nayami.ver02{
  padding-bottom: 50px;
}

.home-nayami.ver02 .onayamibox .item {
  width: calc((100% - 20px) / 3);
  margin-bottom: 10px;
}

.home-nayami.ver02 .onayamibox .pic {
  width: 30%;
}

.home-nayami.ver02 .onayamibox .txtbox {
  width: 70%;
}

.home-nayami.ver02 .onayamibox .txtbox .tit {
  font-size: 16px;
  margin-bottom: 0;
}

.voice-flex03 .ttl {
  font-size: 18px;
  font-weight: bold;
  color: #80b586;
  margin-top: 8px;
  text-align: left;
}

@media(max-width:1024px) {
.home-nayami.ver02 .onayamibox .item {
  width: calc((100% - 10px) / 2);
}

.home-nayami.ver02 .onayamibox .txtbox .tit {
  font-size: 15px;
}
}

@media(max-width:599px) {
.home-nayami.ver02 .onayamibox .item {
  width: 100%;
}    
}