@charset "utf-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body{
    line-height:1;
}
main{
    height:100%;
    margin:0;
    padding:0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
    display:block;
}
nav ul{
    list-style:none;
}
blockquote, q{
    quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after{
    content:'';
    content:none;
}
a{
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
    color:#31312f;
}
@font-face{
    font-family:"いろはマル-medium";
    src: url("../font/irohamaru-Medium.woff") format("woff");
}
body{
    background: #f4f4ec;
    color:#31312f;
    font-family:"いろはマル-medium";
}
.page-top{
    position: fixed;
    right:30px;
    bottom:20px;
    width:60px;
    height:60px;
    color:#F4F4EC;
    background-color:#7EB3AF;
    border:solid 2px #F4F4EC;
    border-radius: 15px;
    font-size:32px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 99;
    cursor: pointer;
}
header{
    width:100%;
    min-height:800px;
    position: relative;
}
.head-menu{
    width:300px;
    height:670px;
    border-radius: 15px;
    background-color: #f4f4ec;
    position: absolute;
    z-index: 5;
    left:3%;
/*    left:55px;*/
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
}
.logo-box{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    max-width:90%;
}
.sp-logo-cont{
    display: flex;
    flex-flow: column wrap;
}
.logo01{
    width:140px;
    margin:auto auto 0.8em auto;
    height:auto;
}
.logo02{
    width:150px;
    margin:auto auto 1em auto;
    height:auto;
}
.logo03{
    width:200px;
    height:auto;
    margin:auto;
}
.logo04{
    width:160px;
    margin:0.6em auto auto auto;
    height:auto;
}
.head-menu nav{
    text-align: center;
    margin:1.8em 0 0 0;
}
.head-menu nav li{
    padding:0.6em 0;
}
.nav-rsv{
    display: block;
    background-image:url(../img/frame.png);
    padding:10px;
}
/*slide*/
.slide-top{
    max-height:800px;
}
.slide-top img{
    width:100%;
    height:800px;
    object-fit: cover;
    object-position: center;
}
/*slideここまで*/
section{
    max-width:1200px;
    margin:auto;
}
.section-greeting{
    padding:100px 0;
    position: relative;
}
.greeting-box-wrapper{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}
.greet-img-box img {
    width: 420px;
    height: auto;
    position: absolute;
    top: 135px;
    left:80px;
    margin: auto;
}
.greeting-box{
    width:640px;
    height:auto;
    padding:70px 60px;
    line-height: 1.5em;
    color:#f4f4ec;
    background-color:#7eb3af;
/*    background-color:#90BDBA;*/
    background-image: url(../img/wing-white.png);
    background-repeat: no-repeat;
    background-position: 97% 95%;
}
.page-jump-box{
/*    text-align: right;*/
    display: flex;
    justify-content: flex-end;
}
.page-jump{
/*    width:280px;*/
    display:inline-flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
    margin-left:auto;
    margin-top:10px;
    padding:20px;
}
.page-jump img{
    margin-left:10px;
}
.point-title{
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: normal;
}
.point-title p{
    position: relative;
    background:linear-gradient(transparent 80%, #ECE68B 80%);
}
.point-bg{
    position: absolute;
    top:-5px;
    right:-30px;
}
.point-title img{
    margin:0 15px;
}
.point-box{
    max-width:800px;
    margin:auto;
}
.point-cont-left, .point-cont-right{
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding:60px 0;
}
.point-cont-left{
    flex-flow: row wrap;
}
.point-cont-right{
    flex-flow: row-reverse wrap;
}
.point-sub-title{
    font-size:24px;
    background-image: url(../img/title-bg.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    padding:8px 0;
    width:300px;
}
.point-text p{
    margin:35px auto;
}
.point-text{
    text-align: center;
    line-height: 1.8em;
}
.section-lakeside{
    margin:160px auto 100px auto;
    position: relative;
    text-align: right;
}
.lakeside-top{
    display: flex;
    flex-flow: row wrap;
    text-align: left;
}
.lakeside-top img{
    width:65%;
    height:420px;
    object-fit: cover;
    object-position: 50% 20%;
    z-index: 1;
}
.lakeside-top-text{
    font-size:26px;
    line-height: 1.8em;
    letter-spacing: 3px;
    position: absolute;
    right:200px;
    top:100px;
}
.lake-text-middle{
    margin-left:50px;
}
.lake-text-bottom{
    margin-left:20px;
}
.lake-text01{
    color:#8CB9B6;
    font-size:68px;
}
.lake-text02{
    font-size:38px;
}
.lake-text03{
    font-size:46px;
}
.lakeside-bottom{
    background-image: url(../img/lakeside-bg.png);
    background-repeat: no-repeat;
    background-position: 20% 60%;
}
.lakeside-bottom p{
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.6em;
    text-align: center;
    font-size:20px;
    color:#f4f4ec;
    width:65%;
    height:420px;
    background-color:#7EB3AF;
    margin-top:-90px;
    margin-left:auto;
}
.section-photo{
    width:90%;
/*    width:1000px;*/
    max-width:1000px;
    text-align: center;
    line-height: 1.8em;
    padding:3em 0;
}
.section-photo-title{
    font-weight: normal;
    font-size:26px;
    background-image: url(../img/title-bg-rainbow.png);
    background-repeat: no-repeat;
    background-position: bottom;
    display: flex;
    justify-content:center;
    align-items: center;
    margin:30px 0;
}
.section-photo-title img{
    margin-right:15px;
}
.autoplay{
    margin:30px auto;
}
.autoplay img{
    width:240px;
    height:180px;
    object-fit: cover;
/*    height:auto;*/
    margin:auto;
    background:#fff;
    padding:5px;
    border-radius: 15px;
}
.btn-highking {
    font-size:18px;
    display: inline-block;
    margin: 5em 0;
    padding: 1em 3em;
    text-decoration: none;
    background: #7EB3AF;
    color: #f4f4ec;
    box-shadow: 0px 0px 0px 10px #7EB3AF;
    border: dashed 3px #FFF;
}
.btn-highking:hover{
    opacity: 0.8;
}
.aside-access{
    max-width:1000px;
    margin:30px auto;
    padding:50px 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
    background-image: url(../img/access-bg.png);
    background-repeat: no-repeat;
    background-position: 32% 55%;
    background-size:250px;
}
.access-left{
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: baseline;
    align-content: center;
    width:40%;
    background-size:50%;
}
.access-right{
    width:55%;
}
.access-right iframe{
    width:100%;
    height:360px;
}
.border-bottom-cian, .border-bottom-pink, .border-bottom-yellow, .border-bottom-green{
    padding:0 5px;
    line-height: 1.8em;
    position: relative;
}
.border-bottom-cian:after {
    content: '';
    position: absolute;
    bottom: 5px;
    width: 100%;
    height: 7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #b2d3d1;
/*    background-color: #8CB7B5;*/
    border-radius: 5px;
    z-index: -1;
    opacity: 0.8;
}
.border-bottom-pink:after{
    content: '';
    position: absolute;
    bottom: 5px;
    width: 100%;
    height: 7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #EDCBDC;
    border-radius: 5px;
    z-index: -1;
    opacity: 0.8;
}
.border-bottom-yellow:after{
    content: '';
    position: absolute;
    bottom: 5px;
    width: 100%;
    height: 7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #ECE68B;
    border-radius: 5px;
    z-index: -1;
    opacity: 0.8;
}
.border-bottom-green:after{
    content: '';
    position: absolute;
    bottom: 5px;
    width: 100%;
    height: 7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #bedfba;
/*    background-color: #98C593;*/
    border-radius: 5px;
    z-index: -1;
}
footer{
    width:100%;
    margin:100px 0 0 0;
/*    padding:70px 0 0 0;*/
    color:#f4f4ec;
/*    background-color:#7eb3af;*/
/*    background-color:#90BDBA;*/
}
.footer-roof{
    width:100%;
/*    width:1000px;*/
    height:75px;
    margin:auto;
    background-image: url(../img/footer-roof.svg);
    background-repeat: no-repeat;
    background-position: center top;
}
.footer-all{
    background-color:#7eb3af;
    padding:50px 0
}
.footer-wrapper{
    display: flex;
    justify-content: space-around;
    max-width:1000px;
    margin:auto;
}
.footer-left{
    width:40%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}
.logo01-footer{
    width:150px;
    height:auto;
    margin:0 0 10px 0;
}
.logo02-footer{
    width:150px;
    height:auto;
    margin:5px 0 10px 0;
}
.logo04-footer{
    width:180px;
    height:auto;
    margin:10px 0;
}
.logo03-footer{
    width:220px;
    height:auto;
    margin:35px 0 0 0;
}
.footer-left small{
    color:#f4f4ec;
    margin-top:1em;
    font-size:80%;
}
.footer-right{
    width:60%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: flex-start;
    background-image: url(../img/line-flower.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}
.footer-right nav{
    line-height: 3em;
}
.footer-right nav li a{
    color:#f4f4ec;
    padding:1em;
}
.footer-right-cont p{
    margin:30px 0;
}
.footer-right-cont span{
    font-size:32px;
}
.footer-link-box{
    display: flex;
    flex-flow: column nowrap;
    margin-top:1em;
}
.footer-link-box a{
    text-align: center;
    color:#7eb3af;
    background-color:#f4f4ec;
    font-weight: bold;
    border-radius: 25px;
    margin:0.7em 0;
    padding:1em;
}
/*about*/
.sub-top{
    width:100%;
    height:800px;
    background-repeat: no-repeat;
    background-size: cover;
}
.sub-top-about{
    background-image: url(../img/stairs01.png);
    background-position: bottom;
}
.section-sub{
    width:100%;
    height:auto;
    padding:30px 0 80px 0;
    color:#f4f4ec;
    line-height:1.8em;
}
.section-wrapper{
    background-color:#7eb3af;
}
.sub-title{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:26px;
    font-weight: normal;
    text-align: center;
}
.sub-title img{
    margin-right:35px;
}
.sub-it-cont{
    width:70%;
    margin:auto;
    position: relative;
}
.subpage-eyecatch{
    width:100%;
/*    max-width:620px;*/
    min-width:280px;
/*    width:620px;*/
    height:480px;
    object-fit: cover;
    display: block;
    margin:50px auto 30px auto;
}

.section-about{
    max-width:1000px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
    padding:100px 0;
    background-image: url(../img/line-dot.png);
    background-repeat: repeat-x;
    background-position: 5% 100%;
}
.section-re{
    flex-flow: row-reverse wrap;
}
.about-h{
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    font-size:22px;
    font-weight: normal;
    margin:35px 0;
}
.main-cont-text{
    text-align: center;
    line-height: 1.8em;
}
.sub-cont{
    text-align: center;
    line-height: 1.8em;
}
.ninsyou-box{
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
}
.ninsyou{
    width:280px;
    height:auto;
    margin:20px 0;
}
.about-h-middle{
    background-image: url(../img/about-pre-bg.png);
    background-repeat: no-repeat;
    background-position: center;
}
.about-h-middle .about-h{
    padding:40px;
}
.about-h span{
    font-size:16px;
}
.main-cont-se{
    background-image: url(../img/about-vi-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    padding:90px;
}
.sub-cont-se{
    background-image: url(../img/about-se-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    padding:80px 100px 80px 100px;
}
.sub-cont-se p{
    color:#f4f4ec;
    padding-top:25px;
}
/*facility*/
.sub-top-facility{
    background-image: url(../img/inside-roomnum.png);
    background-position: center;
}
.sub-title-bg{
    background-image: url(../img/sub-title-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    padding:60px 0;
}
.sub-hukidashi{
    position: absolute;
    right:-50px;
    top:-80px;
}
.section-facility{
    max-width:800px;
    min-width:300px;
    padding:50px 0;
    background-image: url(../img/line-dot.png);
    background-repeat: repeat-x;
    background-position:20% 100%;
}
.other-box{
    width:90%;
    height:auto;
    max-width:1000px;
    margin:auto;
    background-color:#f4f4ec;
}
.section-facility-other{
    max-width:800px;
    margin:auto;
    padding:30px 0;
}
.section-facility h2, .section-facility-other h2{
    font-size:26px;
    font-weight: normal;
    margin:20px 0;
    z-index: 1;
}
.h-facility {
    display: inline-flex;
}
.fade{
    width:100%;
    height:auto;
    margin:auto;
}
.fade img{
    width:100%;
    min-width:300px;
    height:auto;
    margin:auto;
}
.section-facility p, .section-facility-other p{
    line-height: 1.8em;
    padding:30px;
}
.section-sub-title{
    text-align: center;
    font-size:26px;
    color:#f4f4ec;
    padding:80px 0;
}
.section-facility-other .fade img{
    max-width:800px;
}
.media-row{
    max-height:533px;
    object-fit: cover;
}
.section-wrapper-other{
    padding-bottom:130px;
}
.other-text{
    display: flex;
    width:90%;
    max-width:1000px;
    margin:150px auto 0px auto;
    font-size:20px;
}
.main-cont{
    text-align: center;
}
.about-h-art{
    background-image: url(../img/art-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    padding:15px 50px
}
.fade2{
    width:100%;
    max-width:500px;
    min-width:300px;
    height:auto;
}
.fade2 img{
    width:100%;
    height:auto;
    object-fit: contain;
    border-radius: 20px;
}
table{
    width:100%;
    max-width:800px;
    margin:auto;
    line-height: 1.5em;
    border:solid 2px #7eb3af;
    border-collapse:separate;
    border-spacing: 0;
    overflow: hidden;
}
table tr{
    width:100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
}
th{
    width:30%;
    background-color:#D9E4DE;
    padding:20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right:solid 2px #aaa;
    border-bottom:solid 2px #aaa;
}
td{
    width:70%;
    background-color:#f4f4ec;
    padding:3.8em 2em;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom:solid 2px #aaa;
}
table tr:last-child th,
table tr:last-child td {
    border-bottom: none;
}
.h-amenity{
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    background-image: url(../img/amenity.png);
    background-repeat: no-repeat;
    background-position: center;
    padding:50px 0;
}
/*cuisine*/
.sub-top-cuisine{
    background-image: url(../img/cuisine-soy02.jpg);
    background-position: left top;
}
.section-cuisine{
    padding:50px 0;
    line-height:1.6em;
    max-width:800px;
    background-image: url(../img/line-dot.png);
    background-repeat: repeat-x;
    background-position: 20% 100%;
}
.h-cuisine{
    display: inline-flex;
    font-size:26px;
    font-weight: normal;
}
.cuisine-box{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    padding:30px 0;
}
.cuisine-cont{
    width:45%;
}
.cuisine-cont p{
    display: flex;
    justify-content: center;
    padding:10px 0;
}
.fade3{
    height:auto;
    max-width:500px;
    min-width:300px;
}
.fade3 img{
    width:100%;
    height:auto;
    border-radius: 20px;
}
.cuisine-menu{
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-image: url(../img/menu-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size:contain;
    margin:50px auto;
    padding:250px 30px;
    max-width:600px;
    min-width:320px;
}
.cuisine-menu h2{
    font-size:20px;
    margin:20px 0;
}
.cuisine-menu p{
    margin:10px 0;
    line-height: 1.3em;
}
/*cost*/
.sub-top-cost{
   background-image: url(../img/entrance01.jpg);
    background-position: center; 
}
.article-cost .section-wrapper{
    padding:50px 0;
}
.section-cost{
    width:80%;
    max-width:800px;
    margin:auto;
    background-color:#f4f4ec;
    padding:30px 0;
}
.section-cost h2{
    color:#f4f4ec;
    background-color:#7eb3af;
    text-align: center;
    font-weight: normal;
    width:260px;
    margin:auto;
    padding:15px 0;
    border-radius: 25px;
}
.cost-box{
    width:80%;
    margin:20px auto;
    line-height: 2em;
}
.cost-top{
    border-bottom:solid 1px #31312f;
    padding:5px 15px;
}
.cost-bottom{
    text-align: right;
    padding:20px;
}
.section-kid{
    line-height: 1.8em;
    padding:100px 0;
}
.section-kid h2{
    width:250px;
    font-size:20px;
    font-weight: normal;
    margin:10px auto 50px auto;
}
.cost-tennis{
    padding:50px 0;
}
/*access*/
.sub-top-access{
    background-image: url(../img/inside-plane.png);
    background-position: left top;
}
.section-access{
    max-width:800px;
    padding:100px 0;
    line-height: 1.6em;
}
.section-access p{
    margin:30px 0;
    text-indent: -1em;
}
.section-access p i{
    color:#7eb3af;
}
/*vicinity*/
.sub-top-vicinity{
    background-image: url(../img/outside01.png);
    background-position: left top;
}
.section-vicinity{
    text-align: center;
    padding:100px 0;
    max-width:1800px;
}
.section-vicinity h2{
    display: inline-block;
    font-size:26px;
    font-weight: normal;
    margin-bottom:50px;
}
.img-highking{
    width:90%;
    max-width:1200px;
    display: block;
    margin:2em auto;
}
.img-highking img{
    width:100%;
    height:auto;
}
.highking01{
    border:solid 5px #8e759b;
}
.highking02{
    border:solid 5px #7F5B4C;
}
.section-highking{
    line-height: 1.3em;
}
.section-highking .vicinity-box{
    flex-flow: column nowrap;
    justify-content: flex-start;
}
.public{
    font-size:14px;
    color:#b86679;
    padding:0 2em;
}
.course{
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 85%;
    max-width: 1200px;
    text-align: left;
    margin:0 auto 3em auto;
}
.highking-course{
    margin:0 0 1em 0;
}
.highking-course h3{
    font-size: 20px;
    background:#fff;
    border-radius: 15px;
    margin:0 0 0.2em 0;
    padding:1em;
}
.course-h3-01{
    color:#8E759B;
    border:solid 5px #8E759B;
}
.course-h3-02{
    color:#7F5B4C;
    border:solid 5px #7F5B4C;
}
.course01 .highking-course p{
    color:#8E759B;
    padding:0 1em;
}
.course02 .highking-course p{
    color:#7F5B4C;
    padding:0 1em;
}
.course-title{
    display: inline-block;
    font-size:18px;
    margin:0 0.5em;
    padding:1em;
    border-radius: 30px;
}
.course01 .course-title{
    color:#fff;
    background:#8E759B;
}
.course02 .course-title{
    color:#fff;
    background:#7F5B4C;
}
.course-time{
    margin:0.5em 2.4em;
    padding:1em 1em;
    font-size:14px;
}
.course01 .course-time{
    color:#8E759B;
    border-left:dotted 5px #8E759B;
}
.course02 .course-time{
    color:#7F5B4C;
    border-left:dotted 5px #7F5B4C;
}
.vicinity-box{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: flex-start;
    max-width:1800px;
    line-height: 1.3em;
}
.vicinity-title{
    font-size:20px;
    margin:10px 0;
}
.vicinity-cont{
/*
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: flex-start;
*/
    background-color:#cfe7e5;
    margin:30px 0;
    padding:30px 0;
    max-width:700px;
/*    width:45%;*/
    border-radius: 20px;
}
.vicinity-cont p{
    width:60%;
    margin:auto;
    padding:1.3em 2em;
    text-align: left;
    border-radius: 15px;
}
.vicinity-text{
    background-color:#F4F4EC;
}
.vicinity-cont iframe{
/*    width:80%;*/
    width:70%;
    height:360px;
    margin:10px 0;
    border: solid 3px #F4F4EC;
}
/*contact*/
.sub-top-contact{
    background-image: url(../img/signboard02.png);
    background-position: center;
}
.section-contact{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    line-height: 1.6em;
}
.contact-art h2{
    font-size: 26px;
    font-weight: normal;
    margin:50px auto;
}
.contact-box{
    width:500px;
    height:auto;
    margin:50px auto;
}
.contact-box p{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}
.contact-box .link-radius{
    padding:20px;
}
/*prevention*/
.h-pre{
    font-size:26px;
    font-weight: normal;
    padding:30px 0;
}
.pre-box{
   background-color:#7eb3af; 
    padding:30px;
    width:80%;
    max-width:800px;
    min-width:280px;
    margin:30px auto;
    line-height: 1.3em;
}
.pre-cont{
    background-color:#F4F4EC;
    border-radius: 10px;
    margin:15px 0;;
    padding:10px;
}
.pre-cont p{
    z-index: 1;
    display: inline-flex;
    font-size:18px;
}
.pre-cont span{
    display: block;
    padding:0.5em 1.6em;
    font-size:14px;
}

/*radius*/
.main-radius{
    border-radius: 20px;
}
/*border*/
.border-last{
    background:none;
}
/*link*/
.sub-link-box{
    max-width:700px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
    margin:30px auto;
}
.sub-link-box02{
    width:100%;
    justify-content: center;
}
.link-radius{
    display: block;
    width:220px;
    text-align: center;
    margin:15px auto;
/*    margin:15px 0;*/
    padding:15px;
    border-radius: 25px;
    line-height: 0;
}
.link-white{
    color:#7eb3af;
    background-color:#f4f4ec;
}
.link-cian{
    color:#f4f4ec;
    background-color:#7eb3af;
}
.link-white:hover, .link-cian:hover{
    color:#31312f;
    background-color:#ECE68B;
    transition: 0.3s;
}
/*align*/
.center{
    text-align: center;
}

/*etc*/
.shukuwari{
    text-align: center;
    width:420px;
    margin:50px auto 0 auto;
}
.shukuwari img{
    display: block;
    width:100%;
}
.article-cost .shukuwari p{
    color:#f4f4ec;
}