body {
    font-size: 16px;
    overflow: hidden;
    line-height: 1.8;}

@media screen and (min-width: 768px), print {
  .seo_bread_list {
    position: relative;
    margin-bottom: 25px;
  }


#main-bx {}
#main-bx .bx{width: 800px; margin: 0 auto -63px; background: #EDEDF0; padding: 10px; position: relative; z-index: 1}
#main-bx .bx .inner{padding: 50px 50px 115px; border: 5px solid #fff; text-align: center;}
#main-bx .bx .inner .ttl{font-size: 21px; font-weight: bold; letter-spacing: 1px; line-height: 2.5; margin-bottom: 10px;}
#main-bx .bx .inner .ttl span{font-size: 38px; letter-spacing: 2px; font-weight: 900; line-height: 1.8}
#main-bx .bx .inner .icon{text-align: center; margin-bottom: -266px;}

#con1 {}
#con1 .con1-top-bg{width: 100%; margin: 0 auto; height: 260px; background: url(../images/koukin/con1-top-bg.jpg) no-repeat top center; padding: 130px 0; }
#con1 .bx{width: 100%; margin: 0 auto 50px; background: #F3F3F3; padding: 38px 0 58px}
#con1 .inner{width: 1000px; margin: 0 auto;}
#con1 .inner .ttl{font-size: 32px; font-weight: bold; letter-spacing: 1px; text-align: center; width: 300px; margin: 0 auto; background: url(../images/koukin/con1-ttl-icon1.svg) no-repeat left 3px top 32px,url(../images/koukin/con1-ttl-icon2.svg) no-repeat right 3px top 58px; padding: 20px 0;}
#con1 .inner .ttl1{font-size: 16px; line-height: 1.9; letter-spacing: 0.8px; width: 590px; margin: 0 auto 60px;}

#con1 .in-inner{width: 1000px; margin: 0 auto 193px; background: #A27F2B; padding: 35px 0; color: #fff;}
#con1 .in-inner .in-ttl{font-size: 21px; font-weight: bold; letter-spacing: 1px; text-align: center; margin-bottom: 20px;}
#con1 .in-inner .in-ttl span{font-size: 32px; letter-spacing: 1.7px;}
#con1 .in-inner .list{margin-left: -20px; margin-bottom: 25px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con1 .in-inner .list li{width: 115px; height: 145px; margin-right: 42px; text-align: center; font-size: 14px; font-weight: bold; }
#con1 .in-inner .list li:last-child{margin-right: 0}
#con1 .in-inner .list li .in-icon{margin-bottom: 10px;}
#con1 .in-inner .list li .in-txt{font-size: 14px; letter-spacing: 0.3px; line-height: 1.7}

#con1 .in-inner .main-ttl{font-size: 108px; text-align: center; letter-spacing: 7px; margin-left: 8px; margin-bottom: 33px; line-height: 1}
#con1 .in-inner .main-ttl span{font-size: 50px; letter-spacing: 4px;}
#con1 .in-inner .main-txt{font-size: 13px; text-align: center; letter-spacing: 0.7px; line-height: 1.75; margin-bottom: 40px;}

#con1 .in-inner .list1{margin-bottom: -155px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con1 .in-inner .list1 li{width: 253px; margin-right: 40px; }
#con1 .in-inner .list1 li:last-child{margin-right: 0}

#con1 .in-bx1{width: 1000px; margin: 0 auto; position: relative;}
#con1 .in-bx1 .in-ttl1{font-size: 28px; font-weight: bold; letter-spacing: 3px; text-align: center; margin-bottom: 43px;}
#con1 .in-inner1{width: 640px; margin-right: auto;}
#con1 .in-inner1 .in-txt1{font-size: 16px; letter-spacing: 0.8px; margin-bottom: 30px; line-height: 1.9}
#con1 .in-inner1 .in-link{position: absolute; right: 0; top: 110px}

#con2 {}
#con2 .bx{width: 1100px; margin: 0 auto 35px;}
#con2 .bx .top-ttl{font-size: 18px; font-weight: bold; color: #fff; letter-spacing: 1px; text-align: center; background: #0B2139; padding: 13px 0; border-radius: 20px; margin-bottom: 30px;}
#con2 .bx .top-ttl span{font-size: 28px; letter-spacing: 1.4px}
#con2 .bx .inner{width: 1100px; margin: 0 auto;}
#con2 .bx .inner .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con2 .bx .inner .list li{width: 260px; height: 380px; margin-right: 20px; margin-bottom: 30px; background: #F3F3F3; border-radius: 20px; padding: 20px}
#con2 .bx .inner .list li:nth-child(n+5){width: 260px; height: 420px; margin-right: 20px;}
#con2 .bx .inner .list li:nth-child(4){margin-right: 0}
#con2 .bx .inner .list li:nth-child(7){margin-right: 0}
#con2 .bx .inner .list li .in-num{font-size: 18px; letter-spacing: 2px; font-weight: 600; text-align: center; margin-left: -20px}
#con2 .bx .inner .list li .in-num span{font-size: 33px; letter-spacing: 2px; line-height: 1.6}
#con2 .bx .inner .list li .in-ttl{font-size: 21px; letter-spacing: 1px; line-height: 1.5; font-weight: 600; text-align: center; padding-right: 20px; padding-bottom: 12px; margin-bottom: 13px; border-bottom: dotted 1px #000;}
#con2 .bx .inner .list li:nth-child(2) .in-ttl{padding-right: 0; margin-bottom: 13px; padding-bottom: 43px;}
#con2 .bx .inner .list li:nth-child(2) .in-num{margin-left: 0}
#con2 .bx .inner .list li:nth-child(3) .in-ttl{padding-right: 0; }
#con2 .bx .inner .list li:nth-child(3) .in-num{margin-left: 0}
#con2 .bx .inner .list li .in-txt{font-size: 16px; letter-spacing: 0.8px; line-height: 1.9}


#con3 {}
#con3 .bx{width: 100%; margin: 0 auto; background: #F3F3F3; padding: 60px 0 53px}
#con3 .bx1{width: 1100px; margin: 0 auto;}
#con3 .bx1 .top-ttl {font-size: 28px; letter-spacing: 1.4px;font-weight: bold; color: #fff; letter-spacing: 1px; text-align: center; background: #0B2139; padding: 30px 0; border-radius: 20px; margin-bottom: 30px;}
#con3 .bx1 .inner{width: 1000px; margin: 0 auto;}
#con3 .bx1 .inner .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con3 .bx1 .inner .list li{width: 240px; margin-right: 13px; margin-bottom: 28px; }
#con3 .bx1 .inner .list li:nth-child(4n){margin-right: 0}
#con3 .bx1 .inner .list li .in-ttl{font-size: 18px; font-weight: bold; letter-spacing: 1px; text-align: center; padding: 15px 0 20px; background: #fff; border-radius: 25px 25px 0 0}


#con4 {}
#con4 .bx{width: 1100px; margin: 20px auto 90px; background: url(../images/koukin/con4-top-icon.svg) no-repeat top center; padding-top: 55px;}
#con4 .bx .top-ttl {font-size: 28px; letter-spacing: 1.4px;font-weight: bold; color: #fff; letter-spacing: 1px; text-align: center; background: #A27F2B; padding: 30px 0; border-radius: 20px; margin-bottom: 30px;}
#con4 .bx .inner{width: 1100px; margin: 0 auto;}
#con4 .bx .inner .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con4 .bx .inner .list li{width: 300px; height: 300px; margin-right: 20px; margin-bottom: 30px; background: #F3F3F3; border-radius: 20px; padding: 35px 18px; border: 2px solid #A27F2B;}
#con4 .bx .inner .list li:nth-child(n+4){width: 300px; height: 270px; margin-right: 20px;}
#con4 .bx .inner .list li:nth-child(3){margin-right: 0}
#con4 .bx .inner .list li:nth-child(5){margin-right: 0}
#con4 .bx .inner .list li .in-ttl{font-size: 17px; letter-spacing: 1px; line-height: 1.5; font-weight: 600; text-align: center;padding-bottom: 17px; margin-bottom: 8px; border-bottom: dotted 1px #000;}
#con4 .bx .inner .list li .in-txt{font-size: 16px; letter-spacing: 0.8px; line-height: 1.9}


#con5 {}
#con5 .bx{width: 1100px; margin: 0 auto; background: #0B2139; padding: 100px 0 115px;}
#con5 .bx .inner {text-align: center; position: relative;}
#con5 .bx .inner .img1{position: absolute; left: -90px; top: -138px;}
#con5 .bx .inner .img2{position: absolute; right: -130px; top: 115px;}
#con5 .bx .inner .icon{margin-bottom: 13px;}
#con5 .bx .inner .ttl{font-size: 38px; font-weight: bold; letter-spacing: 3.5px; color: #fff; line-height: 1.7}



}


