@charset "UTF-8";
*{
  box-sizing: border-box;
}
html{
  font-size: 62.5%;
  line-height: 1.5;
}
body.cica{
  font-size: 1rem!important;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif!important;
  color: #42210b!important;
    line-height: 1.75!important;
}
/*main{
  min-width: 980px;
}*/
section{
  width: 100%;
}
.serif{
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif!important;
}
/*p{
  font-size: 1.8rem;
  text-align: left;
}*/
 /*img{
  width: 100%;
} */
.l-container{
  width: 980px;
  margin: 0 auto;
}
.c-flex{
  display: flex;
}
.c-flexWrap{
  flex-wrap: wrap;
}
.c-alignCenter{
  align-items: center;
}

.col2{
  width: 50%;
}
.cf::after {
   content: "";
   display: block;
   clear: both;
}
.cf ul {
	line-height: -1em !important;
}

.u-mb1{margin-bottom:1rem;}.u-mb2{margin-bottom:2rem;}.u-mb3{margin-bottom:3rem;}.u-mb4{margin-bottom:4rem;}.u-mb5{margin-bottom:5rem;}.u-mb6{margin-bottom:6rem;}.u-mb7{margin-bottom:7rem;}.u-mb8{margin-bottom:8rem;}.u-mb9{margin-bottom:9rem;}
.u-mt1{margin-top:1rem;}.u-mt2{margin-top:2rem;}.u-mt3{margin-top:3rem;}.u-mt4{margin-top:4rem;}.u-mt5{margin-top:5rem;}.u-mt6{margin-top:6rem;}.u-mt7{margin-top:7rem;}.u-mt8{margin-top:8rem;}.u-mt9{margin-top:9rem;}
.u-mr1{margin-right:1rem;}.u-mr2{margin-right:2rem;}.u-mr3{margin-right:3rem;}.u-mr4{margin-right:4rem;}.u-mr5{margin-right:5rem;}.u-mr6{margin-right:6rem;}.u-mr7{margin-right:7rem;}.u-mr8{margin-right:8rem;}.u-mr9{margin-right:9rem;}
.u-ml1{margin-left:1rem;}.u-ml2{margin-left:2rem;}.u-ml3{margin-left:3rem;}.u-ml4{margin-left:4rem;}.u-ml5{margin-left:5rem;}.u-ml6{margin-left:6rem;}.u-ml7{margin-left:7rem;}.u-ml8{margin-left:8rem;}.u-ml9{margin-left:9rem;}
.u-pb1{padding-bottom:1rem;}.u-pb2{padding-bottom:2rem;}.u-pb3{padding-bottom:3rem;}.u-pb4{padding-bottom:4rem;}.u-pb5{padding-bottom:5rem;}.u-pb6{padding-bottom:6rem;}.u-pb7{padding-bottom:7rem;}.u-pb8{padding-bottom:8rem;}.u-pb9{padding-bottom:9rem;}
.u-pt1{padding-top:1rem;}.u-pt2{padding-top:2rem;}.u-pt3{padding-top:3rem;}.u-pt4{padding-top:4rem;}.u-pt5{padding-top:5rem;}.u-pt6{padding-top:6rem;}.u-pt7{padding-top:7rem;}.u-pt8{padding-top:8rem;}.u-pt9{padding-top:9rem;}
.u-pr1{padding-right:1rem;}.u-pr2{padding-right:2rem;}.u-pr3{padding-right:3rem;}.u-pr4{padding-right:4rem;}.u-pr5{padding-right:5rem;}.u-pr6{padding-right:6rem;}.u-pr7{padding-right:7rem;}.u-pr8{padding-right:8rem;}.u-pr9{padding-right:9rem;}
.u-pl1{padding-left:1rem;}.u-pl2{padding-left:2rem;}.u-pl3{padding-left:3rem;}.u-pl4{padding-left:4rem;}.u-pl5{padding-left:5rem;}.u-pl6{padding-left:6rem;}.u-pl7{padding-left:7rem;}.u-pl8{padding-left:8rem;}.u-pl9{padding-left:9rem;}

