@charset "UTF-8";
@media screen and (min-width: 768px),print {
#imono .main-title{ background: url(../images/imono/h1.png)no-repeat top center;}

#contentsmain {margin: 0 auto 131px;position: relative;width: 1100px;padding: 50px 0 0;}
#contentsmain .inner-Box {margin: 0 auto 97px;position: relative;}
#contentsmain .inner-Box h2 {  }
#contentsmain .inner-Box h2 img{  }
#contentsmain .inner-Box p.text {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0px;position: absolute;top: 33px;right: 0;width: 500px;}
#contentsmain .inner-Box2 {margin: 0 auto;position: relative;padding: 70px 0 0 21px;}
#contentsmain .inner-Box2 figure.photo01 {position: absolute;top: 0;right: -50px;}
#contentsmain .inBox {position: relative;width: 620px;height: 379px;border: 2px solid #1A1E1F;background: #fff;padding: 63px 50px 0 58px;}
#contentsmain .inBox h3{font-size: 37px;line-height: 1.6;font-weight: 700;letter-spacing: 3.7px;margin-bottom: 38px;}
#contentsmain .inBox h3 span{  }
#contentsmain .inBox p.text2 {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;}

#contents01 {margin: 0 auto 0px;position: relative;background: #E6E6E6;padding: 94px 0 112px;}
#contents01 .inner-Box {margin: 0 auto;position: relative;width: 1000px;}
#contents01 .inner-Box h2 {border-bottom: 1px solid;text-align: center;padding-left: 17px;padding-bottom: 9px;margin-bottom: 61px;}
#contents01 .inner-Box h2 img{  }
#contents01 .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;margin: 0 0 0 40px;}
#contents01 .inner-Box ul li{position: relative;width: 200px;margin-right: 40px;text-align: center;margin-bottom: 8px;}
#contents01 .inner-Box ul li:nth-child(4n){ margin-right: 0px; }
#contents01 .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 6px;}
#contents01 .inner-Box p.litext {font-size: 16px;line-height: 1.6;font-weight: 700;letter-spacing: 0.8px;margin-bottom: 30px;}

#contents02 { margin: 0 auto; position: relative; background: url('../images/imono/contents02-back01.png')no-repeat top center; }
#contents02 .inner-Box {margin: 0 auto;position: relative;width: 1110px;padding-bottom: 70px;}
#contents02 .inner-Box h2 {text-align: center;padding: 124px 0 117px;}
#contents02 .inner-Box h2 img{  }
#contents02 .inBox {margin: 0 auto 107px;position: relative;padding: 0 0 0 250px;color: #fff;}
#contents02 .inBox h3 {margin-bottom: 15px;}
#contents02 .inBox h3 img{  }
#contents02 .inBox figure.photo {position: absolute;top: 0px;right: 5px;}
#contents02 .inBox p.text {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;width: 460px;margin-left: 40px;}
#contents02 .inBox.pore{top: -32px;}
#contents03 {margin: 0 auto;position: relative;background: url('../images/imono/contents03-back01.png')no-repeat top 360px center;width: 1100px;padding: 154px 0 70px;}
#contents03 .inner-Box1 {margin: 0 auto 101px;position: relative;}
#contents03 .inner-Box1 h2 {padding-left: 20px;}
#contents03 .inner-Box1 h2 img{  }
#contents03 .inner-Box1 p.text {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;position: absolute;top: 33px;right: 18px;}
#contents03 .inner-Box2 { margin: 0 auto; position: relative; }
#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{position: relative;margin-right: 160px;margin-bottom: 56px;}
#contents03 .inner-Box2 ul li:nth-child(2n){ margin-right: 0px; }
#contents03 .inner-Box2 ul li:nth-child(5){margin-right: 0px;margin-left: 160px;}
#contents03 .inner-Box2 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 5px;}
#contents03 .inner-Box2 p.litext {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;}

#contentsbottom {margin: 0 auto;position: relative;background: #E6E6E6;}
#contentsbottom .inner-Box {margin: 0 auto;position: relative;width: 1040px;padding: 70px 0 70px;}
#contentsbottom .inner-Box ul.list {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;}
#contentsbottom .inner-Box ul li {  }
#contentsbottom .inner-Box ul li:nth-child(2n) {margin-right: 0px;position: relative;left: 100px;}
#contentsbottom .inner-Box ul li figure{  }

}
@media screen and (max-width: 767px) {
    #imono .main-title{ background: url(../images/imono/sp-h1.png)no-repeat top center;background-size: 100% auto;}



    #contentsmain {margin: 0 auto 16.6vw;position: relative;padding: 7.1vw 0 0;}
    #contentsmain .inner-Box {margin: 0 auto 14vw;position: relative;}
    #contentsmain .inner-Box h2 {margin: 0 6.6vw 8.1vw;}
    #contentsmain .inner-Box h2 img{  }
    #contentsmain .inner-Box p.text {font-size: 3.86vw;line-height: 7.24vw;font-weight: 500;letter-spacing: 0vw;position: relative;right: 0;margin: 0 8vw 2vw;}
    #contentsmain .inner-Box2 {margin: 0 6.3vw;position: relative;border: 0.5vw solid #1A1E1F;}
    #contentsmain .inner-Box2 figure.photo01 {position: relative;margin-bottom: -4.6vw;}
    #contentsmain .inBox {position: relative;height: 77.1vw;background: #fff;padding: 9.2vw 7.1vw 0 8.4vw;}
    #contentsmain .inBox h3{font-size: 5.79vw;line-height: 7.24vw;font-weight: 700;letter-spacing: 0.57vw;margin-bottom: 6vw;}
    #contentsmain .inBox h3 span{  }
    #contentsmain .inBox p.text2 {font-size: 3.86vw;line-height: 7.24vw;font-weight: 500;letter-spacing: 0vw;margin: 0 -1.5vw 7.2vw;}
    
    #contents01 {margin: 0 auto 0.0vw;position: relative;background: #E6E6E6;padding: 17.9vw 0 11.7vw;}
    #contents01 .inner-Box {position: relative;}
    #contents01 .inner-Box h2 {text-align: center;padding-bottom: 2.2vw;margin: 0 6.5vw 7.3vw;}
    #contents01 .inner-Box h2 img{  }
    #contents01 .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;margin: 0 0 0 9vw;}
    #contents01 .inner-Box ul li{position: relative;margin-right: 9.7vw;text-align: center;margin-bottom: 1.9vw;width: 36.2vw;}
    #contents01 .inner-Box ul li:nth-child(2n){ margin-right: 0.0vw; }
    #contents01 .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 1.4vw;}
    #contents01 .inner-Box p.litext {font-size: 3.9vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 7.2vw;}
    
    #contents02 {position: relative;background: url('../images/imono/sp-contents02-back01.png') no-repeat top center;background-size: 100% auto;}
    #contents02 .inner-Box {position: relative;padding-bottom: 16.9vw;}
    #contents02 .inner-Box h2 {text-align: center;padding: 20vw 12vw 14.3vw;}
    #contents02 .inner-Box h2 img{  }
    #contents02 .inBox {margin: 0 auto 5.8vw;position: relative;padding: 0 0 0 21.5vw;color: #fff;}
    #contents02 .inBox h3 {margin-bottom: 6.6vw;}
    #contents02 .inBox h3 img{height: 6.8vw;width: auto;}
    #contents02 .inBox figure.photo {position: relative;width: 66vw;margin-bottom: 3.1vw;}
    #contents02 .inBox p.text {font-size: 3.86vw;line-height: 7.24vw;font-weight: 500;letter-spacing: 0vw;margin-bottom: 6.9vw;width: 66.42vw;}
    #contents02 .inBox.pore{top: -0.2vw;margin-bottom: 14vw;}
    #contents03 {position: relative;background-size: 100% auto;padding: 20vw 0 26.9vw;}
    #contents03 .inner-Box1 {margin: 0 auto 11.4vw;position: relative;}
    #contents03 .inner-Box1 h2 { margin: 0 11vw 6vw 11vw; }
    #contents03 .inner-Box1 h2 img{  }
    #contents03 .inner-Box1 p.text {font-size: 3.9vw;line-height: 7.24vw;font-weight: 500;letter-spacing: 0vw;margin-bottom: 7.2vw;top: 8.0vw;right: 4.3vw;text-align: center;}
    #contents03 .inner-Box2 {position: relative;}
    #contents03 .inner-Box2 {
        margin-bottom: 5.2vw;
        overflow-x: auto; /* scrollからautoに変更 */
        display: flex;
        flex-wrap: nowrap; /* 横スクロールさせるためにnowrapに設定 */
        height: 96vw;
      }
      
      #contents03 .inner-Box2 ul {
        display: flex; /* リスト内のアイテムを横に並べる */
        width: 460vw;
        max-width: 460vw;
        padding: 0; /* ulのデフォルトのパディングをリセット */
      }
          #contents03 .inner-Box2 ul li{float: left;position: relative;margin-right: 4.83vw;margin-bottom: -3.5vw;min-width: 86.95vw;height: 30vw;}
    #contents03 .inner-Box2 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 1.2vw;}
    #contents03 .inner-Box2 p.litext {font-size: 3.9vw;line-height:1.6;font-weight: 500;letter-spacing: 0vw;margin-bottom: 7.2vw;margin-left: 1.4vw;}
    #contents03 .spsc{margin: 0 55.1vw 0 6.7vw;}
    #contents03 .spsc img{ }
    
    #contentsbottom {position: relative;background: #E6E6E6;}
    #contentsbottom .inner-Box {margin: 0 6.4vw;position: relative;padding: 11.9vw 0 11.3vw;}
    #contentsbottom .inner-Box ul.list {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;}
    #contentsbottom .inner-Box ul li {  }
    #contentsbottom .inner-Box ul li:nth-child(2n) {margin-right: 0.0vw;position: relative;margin-bottom: -6vw;}
    #contentsbottom .inner-Box ul li figure{margin-bottom: 7vw;}

}