@media screen and (max-width: 767px) {

#main-bx {}
#main-bx .bx{width: 85vw; margin: 0 auto; background: #EDEDF0; padding: 2vw; }
#main-bx .bx .inner{padding: 8vw 5vw 3vw; border: 2px solid #fff; text-align: center;}
#main-bx .bx .inner .ttl{font-size: 3.4vw; font-weight: bold; letter-spacing: 0.1vw; line-height: 2.2; margin-bottom: 3vw;}
#main-bx .bx .inner .ttl span{font-size: 5vw; letter-spacing: 0.2vw; font-weight: 900; line-height: 1.8}
#main-bx .bx .inner .icon{width: 30vw; text-align: center; margin: 0 auto -26vw;}

#con1 {}
#con1 .con1-top-bg{width: 100vw; margin: 0 auto; background: url(../images/koukin/sp-con1-top-bg.jpg) no-repeat top center; padding: 13vw 0; background-size: 100%}
#con1 .bx{width: 100vw; margin: 0 auto 5vw; background: #F3F3F3; padding: 8vw 0 5vw}
#con1 .inner{width: 100vw; margin: 0 auto;}
#con1 .inner .ttl{font-size: 5.6vw; font-weight: bold; letter-spacing: 0.2vw; text-align: center; width: 65vw; margin: 0 auto; background: url(../images/koukin/con1-ttl-icon1.svg) no-repeat left 7vw top 5vw,url(../images/koukin/con1-ttl-icon2.svg) no-repeat right 7vw top 12vw; padding: 5vw 0; background-size: 3vw}
#con1 .inner .ttl1{font-size: 3.6vw; line-height: 1.9; letter-spacing: 0.2vw; width: 90vw; margin: 0 auto 5vw;}

#con1 .in-inner{width: 90vw; margin: 0 auto 10vw; background: #A27F2B; padding: 8vw 5vw; color: #fff;}
#con1 .in-inner .in-ttl{font-size: 4.2vw; font-weight: bold; letter-spacing: 0.2vw; text-align: center; margin-bottom: 8vw;}
#con1 .in-inner .in-ttl span{font-size: 4.8vw; letter-spacing: 0.2vw;}
#con1 .in-inner .list{margin-bottom: 5vw; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con1 .in-inner .list li{width: 35vw; margin-right: 2vw; margin-bottom: 3vw; text-align: center; font-size: 3.6vw; font-weight: bold; }
#con1 .in-inner .list li:nth-child(2n){margin-right: 0}
#con1 .in-inner .list li:last-child{margin-right: 0}
#con1 .in-inner .list li .in-icon{width: 25vw; margin: 0 auto 3vw;}
#con1 .in-inner .list li .in-txt{font-size: 3.4vw; letter-spacing: 0.2vw; line-height: 1.7}

#con1 .in-inner .main-ttl{font-size: 14vw; font-weight: bold; text-align: center; letter-spacing: 0.5vw; margin-bottom: 3vw; line-height: 1}
#con1 .in-inner .main-ttl span{font-size: 8vw; letter-spacing: 0.5vw;}
#con1 .in-inner .main-txt{font-size: 3.4vw; text-align: left; letter-spacing: 0.2vw; line-height: 1.75; margin-bottom: 5vw;}

#con1 .in-inner .list1{margin-bottom: -15vw; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con1 .in-inner .list1 li{width: 37vw; margin-right: 3vw}
#con1 .in-inner .list1 li:nth-child(2){margin-right: 0}

#con1 .in-bx1{width: 90vw; margin: 15vw auto 5vw; position: relative;}
#con1 .in-bx1 .in-ttl1{font-size: 5vw; font-weight: bold; letter-spacing: 0.3vw; text-align: center; margin-bottom: 5vw;}
#con1 .in-inner1{}
#con1 .in-inner1 .in-txt1{font-size: 3.6vw; letter-spacing: 0.2vw; margin-bottom: 3vw; line-height: 1.9}
#con1 .in-inner1 .in-link{width: 70vw; margin: 0 auto;}

#con2 {}
#con2 .bx{width: 90vw; margin: 10vw auto;}
#con2 .bx .top-ttl{font-size: 3.6vw; font-weight: bold; color: #fff; letter-spacing: 0.2vw; text-align: center; background: #0B2139; padding: 4vw 0; border-radius: 5vw; margin-bottom: 5vw;}
#con2 .bx .top-ttl span{font-size: 5vw; letter-spacing: 0.2vw}
#con2 .bx .inner{ margin: 0 auto;}
#con2 .bx .inner .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con2 .bx .inner .list li{width: 42vw; margin-right: 2vw; margin-bottom: 3vw; background: #F3F3F3; border-radius: 5vw; padding: 3vw 3vw 5vw}
#con2 .bx .inner .list li:nth-child(2n){width: 42vw; margin-right: 0vw;}
#con2 .bx .inner .list li .in-num{font-size: 3.8vw; letter-spacing: 0.2vw; font-weight: 600; text-align: center; }
#con2 .bx .inner .list li .in-num span{font-size: 5.6vw; letter-spacing: 0.2vw; line-height: 1.6}
#con2 .bx .inner .list li .in-ttl{font-size: 4vw; letter-spacing: 0.2vw; line-height: 1.5; font-weight: 600; text-align: center; padding-bottom: 3vw; margin-bottom: 3vw; border-bottom: dotted 1px #000;}
#con2 .bx .inner .list li:nth-child(2) .in-ttl{padding-bottom: 9vw; margin-bottom: 3vw; }
#con2 .bx .inner .list li:nth-child(3) .in-ttl{padding-right: 0; }
#con2 .bx .inner .list li .in-txt{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 1.7}


#con3 {}
#con3 .bx{width: 100vw; margin: 0 auto; background: #F3F3F3; padding: 8vw 3vw}
#con3 .bx1{width: 90vw; margin: 0 auto;}
#con3 .bx1 .top-ttl {font-size: 4.6vw; letter-spacing: 0.2vw;font-weight: bold; color: #fff; letter-spacing: 0.2vw; text-align: center; background: #0B2139; padding: 4vw 0; border-radius: 5vw; margin-bottom: 5vw;}
#con3 .bx1 .inner{ margin: 0 auto;}
#con3 .bx1 .inner .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con3 .bx1 .inner .list li{width: 42vw; margin-right: 3vw; margin-bottom: 3vw; }
#con3 .bx1 .inner .list li:nth-child(2n){margin-right: 0}
#con3 .bx1 .inner .list li .in-ttl{font-size: 3.6vw; font-weight: bold; letter-spacing: 0.2vw; text-align: center; padding: 2vw 0 3vw; background: #fff; border-radius: 5vw 5vw 0 0}
#con3 .bx1 .inner .list li:nth-child(7) .in-ttl{font-size: 3.4vw; font-weight: bold; letter-spacing: 0vw; text-align: center; padding: 3vw 0 3vw; background: #fff; border-radius: 5vw 5vw 0 0}


#con4 {}
#con4 .bx{width: 90vw; margin: 5vw auto 15vw; background: url(../images/koukin/con4-top-icon.svg) no-repeat top center; padding-top: 10vw; background-size: 10vw}
#con4 .bx .top-ttl {font-size: 4.6vw; letter-spacing: 0.2vw;font-weight: bold; color: #fff; letter-spacing: 0.2vw; text-align: center; background: #A27F2B; padding: 4vw 0; border-radius: 5vw; margin-bottom: 5vw;}
#con4 .bx .inner{ margin: 0 auto;}
#con4 .bx .inner .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con4 .bx .inner .list li{width: 42vw; margin-right: 2vw; margin-bottom: 3vw; background: #F3F3F3; border-radius: 5vw; padding: 3vw 3vw 5vw; border: 2px solid #A27F2B;}
#con4 .bx .inner .list li:nth-child(2n){width: 42vw; margin-right: 0}
#con4 .bx .inner .list li .in-ttl{font-size: 4vw; letter-spacing: 0.2vw; line-height: 1.5; font-weight: 600; text-align: center;padding-bottom: 3vw; margin-bottom: 3vw; border-bottom: dotted 1px #000;}
#con4 .bx .inner .list li .in-txt{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 1.7}


#con5 {}
#con5 .bx{width: 100vw; margin: 0 auto 30vw; background: #0B2139; padding: 20vw 0 20vw;}
#con5 .bx .inner {width: 90vw; margin: 0 auto; text-align: center; position: relative;}
#con5 .bx .inner .img1{width: 35vw; position: absolute; left: 0; top: -28vw;}
#con5 .bx .inner .img2{width: 35vw; position: absolute; right: 0; top: 50vw;}
#con5 .bx .inner .icon{width: 30vw; margin: 0 auto 5vw;}
#con5 .bx .inner .ttl{font-size: 4.6vw; font-weight: bold; letter-spacing: 0.5vw; color: #fff; line-height: 1.6}



}