@charset "UTF-8";
@media screen and (min-width: 768px),print {
.seo_bread_list{ margin-bottom: -45px; }
#contentsmain { background: url('../images/iki/main-back.jpg')no-repeat top center; padding-top: 87px;}
#contentsmain h2 { text-align: center;  margin-bottom: 175px;}
#contentsmain h2 img{  }
#contentsmain .inner-Box { width: 1100px; margin: 0 auto 80px; background: #fff; padding-top: 35px;}
#contentsmain .inner-Box h3{ text-align: center; position: relative; font-size: 24px; font-weight: 700; letter-spacing: 1.2px; line-height: 40px; margin-bottom: 84px; }
#contentsmain .inner-Box h3::before{ content: "";  width: 120px; height: 8px; background-color: #6bc2b7; position: absolute; bottom: -45px; left: 50%; margin-left: -60px; }
#contentsmain .inbox { position: relative; min-height: 400px; padding-left: 395px; padding-top: 29px;}
#contentsmain .inbox h4{ color: #155469; font-size: 22px; font-weight: 700; display: inline-block; background: #fff; position: relative;padding: 15px 0px 15px 30px;z-index: 3;letter-spacing: 1.1px;margin-bottom: 17px;}
#contentsmain .inbox figure.photo01 { position: absolute; top: 0; left: 0; }
#contentsmain .inbox p{  font-size: 16px;letter-spacing: 0.8px;line-height: 28px;margin-left: 145px;margin-bottom: 27px;}
#contentsmain .inbox p span{ font-weight: bold; }

#contents01 { background: url('../images/iki/contents01-back.jpg')no-repeat top center #f4efe7; padding-top: 91px;padding-bottom: 80px;margin-bottom: 100px;}
#contents01 h2{ text-align: center; font-size: 38px; font-weight: 700; letter-spacing: 1.9px; margin-bottom: 7px;}
#contents01 p.text { text-align: center; font-size: 16px; font-weight: 700; letter-spacing: 0.8px; line-height: 28px; margin-bottom: 36px;}
#contents01 .inner-Box {  }
#contents01 .clearfix { width: 1084px; margin: 0 auto 60px; }
#contents01 .left { width: 522px; border-radius: 40px; border: 2px solid #e79a5a; background-color: #fffbf8; float: left; margin-right: 40px; overflow: hidden;height: 372px;}
#contents01 .left h3{ background-color: #e79a5a; text-align: center; color: #ffffff; font-size: 24px; font-weight: 700; letter-spacing: 1.2px; padding: 18px; margin-bottom: 23px;}
#contents01 .left ul{  margin-left: 80px;margin-right: 50px;}
#contents01 .left ul li{ position: relative; font-size: 22px; font-weight: 700; letter-spacing: 1.1px; margin-bottom: 8px;}
#contents01 .left ul li span{ position: absolute; top: -10px; left: -32px; }
#contents01 .right { width: 522px; border-radius: 40px; border: 2px solid #2686d1; background-color: #eff8ff; float: left; overflow: hidden;height: 372px;}
#contents01 .right h3{ background-color: #2686d1; text-align: center; color: #ffffff; font-size: 24px; font-weight: 700; letter-spacing: 1.2px; padding: 18px; margin-bottom: 23px;}
#contents01 .right ul{  margin-left: 80px;margin-right: 30px;}
#contents01 .right ul li{ position: relative; font-size: 22px; font-weight: 700; letter-spacing: 1.1px; margin-bottom: 8px;}
#contents01 .right ul li span{ position: absolute; top: -10px; left: -32px; }

#contents01 .inbox { width: 1200px; height: 176px; background-color: #ffffff; text-align: center; position: relative; margin: 0 auto; padding-top: 34px;}
#contents01 .inbox::before{content: url('../images/iki/contents01-photo01.png');bottom: -8px;right: 0px;position: absolute;}
#contents01 .inbox::after{ content: url('../images/iki/contents01-arr.svg'); top: -34px; left: 50%; margin-left: -35px; position: absolute;}
#contents01 .inbox p{ font-size: 32px; font-weight: 700; letter-spacing: 1.6px; line-height: 54px; }

#contents02 { width: 1100px; margin: 0 auto 81px; }
#contents02 h2{ text-align: center; color: #fff; background-color: #38240e; font-size: 38px; font-weight: 700; letter-spacing: 1.9px; padding-top: 15px;padding-bottom: 16px;margin-bottom: 37px;}
#contents02 h2 span.i{ position: relative; }
#contents02 h2 span.ki{ position: relative; }
#contents02 h2 span.i::before{ content: "い"; position: absolute; top: -18px; left: 12px; font-size: 14px;}
#contents02 h2 span.ki::before{ content: "き"; position: absolute; top: -18px; left: 14px; font-size: 14px;}

#contents02 h3{  font-size: 24px;font-weight: 700;letter-spacing: 1.2px;line-height: 40px;margin-bottom: 23px;}
#contents02 .inner-Box { min-height: 490px; position: relative;  }
#contents02 .inner-Box figure.photo { position: absolute; right: 0; top: 0; }
#contents02 .inner-Box p{ font-size: 16px; letter-spacing: 0.8px; line-height: 28px; margin-bottom: 26px; width: 550px;}
#contents02 .inner-Box figure.photo2 {  }

#contents03 { width: 1100px; margin: 0 auto; }
#contents03 h2{ text-align: center; color: #fff; background-color: #38240e; font-size: 38px; font-weight: 700; letter-spacing: 1.9px; padding-top: 15px;padding-bottom: 16px;margin-bottom: 37px;}
#contents03 .inner-Box {  margin-bottom: 25px;}
#contents03 .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents03 .inner-Box ul li { width: 340px; margin-right: 40px; text-align: center;padding-bottom: 24px;margin-bottom: 40px;}
#contents03 .inner-Box ul li:nth-child(1){ background-color: #f5e4d6; }
#contents03 .inner-Box ul li:nth-child(2){ background-color: #ffecf8; }
#contents03 .inner-Box ul li:nth-child(3){ margin-right: 0px; background-color: #f5ebff; }
#contents03 .inner-Box ul li:nth-child(4){ margin-left: 190px; background-color: #e4f3ff; }
#contents03 .inner-Box ul li:nth-child(5){ background-color: #f5ffec; }

#contents03 .inner-Box ul li:nth-child(1) h3{ background-color: #d86f17; }
#contents03 .inner-Box ul li:nth-child(2) h3{ background-color: #cb59a1; }
#contents03 .inner-Box ul li:nth-child(3) h3{ background-color: #7f4ab4; }
#contents03 .inner-Box ul li:nth-child(4) h3{ background-color: #2e7ab5; }
#contents03 .inner-Box ul li:nth-child(5) h3{ background-color: #5f8f33; }
#contents03 .inner-Box ul li img{  margin-bottom: 6px;}
#contents03 .inner-Box ul li h3{ font-size: 24px; color: #ffffff; letter-spacing: 1.2px; font-weight: 700; text-align: center;  padding: 5px;margin-bottom: 22px;}
#contents03 .inner-Box ul li p{  font-size: 18px;font-weight: 700;letter-spacing: 0.9px;}
#contents03 .inner-Box2 { width: 920px; margin: 0 auto 86px; }
#contents03 .inner-Box2 ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents03 .inner-Box2 ul li { width: 440px; margin-right: 40px; text-align: center;}
#contents03 .inner-Box2 ul li:nth-child(2){ margin-right: 0px; }
#contents03 .inner-Box2 ul li img{  margin-bottom: 16px;}
#contents03 .inner-Box2 p{ font-size: 16px; font-weight: 700; letter-spacing: 0.8px; }


#contentsbottom { width: 1200px; height: 630px; margin: 0 auto 80px; text-align: center; background: url('../images/iki/bottom-back.jpg')no-repeat top center; }
#contentsbottom .inner-Box {  padding-top: 102px;}
#contentsbottom .inner-Box h2{  font-size: 60px;font-weight: 700;letter-spacing: 3px;margin-bottom: 10px;}
#contentsbottom .inner-Box h2 span{ display: block; font-size: 32px; letter-spacing: 1.6px; margin-bottom: -22px;}
#contentsbottom .inner-Box p{  font-size: 24px;font-weight: 700;letter-spacing: 1.2px;line-height: 40px;}

.bottom-banner{ width: 750px; margin: 0 auto 104px; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.bottom-banner li{ width: 360px; float: left; margin-right: 30px; text-align: center; }
.bottom-banner li:nth-child(2){ margin-right: 0px; }
.bottom-banner li img{ margin-bottom: 16px; }
.bottom-banner li p{ font-size: 16px; letter-spacing: 0.8px; line-height: 28px; font-weight: bold;}


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

#contentsmain {}
#contentsmain h2 { text-align: center;  margin-bottom: -5vw;}
#contentsmain h2 img{  }
#contentsmain .inner-Box {  margin: 0 4vw 10.4vw; background: #fff; padding-top: 4.6vw;position: relative;}
#contentsmain .inner-Box h3{text-align: center;position: relative;font-size: 4.6vw;font-weight: 700;letter-spacing: 0.3vw; line-height:1.6;margin-bottom: 10vw;}
#contentsmain .inner-Box h3::before{ content: "";   height: 1.0vw; background-color: #6bc2b7; position: absolute; bottom: -1.9vw; left: 50%; margin-left: -10vw; width: 20vw;}
#contentsmain .inbox { position: relative;   }
#contentsmain .inbox h4{color: #155469;font-size: 3.9vw;font-weight: 700;position: relative;z-index: 3;letter-spacing: 0.3vw;margin-bottom: 5.2vw;text-align: center;}
#contentsmain .inbox figure.photo01 {    margin-bottom: 4vw;}
#contentsmain .inbox p{  font-size: 3.6vw;letter-spacing: 0.3vw;line-height:1.6;margin-bottom: 3.5vw;}
#contentsmain .inbox p span{ font-weight: bold; }

#contents01 { background: url('../images/iki/sp-contents01-back.jpg')no-repeat top center #f4efe7; background-size: 100% auto; padding-top: 11.9vw;padding-bottom: 10.4vw;margin-bottom: 13.0vw;}
#contents01 h2{text-align: center;font-size: 5vw;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 2.9vw;}
#contents01 p.text {text-align: left;font-size: 3.6vw;letter-spacing: 0.3vw; line-height:1.6;margin: 0 6.7vw 3vw;}
#contents01 .inner-Box {  }
#contents01 .clearfix {  margin: 0 4vw 2.8vw; }
#contents01 .left {  border-radius: 5.2vw; border: 0.3vw solid #e79a5a; background-color: #fffbf8;   overflow: hidden;margin-bottom: 6vw;}
#contents01 .left h3{ background-color: #e79a5a; text-align: center; color: #ffffff; font-size: 4.6vw; font-weight: 700; letter-spacing: 0.3vw; padding: 2vw; margin-bottom: 3.0vw;}
#contents01 .left ul{  margin-left: 10.4vw;margin-right: 6.5vw;padding-bottom: 5vw;}
#contents01 .left ul li{ position: relative; font-size: 3.9vw; font-weight: 700; letter-spacing: 0.3vw; margin-bottom: 1.0vw;}
#contents01 .left ul li span{ position: absolute; top: -1.3vw; left: -4vw; width: 3vw;}
#contents01 .right {  border-radius: 5.2vw; border: 0.3vw solid #2686d1;background-color: #eff8ff;   overflow: hidden;margin-bottom: 6vw;}
#contents01 .right h3{ background-color: #2686d1; text-align: center; color: #ffffff; font-size: 4.6vw; font-weight: 700; letter-spacing: 0.3vw; padding: 2vw; margin-bottom: 3.0vw;}
#contents01 .right ul{  margin-left: 10.4vw;margin-right: 6.5vw;padding-bottom: 5vw;}
#contents01 .right ul li{ position: relative; font-size: 3.9vw; font-weight: 700; letter-spacing: 0.3vw; margin-bottom: 1.0vw;}
#contents01 .right ul li span{ position: absolute; top: -1.3vw; left: -4vw; width: 3vw;}

#contents01 .inbox {   background-color: #ffffff; text-align: center; position: relative; margin: 0 4vw; padding-top: 4.4vw;padding-bottom: 4vw;}
#contents01 .inbox::before{ content: url('../images/iki/contents01-photo01.png'); bottom: -1vw; right: -0vw; position: absolute;transform: scale(0.4); transform-origin: bottom right;}
#contents01 .inbox::after{ content: url('../images/iki/contents01-arr.svg'); top: -4.4vw; left: 50%; margin-left: -8.6vw; position: absolute;}
#contents01 .inbox p{ font-size: 4.3vw; font-weight: 700; letter-spacing: 0.3vw; line-height:1.6; }

#contents02 {  margin: 0 4vw 10.6vw; }
#contents02 h2{ text-align: center; color: #fff; background-color: #38240e; font-size: 5vw; font-weight: 700; letter-spacing: 0.3vw; padding-top: 3vw;padding-bottom: 2.1vw;margin-bottom: 3vw;}
#contents02 h2 span.i{ position: relative; }
#contents02 h2 span.ki{ position: relative; }
#contents02 h2 span.i::before{ content: "い"; position: absolute; top: -2vw; left: 1.5vw; font-size: 2vw;}
#contents02 h2 span.ki::before{ content: "き"; position: absolute; top: -2vw; left: 1.5vw; font-size: 2vw;}

#contents02 h3{  font-size: 3.6vw;font-weight: 700;letter-spacing: 0.3vw;line-height:1.6;margin-bottom: 3.0vw;}
#contents02 .inner-Box {  position: relative;  }
#contents02 .inner-Box figure.photo {    margin-bottom: 2vw;}
#contents02 .inner-Box p{ font-size: 3.6vw; letter-spacing: 0.3vw; line-height:1.6; margin-bottom: 3.4vw; }
#contents02 .inner-Box figure.photo2 {  }

#contents03 {  margin: 0 4vw; }
#contents03 h2{ text-align: center; color: #fff; background-color: #38240e; font-size: 5vw; font-weight: 700; letter-spacing: 0.3vw; padding-top: 3vw;padding-bottom: 2.1vw;margin-bottom: 3vw;}
#contents03 .inner-Box {  margin-bottom: 3.3vw;}
#contents03 .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents03 .inner-Box ul li {  margin-right: 2%; text-align: center;padding-bottom: 3.1vw;margin-bottom: 5.2vw;width: 49%;}
#contents03 .inner-Box ul li:nth-child(1){ background-color: #f5e4d6; }
#contents03 .inner-Box ul li:nth-child(2){ background-color: #ffecf8; margin-right: 0vw;}
#contents03 .inner-Box ul li:nth-child(3){ background-color: #f5ebff; }
#contents03 .inner-Box ul li:nth-child(4){ background-color: #e4f3ff; margin-right: 0vw;}
#contents03 .inner-Box ul li:nth-child(5){ background-color: #f5ffec; margin-left: 23vw;}

#contents03 .inner-Box ul li:nth-child(1) h3{ background-color: #d86f17; }
#contents03 .inner-Box ul li:nth-child(2) h3{ background-color: #cb59a1; }
#contents03 .inner-Box ul li:nth-child(3) h3{ background-color: #7f4ab4; }
#contents03 .inner-Box ul li:nth-child(4) h3{ background-color: #2e7ab5; }
#contents03 .inner-Box ul li:nth-child(5) h3{ background-color: #5f8f33; }
#contents03 .inner-Box ul li img{  margin:0 auto 0.8vw; height: 20vw; width: auto; }
#contents03 .inner-Box ul li h3{ font-size: 3.6vw; color: #ffffff; letter-spacing: 0.3vw; font-weight: 700; text-align: center;  padding: 0.7vw;margin-bottom: 2.9vw;}
#contents03 .inner-Box ul li p{  font-size: 3.5vw;font-weight: 700;letter-spacing: 0.3vw;}
#contents03 .inner-Box2 {  margin: 0 auto 7vw; }
#contents03 .inner-Box2 ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;margin: 0 9vw;}
#contents03 .inner-Box2 ul li {  margin-bottom: 4.2vw; text-align: center;}
#contents03 .inner-Box2 ul li:nth-child(2){ margin-right: 0vw; }
#contents03 .inner-Box2 ul li img{  margin-bottom: 2.1vw;}
#contents03 .inner-Box2 p{ font-size: 3.6vw; font-weight: 700; letter-spacing: 0.3vw; }


#contentsbottom {  height: 76.9vw; margin: 0 auto 7.4vw; text-align: center; background: url('../images/iki/sp-bottom-back.jpg')no-repeat top center; background-size: 100% auto; }
#contentsbottom .inner-Box {  padding-top: 10vw;}
#contentsbottom .inner-Box h2{  font-size: 7vw;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 1.3vw;}
#contentsbottom .inner-Box h2 span{ display: block; font-size: 4vw; letter-spacing: 0.3vw; margin-bottom: -0.9vw;}
#contentsbottom .inner-Box p{  font-size: 3.6vw;font-weight: 700;letter-spacing: 0.3vw;line-height:1.6;}


.bottom-banner{  margin: 0 14vw 4vw; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.bottom-banner li{   margin-bottom: 5vw; text-align: center; }
.bottom-banner li:nth-child(2){ margin-right: 0vw; }
.bottom-banner li img{ margin-bottom: 2vw; }
.bottom-banner li p{ font-size: 3.8vw; letter-spacing: 0.3vw; line-height:1.6; font-weight: bold;}


}