@charset "utf-8";

/* ecc */
/* -------------------------------------------------------- */
.ecc-sec {margin:0 -30px;}
.ecc-sec .contents.bg {margin:0 1px; background:url(../img/bg_01.png);}
.ecc-sec .sec {width:870px; text-align:left; margin:0 auto;}
.ecc-sec .mv {width:100%; position:relative; z-index:1;}
.ecc-sec .mv > .logo {position:absolute; top:0; right:55px; z-index:10;}
.ecc-sec .mv .slider {width:100%; -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden;}
.ecc-sec .mv .slider .list {-webkit-overflow-scrolling:touch; overflow-scrolling:touch;}
.ecc-sec .mv .slider .btn a {width:40px; height:40px; margin:-20px 0 0 0; background-repeat:no-repeat; background-position:center center; background-image:url(../img/arrow_01.png); background-size:cover; display:block; position:absolute; top:50%; transition:opacity 0.3s ease;}
.ecc-sec .mv .slider .btn a:hover {opacity:0.7;}
.ecc-sec .mv .slider .btn a.prev {left:30px;}
.ecc-sec .mv .slider .btn a.next {right:30px; transform:scale(-1,1);}
.ecc-sec .mv .nav {width:100%; margin:0; background-color:rgba(0,0,0,0.4); position:absolute; bottom:0; left:0;}
.ecc-sec .mv .nav ul {border-left:solid 1px #fff;}
.ecc-sec .mv .nav li {border-right:solid 1px #fff;}
.ecc-sec .mv .nav li.logo {display:none;}
.ecc-sec .mv .nav li a {font-size:125%; color:#fff; padding:10px 0;}
.ecc-sec .nav {margin:0 1px; padding:9px 45px 9px 34px; background-color:#e7f1d1; box-sizing:border-box;}
.ecc-sec .nav ul {display:flex;}
.ecc-sec .nav li {width:100%; text-align:center; border-right:solid 1px #737868; box-sizing:border-box; display:flex; justify-content:center; align-items:center;}
.ecc-sec .nav li.logo {padding-right:10px;}
.ecc-sec .nav li a {width:100%; font-size:91%; font-weight:bold; text-align:center; text-decoration:none; color:#000; padding:2px 0; display:block;}
.ecc-sec .nav li a:hover {text-decoration:underline;}
.ecc-sec .ttl {font-size:216%; font-weight:bold; color:#e17aac; padding:40px 29px 0 96px; border-bottom:solid 2px #f19bc1; position:relative;}
.ecc-sec .ttl::before {content:''; width:62px; height:62px; margin:0 0 -6px 29px; background-repeat:no-repeat;background-position:center center;background-size:cover; display:block; position:absolute; bottom:0; left:0;}
.ecc-sec .ttl.icon1::before {background-image:url(../img/bg_03_01.png);}
.ecc-sec .ttl.icon2::before {background-image:url(../img/bg_03_02.png);}
.ecc-sec .ttl.icon3::before {background-image:url(../img/bg_03_03.png);}
.ecc-sec .ttl.icon4::before {background-image:url(../img/bg_03_04.png);}
.ecc-sec .ttl.icon5::before {background-image:url(../img/bg_03_05.png);}
.ecc-sec .top-news {padding:40px 0 0 0;}
.ecc-sec .top-news h2 {position:relative; z-index:5;}
.ecc-sec .top-news h2 > span {font-size:155%; font-weight:bold; line-height:1; letter-spacing:0.1em; padding:7px 14px 5px 14px; background-color:#d9e684; display:inline-block; position:relative;}
.ecc-sec .top-news h2 > span::before {content:''; width:20px; height:20px; margin:-15px -15px 0 0; background:url(../img/bg_02.png) no-repeat center center; background-size:cover; display:block; position:absolute; top:0; right:0;}
.ecc-sec .top-news .box {margin:-15px -15px 0 -15px; padding:35px 25px 25px 25px; background-color:#fff;}
.ecc-sec .top-news .list > li {font-size:150%; padding:5px 0 5px 15px; position:relative;}
.ecc-sec .top-news .list > li::before {content:''; width:6px; height:6px; background-color:#1a1a1a; display:block; position:absolute; top:12px; left:0;}
.ecc-sec .top-news .list > li span {font-size:75%;}
.ecc-sec .top-news .list > li a {font-size:66%; font-weight:bold; line-height:1; text-decoration:none; color:#fff; padding:4px 5px 2px 5px; background-color:#ec7aac; display:inline-block; transition:opacity 0.3s ease;}
.ecc-sec .top-news .list > li a:hover {opacity:0.7;}
.ecc-sec .box1 {margin:0 1px; padding:20px 0; background-color:#fff;}
.ecc-sec .box2 {margin:30px 1px 0 1px; padding:20px 0;}
.ecc-sec .box2.bg1 {background-color:#e5fce3;}
.ecc-sec .box2.bg2 {background-color:#d3f0ff;}
.ecc-sec .box2.bg3 {background-color:#fff0ff;}
.ecc-sec .box2.bg4 {background-color:#faeddd;}
.ecc-sec .box2.bg5 {background-color:#fffcd7;}
.ecc-sec .box2.fst {margin-top:20px;}
.ecc-sec .box2.type1 {margin-top:0;}
.ecc-sec .box2.type2 {margin-top:15px;}
.ecc-sec .footer {padding:30px 0 35px 0;}
.ecc-sec .footer dl {text-align:left; padding:15px 25px; background-color:#fff; border:solid 1px #8f8887; display:flex; align-items:center;}
.ecc-sec .footer dt {font-size:150%; font-weight:bold; padding:0 25px 0 0;}
.ecc-sec .footer dd {font-size:108%; line-height:1.6;}
.ecc-sec .footer dd a {text-decoration:none; color:#000;}
.ecc-sec .footer dd a:hover {text-decoration:underline; color:#000;}
.ecc-sec form .form dl {font-size:133%; display:flex;}
.ecc-sec form .form dt {width:9em; text-align:right; padding:0 1em 0 0; box-sizing:border-box;}
.ecc-sec form .form dd {padding:0 0 15px 0; flex:1;}
.ecc-sec form .btn {font-size:133%; display:flex; justify-content:space-between; align-items:center;}
.ecc-sec form .btn ul {margin:0 -5px; display:flex;}
.ecc-sec form .btn ul > li {padding:0 5px;}
.ecc-sec form input,
.ecc-sec form textarea {width:100%; box-sizing:border-box;}
.ecc-sec form textarea {height:120px;}
.ecc-sec form .inputCheck {display:none;}
.ecc-sec form .error {color:#c00;}
.ecc-sec .clm1 {display:flex; justify-content:space-between;}
.ecc-sec .clm1 .ctx {width:47%;}
.ecc-sec .clm1 .img {width:50%;}
.ecc-sec .clm1 .img > div {margin:0 -6px; display:flex;}
.ecc-sec .clm1 .img > div > div {padding:0 6px; box-sizing:border-box; flex:1;}
.ecc-sec .clm1 .img > div + .btn1 {margin-top:20px;}
.ecc-sec .clm2 {margin:0 -8px; display:flex;}
.ecc-sec .clm2 > div {padding:0 8px; box-sizing:border-box; flex:1;}
.ecc-sec .clm3 {display:flex; justify-content:space-between;}
.ecc-sec .clm3 .ctx {width:47%;}
.ecc-sec .clm3 .img {width:50%;}
.ecc-sec .clm4 {margin:-20px -12px 0 -12px; display:flex; flex-wrap:wrap;}
.ecc-sec .clm4 > div {width:50%; padding:20px 12px 0 12px; box-sizing:border-box;}
.ecc-sec .clm5 {margin:0 -12px; display:flex; flex-wrap:wrap;}
.ecc-sec .clm5 > div {width:50%; padding:20px 12px 0 12px; box-sizing:border-box;}
.ecc-sec .clm6 {margin:15px -14px 0 -14px; display:flex;}
.ecc-sec .clm6 > div {padding:0 14px; box-sizing:border-box; flex:1;}
.ecc-sec .clm7 {margin:0 0 0 18px; display:flex; justify-content:space-between;}
.ecc-sec .clm7 > div {width:47%; text-align:center;}
.ecc-sec .clm7 .img {text-align:center; margin:20px 0 10px 0; border:solid 1px rgba(0,0,0,0.5); box-shadow:0 0 3px rgba(0,0,0,0.5);}
.ecc-sec .clm7 .img img {margin:0 auto;}
.ecc-sec img.photo {border-radius:10px;}
.ecc-sec .new {font-size:68%; font-weight:bold; line-height:1; vertical-align:middle; color:#fff; padding:4px 5px 2px 5px; background-color:#e4007f; display:inline-block;}
.ecc-sec .ttl1 {font-size:150%; font-weight:bold; padding:0 0 0 18px; position:relative;}
.ecc-sec .ttl1::before {content:''; width:12px; height:12px; background:url(../img/bg_04.png) no-repeat center center; background-size:cover; display:block; position:absolute; top:0.3em; left:0;}
.ecc-sec .ttl1 + .txt1 {margin:10px 0 0 18px;}
.ecc-sec .ttl1 + .txt3 {margin:10px 0 0 18px;}
.ecc-sec .ttl1 + .txt4 {margin:10px 0 0 10px;}
.ecc-sec .btn1 {text-align:right;}
.ecc-sec .btn1 a {width:110px; font-size:142%; font-weight:bold; line-height:1; text-align:center; text-decoration:none; color:#fff; margin:0 0 0 auto; padding:2px; background-color:#2aac3a; border:solid 1px #fff; border-radius:5px; box-sizing:border-box; display:block; transition:opacity 0.3s ease;}
.ecc-sec .btn1 a:hover {opacity:0.7;}
.ecc-sec .btn1 a > span {padding:4px 0 2px 0; border:solid 1px #fff; border-radius:3px; display:block;}
.ecc-sec .txt1 {font-size:133%; line-height:1.5;}
.ecc-sec .txt1 + .btn1 {margin-top:20px;}
.ecc-sec .txt2 {font-size:150%; font-weight:bold;}
.ecc-sec .txt2 + .ttl1 {margin-top:5px;}
.ecc-sec .txt3 li {font-size:150%; margin:5px 0 0 0; display:flex; align-items:center;}
.ecc-sec .txt3 li span {padding:0 1em 0 0; display:block;}
.ecc-sec .txt4 li {font-size:150%; margin:5px 0 0 0; padding:0 0 0 1em; position:relative;}
.ecc-sec .txt4 li::before {content:'・'; position:absolute; top:0; left:0;}
.ecc-sec .txt5 dt {font-size:150%; font-weight:bold; line-height:1.4; padding:0 0 0 18px; position:relative;}
.ecc-sec .txt5 dt::before {content:''; width:12px; height:12px; background:url(../img/bg_04.png) no-repeat center center; background-size:cover; display:block; position:absolute; top:0.3em; left:0;}
.ecc-sec .txt5 dd {font-size:133%; line-height:1.5; margin:10px 0 0 18px;}
.ecc-sec .txt6 {margin:0 0 0 15px;}
.ecc-sec .txt6 dt {font-size:150%; font-weight:bold; line-height:1.4;}
.ecc-sec .txt6 dd {font-size:133%; line-height:1.5; margin:5px 0 0 0;}
.ecc-sec .txt7 {font-size:133%;}
.ecc-sec .txt7 a {text-decoration:underline; color:#006bb5;}
.ecc-sec .txt7 a:hover {text-decoration:none; color:#006bb5;}
.ecc-sec ul.txt7 {margin:15px 0 0 18px;}
.ecc-sec ul.txt7 > li {padding:0 0 0 1em; position:relative;}
.ecc-sec ul.txt7 > li::before {content:'・'; display:block; position:absolute; top:0; left:0;}