.text-center{
    text-align: center;
}
.bg-pattern{
    background-image: url(../images/pattern.jpg);
    background-position: center;
}
.tags div{
    display: inline-block;
    border: solid 2px;
    font-size: 18px;
    padding: .1em .4em;
}
.tags div:not(:last-child){
    margin-right: .2em;
}
.tags div:first-child{
    background: #42210b;
    color: #fff;
    border-color: #42210b;
}
.item1 .tags div:not(:first-child){
    border-color: #f1a0c3;
}
.itemName{
    font-size: 22px;
    font-weight: bold;
    line-height: 1.3;
    margin-top: .8em;
}
.volume{
    font-size: 22px;
    line-height: 1.2;
    margin-top: .8em;
}

@media screen and (max-width: 768px){
    .l-container{
        width: 90%;
    }
    .bg-pattern{
        background-size: 299px;
    }
}
@media screen and (max-width:425px){
    .tags div:not(:last-child){
        margin-right: .5em;
        margin-bottom: .5em;
    }
}


#section1{
    background-image: url(../images/section1_bgi.jpg);
    background-size: cover;
    background-position: center;
}
#section1 .l-container{
    padding: 40px 0;
}
@media screen and (max-width: 768px){
    #section1 h1 img{
        width: 70%;
        height: auto;
    }
    #section1 .l-container{
        padding: 4% 0;
    }
}


#section2 .l-container{
    background-color: #0d624f;
    padding: 90px 0 120px;
	line-height: 1.5;
}
#section2 h4{
    font-size: 60px;
    font-size: 60px;
    font-weight: bold;
    color: #fff;
    padding-bottom: 0.5em;
}
#section2 .deco{
    width: 69%;
    margin: 4% auto 2%;
    background-color: #fff;
    color: 00614f;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 40px;
    line-height: 1.75;
    border-radius: 1em;
    background-image: url(../images/section2_deco1.png),url(../images/section2_deco2.png);
    background-repeat: no-repeat;
    background-size: auto 75%, auto 70%;
    background-position: left 4.5% top 50%, right 3.5% top 50%;
}
#section2 .itemList a{
    display: block;
    width: 31.6%;
    float: left;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
#section2 .itemList a:hover{
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}
#section2 .itemList a:not(:last-child){
    margin-right: 2.6%;
}
#section2 .itemList a img{
    width: 100%;
}
@media screen and (max-width: 768px){
    #section2 .l-container{
        padding: 9% 0 12%;
    }
    #section2 h2 img{
        width: 65%;
        height: auto;
    }
    #section2 .deco{
        width: 80%;
        font-size: 4vw;
    }
	#section2 h4{
        font-size:30px;
        height: auto;
    }
}


#section3 .l-container{
    padding: 50px 0 0;
}
#section3 h2{
    margin-top: 3%;
}
#section3 .content{
    margin-top: 8%;
}
#section3 .content .contLeft{
    float: left;
    padding-top: 4%;
}
#section3 .content .contRight{
    float: right;
    width: 49%;
}
#section3 .content .contRight img{
    margin-bottom: 4%;
}
#section3 .content .contRight p{
    font-size: 16px;
    margin-bottom: 1.5em;
}
#section3 .content .contRight p.font-large{
    font-size: 1.875em;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: .8em;
}
#section3 .content .contRight .marker{
    background-color: #fff545;
    font-weight: bold;
}
#section3 .content .contRight dl{
    margin-bottom: .8em;
}
#section3 .content .contRight dt{
    font-size: 18px;
    margin-left: -0.5em;
}
#section3 .content .contRight dd{
    font-size: 16px;
}
@media screen and (max-width: 768px){
    #section3 .l-container{
        padding-top: 5%;
    }
    #section3 .tora img{
        width: 113px;
        height: auto;
    }
    #section3 h2 img{
        width: 85%;
        height: auto;
    }
    #section3 .content .contLeft{
        width: 35%;
    }
    #section3 .content .contLeft img{
        width: 100%;
        height: auto;
    }
    #section3 .content .contRight{
        width: 60%;
    }
    #section3 .content .contRight img{
        width: 100%;
        height: auto;
    }
    #section3 .content .contRight p,
    #section3 .content .contRight dd{
        font-size: 1.7vw;
    }
    #section3 .content .contRight dt{
        font-size: 2vw;
    }
}
@media screen and (max-width:425px){
    #section3 .tora img{
        width: 85px;
    }
    #section3 .content{
        margin-top: 15%;
    }
    #section3 .content .contLeft{
        float: none;
        width: 100%;
        text-align: center;
        padding-top: 0;
    }
    #section3 .content .contLeft img{
        width: 60%;
    }
    #section3 .content .contRight{
        float: none;
        width: 100%;
        margin-top: 3%;
    }
    #section3 .content .contRight p,
    #section3 .content .contRight dd{
        font-size: 3.5vw;
    }
    #section3 .content .contRight dt{
        font-size: 4vw;
    }
}


#section4{
    margin-top: 150px;
}
#section4 .box{
    position: relative;
    padding: 65px 0 15px;
    margin-top: -40px;
}
#section4 .box::before,
#section4 .box::after{
    content: "";
    position: absolute;
    width: 20px;
    height: 100%;
    border-top: solid 4px #de88a6;
    border-bottom: solid 4px #de88a6;
    top: 0;
}
#section4 .box::before{
    border-left: solid 4px #de88a6;
    left: 0;
}
#section4 .box::after{
    border-right: solid 4px #de88a6;
    right: 0;
}
#section4 .box img{
    margin: 0 20px;
}
@media screen and (max-width: 768px){
    #section4{
        margin-top: 15%;
    }
    #section4 h2 img{
        width: 54%;
        height: auto;
    }
    #section4 .box{
        padding: 6% 0 2%;
        margin-top: -4%;
    }
    #section4 .box img{
        margin: .5%;
        width: 22%;
        height: auto;
    }
}
@media screen and (max-width:425px){
    #section4 h2 img{
        width: 60%
    }
    #section4 .box img{
        margin: 2%;
        width: 35%;
        height: auto;
    }
}

.52 {
	padding-top:80px;
}

#section5{
    margin-top: 120px;
}
#section5 .l-container{
    background-color: #d6ece8;
    background-image: url(../images/section5_bgi.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    padding: 4% 0 5%;
}
#section5 .heading p{
    font-size: 35px;
    font-weight: bold;
}
#section5 h2{
    font-weight: bold;
    font-size: 60px;
    line-height: 1;
}
#section5 ul{
    margin: 3.5% auto 8%;
}
#section5 ul li{
    display: inline-block;
	padding-top: 80px;
    width: 230px;
    height: 230px;
    margin: 15px;
    line-height: 40px;
    font-size: 32px;
    font-weight: bold;
    color: #00614f;
    background-image: url(../images/section5_mark.png);
    background-size: cover;
}
#section5 ul + p{
    font-size: 35px;
    font-weight: bold;
    line-height: 1.5;
}
#section5 ul + p .font-large{
    font-size: 1.28em;
}
@media screen and (max-width: 768px){
    #section5{
        margin-top: 12%;
    }
    #section5 .heading p{
        font-size: 3.5vw;
    }
    #section5 h2{
        font-size: 6.5vw;
    }
    #section5 ul{
        width: 90%;
    }
    #section5 ul li{
        font-size: 3vw;
		padding-top: 60px;
        width: 8em;
        height: 8em;
        margin: .3em;
        line-height: 1.5em;
    }
    #section5 ul + p{
        font-size: 3.5vw;
    }
}
@media screen and (max-width:425px){
    #section5 ul li{
        font-size: 3vw;
		padding-top: 35px;
		line-height: 1.5em;
    }
}


#section6{
    margin-top: 170px;
    background-image: url(../images/section6_bgi.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
}
#section6::before{
    content: "";
    position: absolute;
    background-image: url(../images/triangle.svg);
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    width: 58%;
    height: 15.4%;
    top: -2px;
    left: 0;
    right: 0;
    margin: auto;
}
#section6 h2{
    position: absolute;
    top: 14%;
    left: 0%;
    right: 0;
    margin: auto;
    width: 75.36%;
}
#section6 h2 img{
    width: 100%;
    height: auto;
}
#section6 .l-container{
    position: relative;
    padding-bottom: 65.714%;
}
#section6 .l-container .inner{
    position: absolute;
    right: 0;
    bottom: 8%;
}
#section6 ul{
    background: rgba(0, 97, 79, 0.6);
    padding: 18px 30px;
    position: relative;
    list-style: none;
}
#section6 ul::before,
#section6 ul::after{
    content: "";
    position: absolute;
    width: 2px;
    height: 56px;
    background: #fff;
    transform: rotate(45deg);
}
#section6 ul::before{
    top: -16px;
    left: 10px;
}
#section6 ul::after{
    right: 10px;
    bottom: -16px;
}
#section6 ul li{
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    padding: .2em 0 .2em 1.7em;
    background-image: url(../images/check.png);
    background-repeat: no-repeat;
    background-size: 31px;
    background-position: left;
}
@media screen and (max-width: 768px){
    #section6{
        margin-top: 17%;
    }
    #section6 ul{
        padding: 1.5vw 2.5vw;
    }
    #section6 ul::before,
    #section6 ul::after{
        width: 1px;
        height: 4vw;
    }
    #section6 ul::before{
        top: -1.1vw;
        left: .8vw;
    }
    #section6 ul::after{
        right: .8vw;
        bottom: -1.1vw;
    }
    #section6 ul li{
        font-size: 2vw;
        background-size: 1.3em;
    }
}
@media screen and (max-width:425px){
    #section6 .l-container{
        margin-bottom: 70vw;
    }
    #section6 .l-container .inner{
        left: 0;
        bottom: -58vw;
    }
    #section6 ul{
        padding: 3vw 5vw;
    }
    #section6 ul::before,
    #section6 ul::after{
        width: 1px;
        height: 8vw;
    }
    #section6 ul::before{
        top: -2vw;
        left: 1.8vw;
    }
    #section6 ul::after{
        right: 1.8vw;
        bottom: -2vw;
    }
    #section6 ul li{
        font-size: 3.8vw;
    }
}


#section7{
    margin-top: 45px;
}
#section7 .content{
    padding: 70px 0 100px;
}
#section7 .content:not(:last-child){
    border-bottom: solid 1px #c8c8c8;
}
#section7 .content .contLeft{
    float: left;
}
#section7 .content .contLeft .tags{
    margin-top: 20px;
}
#section7 .content .contRight{
    float: right;
    width: 660px;
}
#section7 .content .contRight h2{
    font-size: 45px;
    font-weight: bold;
    color: #00614f;
    line-height: 1.3;
}
#section7 .content .contRight h2 + ul{
    margin-top: 1em;
}
#section7 .content .contRight h2 + ul li{
    display: inline-block;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    background: #00614f;
    padding: 0 .5em;
    border-radius: .35em;
}
#section7 .content .contRight .itemDesc p{
    font-size: 24px;
    margin-top: 1.5em;
}
#section7 .content .contRight .usage{
    margin-top: 7.5%;
    border-top: solid 10px #00614f;
    border-bottom: solid 10px #00614f;
}
#section7 .content .contRight .usage .inner{
    border-top: solid 4px;
    border-bottom: solid 4px;
}
#section7 .content.item1 .contRight .usage .inner{
    border-color: #f1a0c3;
}
#section7 .content.item2 .contRight .usage .inner{
    border-color: #8bcdc3;
}
#section7 .content.item3 .contRight .usage .inner{
    border-color: #c4dc77;
}
#section7 .content .contRight .usage .text{
    float: left;
    width: 350px;
    padding: 25px 30px;
}
#section7 .content .contRight .usage .text h3{
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    border-radius: 1em;
    margin-bottom: .8em;
}
#section7 .content.item1 .contRight .usage .text h3{
    background-color: #f1a0c3;
}
#section7 .content.item2 .contRight .usage .text h3{
    background-color: #8bcdc3;
}
#section7 .content.item3 .contRight .usage .text h3{
    background-color: #c4dc77;
}
#section7 .content .contRight .usage .text p{
    font-size: 18px;
}
@media screen and (max-width: 768px){
    #section7 .tora img{
        width: 220px;
        height: auto;
    }
    #section7 .content{
        padding: 7% 0 10%;
    }
    #section7 .content .contLeft{
        width: 24%;
    }
    #section7 .content .contLeft img{
        width: 100%;
        height: auto;
    }
    #section7 .content .contLeft .tags div{
        font-size: 1.5vw;
    }
    #section7 .content .contLeft .itemName,
    #section7 .content .contLeft .volume{
        font-size: 2vw;
    }
    #section7 .content .contRight{
        width: 72%;
    }
    #section7 .content .contRight h2{
        font-size: 4vw;
    }
    #section7 .content .contRight h2 + ul li{
        font-size: 2.6vw;
    }
    #section7 .content .contRight .itemDesc p{
        font-size: 2.2vw;
    }
    #section7 .content .contRight .usage .text{
        width: 54%;
        padding: 1.5em 1.8em;
    }
    #section7 .content .contRight .usage .text h3{
        font-size: 2.2vw;
    }
    #section7 .content .contRight .usage .text p{
        font-size: 1.7vw;
    }
    #section7 .content .contRight .usage img{
        width: 46%;
        height: auto;
    }
}
@media screen and (max-width:425px){
    #section7 .tora img{
        width: 165px;
    }
    #section7 .content .contLeft{
        width: 100%;
        float: none;
    }
    #section7 .content .contLeft img{
        width: 40%;
    }
    #section7 .content .contLeft .itemInfo{
        display: inline-block;
        width: 50%;
        margin-left: 5%;
    }
    #section7 .content .contLeft .tags{
        margin-top: 0;
    }
    #section7 .content .contLeft .tags div{
        font-size: 3vw;
    }
    #section7 .content .contLeft .itemName,
    #section7 .content .contLeft .volume{
        font-size: 4vw;
    }
    #section7 .content .contRight{
        width: 100%;
        float: none;
        margin-top: 5%;
    }
    #section7 .content .contRight h2{
        font-size: 5.2vw;
    }
    #section7 .content .contRight h2 + ul li{
        font-size: 3.6vw;
    }
    #section7 .content .contRight .itemDesc p{
        font-size: 3.5vw;
    }
    #section7 .content .contRight .usage .text{
        float: none;
        width: 100%;
        padding: 2.5em 1.8em 0;
    }
    #section7 .content .contRight .usage .text h3{
        font-size: 3.5vw;
    }
    #section7 .content .contRight .usage .text p{
        font-size: 3vw;
    }
    #section7 .content .contRight .usage img{
        float: none;
        width: 80%;
        margin-left: 15%;
    }
}


#section8{
    margin-top: 80px;
}
#section8 .inner{
    border-left: solid 2px #00614f;
    border-right: solid 2px #00614f;
    border-bottom: solid 2px #00614f;
    padding: 0 4%;
}
#section8 h2{
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    padding: .4em .5em;
}
#section8 .content{
    padding: 50px 0;
}
#section8 .content:not(:last-child){
    background-image: url(../images/dot.png);
    background-repeat: repeat-x;
    background-position: bottom;
    background-size: 10px;
    position: relative;
}
#section8 .content:not(:last-child)::before{
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    background: #00614f;
    border-radius: 50%;
    left: 0;
    right: 0;
    bottom: -20px;
    margin: auto;
}
#section8 .content:not(:last-child)::after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 14px 0 14px;
    border-color: #fff transparent transparent transparent;
    left: 0;
    right: 0;
    bottom: -5px;
    margin: auto;
}
#section8 .content .contLeft{
    float: left;
    width: 570px;
}
#section8 .content .contLeft h3{
    display: inline-block;
    font-weight: bold;
    font-size: 32px;
    position: relative;
    padding: 0 .8em;
    margin-bottom: 1.8em;
}
#section8 .content .contLeft h3::before,
#section8 .content .contLeft h3::after{
    content: "";
    position: absolute;
    width: 10px;
    height: 100%;
    border-top: solid 4px #ffd843;
    border-bottom: solid 4px #ffd843;
    top: 0;
}
#section8 .content .contLeft h3::before{
    border-left: solid 4px #ffd843;
    left: 0;
}
#section8 .content .contLeft h3::after{
    border-right: solid 4px #ffd843;
    right: 0;
}
#section8 .content .contLeft img{
    width: 210px;
    float: left;
}
#section8 .content .contLeft ul{
    width: 300px;
    float: right;
    list-style: none;
}
#section8 .content .contLeft ul li{
    font-size: 16px;
    padding-left: 1em;
    text-indent: -1em;
    margin: .8em 0;
}
#section8 .content .contRight{
    width: 270px;
    float: right;
    padding-top: 30px
}
#section8 .content .contRight p{
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    background: #00614f;
    line-height: 1.3;
    padding: .5em;
    border-radius: .6em;
    position: relative;
    margin-bottom: .75em;
}
#section8 .content .contRight p::after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .45em .42em 0 .42em;
    border-color: #00614f transparent transparent transparent;
    left: 0;
    right: 0;
    bottom: -0.45em;
    margin: auto;
}
#section8 .content .contRight img{
    width: 100%;
}
@media screen and (max-width: 768px){
    #section8{
        margin-top: 8%;
    }
    #section8 h2{
        font-size: 3.8vw;
    }
    #section8 .content .contLeft{
        width: 65%;
    }
    #section8 .content .contLeft h3{
        font-size: 3vw;
    }
    #section8 .content .contLeft img{
        width: 37%;
    }
    #section8 .content .contLeft ul{
        width: 58%;
    }
    #section8 .content .contLeft ul li{
        font-size: 1.7vw;
    }
    #section8 .content .contRight{
        width: 30%;
        padding-top: 3%;
    }
    #section8 .content .contRight p{
        font-size: 2.2vw;
    }
    #section8 .content .contRight img{
        width: 100%;
        height: auto;
    }
}
@media screen and (max-width:425px){
    #section8 h2{
        font-size: 4.8vw;
    }
    #section8 .content{
        padding: 8% 0;
    }
    #section8 .content:not(:last-child){
        background-size: 5px;
    }
    #section8 .content:not(:last-child)::before{
        width: 25px;
        height: 25px;
        bottom: -10px;
    }
    #section8 .content:not(:last-child)::after{
        border-width: 8px 7px 0 7px;
        bottom: -2px;
    }
    #section8 .content .contLeft{
        width: 100%;
        float: none;
    }
    #section8 .content .contLeft h3{
        font-size: 4.5vw;
        margin-bottom: 1em;
    }
    #section8 .content .contLeft h3::before,
    #section8 .content .contLeft h3::after{
        border-width: 2px;
        width: 5px;
    }
    #section8 .content .contLeft h3::before{
        border-right-width: 0;
    }
    #section8 .content .contLeft h3::after{
        border-left-width: 0;
    }
    #section8 .content .contLeft ul li{
        font-size: 3vw;
    }
    #section8 .content .contRight{
        width: 60%;
        float: none;
        padding-top: 6%;
        margin: auto;
    }
    #section8 .content .contRight p{
        font-size: 3.8vw;
    }
}


#section9{
    margin-top: 170px;
    background-image: url(../images/section9_bgi.jpg);
    background-size: cover;
    background-position: center;
}
#section9 .inner{
    width: 60%;
    padding: 6% 0 3%;
}
#section9 h2{
    font-size: 48px;
    font-weight: bold;
    line-height: 1.3;
}
#section9 .line{
    width: 80%;
    margin: 6% 0;
    border-top: solid 2px;
    border-bottom: solid 2px;
    padding: 3px 0;
}
#section9 .lineInner{
    border-top: solid 1px;
    border-bottom: solid 1px;
    padding: 5% 0 2%;
}
#section9 .line h3{
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
}
#section9 .line h3 + p{
    text-align: center;
    font-size: 20px;
    margin-bottom: .75em;
}
#section9 .line ul{
    margin: 0; 
    list-style: none;
}
#section9 .line ul li{
    font-size: 20px;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.2;
    margin: .3em 0;
}
#section9 img{
    width: 60%;
}
@media screen and (max-width: 768px){
    #section9{
        margin-top: 17%;
    }
    #section9 h2{
        font-size: 4.5vw;
    }
    #section9 .line h3{
        font-size: 3vw;
    }
    #section9 .line h3 + p,
    #section9 .line ul li{
        font-size: 2vw;
    }
}
@media screen and (max-width:425px){
    #section9 .inner{
        width: 65%;
        padding: 6% 0;
    }
    #section9 h2{
        font-size: 4.8vw;
    }
    #section9 .line{
        padding: 2px 0;
    }
    #section9 .line h3 + p,
    #section9 .line ul li{
        font-size: 2.5vw;
    }
}


#section10 h2{
    font-size: 45px;
    font-weight: bold;
    color: #fff;
    padding: 1.8em 1em;
}
#section10 .l-container{
    padding: 5% 0;
}
#section10 .content{
    width: 31.6%;
    float: left;
    border: solid 1px #a3a3a3;
}
#section10 .content:not(:last-child) {
    margin-right: 2.6%;
}
#section10 .content.item1 .inner{
    border-top: solid 20px #f1a0c3;
}
#section10 .content.item2 .inner{
    border-top: solid 20px #8bcdc3;
}
#section10 .content.item3 .inner{
    border-top: solid 20px #c4dc77;
}
#section10 .content img{
    width: 97%;
    display: block;
    margin: 5% auto 8%;
}
#section10 .content .itemInfo{
    width: 80%;
    margin: 0 auto 10%;
}
#section10 .content .button{
    display: block;
    width: 100%;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: #00614f;
    padding: .3em 1em .3em .3em;
    border-radius: 1.5em;
    margin-top: 1.25em;
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
#section10 .content .button:hover{
    background: #0e4037;
}
#section10 .content .button::before{
    content: "";
    position: absolute;
    width: 1.1em;
    height: 1.1em;
    background: #fff;
    border-radius: 50%;
    top: 0;
    right: .8em;
    bottom: 0;
    margin: auto;
}
#section10 .content .button::after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .35em 0 .35em .5em;
    border-color:  transparent transparent transparent #00614f;
    top: 0;
    right: 1em;
    bottom: 0;
    margin: auto;
}
#section10 .content .button:hover::after{
    border-color:  transparent transparent transparent #0e4037;
}
@media screen and (max-width: 768px){
    #section10 h2{
        font-size: 4vw;
    }
    #section10 .content .inner{
        border-top-width: 2vw!important;
    }
    #section10 .content img{
        width: 100%;
    }
    #section10 .content .itemInfo{
        width: 90%;
    }
    #section10 .content .tags div{
        font-size: 1.6vw;
    }
    #section10 .content .itemName,
    #section10 .content .volume{
        font-size: 2.2vw;
    }
    #section10 .content .button{
        font-size: 2vw;
    }
}
@media screen and (max-width:425px){
    #section10 h2{
        font-size: 4.8vw;
    }
    #section10 .content{
        float: none;
        width: 100%;
    }
    #section10 .content:not(:last-child) {
        margin-right: 0;
        margin-bottom: 3%;
    }
    #section10 .content .inner{
        padding: 3% 0;
    }
    #section10 .content img{
        width: 40%;
        display: inline;
        margin: 0;
        vertical-align: middle;
    }
    #section10 .content .itemInfo{
        width: 50%;
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
    #section10 .content .tags div{
        font-size: 3vw;
    }
    #section10 .content .itemName,
    #section10 .content .volume{
        font-size: 4vw;
        margin-top: .5em;
    }
    #section10 .content .button{
        font-size: 3.5vw;
        margin-top: .5em
    }
}
@media screen and (max-width:375px) {
  
}