@charset "UTF-8"; .font-orange{ color: #FFA439; font-weight: bold;} @media screen and (min-width: 768px), print { #contentsmain {margin: 0 auto;position: relative;background: url('../images/index/contentsmain-back01.jpg')no-repeat top center;} #contentsmain .inner-Box {margin: 0 auto;position: relative;max-width: 1480px;height: 940px;} #contentsmain .inner-Box h1 {position: absolute;bottom: 160px;left: 50.5%;transform: translateX(-50%);width: 1211px;} #contentsmain .inner-Box h1 span{ } #contentsmain .inner-Box h1 img { } #contentsmain .inner-Box figure.photo {position: absolute;top: 5px;right: -85px;margin: 0 0 0 auto;} #contentsmain .inner-Box figure.photo img{ } #contentsmain .inner-Box figure.img {position: absolute;bottom: 290px;right: 35px;} #contentsmain .inner-Box figure.img img{ } #contentsmain .inner-Box ul{width: 390px;position: absolute;bottom: 360px;left: 50px;} #contentsmain .inner-Box ul li {background: url(../images/index/contentsmain-back02.png)no-repeat;position: relative;width: 390px;height: 70px;margin-bottom: 20px;} #contentsmain .inner-Box ul li:nth-child(3n) { margin-right: 0px; } #contentsmain .inner-Box p.litext {font-size: 28px;line-height: 1.88;font-weight: 700;letter-spacing: 4.1px;position: relative;color: #fff;padding: 8px 8px 8px 46px;} #contentsmain .inner-Box p.litext span {color: #FFED00;} .contentscontact {margin: 0 auto;position: relative;background: url('../images/index/contentscontact-back01.jpg')no-repeat top center;height: 480px;} .contentscontact .inner-Box{margin: 0 auto -38px;position: relative;background: url('../images/index/contentscontact-back02.jpg')no-repeat top center;width: 1040px;height: 440px;border-radius: 20px;top: -60px;text-align: center;} .contentscontact .inner-Box span.icon01 {display: block;line-height: 1;position: relative;top: -35px;margin-bottom: -53px;} .contentscontact .inner-Box span.icon01 img { } .contentscontact .inner-Box h2 {position: relative;left: 8px;margin-bottom: 8px;} .contentscontact .inner-Box h2 span{ } .contentscontact .inner-Box h2 img { } .contentscontact .inner-Box figure.photo01 {position: absolute;top: 104px;left: -31px;} .contentscontact .inner-Box figure.photo01 img{ } .contentscontact .inner-Box figure.photo02 {position: absolute;top: 109px;right: -19px;} .contentscontact .inner-Box figure.photo02 img{ } .contentscontact .inner-Box h3 {position: relative;left: -7px;margin-bottom: 21px;} .contentscontact .inner-Box h3 span{ } .contentscontact .inner-Box h3 img { } .contentscontact .inner-Box p.btn {position: relative;} .contentscontact .inner-Box p.btn img { } .contentscontact .inner-Box span.arr {display: block;line-height: 1;transition: all 0.3s ease-in-out;position: absolute;top: 40px;right: 290px;} .contentscontact .inner-Box p.btn a:hover .arr{right: 280px;} .contentscontact .inner-Box span.arr img { } .contentscontact p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;text-align: center;} #contents01 {margin: 0 auto;position: relative;background: url('../images/index/contents01-back01.jpg')repeat-x top center,url('../images/index/contents01-back01.jpg')repeat-x bottom center,url('../images/index/contents01-back02.jpg')repeat top 20px center;height: 650px;padding: 159px 0 0;} #contents01 .inner-Box {margin: 0 auto;position: relative;width: 1140px;height: 340px;background: #fff;box-shadow: 0px 30px 30px #0000001F;padding: 10px;} #contents01 .inBox {margin: 0 auto;position: relative;border: 2px solid #FE9908;padding: 0 0 0 98px;height: 322px;} #contents01 .inBox h2 {position: relative;margin-bottom: -8px;top: -40px;} #contents01 .inBox h2 span{ } #contents01 .inBox h2 img { } #contents01 .inBox h3 {font-size: 25px;line-height: 1.78;font-weight: 700;letter-spacing: 1.25px;margin-bottom: 25px;position: relative;} #contents01 .inBox h3 span {background: linear-gradient(transparent 60%, #FFED00 60%);color: #EE7500;display: inline-block;padding: 0 5px 0 13px;position: relative;left: -11px;margin-right: -11px;z-index: 0;} #contents01 .inBox p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;} #contents01 .inBox p.text span{color: #EE7500;font-weight: bold;} #contents01 .inBox figure.img {position: absolute;top: -100px;right: 100px;} #contents01 .inBox figure.img img{ } #contents01 .inBox figure.photo {position: absolute;bottom: -142px;right: -66px;} #contents01 .inBox figure.photo img{ } #contents02 {margin: 0 auto;position: relative;background: url('../images/index/contents02-back01.jpg')no-repeat top center;padding: 46px 0 0;z-index: 4;} #contents02 .inner-Box{margin: 0 auto;position: relative;background: url('../images/index/contents02-back02.png')no-repeat top center;width: 1200px;padding-bottom: 84px;} #contents02 .inner-Box h2 {text-align: center;position: relative;padding: 76px 0 0;left: -32px;margin-bottom: 40px;} #contents02 .inner-Box h2 span{ } #contents02 .inner-Box h2 img { } #contents02 .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;} #contents02 .inner-Box ul li {position: relative;width: 340px;margin-right: 90px;} #contents02 .inner-Box ul li:nth-child(3n) { margin-right: 0px; } #contents02 .inner-Box h3 {text-align: center;position: relative;left: -6px;top: -1px;margin-bottom: -52px;z-index: 3;} #contents02 .inner-Box h3 span{ } #contents02 .inner-Box h3 img { } #contents02 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 22px;} #contents02 .inner-Box figure.photo img{ } #contents02 .inner-Box p.litext {font-size: 18px;line-height: 1.75;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;position: relative;text-align: center;} #contents02 span.arr {display: block;line-height: 1;position: absolute;bottom: -50px;left: 50%;transform: translateX(-50%);} #contents02 span.arr img { } #contents03 {margin: 0 auto -50px;position: relative;background: url('../images/index/contents03-back01.png')no-repeat top center;text-align: center;height: 410px;z-index: 3;} #contents03 .inner-Box {margin: 0 auto;position: relative;width: 1000px;padding: 111px 0 110px;} #contents03 .inner-Box h2 {position: relative;left: -10px;} #contents03 .inner-Box h2 span{ } #contents03 .inner-Box h2 img { } #contents03 .inner-Box figure.img {position: absolute;top: 160px;right: 8px;} #contents03 .inner-Box figure.img img{ } #contents03 .inner-Box p.name {font-size: 10px;line-height: 1.78;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: absolute;color: #fff;right: -91px;top: 270px;text-align: left;} #contents03 .inner-Box p.name span {display: block;font-size: 13px;position: relative;left: -6px;} #contents04 {margin: 0 auto;position: relative;background: url('../images/index/contents04-back00.jpg')repeat top center;padding-bottom: 19px;} #contents04 h2 {text-align: center;padding: 54px 0 0;margin-bottom: 15px;} #contents04 h2 span{ } #contents04 h2 img { } #contents04 .inner-Box1 {margin: 0 auto 170px;position: relative;width: 1200px;background: #fff;padding: 0 60px 40px;} #contents04 .inner-Box1::before{content: url(../images/index/contents04-icon00.png);position: absolute;top: 17px;right: -290px;} #contents04 .inner-Box1::after{content: url(../images/index/contents04-icon00.png);position: absolute;top: 678px;left: -294px;} #contents04 .inner-Box1 span.icon {display: block;line-height: 1;position: absolute;top: -70px;left: 60px;} #contents04 .inner-Box1 span.icon img { } #contents04 .inner-Box1 h3.ttll {text-align: center;padding: 70px 0 40px;} #contents04 .inner-Box1 h3.ttll span{ } #contents04 .inner-Box1 h3.ttll img { } #contents04 .inner-Box1 figure.mimg {position: absolute;top: 40px;right: 80px;} #contents04 .inner-Box1 figure.mimg img{ } #contents04 .inner-Box1 h4 {background: url(../images/index/contents04-back01.png)no-repeat top center;font-size: 22px;line-height: 1.68;font-weight: 400;letter-spacing: 0px;margin-bottom: 26px;position: relative;color: #fff;text-align: center;height: 60px;padding: 10px 0 0;} #contents04 .inner-Box1 p.text1 {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 58px;position: relative;text-align: center;} #contents04 .inner-Box1 ul.list1 {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 auto;width: 980px;} #contents04 .inner-Box1 ul li {position: relative;width: 470px;background: url(../images/index/contents04-back02.png);margin-right: 40px;border: 1px solid #E6E6E6;padding: 40px;text-align: center;margin-bottom: 50px;} #contents04 .inner-Box1 ul li:nth-child(2n) { margin-right: 0px; } #contents04 .inner-Box1 span.pin {display: block;line-height: 1;position: absolute;top: -22px;left: 52.7%;transform: translateX(-50%);} #contents04 .inner-Box1 span.pin img { } #contents04 .inner-Box1 h5 {background: url(../images/index/contents04-icon03.png)no-repeat bottom center;font-size: 25px;line-height: 1.68;font-weight: 700;letter-spacing: 0px;margin-bottom: 17px;position: relative;text-align: center;padding-bottom: 30px;height: 71px;} #contents04 .inner-Box1 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 22px;height: 251px;} #contents04 .inner-Box1 figure.photo img{max-width: max-content;} #contents04 .inner-Box1 p.litext {font-size: 18px;line-height: 1.8;font-weight: 400;letter-spacing: 0px;margin-bottom: 0px;position: relative;margin: 0 -10px;} #contents04 .inner-Box1 h5 span {font-size: 18px;display: block;margin: 0px 0 -14px;position: relative;top: -10px;} #contents04 .inner-Box2 {margin: 0 auto 170px;position: relative;width: 1200px;background: #fff;padding: 0 60px 40px;} #contents04 .inner-Box2::before{content: url(../images/index/contents04-icon00.png);position: absolute;top: 17px;right: -290px;} #contents04 .inner-Box2::after{content: url(../images/index/contents04-icon00.png);position: absolute;top: 678px;left: -294px;} #contents04 .inner-Box2 span.icon {display: block;line-height: 1;position: absolute;top: -70px;left: 60px;} #contents04 .inner-Box2 span.icon img { } #contents04 .inner-Box2 h3.ttll {text-align: center;padding: 70px 11px 40px 0px;} #contents04 .inner-Box2 h3.ttll span{ } #contents04 .inner-Box2 h3.ttll img { } #contents04 .inner-Box2 figure.mimg {position: absolute;top: 49px;right: 121px;} #contents04 .inner-Box2 figure.mimg img{ } #contents04 .inner-Box2 h4 {background: url(../images/index/contents04-back01.png)no-repeat top center;font-size: 22px;line-height: 1.68;font-weight: 400;letter-spacing: 0px;margin-bottom: 26px;position: relative;color: #fff;text-align: center;height: 60px;padding: 10px 0 0;} #contents04 .inner-Box2 p.text1 {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 48px;position: relative;text-align: center;} #contents04 .inner-Box2 ul.list1 {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 auto 78px;width: 980px;} #contents04 .inner-Box2 ul li {position: relative;width: 470px;background: url(../images/index/contents04-back02.png);margin-right: 40px;border: 1px solid #E6E6E6;padding: 40px 40px 18px;text-align: center;margin-bottom: 50px;} #contents04 .inner-Box2 ul li:nth-child(2n) { margin-right: 0px; } #contents04 .inner-Box2 span.pin {display: block;line-height: 1;position: absolute;top: -22px;left: 52.7%;transform: translateX(-50%);} #contents04 .inner-Box2 span.pin img { } #contents04 .inner-Box2 h5 {background: url(../images/index/contents04-icon03.png)no-repeat bottom center;font-size: 25px;line-height: 1.68;font-weight: 700;letter-spacing: 0px;margin-bottom: 17px;position: relative;text-align: center;padding-bottom: 30px;height: 71px;} #contents04 .inner-Box2 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 22px;height: 251px;} #contents04 .inner-Box2 figure.photo img{max-width: max-content;} #contents04 .inner-Box2 p.litext {font-size: 18px;line-height: 1.8;font-weight: 400;letter-spacing: 0px;margin-bottom: 0px;position: relative;margin: 0 -10px;} #contents04 .inner-Box2 h5 span {font-size: 18px;display: block;margin: 0px 0 -14px;position: relative;top: -10px;} #contents04 .inBox{margin: 0 auto 110px;position: relative;background: url('../images/index/contents04-back03.png')no-repeat top center;padding: 0 60px 25px;} #contents04 .inBox h3.inttl {text-align: center;position: relative;top: -67px;left: -3px;margin-bottom: -43px;} #contents04 .inBox h3.inttl span{ } #contents04 .inBox h3.inttl img { } #contents04 .inBox figure.mimg {position: absolute;top: 62px;right: 103px;} #contents04 .inBox figure.mimg img{ } #contents04 .inBox ul.list2 {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-bottom: -25px;} #contents04 .inBox ul li {position: relative;width: 240px;background: #fff;border: 1px solid #DAD4C8;margin-right: 0;padding: 25px 17px;} #contents04 .inBox ul li:nth-child(3n) { margin-right: 0px; } #contents04 .inBox figure.mphoto {position: relative;top: 0;left: 0;margin-bottom: 12px;} #contents04 .inBox figure.mphoto img{ } #contents04 .inBox p.litext2 {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 3px;position: relative;border: 1px solid #DAD4C8;border-radius: 20px;background: #F1F0E1;padding: 5px 0;} #contents04 .inBox p.litext2 span { } #contents04 .inBox p.text3 {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;text-align: center;} #contents04 .inBox2{margin: 0 auto 30px;position: relative;background: url('../images/index/contents04-back03.png')repeat top center;padding: 0 60px 25px;} #contents04 .inBox2 h3.inttl {text-align: center;position: relative;top: -67px;left: -13px;margin-bottom: -43px;} #contents04 .inBox2 h3.inttl span{ } #contents04 .inBox2 h3.inttl img { } #contents04 .inBox2 figure.mimg {position: absolute;top: 54px;right: 103px;} #contents04 .mcinBox {margin: 0 auto 25px;position: relative;background: #fff;border: 1px solid #DAD4C8;padding: 1px 56px 20px;} #contents04 .mcinBox h4.mcttl {font-size: 20px;line-height: 1.68;font-weight: 400;letter-spacing: 0px;margin-bottom: 37px;position: relative;background: none;color: #000;border-bottom: 2px solid #544336;} #contents04 .mcinBox h4.mcttl span {background: #fff;position: relative;display: inline-block;top: 30px;padding: 0 30px;} #contents04 .mcinBox figure.img05 {position: relative;top: 0;left: 0;margin-bottom: 13px;} #contents04 .mcinBox figure.img05 img{max-width: 843px;} #contents04 .mcinBox p.text4 {font-size: 14px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 0px;position: relative;color: #808080;} #contents04 .mcinBox p.text4-02 {font-size: 14px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;position: relative;color: #808080; position: absolute;top: 640px;left: 335px;} #contents04 p.text5 {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;text-align: center;} #contents04 .mcinBox p.text4-03 {text-align: center; padding: 10px 0vw 30px 0vw;width: 560px;margin: 0 auto 0;position:relative; left: 135px; top: -35px;} .onecoin-box{height: 750px;background-image:url(../images/index/onecoin/onecoin-bg.jpg);background-position:0px 0px;background-repeat:no-repeat;background-size:cover;/* margin: 0 0 0px 0; */} .onecoin-box .onecoin-frame{width: 1200px;height: 696px;position:relative;top: -34px;padding: 45px 0px 20px 0px;margin: 0px auto -11px;background-image:url(../images/index/onecoin/onecoin-greenbg.png);background-position:0px 0px;background-repeat:no-repeat;} .onecoin-box .onecoin-frame .present-obi{ position: absolute; top: 0; left: 50%; translate: -50% -68%; } .onecoin-box .onecoin-frame .onecoin-date{position: absolute;top: -35px;left: 30px;} .onecoin-box .onecoin-frame .fukidashi{text-align: center;margin: 0 0 19px 0;} .onecoin-box .onecoin-frame .mainttl{text-align: center;margin: 0 0 28px 0;} .onecoin-box .onecoin-frame .onecoin-list { display:flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 28px; width: min(90%,1200px); margin-inline: auto; } .onecoin-box .onecoin-frame .onecoin-list li{position:relative;} .onecoin-box .onecoin-frame .onecoin-list li:last-child{margin:0 0 0 0;} .onecoin-box .onecoin-frame .onecoin-list li .photo{margin: 0 0 7px 0;} .onecoin-box .onecoin-frame .onecoin-list li .name{ margin: 0 0 4px 0; font-size: clamp(8px, 1.124px + 0.894vw, 14px);; line-height: 1.4; letter-spacing: 0px; color: #fff; } .onecoin-box .onecoin-frame .onecoin-list li .detail{font-size: 12px;line-height: 1.6;letter-spacing: 0px;color: #fff;} .onecoin-box .onecoin-frame .onecoin-list li::after { content: ''; display: inline-block; position: absolute; background-size: contain; background-repeat: no-repeat; } .onecoin-box .onecoin-frame .onecoin-list li.products01::after { top: 149px; right: 10px; background-image: url(../images/index/onecoin/onecoin-photo01-sub.png); width: 63px; height: 90px; } .onecoin-box .onecoin-frame .onecoin-list li.products02::after { top: 149px; right: 10px; background-image: url(../images/index/onecoin/onecoin-photo02-sub.png); width: 65px; height: 77px; } .onecoin-box .onecoin-frame .onecoin-list li.products03::after { top: 149px; right: 5px; background-image: url(../images/index/onecoin/onecoin-photo03-sub.png); width: 85px; height: 77px; } .onecoin-box .onecoin-frame .onecoin-list li.products04::after { top: 143px; right: -25px; background-image: url(../images/index/onecoin/onecoin-photo04-sub.png); width: 135px; height: 60px; } .onecoin-box .onecoin-frame .onecoin-present { position: absolute; top: -64px; right: 33px; } .onecoin-box .onecoin-frame .btn-frame{text-align: center;width: 940px;margin: 0 auto;position:relative;} .onecoin-box .onecoin-frame .btn-frame .btn{text-align: center;} .onecoin-box .onecoin-frame .btn-frame .arr{position: absolute;top: 55px;left: 704px;transition: .3s;} .onecoin-box .onecoin-frame .btn-frame a:hover .arr{left: 715px;} .onecoin-box .onecoin-subtxt{text-align: center;font-size: 16px;line-height: 1.6;letter-spacing: 0px;} #contents05 {margin: 0 auto;position: relative;background: url('../images/index/contents04-back00.jpg')repeat top center;padding-bottom: 19px;padding: 180px 0 10px 0;} #contents05 h2 {text-align: center;padding: 54px 0 0;margin-bottom: 15px;} #contents05 h2 span{ } #contents05 h2 img { } #contents05 .inner-Box1 {margin: 0 auto 160px;position: relative;width: 1200px;background: url(../images/index/contents05-back01.png);padding: 0 60px 30px;} #contents05 .inner-Box1::before{content: url(../images/index/contents04-icon00.png);position: absolute;top: -53px;right: -290px;} #contents05 .inner-Box1::after{content: url(../images/index/contents04-icon00.png);position: absolute;top: 606px;left: -294px;} #contents05 .inner-Box1 span.icon {display: block;line-height: 1;position: absolute;top: -70px;left: 60px;} #contents05 .inner-Box1 span.icon img { } #contents05 .inner-Box1 h3.ttll {text-align: center;padding: 70px 0 40px;} #contents05 .inner-Box1 h3.ttll span{ } #contents05 .inner-Box1 h3.ttll img { } #contents05 .inner-Box1 figure.mimg {position: absolute;top: 80px;right: 128px;} #contents05 .inner-Box1 figure.mimg img{ } #contents05 .inner-Box1 h4 {background: url(../images/index/contents04-back01.png)no-repeat top center;font-size: 22px;line-height: 1.68;font-weight: 400;letter-spacing: 0px;margin-bottom: 26px;position: relative;color: #fff;text-align: center;height: 60px;padding: 10px 0 0;} #contents05 .inner-Box1 p.text1 {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 69px;position: relative;text-align: center;} #contents05 .miBox { margin: 0 auto; position: relative; } #contents05 .miBox figure.photo {position: absolute;top: -35px;left: 50px;} #contents05 .miBox figure.photo img{ } #contents05 .miBox figure.msimg {position: absolute;top: 215px;left: 3px;} #contents05 .miBox figure.msimg img{ } #contents05 .miBox .textBox {margin: 0 40px 150px auto;position: relative;width: 560px;height: 270px;background: url(../images/index/contents05-back02.png)no-repeat;padding: 35px 62px 48px 48px;} #contents05 .miBox .textBox h5 {text-align: center;font-size: 28px;line-height: 1.68;font-weight: 600;letter-spacing: 0px;margin-bottom: 24px;position: relative;background: url(../images/index/contents05-line01.png)no-repeat bottom center;padding-bottom: 25px;} #contents05 .miBox .textBox h5 span {color: #EE7500;} #contents05 .miBox .textBox p.mintext {font-size: 18px;line-height: 1.75;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;} #contents05 .miBox22 { margin: 0 auto; position: relative; } #contents05 .miBox22 figure.photo {position: absolute;top: -35px;right: 50px;} #contents05 .miBox22 figure.photo img{ } #contents05 .miBox22 figure.msimg {position: absolute;top: 190px;right: -19px;} #contents05 .miBox22 figure.msimg img{ } #contents05 .miBox22 .textBox {margin: 0 auto 150px 50px;position: relative;width: 560px;height: 270px;background: url(../images/index/contents05-back02.png)no-repeat;padding: 35px 62px 48px 48px;} #contents05 .miBox22 .textBox h5 {text-align: center;font-size: 28px;line-height: 1.68;font-weight: 600;letter-spacing: 0px;margin-bottom: 24px;position: relative;background: url(../images/index/contents05-line01.png)no-repeat bottom center;padding-bottom: 25px;} #contents05 .miBox22 .textBox h5 span {color: #EE7500;} #contents05 .miBox22 .textBox p.mintext {font-size: 18px;line-height: 1.75;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;} #contents05 .miBox33 { margin: 0 auto; position: relative; } #contents05 .miBox33 figure.photo {position: absolute;top: -35px;left: 50px;} #contents05 .miBox33 figure.photo img{ } #contents05 .miBox33 figure.msimg {position: absolute;top: 181px;left: -15px;} #contents05 .miBox33 figure.msimg img{ } #contents05 .miBox33 .textBox {margin: 0 40px 150px auto;position: relative;width: 560px;height: 270px;background: url(../images/index/contents05-back02.png)no-repeat;padding: 35px 62px 48px 48px;} #contents05 .miBox33 .textBox h5 {text-align: center;font-size: 28px;line-height: 1.68;font-weight: 600;letter-spacing: 0px;margin-bottom: 24px;position: relative;background: url(../images/index/contents05-line01.png)no-repeat bottom center;padding-bottom: 25px;} #contents05 .miBox33 .textBox h5 span {color: #EE7500;} #contents05 .miBox33 .textBox p.mintext {font-size: 18px;line-height: 1.75;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;} #contents05 .inner-Box2 {margin: 0 auto 170px;position: relative;width: 1200px;background: url(../images/index/contents05-back01.png);padding: 0 60px 140px;} #contents05 .inner-Box2::before{content: url(../images/index/contents04-icon00.png);position: absolute;top: -53px;right: -290px;} #contents05 .inner-Box2::after{content: url(../images/index/contents04-icon00.png);position: absolute;top: 606px;left: -294px;} #contents05 .inner-Box2 span.icon {display: block;line-height: 1;position: absolute;top: -70px;left: 60px;} #contents05 .inner-Box2 span.icon img { } #contents05 .inner-Box2 h3.ttll {text-align: center;padding: 70px 0 40px;} #contents05 .inner-Box2 h3.ttll span{ } #contents05 .inner-Box2 h3.ttll img { } #contents05 .inner-Box2 figure.mimg {position: absolute;top: 80px;right: 128px;} #contents05 .inner-Box2 figure.mimg img{ } #contents05 .inner-Box2 h4 {background: url(../images/index/contents04-back01.png)no-repeat top center;font-size: 22px;line-height: 1.68;font-weight: 400;letter-spacing: 0px;margin-bottom: 26px;position: relative;color: #fff;text-align: center;height: 60px;padding: 10px 0 0;} #contents05 .inner-Box2 p.text1 {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 36px;position: relative;text-align: center;} #contents05 .miBox2 {margin: 0 auto 110px;position: relative;background: #fff;padding: 59px 99px 29px 99px;} #contents05 .miBox2 h5.kihottl {font-size: 20px;line-height: 1.68;font-weight: 400;letter-spacing: 0px;margin-bottom: 0px;position: relative;display: none;} #contents05 .miBox2 h5.kihottl span { } #contents05 .miBox2 figure.mimg {position: relative;top: 0;left: 0;margin-bottom: 32px;} #contents05 .miBox2 figure.mimg2 {position: absolute;top: 251px;left: 230px;} #contents05 .miBox2 figure.mimg img{ } #contents05 .miBox2 p.text2 {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;display: none;} #contents05 .miBox2 p.text3 {font-size: 14px;line-height: 1.8;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;color: #808080;margin-left: 322px;} #contents05 .inBox2{ margin: 0 auto; position: relative; background: url('../images/index/contents04-back03.png')no-repeat top center; } #contents05 .inBox2 h3.ttll2 {text-align: center;position: relative;top: -68px;margin-bottom: -32px;} #contents05 .inBox2 h3.ttll2 span{ } #contents05 .inBox2 h3.ttll2 img { } #contents05 .inBox2 figure.mimg2 {position: relative;top: 0;left: 0;text-align: center;z-index: 3;} #contents05 .inBox2 figure.mimg2 img{ } #contents05 .inBox2 figure.mimg3 {position: relative;top: 0;left: 0;margin-bottom: 28px;margin-right: 0px;} #contents05 .inBox2 figure.mimg3 img{ } #contents05 .inner-Box3 {margin: 0 auto 110px;position: relative;width: 1200px;background: #fff;padding: 0 60px 100px;} #contents05 .inner-Box3::before{content: url(../images/index/contents04-icon00.png);position: absolute;top: -53px;right: -290px;} #contents05 .inner-Box3::after{content: url(../images/index/contents04-icon00.png);position: absolute;top: 606px;left: -294px;} #contents05 .inner-Box3 span.icon {display: block;line-height: 1;position: absolute;top: -70px;left: 60px;} #contents05 .inner-Box3 span.icon img { } #contents05 .inner-Box3 h3.ttll {text-align: center;padding: 70px 0 40px;} #contents05 .inner-Box3 h3.ttll span{ } #contents05 .inner-Box3 h3.ttll img { } #contents05 .inner-Box3 figure.mimg {position: absolute;top: 63px;right: 144px;} #contents05 .inner-Box3 figure.mimg2 {position: relative;} #contents05 .inner-Box3 figure.mimg img{ } #contents05 .inner-Box3 h4 {background: url(../images/index/contents04-back01.png)no-repeat top center;font-size: 22px;line-height: 1.68;font-weight: 400;letter-spacing: 0px;margin-bottom: 35px;position: relative;color: #fff;text-align: center;height: 60px;padding: 10px 0 0;} #contents05 .inner-Box3 p.text4 {font-size: 18px;line-height: 1.75;font-weight: 400;letter-spacing: 0px;margin-bottom: 48px;position: relative;text-align: center;} #contents06 {margin: 0 auto -270px;position: relative;background:url('../images/index/contents06-back02.png')no-repeat bottom center ,url('../images/index/contents06-back01.jpg')no-repeat top center;padding: 107px 0 255px;} #contents06 h2 {text-align: center;margin-bottom: 50px;} #contents06 h2 span{ } #contents06 h2 img { } #contents06 .inner-Box {margin: 0 auto;position: relative;width: 1200px;} #contents06 .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-bottom: 44px;} #contents06 .inner-Box ul li {position: relative;width: 380px;background: #fff;margin-right: 30px;text-align: center;padding: 56px 39px 36px 39px;} #contents06 .inner-Box ul li:nth-child(3n) { margin-right: 0px; } #contents06 .inner-Box span.icon {display: block;line-height: 1;margin-bottom: 40px;} #contents06 .inner-Box span.icon img { } #contents06 .inner-Box h3 {margin-bottom: 38px;} #contents06 .inner-Box h3 span{ } #contents06 .inner-Box h3 img { } #contents06 .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 11px;} #contents06 .inner-Box figure.img img{ } #contents06 .inner-Box p.litext {font-size: 16px;line-height: 1.8;font-weight: 400;letter-spacing: 0px;margin-bottom: 20px;position: relative;text-align: left;} #contents06 .inner-Box h4 {text-align: center;padding: 0 0 4px 10px;} #contents06 .inner-Box h4 span{ } #contents06 .inner-Box h4 img { } #contents06 .inner-Box p.btn {text-align: center;position: relative;} #contents06 .inner-Box p.btn img { } #contents06 .inner-Box p.btn a:hover span.arr{right: 352px; } #contents06 .inner-Box span.arr {display: block;line-height: 1;transition: all 0.3s ease-in-out;position: absolute;top: 65px;right: 362px;} #contents06 .inner-Box span.arr img { } #contents07 {margin: 0 auto;position: relative;background: url('../images/index/contents07-back01.jpg')no-repeat top center;width: 1200px;height: 400px;} #contents07 .inner-Box {margin: 0 auto;position: relative;height: 400px;padding: 80px 100px;} #contents07 .inner-Box h2 {font-size: 26px;line-height: 1.68;font-weight: 700;letter-spacing: 0px;margin-bottom: 22px;position: relative;} #contents07 .inner-Box h2 span {display: inline-block;font-size: 28px;color: #fff;background: #316EC3;margin: 14px 0 0;line-height: 1;padding: 6px 3px;margin-right: 14px;} #contents07 .inner-Box figure.photo {position: absolute;top: 79px;right: 111px;} #contents07 .inner-Box figure.photo img{ } #contents07 .inner-Box p.text {font-size: 16px;line-height: 1.8;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;width: 580px;} #contents07 .inner-Box figure.img {position: absolute;bottom: -19px;right: -20px;} #contents07 .inner-Box figure.img img{ } #contents08 {margin: 0 auto;position: relative;width: 1100px;} #contents08 .inner-Box { margin: 0 auto; position: relative; } #contents08 .inner-Box h2 {font-size: 34px;line-height: 1.68;font-weight: 500;letter-spacing: 1.7px;margin-bottom: 40px;position: relative;text-align: center;} #contents08 .inner-Box h3 {font-size: 28px;line-height: 1.68;font-weight: 700;letter-spacing: 1px;margin-bottom: 40px;position: relative;border-radius: 40px;background: #884C32;height: 80px;text-align: center;color: #fff;padding: 15px 0 0;} #contents08 .inner-Box h3 span {color: #FFF11F;} #contents08 .inner-Box h4 {font-size: 22px;line-height: 1.68;font-weight: 700;letter-spacing: 1.98px;margin: 0px 0 18px 183px;position: relative;} #contents08 .inner-Box h4 span {color: #FE7A09;} #contents08 .inner-Box figure.img01 {position: relative;top: 0;left: 0;} #contents08 .inner-Box figure.img01 img{ } #contents08 .inner-Box h5 {font-size: 18px;line-height: 1.68;font-weight: 700;letter-spacing: 0px;margin-bottom: 0px;position: absolute;top: 250px;right: 130px;} #contents08 .inner-Box figure.img02 {position: absolute;top: 291px;right: 27px;} #contents08 .inner-Box figure.img02 img{ } #contents08 .inner-Box p.text {font-size: 15px;line-height: 1.88;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;position: absolute;top: 571px;right: 4px;color: #343434;} #contents08 .inner-Box h6 {text-align: center;padding: 37px 0 84px;} #contents08 .inner-Box h6 span{ } #contents08 .inner-Box h6 img { } .otoku-box{margin: 0 0 0px 0;padding: 88px 0 120px 0;background: #FCEFCB;background-position: center top 35px;background-repeat:no-repeat;} .otoku-box .otoku-box-frame{padding: 90px 0 33px 0;/* background-image:url(../images/index/otoku-bg.png); */background-position:0px 0px;background-repeat:repeat;} .otoku-box .otoku-box-frame .otoku-box-ttlframe{margin: 0 0 -98px 0;} .otoku-box .otoku-box-frame .otoku-box-ttlframe .main-ttl{text-align: center;margin: 0 0 34px 19px;} .otoku-box .otoku-box-frame .otoku-box-ttlframe .obi{text-align: center;margin: 0 0 38px 0;z-index: 10;position: relative;} .otoku-box .otoku-frame{position: relative;width: 1300px;margin: 0 auto 30px;padding: 0px 0px 95px 0;background-color: #fff;border:10px solid #E3E3E3;} .otoku-box .otoku-frame .otoku-list{justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal; } .otoku-box .otoku-frame .otoku-list li{width: 500px;margin: 0 30px 0 32px;position: relative;} .otoku-box .otoku-frame .otoku-list li .icon{position: absolute;top: -60px;right: 11px;} .otoku-box .otoku-frame .otoku-list li .photo{margin: 0 0 11px 0;} .otoku-box .otoku-frame .otoku-list li .subt{color: #F98B07;font-size: 26px;line-height: 1.85;letter-spacing: 0px;font-weight: bold;margin: 0 0 7px 0;} .otoku-box .otoku-frame .otoku-list li .txt{font-size: 16px;line-height: 1.8;letter-spacing: 1.9px;font-weight: 500;} .otoku-box .otoku-spring-frame{margin: 0 0 123px 0;} .otoku-box .otoku-spring-frame .otoku-spring-ttlframe{position:relative;padding: 7px 0 0;z-index: 11;} .otoku-box .otoku-spring-frame .otoku-spring-ttlframe .mainttl{text-align: center;padding: 99px 0 0 7px;} .otoku-box .otoku-spring-frame .otoku-spring-ttlframe .data-icon{position: absolute;top: 70px;right: 233px;} .otoku-box .otoku-spring-frame .otoku-spring-ttlframe .subttl{text-align: center;} .otoku-box .otoku-spring-frame .arrow{text-align: center;margin: 0 0 -15px 0;} .otoku-box .otoku-spring-frame .otoku-spring-listframe{} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list{width: 1059px;margin: 0 auto;-ms-flex-wrap: wrap;flex-wrap: wrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li{width: 245px;margin: 0 26px 0 0;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li:nth-child(4n){margin:0 0 0 0;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .ttl01{text-align: center;color: #595656;font-size: 18px;line-height: 1.34;letter-spacing: 1.2px;font-weight: bold;position: relative;z-index: 5;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .photo{margin: -32px 0 20px 0;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .product-name{text-align: center;color: #F98B07;font-size: 18px;line-height: 1.5;letter-spacing: 1px;font-weight: bold;margin: 0 0 11px 0;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .product-name span{ display: block; font-size: 14px; line-height: 1.6; letter-spacing: 1px; color: #595656; font-weight: normal; } .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame{} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-wrap: wrap;flex-wrap: wrap;display:-webkit-box;display:-ms-flexbox;display:flex;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul li:last-child{margin:0 0 0 0;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul .price-before{/* CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX; */width: 105px;margin: 0 12px 0 0;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul .price-before .pricettl01{font-size: 13px;line-height: 1.6;letter-spacing: 0;font-weight:bold;text-align: center;background-image:url(../images/index/otoku-spring2025-price-before.svg);background-position:0px 0px;background-repeat:no-repeat;padding: 2px 0 2px 0;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul .price-before .price01{font-size: 25px;line-height: 1.6;letter-spacing: 1px;font-weight:bold;color: #595656;text-align: center;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul .price-before .price01 span{font-size: 15px;line-height: 1.6;letter-spacing: 1px;position: relative;top: -2px;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul .price-before .pricezei01{font-size: 13px;line-height: 0.3;letter-spacing: 1px;text-align: center;color: #595656;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul .price-after{width: 128px;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul .price-after .pricettl02{background-color:#FFED15;border:1px solid #707070;font-size: 13px;line-height: 1.6;letter-spacing: 0;font-weight:bold;text-align: center;padding: 0px 0 0 0;/* position: relative; *//* top: 0px; */} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul .price-after .price02{font-size: 41px;line-height: 1.2;letter-spacing: 1px;font-weight:bold;color: #F98B07;text-align: center;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul .price-after .price02 span{ font-size: 25px; line-height: 1.6; letter-spacing: 1px;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul .price-after .pricezei02{font-size: 13px;line-height: 1.2;letter-spacing: 1px;text-align: center;color: #595656;margin: -3px 0 0 0;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .photo01{margin: -34px 0 13px 0;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .photo02{} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .photo03{} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .photo04{} .price-box{width: 960px;background: #fff;margin: -20px auto 0 auto;padding: 57px 40px 21px 39px;} .price-box .ttl-frame{width: 1200px;margin: 0 auto 20px;position: relative;} .price-box .ttl-frame .txt01{color: #262626;margin: 0 0 0px -11px;color: #262626;text-align: center;} .price-box .ttl-frame .mainttl{margin: 6px 0 -5px 0;text-align: center;} .price-box .ttl-frame .txt02{font-size: 20px;line-height: 1.7;letter-spacing: 0.15px;padding: 0 0 5px 0;color: #595656;text-align: center;font-weight: 500;} .price-box .ttl-frame .photo{position: absolute;top: -16px;right: 50px;} .price-box .price-table{width: 1200px;margin: 0 auto 102px;} .price-box .price-table .txt{} .price-box .price-txtframe{width: 882px;margin: 0 auto 30px;} .price-box .price-txtframe .subt{ font-size: 24px; line-height: 1.6; letter-spacing: 0px; font-weight: bold; margin: 0 auto 0px auto; padding: 20px 15px 16px 64px; display: block; color: #fff; width: 880px; background-image: url(../images/index/list-open-arrow.svg), linear-gradient(180deg, #EEA501 0%, #EE7401 100%); background-position: right 30px top 20px, 0% 0%; background-repeat: no-repeat, no-repeat; background-size: auto, auto; /* background-position: right 30px top 20px; */ background-repeat:no-repeat; position:relative; } .price-box .price-txtframe .subt span.newicon{ font-size: 20px; color: #FDED17;} .price-box .price-txtframe .subt::before{content: '';display: inline-block;width: 15px;height: 15px;position: absolute;top: 30px;left: 29px;background-image: url(../images/index/price-ttl-icon.svg);background-size: contain;background-repeat: no-repeat;} .price-box .price-txtframe .subt.subt-open{background-image: url(../images/index/list-close-arrow.svg), linear-gradient(180deg, #EEA501 0%, #EE7401 100%);} .price-box .price-txtframe .pull-inner{padding: 20px 60px 30px 60px;border: 4px solid #EE7401;margin: 0 1px;} .price-box .price-txtframe .pull-inner .txt{font-size: 16px;line-height: 1.8;letter-spacing: 0.1px;} .price-box .price-txtframe .pull-inner .txt02{font-size: 18px; line-height: 1.8; letter-spacing: 1px; font-weight: bold;} /* チェックボックスを視覚的に非表示にしつつ、クリックを確実に認識させる */ .toggle { position: absolute; opacity: 0; } /* 初期状態では内容を隠し、高さを0にします */ .pull { max-height: 0; overflow: hidden; transition: max-height .3s ease-in-out; } /* チェックボックスがチェックされた時、対応するpullクラスの内容を表示し、最大高さを一定値に設定します */ .toggle:checked + .pull { max-height: 600px; /* 適切な最大高さに調整してください */ } /* ラベルのスタイルを保持しつつ、クリックを有効にする */ label.clicktxt { cursor: pointer; display: block; position: relative; } .voice-box{padding: 90px 0 90px 0;background-image:url(../images/index/voice-bg_sp.png);background-position:0px 0px;background-color:#F4B538;background-repeat:repeat;position: relative;} .voice-box .vocie-box-inner{width: 1200px;margin: 0 auto;padding: 0 0 57px 0;background-color:#fff;border-top:10px solid #E3E3E3;} .voice-box .voice-ttlframe{padding: 140px 0 7px 0;background-image:url(../images/index/voice-icon.svg);background-position: center top 46px;background-repeat:no-repeat;width: 1200px;margin: 0px auto 23px;} .voice-box .voice-ttlframe .ttl{ text-align: center;} .voice-box .voice-list{width: 1200px; margin: 0 auto; -ms-flex-wrap: wrap;flex-wrap: wrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;justify-content: center;} .voice-box .voice-list li{border:5px solid #CFEADD;width: 525px;padding: 32px 20px 36px 31px;margin: 0 16px 19px 14px;background-color:#F5FDFA;-ms-flex-wrap: wrap;flex-wrap: wrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;} .voice-box .voice-list li .photo{width: 132px;} .voice-box .voice-list li .photo img{ width: 105px;} .voice-box .voice-list li .voice-txtframe{width: 328px;padding: 0px 0 0 0;margin: -1px 0 0 0;} .voice-box .voice-list li .voice-txtframe .txt{font-size: 16px;line-height: 1.95;letter-spacing: 1.1px;font-weight: bold;} .faq-box{padding: 97px 40px 109px 40px;background: #E0D2AC;background-position:0px 0px;background-repeat:repeat;} .faq-box .faq-boxframe{width: 1200px;margin: 0 auto 92px;padding: 72px 0 76px 0;background-color:#FFFFFF;border-top:10px solid #E3E3E3;} .faq-box .faq-boxframe .ttl{text-align: center;margin: 0 0 40px 0;} .faq-box .faq-boxframe .faq-listframe{width: 1000px; margin: 0 auto;} .faq-box .faq-boxframe .faq-listframe .faq-list{margin: 0 0 19px 0;} .faq-box .faq-boxframe .faq-listframe .faq-list dt{color: #fff;background-color: #30ADC9;font-weight: bold;font-size: 22px;line-height: 1.6;letter-spacing: 1px;position: relative;padding: 20px 0 16px 89px;margin: 0 0 0px 0;} .faq-box .faq-boxframe .faq-listframe .faq-list dt::before{content: '';display: inline-block;width: 28px;height: 31.5px;position: absolute;top: 22px;left: 40px;background-image: url(../images/index/faq-q.svg);background-size: contain;background-repeat: no-repeat;} .faq-box .faq-boxframe .faq-listframe .faq-list dd{color: #595656;background-color: #F2F2F2;font-size: 16px;line-height: 1.6;letter-spacing: 1.0px;font-weight: 500;padding: 24px 0 25px 86px;position: relative;} .faq-box .faq-boxframe .faq-listframe .faq-list dd::before{content: '';display: inline-block;width: 29.5px;height: 24.5px;position: absolute;top: 24px;left: 38px;background-image: url(../images/index/faq-a.svg);background-size: contain;background-repeat: no-repeat;} } @media screen and (min-width: 768px) and (max-width: 1915px){ } @media screen and (min-width:768px) and (max-width:1350px){ } @media screen and (min-width:768px) and (max-width:1500px){ } @media screen and (min-width:768px) and (max-width:1340px){ } @media screen and (min-width:768px) and (max-width:1350px){ .otoku-box{} .otoku-box .otoku-box-frame{} .otoku-box .otoku-box-frame .otoku-box-ttlframe{margin:0 0 -7.26vw 0;} .otoku-box .otoku-box-frame .otoku-box-ttlframe .main-ttl{text-align:center;margin: 0 auto 2.52vw auto;width: 86vw;} .otoku-box .otoku-box-frame .otoku-box-ttlframe .obi{text-align:center;margin: 0 auto 2.81vw auto;z-index:10;position:relative;width: 79vw;} .otoku-box .otoku-frame{position:relative;width:96.3vw;margin:0 auto 2.22vw;padding: 0vw 0vw 4.07vw 0;background-color:#fff;border:0.74vw solid #E3E3E3;} .otoku-box .otoku-frame .otoku-list{justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;} .otoku-box .otoku-frame .otoku-list li{width:37.04vw;margin:0 2.22vw 0 2.37vw;position:relative;} .otoku-box .otoku-frame .otoku-list li .icon{position:absolute;top:-4.44vw;right:0.81vw;width: 15vw;} .otoku-box .otoku-frame .otoku-list li .photo{margin:0 0 0.81vw 0;} .otoku-box .otoku-frame .otoku-list li .subt{color:#F98B07;font-size:1.93vw;line-height:2.85vw;letter-spacing:0px;font-weight:bold;margin:0 0 0.52vw 0;} .otoku-box .otoku-frame .otoku-list li .txt{/* font-size:1.19vw; */line-height:2.66vw;/* letter-spacing:0.14vw; */font-weight:500;} } @media screen and (min-width:768px) and (max-width:1350px) { .otoku-box .otoku-spring-frame { margin: 0 0 9.11vw 0; } .otoku-box .otoku-spring-frame .otoku-spring-ttlframe {position: relative;} .otoku-box .otoku-spring-frame .otoku-spring-ttlframe .mainttl { text-align: center; padding: 7.33vw 0 0 0.52vw; } .otoku-box .otoku-spring-frame .otoku-spring-ttlframe .mainttl img{width: 69vw;} .otoku-box .otoku-spring-frame .otoku-spring-ttlframe .main-subtxt {color: #1E1E1E;text-align: center;font-weight: 500;/* font-size: 0.96vw; */line-height: 1.6;letter-spacing: 0px;margin: -0.96vw auto 0.96vw auto;width: 62vw;} .otoku-box .otoku-spring-frame .otoku-spring-ttlframe .data-icon {position: absolute;top: 5.6vw;right: 15vw;} .otoku-box .otoku-spring-frame .otoku-spring-ttlframe .data-icon img{width: 14vw;} .otoku-box .otoku-spring-frame .otoku-spring-ttlframe .subttl { text-align: center; } .otoku-box .otoku-spring-frame .otoku-spring-ttlframe .subttl img{width: 87vw;margin: 0 auto;} .otoku-box .otoku-spring-frame .arrow { text-align: center; margin: 0 0 -1.11vw 0; } .otoku-box .otoku-spring-frame .otoku-spring-listframe {} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list { width: 78.44vw; margin: 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; } .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li { width: 18.15vw; margin: 0 1.93vw 0 0; } .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li:nth-child(4n) { margin: 0 0 0 0; } .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .ttl01 {text-align: center;color: #595656;font-size: 1.33vw;line-height: 1.34;/* letter-spacing: 0.89vw; */font-weight: bold;position: relative;z-index: 5;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .photo { margin: -2.37vw 0 1.48vw 0; } .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .product-name {text-align: center;color: #F98B07;font-size: 1.33vw;line-height: 1.5;/* letter-spacing: 0.74vw; */font-weight: bold;margin: 0 0 0.81vw 0;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .product-name span {display: block;font-size: 1.04vw;line-height: 1.6;/* letter-spacing: 0.74vw; */color: #595656;font-weight: normal;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame {} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; } .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul li:last-child { margin: 0 0 0 0; } .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul .price-before { width: 7.78vw; margin: 0 0.89vw 0 0; } .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul .price-before .pricettl01 {font-size: 0.96vw;line-height: 1.6;letter-spacing: 0;font-weight: bold;text-align: center;background-image: url(../images/index/otoku-spring2025-price-before.svg);background-position: 0px 0px;background-repeat: no-repeat;background-size: contain;padding: 0.15vw 0.5vw 0.15vw 0vw;/* width: 8vw; */} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul .price-before .price01 {font-size: 1.85vw;line-height: 1.6;/* letter-spacing: 0.74vw; */font-weight: bold;color: #595656;text-align: center;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul .price-before .price01 span { font-size: 1.11vw; line-height: 1.6; letter-spacing: 0.74vw; position: relative; top: -0.15vw; } .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul .price-before .pricezei01 {font-size: 0.96vw;line-height: 0.3;/* letter-spacing: 0.74vw; */text-align: center;color: #595656;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul .price-after { width: 9.48vw; } .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul .price-after .pricettl02 { background-color: #FFED15; border: 0.07vw solid #707070; font-size: 0.96vw; line-height: 1.6; letter-spacing: 0; font-weight: bold; text-align: center; padding: 0; } .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul .price-after .price02 {font-size: 3.04vw;line-height: 1.2;/* letter-spacing: 0.74vw; */font-weight: bold;color: #F98B07;text-align: center;} } @media screen and (min-width:768px) and (max-width:1280px){ } @media screen and (min-width:768px) and (max-width:1240px){ } @media screen and (min-width:768px) and (max-width:1350px){ } @media screen and (min-width:768px) and (max-width:1280px){ .voice-box{padding:7.03vw 0 10.94vw 0;background-image:url(../images/index/voice-bg_sp.png);background-position:0px 0px;background-color:#F4B538;background-repeat:repeat;position:relative;} .voice-box .vocie-box-inner{width:93.75vw;margin:0 auto;padding:0 0 6.56vw 0;background-color:#fff;border-top:0.78vw solid #E3E3E3;} .voice-box .voice-ttlframe{padding:8.83vw 0 0.55vw 0;background-image:url(../images/index/voice-icon.svg);background-position:center top 1.88vw;background-repeat:no-repeat;width:93.75vw;margin:0px auto 1.8vw;} .voice-box .voice-ttlframe .ttl{text-align:center;} .voice-box .voice-list{width:93.75vw;margin:0 auto;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;justify-content:center;} .voice-box .voice-list li{border:0.39vw solid #CFEADD;width:41.02vw;padding:2.5vw 1.56vw 2.81vw 2.42vw;margin:0 1.25vw 1.48vw 1.09vw;background-color:#F5FDFA;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;} .voice-box .voice-list li .photo{width:10.31vw;} .voice-box .voice-list li .photo img{width:8.2vw;} .voice-box .voice-list li .voice-txtframe{width:25.63vw;padding:0px 0 0 0;margin:-0.08vw 0 0 0;} .voice-box .voice-list li .voice-txtframe .txt{/* font-size:1.25vw; */line-height:1.52;/* letter-spacing:0.09vw; */font-weight:bold;} } @media screen and (min-width:768px) and (max-width:1180px){ } @media screen and (min-width:768px) and (max-width:1280px) { .onecoin-box{height: 61.79vw;background-image:url(../images/index/onecoin/onecoin-bg.jpg);background-position:0vw 0vw;background-repeat:no-repeat;background-size:cover;} .onecoin-box .onecoin-frame{background-size: contain;width: 94.22vw;height: 57.05vw;position:relative;top:-2.98vw;padding:3.52vw 0vw 1.75vw 0vw;margin: 0vw auto -1.96vw;background-image:url(../images/index/onecoin/onecoin-greenbg.png);background-position:0vw 0vw;background-repeat:no-repeat;} .onecoin-box .onecoin-frame .present-obi{ width: 44vw; } .onecoin-box .onecoin-frame .present-obi img{width: 100%;} .onecoin-box .onecoin-frame .onecoin-date{position:absolute;top:-3.07vw;left:2.63vw;width: 18vw;} .onecoin-box .onecoin-frame .onecoin-date img{width: 100%;} .onecoin-box .onecoin-frame .fukidashi{text-align:center;margin: 0vw auto 1.67vw auto;width: 44vw;} .onecoin-box .onecoin-frame .fukidashi img{ width: 100%;} .onecoin-box .onecoin-frame .mainttl{text-align:center;width: 66vw;margin: 0vw auto 2.46vw auto;} .onecoin-box .onecoin-frame .mainttl img{ width: 100%;} .onecoin-box .onecoin-frame .onecoin-list li{margin:0vw 0.88vw 0vw 0vw;width: 16.5vw;position:relative;} .onecoin-box .onecoin-frame .onecoin-list li:last-child{margin:0vw 0vw 0vw 0vw;} .onecoin-box .onecoin-frame .onecoin-list li .photo{margin:0vw 0vw 0.61vw 0vw;} .onecoin-box .onecoin-frame .onecoin-list li .photo img{ width: 100%;} .onecoin-box .onecoin-frame .onecoin-list li .detail{font-size:1.05vw;line-height:1.6; color:#fff;} .onecoin-box .onecoin-frame .onecoin-list li::after { content: ''; position: absolute; display: inline-block; background-size: contain; background-repeat: no-repeat; } .onecoin-box .onecoin-frame .onecoin-list li.products01::after{ top: 10vw; right: 0vw; background-image:url(../images/index/onecoin/onecoin-photo01-sub.png); width:5vw; height:6.28vw; } .onecoin-box .onecoin-frame .onecoin-list li.products02::after{ top: 10vw; right: 0.5vw; background-image:url(../images/index/onecoin/onecoin-photo02-sub.png); width:5vw; height:6.28vw; } .onecoin-box .onecoin-frame .onecoin-list li.products03::after{ top: 10.4vw; right: 0.6vw; background-image:url(../images/index/onecoin/onecoin-photo03-sub.png); width: 7vw; height: 6.4vw; } .onecoin-box .onecoin-frame .onecoin-list li.products04::after{ top: 10vw; right: -3vw; background-image:url(../images/index/onecoin/onecoin-photo04-sub.png); width: 10vw; height: 4.5vw; } .onecoin-box .onecoin-frame .onecoin-present { position: absolute; top: -5vw; right: 3vw; width: 18.9vw; } .onecoin-box .onecoin-frame .onecoin-present img{width: 100%;} .onecoin-box .onecoin-frame .btn-frame{text-align:center;width: 72.46vw;margin:0vw auto;position:relative;} .onecoin-box .onecoin-frame .btn-frame .btn{text-align:center;} .onecoin-box .onecoin-frame .btn-frame .btn img{width: 100%;} .onecoin-box .onecoin-frame .btn-frame .arr{position:absolute;top: 4.6vw;left: 62.75vw;transition:.3s;width: 2.5vw;} .onecoin-box .onecoin-frame .btn-frame .arr img{ width: 100%;} .onecoin-box .onecoin-frame .btn-frame a:hover .arr{left:63.53vw;} .onecoin-box .onecoin-subtxt{text-align:center;font-size:1.4vw;line-height:1.6;/* letter-spacing:0.25vw; */} } @media screen and (min-width:768px) and (max-width:1280px){ .faq-box{} .faq-box .faq-boxframe{width:93.75vw;margin:0 auto 7.19vw;padding:5.63vw 0 5.94vw 0;background-color:#FFFFFF;border-top:0.78vw solid #E3E3E3;} .faq-box .faq-boxframe .ttl{text-align:center;margin:0 0 3.13vw 0;} .faq-box .faq-boxframe .faq-listframe{width:78.13vw;margin:0 auto;} .faq-box .faq-boxframe .faq-listframe .faq-list{margin:0 0 1.48vw 0;} .faq-box .faq-boxframe .faq-listframe .faq-list dt{color:#fff;background-color:#30ADC9;font-weight:bold;/* font-size:1.72vw; */line-height:1.6;letter-spacing:0.08vw;position:relative;padding: 1.56vw 0 1.25vw 6.2vw;margin:0 0 0px 0;} .faq-box .faq-boxframe .faq-listframe .faq-list dt::before{content:'';display:inline-block;width:2.19vw;height:2.46vw;position:absolute;top: 1.9vw;left:3.13vw;background-image:url(../images/index/faq-q.svg);background-size:contain;background-repeat:no-repeat;} .faq-box .faq-boxframe .faq-listframe .faq-list dd{color:#595656;background-color:#F2F2F2;/* font-size:1.25vw; */line-height:1.6;letter-spacing:0.08vw;font-weight:500;padding: 2.2vw 4vw 1.95vw 6.7vw;position:relative;} .faq-box .faq-boxframe .faq-listframe .faq-list dd::before{content:'';display:inline-block;width:2.3vw;height:1.91vw;position:absolute;top:1.88vw;left:2.97vw;background-image:url(../images/index/faq-a.svg);background-size:contain;background-repeat:no-repeat;} } @media screen and (max-width: 767px) { #contentsmain {position: relative;background: url('../images/index/sp-contentsmain-back01.jpg')no-repeat top center;background-size: 100% auto;padding: 0vw 0;} #contentsmain .inner-Box {position: relative;} #contentsmain .inner-Box h1 {position: relative;top: -1.1vw;margin: 0 -1.1vw -13.9vw -0.6vw;} #contentsmain .inner-Box h1 span{ } #contentsmain .inner-Box h1 img { } #contentsmain .inner-Box figure.photo {position: relative;right: 0vw;margin: 0 -5vw -15.7vw -1.9vw;} #contentsmain .inner-Box figure.photo img{ } #contentsmain .inner-Box figure.img { margin: 0 6.5vw 0 29.5vw; z-index: 3; position: relative; margin-bottom: 2.9vw; } #contentsmain .inner-Box figure.img img{ } #contentsmain .inner-Box ul{position: relative;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 4.1vw;} #contentsmain .inner-Box ul li {background: url(../images/index/sp-contentsmain-back02.png)no-repeat;position: relative;height: 24.91vw;margin-bottom: 4.83vw;background-size: 100% auto;width: 28.8vw;margin-right: 2.6vw;} #contentsmain .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; } #contentsmain .inner-Box p.litext {font-size: 4.59vw;line-height: 1.58;font-weight: 700;letter-spacing: 0.46vw;position: relative;color: #fff;padding: 5.53vw 0.93vw;text-align: center;} #contentsmain .inner-Box p.litext span {color: #FFED00;} .contentscontact {position: relative;background: url('../images/index/contents02-back01.jpg')repeat top center;background-size: 100% auto;padding: 15vw 0 5.6vw;} .contentscontact .inner-Box{margin: 0 3vw 5.7vw;position: relative;background: url('../images/index/sp-contentscontact-back02.jpg')no-repeat top center;border-radius: 3.83vw;top: 0vw;height: 82vw;text-align: center;background-size: 100% auto;} .contentscontact .inner-Box span.icon01 {display: block;line-height: 1;position: relative;top: -5vw;margin: 0 25.6vw -8.3vw;} .contentscontact .inner-Box span.icon01 img { } .contentscontact .inner-Box h2 {position: relative;margin: 0 1.2vw 3.93vw 2vw;} .contentscontact .inner-Box h2 span{ } .contentscontact .inner-Box h2 img { } .contentscontact .inner-Box figure.photo01 {position: absolute;top: 34.62vw;left: 0.8vw;width: 17.4vw;} .contentscontact .inner-Box figure.photo01 img{ } .contentscontact .inner-Box figure.photo02 {position: absolute;top: 35.13vw;right: 2.6vw;width: 13.7vw;} .contentscontact .inner-Box figure.photo02 img{ } .contentscontact .inner-Box h3 {position: relative;left: 0vw;margin: 0 7.1vw -0.13vw 8vw;} .contentscontact .inner-Box h3 span{ } .contentscontact .inner-Box h3 img { } .contentscontact .inner-Box p.btn {position: relative;margin: 0 -1vw;} .contentscontact .inner-Box p.btn img { } .contentscontact .inner-Box span.arr {display: none;line-height: 1;transition: all 0.3s ease-in-out;position: absolute;top: 9.66vw;right: 70.05vw;} .contentscontact .inner-Box p.btn a:hover .arr{right: 67.63vw;} .contentscontact .inner-Box span.arr img { } .contentscontact p.text {font-size: 3.38vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;text-align: center;} #contents01 {position: relative;background: url('../images/index/sp-contents01-back01.jpg')repeat-x top center;padding: 19.71vw 0 20vw;background-size: 100% auto;} #contents01 .inner-Box {margin: 0 5.18vw;position: relative;background: #fff;box-shadow: 0.0vw 7.25vw 7.25vw #0000001F;padding: 0.72vw;} #contents01 .inBox {position: relative;border: 0.48vw solid #FE9908;} #contents01 .inBox h2 {position: relative;margin: 0 5.7vw 0vw;top: -6.7vw;} #contents01 .inBox h2 span{ } #contents01 .inBox h2 img { } #contents01 .inBox h3 {font-size: 4.35vw;line-height: 1.78;font-weight: 700;letter-spacing: 0.22vw;margin-bottom: 3.04vw;text-align: center;position: relative;} #contents01 .inBox h3 span {background: linear-gradient(transparent 60%, #FFED00 60%);color: #EE7500;display: inline-block;padding: 0 1.21vw 0 3.14vw;position: relative;left: 0vw;margin: 0vw 6vw 1vw 6vw;z-index: 0;display: block;font-size: 6.52vw;} #contents01 .inBox p.text {font-size: 3.62vw;line-height: 2;font-weight: 400;letter-spacing: 0.0vw;margin: 0 5.6vw 11.05vw;position: relative;z-index: 3;} #contents01 .inBox p.text span{color: #EE7500;font-weight: bold;} #contents01 .inBox figure.img {position: relative;top: -20vw;margin: 0 6.2vw -28vw 3.6vw;} #contents01 .inBox figure.img img{ } #contents01 .inBox figure.photo {position: absolute;bottom: -1.7vw;right: -3vw;width: 36.4vw;} #contents01 .inBox figure.photo img{ } #contents02 {position: relative;background: url('../images/index/contents02-back01.jpg')repeat top center;padding: 10.11vw 0 0;z-index: 4;background-size: 100% auto;} #contents02 .inner-Box{position: relative;background: url('../images/index/sp-contents02-back02.png')no-repeat top center;padding-bottom: 10.99vw;background-size: 100% auto;} #contents02 .inner-Box h2 {text-align: center;position: relative;padding: 0vw 0 0;left: 0vw;top: -2vw;margin: 0 18vw 9.66vw 18.8vw;} #contents02 .inner-Box h2 span{ } #contents02 .inner-Box h2 img { } #contents02 .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 9vw;} #contents02 .inner-Box ul li {position: relative;margin-bottom: -2.26vw;} #contents02 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; } #contents02 .inner-Box h3 {text-align: center;position: relative;left: 0vw;top: 0vw;margin: 0 9.7vw -13.2vw 6.7vw;z-index: 3;} #contents02 .inner-Box h3 span{ } #contents02 .inner-Box h3 img { } #contents02 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 3.91vw;} #contents02 .inner-Box figure.photo img{ } #contents02 .inner-Box p.litext {font-size: 3.86vw;line-height: 1.63;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;text-align: center;} #contents02 span.arr {display: block;line-height: 1;position: absolute;bottom: -9.7vw;left: 50%;transform: translateX(-50%);} #contents02 span.arr img { } #contents03 {margin: 0 auto -12vw;position: relative;background: url('../images/index/sp-contents03-back01.png')no-repeat top center;text-align: center;height: 99.03vw;z-index: 3;background-size: 100% auto;} #contents03 .inner-Box {position: relative;padding: 16.41vw 0 26.57vw;} #contents03 .inner-Box h2 {position: relative;left: 0vw;margin: 0 13vw 4vw;} #contents03 .inner-Box h2 span{ } #contents03 .inner-Box h2 img { } #contents03 .inner-Box figure.img {position: relative;width: 20.4vw;margin: 0 0 0 27.9vw;} #contents03 .inner-Box figure.img img{ } #contents03 .inner-Box p.name {font-size: 2.45vw;line-height: 1.68;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: absolute;color: #fff;left: 49.9vw;top: 67.12vw;text-align: left;} #contents03 .inner-Box p.name span {display: block;font-size: 3.14vw;position: relative;left: 0vw;} #contents04 {position: relative;background: url('../images/index/contents04-back00.jpg')repeat top center;padding-bottom: 4.59vw;background-size: 100% auto;} #contents04 h2 {text-align: center;padding: 7.74vw 0 0;margin: 0 -4.7vw 4.32vw;} #contents04 h2 span{ } #contents04 h2 img { } #contents04 .inner-Box1 {margin: 0 auto 26.16vw;position: relative;background: #fff;padding: 0 6.49vw 9.66vw;} #contents04 .inner-Box1 span.icon {display: block;line-height: 1;position: absolute;top: -14vw;left: 50%;width: 21.74vw;transform: translateX(-50%);} #contents04 .inner-Box1 span.icon img { } #contents04 .inner-Box1 h3.ttll {text-align: center;padding: 15.31vw 0 0vw;margin: 0 0 4.1vw 3vw;} #contents04 .inner-Box1 h3.ttll span{ } #contents04 .inner-Box1 h3.ttll img { } #contents04 .inner-Box1 figure.mimg {position: relative;margin: 0 27vw 2.3vw 27vw;} #contents04 .inner-Box1 figure.mimg img{ } #contents04 .inner-Box1 h4 {background: url(../images/index/sp-contents04-back01.png)no-repeat top center;font-size: 4.35vw;line-height: 1.28;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 1.68vw;position: relative;color: #fff;text-align: center;height: 17.49vw;padding: 2.42vw 0 0;background-size: 100% auto;} #contents04 .inner-Box1 p.text1 {font-size: 3.38vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 9.11vw;position: relative;text-align: left;} #contents04 .inner-Box1 ul.list1 {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-bottom: -9.9vw;} #contents04 .inner-Box1 ul li {position: relative;background: url(../images/index/contents04-back02.png);border: 0.24vw solid #E6E6E6;padding: 8.76vw 4.86vw 7.36vw 4.86vw;text-align: center;margin-bottom: 9.88vw;background-size: 100% auto;width: 87vw;} #contents04 .inner-Box1 ul li:nth-child(2n) { margin-right: 0.0vw; } #contents04 .inner-Box1 ul li:nth-child(2) figure.photo img{width: 79.7vw;} #contents04 .inner-Box1 span.pin {display: block;line-height: 1;position: absolute;top: -5.1vw;left: 50%;transform: translateX(-50%);width: 8vw;} #contents04 .inner-Box1 span.pin img { } #contents04 .inner-Box1 h5 {background: url(../images/index/contents04-icon03.png)no-repeat bottom center;font-size: 6.04vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.0vw;margin: 0 3vw 3.01vw;position: relative;text-align: center;padding-bottom: 5.65vw;background-size: 100% auto;} #contents04 .inner-Box1 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 3.31vw;height: 43.3vw;} #contents04 .inner-Box1 figure.photo img{max-width: max-content;} #contents04 .inner-Box1 p.litext {font-size: 3.38vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 0.0vw;position: relative;margin: 0 0vw;} #contents04 .inner-Box1 h5 span {font-size: 4.35vw;display: block;margin: -2.7vw 0 -1vw;position: relative;top: 0vw;} #contents04 .inner-Box2 {margin: 0 auto -4.94vw;position: relative;background: #fff;padding: 0 6.49vw 9.66vw;} #contents04 .inner-Box2 span.icon {display: block;line-height: 1;position: absolute;top: -14vw;left: 50%;width: 21.74vw;transform: translateX(-50%);} #contents04 .inner-Box2 span.icon img { } #contents04 .inner-Box2 h3.ttll {text-align: center;padding: 15.31vw 0 0vw;margin: 0 5.3vw 4.1vw 5.3vw;} #contents04 .inner-Box2 h3.ttll span{ } #contents04 .inner-Box2 h3.ttll img { } #contents04 .inner-Box2 figure.mimg {position: relative;margin: 0 34.8vw -7.3vw 35vw;} #contents04 .inner-Box2 figure.mimg img{ } #contents04 .inner-Box2 h4 {background: url(../images/index/sp-contents04-back01.png)no-repeat top center;font-size: 4.35vw;line-height: 1.28;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 1.68vw;position: relative;color: #fff;text-align: center;height: 17.49vw;padding: 2.42vw 0 0;background-size: 100% auto;} #contents04 .inner-Box2 p.text1 {font-size: 3.38vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 9.11vw;position: relative;text-align: left;} #contents04 .inner-Box2 ul.list1 {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-bottom: 11.3vw;} #contents04 .inner-Box2 ul li {position: relative;background: url(../images/index/contents04-back02.png);border: 0.24vw solid #E6E6E6;padding: 8.76vw 4.86vw 5.36vw 4.86vw;text-align: center;margin-bottom: 9.88vw;background-size: 100% auto;width: 87vw;} #contents04 .inner-Box2 span.pin {display: block;line-height: 1;position: absolute;top: -5.1vw;left: 50%;transform: translateX(-50%);width: 8vw;} #contents04 .inner-Box2 span.pin img { } #contents04 .inner-Box2 h5 {background: url(../images/index/contents04-icon03.png)no-repeat bottom center;font-size: 6.04vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.0vw;margin: 0 3vw 3.01vw;position: relative;text-align: center;padding-bottom: 5.65vw;background-size: 100% auto;} #contents04 .inner-Box2 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 3.31vw;height: 43.3vw;} #contents04 .inner-Box2 figure.photo img{max-width: max-content;} #contents04 .inBox{margin: 0 -2.3vw 26.57vw;position: relative;background: url('../images/index/contents04-back03.png')repeat top center;padding: 0 2.39vw 8.04vw;background-size: 100% auto;} #contents04 .inBox h3.inttl {text-align: center;position: relative;top: -14.1vw;left: 0vw;margin: 0 4.5vw -11vw 2vw;} #contents04 .inBox h3.inttl span{ } #contents04 .inBox h3.inttl img { } #contents04 .inBox figure.mimg {position: relative;margin: 0 36.5vw;} #contents04 .inBox figure.mimg img{ } #contents04 .inBox ul.list2 {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-bottom: 3.4vw;} #contents04 .inBox ul li {position: relative;background: #fff;border: 0.24vw solid #DAD4C8;margin-right: 0;padding: 1.94vw 5.81vw 2.5vw;width: 50%;margin-bottom: 0vw;} #contents04 .inBox figure.mphoto {position: relative;top: 0;left: 0;margin-bottom: 1.4vw;} #contents04 .inBox figure.mphoto img{ } #contents04 .inBox p.litext2 {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 0.72vw;position: relative;border: 0.24vw solid #DAD4C8;border-radius: 4.83vw;background: #F1F0E1;padding: 1.21vw 0;} #contents04 .inBox p.litext2 span { font-weight: 600; } #contents04 .inBox p.text3 {font-size: 3.38vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;margin: 0 3.9vw 7.25vw;position: relative;text-align: left;} #contents04 .inBox2{margin: 0 -2.3vw 2.25vw;position: relative;background: url('../images/index/contents04-back03.png')repeat top center;padding: 0 2.49vw 2.04vw;background-size: 100% auto;} #contents04 .inBox2 h3.inttl {text-align: center;position: relative;top: -14.2vw;left: 0vw;margin: 0vw 4.4vw -10.4vw 2vw;} #contents04 .inBox2 h3.inttl span{ } #contents04 .inBox2 h3.inttl img { } #contents04 .inBox2 figure.mimg {position: relative;margin: 0 35.8vw 0vw 35.5vw;} #contents04 .mcinBox {margin: 0 auto 2.94vw;position: relative;background: #fff;border: 0.24vw solid #DAD4C8;padding: 0.24vw 3vw;} #contents04 .mcinBox h4.mcttl {font-size: 4.11vw;line-height: 1.68;font-weight: 600;letter-spacing: 0.0vw;margin: 0 2.2vw 7.44vw;position: relative;background: none;color: #000;border-bottom: 0.48vw solid #544336;padding: 0;height: 9.6vw;} #contents04 .mcinBox h4.mcttl span {background: #fff;position: relative;display: inline-block;top: 7.25vw;padding: 0 2.25vw;position: relative;top: 6vw; color: #544336;} #contents04 .mcinBox .js-scrollable{margin-right: -5.8vw;} #contents04 .mcinBox figure.img05 {position: relative;top: 0;left: 0;margin-bottom: 3.14vw;} #contents04 .mcinBox figure.img05 img{width: 100%;} #contents04 .mcinBox p.text4 {font-size: 3.1vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 3.25vw;position: relative;color: #808080;} #contents04 .mcinBox p.text4-02 {font-size: 3.1vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 3.25vw;position: relative;color: #808080;} #contents04 .mcinBox p.text4-03 {text-align: center; padding: 2vw 0vw 2vw 0vw;width: 96%;margin: 0 auto 0.25vw;} #contents04 p.text5 {font-size: 3.38vw;line-height: 1.71;font-weight: 400;letter-spacing: 0vw;margin: 0 3.1vw 7.25vw;position: relative;text-align: left;} .onecoin-box {position: relative;background: url('../images/index/contents02-back01.jpg')repeat top center;background-size: 100% auto;padding: 20vw 0 12.6vw;} .onecoin-box .onecoin-frame { width: 94%; height: auto; padding: 5.07vw 0vw 0px 0vw; margin: 0vw auto 1.35vw; background-image: url(../images/index/onecoin/onecoin-greenbg_sp.png); background-position: 0vw 0vw; background-repeat: no-repeat; background-size: 100% 100%; position: relative; } .onecoin-box .onecoin-frame .present-obi { position: absolute; top: 0; left: 50%; translate: -42% -68%; width: 71vw; z-index: 1; } .onecoin-box .onecoin-frame .onecoin-date{ /* absolute 削除 ※疑似ではないので削除 */width: 23vw;position: absolute;top: -10vw;left: -1vw;} .onecoin-box .onecoin-frame .fukidashi{text-align:center;margin:0vw 0vw 4.59vw 0vw;padding: 0 3vw 0 3vw;} .onecoin-box .onecoin-frame .mainttl{text-align:center;margin:0vw 0vw 6.76vw 0vw;padding: 0 7vw 0 7vw;} .onecoin-box .onecoin-frame .onecoin-list { width: 84.78vw; margin: 0vw auto 0.41vw; display: grid; grid-template-columns: repeat(2, 1fr); gap: 4vw 2vw; margin-bottom: 4vw; } .onecoin-box .onecoin-frame .onecoin-list li{ /* position削除 */width: 42vw;position:relative;} .onecoin-box .onecoin-frame .onecoin-list li .photo{margin: 0vw 0vw 1vw 0vw;} .onecoin-box .onecoin-frame .onecoin-list li .name{font-size:3.14vw;line-height:1.6;/* letter-spacing:0.25vw; */margin:0vw 0vw 0.96vw 0vw;color:#fff;} .onecoin-box .onecoin-frame .onecoin-list li .detail{font-size:2.66vw;line-height:1.6;letter-spacing:0.25vw;color:#fff;} .onecoin-box .onecoin-frame .onecoin-list li::after { content: ''; display: inline-block; position: absolute; background-size: contain; background-repeat: no-repeat; } .onecoin-box .onecoin-frame .onecoin-list li.products01::after { top: 26.99vw; right: 1vw; background-image: url(../images/index/onecoin/onecoin-photo01-sub_sp.png); width: 11.74vw; height: 16.05vw; } .onecoin-box .onecoin-frame .onecoin-list li.products02::after { top: 28vw; right: 0.8vw; background-image: url(../images/index/onecoin/onecoin-photo02-sub_sp.png); width: 12.2vw; height: 14vw; } .onecoin-box .onecoin-frame .onecoin-list li.products03::after { top: 27.5vw; right: 1.4vw; background-image: url(../images/index/onecoin/onecoin-photo03-sub_sp.png); width: 15.5vw; height: 14.5vw; } .onecoin-box .onecoin-frame .onecoin-list li.products04::after { top: 28.4vw; right: 1vw; background-image: url(../images/index/onecoin/onecoin-photo04-sub_sp.png); width: 16.5vw; height: 8vw; } .onecoin-box .onecoin-frame .onecoin-present { position: relative; width: 73.67vw; padding-left: 9.66vw; } .onecoin-box .onecoin-frame .btn-frame{text-align:center;width:100%;margin: 3vw auto 0vw; /* position削除 */} .onecoin-box .onecoin-frame .btn-frame .btn{text-align:center;} .onecoin-box .onecoin-frame .btn-frame .arr{ /* hover用のabsolute削除 */ transition:.3s;} .onecoin-box .onecoin-frame .btn-frame a:hover .arr{} .onecoin-box .onecoin-subtxt{text-align: left;font-size: 3.38vw;line-height:1.6;/* letter-spacing:0.25vw; */width: 90vw;margin: 0 auto;} #contents05 {position: relative;background: url('../images/index/contents04-back00.jpg')repeat top center;padding-bottom: 4.59vw;background-size: 100% auto;padding: 13.1vw 0 0;} #contents05 h2 {text-align: center;padding: 13.04vw 0 0;margin-bottom: 3.62vw;} #contents05 h2 span{ } #contents05 h2 img { } #contents05 .inner-Box1 {margin: 0 auto 26.65vw;position: relative;background: url(../images/index/contents05-back01.png);padding: 0 6.79vw 12.15vw;background-size: 100% auto;} #contents05 .inner-Box1 span.icon {display: block;line-height: 1;position: absolute;top: -14vw;left: 50%;width: 21.74vw;transform: translateX(-50%);} #contents05 .inner-Box1 span.icon img { } #contents05 .inner-Box1 h3.ttll {text-align: center;padding: 15.31vw 0vw 0vw;margin: 0 5.1vw 4vw;} #contents05 .inner-Box1 h3.ttll span{ } #contents05 .inner-Box1 h3.ttll img { } #contents05 .inner-Box1 figure.mimg {position: relative;margin: 0 30.6vw -2.5vw 27vw;z-index: 3;} #contents05 .inner-Box1 figure.mimg img{ } #contents05 .inner-Box1 h4 {background: url(../images/index/sp-contents04-back01.png)no-repeat top center;font-size: 4.35vw;line-height: 1.28;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 1.68vw;position: relative;color: #fff;text-align: center;height: 17.49vw;padding: 2.42vw 0 0;background-size: 100% auto;} #contents05 .inner-Box1 p.text1 {font-size: 3.38vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 9.11vw;position: relative;text-align: left;} #contents05 .miBox {margin: 0 -3vw 2.2vw;position: relative;} #contents05 .miBox figure.photo {position: relative;top: 0vw;margin-bottom: -4.9vw;} #contents05 .miBox figure.photo img{ } #contents05 .miBox figure.msimg {position: absolute;top: 31vw;right: 6.62vw;width: 23vw;z-index: 3;} #contents05 .miBox figure.msimg img{ } #contents05 .miBox .textBox {margin: 0 0.2vw 0 2.8vw;position: relative;height: 65.22vw;background: url(../images/index/sp-contents05-back02.png)no-repeat;padding: 6.35vw 7.28vw 11.59vw;background-size: 100% auto;} #contents05 .miBox .textBox h5 {text-align: center;font-size: 5.31vw;line-height: 1.68;font-weight: 600;letter-spacing: 0.0vw;margin: 0 9vw 3.8vw;position: relative;background: url(../images/index/contents05-line01.png)no-repeat bottom center;padding-bottom: 3.74vw;background-size: 80vw auto;} #contents05 .miBox .textBox h5 span {color: #EE7500;} #contents05 .miBox .textBox p.mintext {font-size: 3.62vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;} #contents05 .miBox22 {margin: 0 -3vw -7.4vw;position: relative;} #contents05 .miBox22 figure.photo {position: relative;top: 0vw;margin-bottom: -4.9vw;} #contents05 .miBox22 figure.photo img{ } #contents05 .miBox22 figure.msimg {position: absolute;top: 26vw;right: 1.02vw;width: 28.5vw;z-index: 3;} #contents05 .miBox22 figure.msimg img{ } #contents05 .miBox22 .textBox {margin: 0 0.2vw 0 2.8vw;position: relative;height: 65.22vw;background: url(../images/index/sp-contents05-back022.png)no-repeat;padding: 5.05vw 7.28vw 11.59vw;background-size: 100% auto;} #contents05 .miBox22 .textBox h5 {text-align: center;font-size: 5.31vw;line-height: 1.68;font-weight: 600;letter-spacing: 0.0vw;margin: 0 -1vw 3.8vw;position: relative;background: url(../images/index/contents05-line01.png)no-repeat bottom center;padding-bottom: 4.74vw;background-size: 78% auto;} #contents05 .miBox22 .textBox h5 span {color: #EE7500;} #contents05 .miBox22 .textBox p.mintext {font-size: 3.62vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;margin: 0 -0.5vw;} #contents05 .miBox33 {margin: 0 -3vw;position: relative;} #contents05 .miBox33 figure.photo {position: relative;top: 0vw;margin-bottom: -4.9vw;} #contents05 .miBox33 figure.photo img{ } #contents05 .miBox33 figure.msimg {position: absolute;top: 23.8vw;right: 1.02vw;width: 24.5vw;z-index: 3;} #contents05 .miBox33 figure.msimg img{ } #contents05 .miBox33 .textBox {margin: 0 0.2vw 0 2.8vw;position: relative;height: 48.22vw;background: url(../images/index/sp-contents05-back022.png)no-repeat;padding: 5.05vw 7.28vw 11.59vw;background-size: 100% auto;} #contents05 .miBox33 .textBox h5 {text-align: center;font-size: 5.31vw;line-height: 1.68;font-weight: 600;letter-spacing: 0.0vw;margin: 0 -1vw 3.8vw;position: relative;background: url(../images/index/contents05-line01.png)no-repeat bottom center;padding-bottom: 4.74vw;background-size: 78% auto;} #contents05 .miBox33 .textBox h5 span {color: #EE7500;} #contents05 .miBox33 .textBox p.mintext {font-size: 3.62vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;margin: 0 -0.5vw;} #contents05 .inner-Box2 {margin: 0 auto -0.15vw;position: relative;background: url(../images/index/contents05-back01.png);padding: 0 6.79vw 12.15vw;background-size: 100% auto;} #contents05 .inner-Box2 span.icon {display: block;line-height: 1;position: absolute;top: -14vw;left: 50%;width: 21.74vw;transform: translateX(-50%);} #contents05 .inner-Box2 span.icon img { } #contents05 .inner-Box2 h3.ttll {text-align: center;padding: 15.31vw 0vw 0vw;margin: 0 16.2vw 0vw 17.6vw;} #contents05 .inner-Box2 h3.ttll span{ } #contents05 .inner-Box2 h3.ttll img { } #contents05 .inner-Box2 figure.mimg {position: relative;margin: 0 32.6vw -0.5vw 31.3vw;z-index: 3;} #contents05 .inner-Box2 figure.mimg img{ } #contents05 .inner-Box2 h4 {background: url(../images/index/sp-contents04-back01.png)no-repeat top center;font-size: 4.35vw;line-height: 1.28;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 1.68vw;position: relative;color: #fff;text-align: center;height: 17.49vw;padding: 2.42vw 0 0;background-size: 100% auto;} #contents05 .inner-Box2 p.text1 {font-size: 3.38vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 11.81vw;position: relative;text-align: left;} #contents05 .js-scrollable{margin: 0 0 6.4vw 4.6vw;} #contents05 .miBox2 {margin: 0 -2.7vw 21.57vw;position: relative;background: #fff;padding: 9.25vw 6.31vw 7.0vw;} #contents05 .miBox2 h5.kihottl {font-size: 4.11vw;line-height: 1.68;font-weight: 400;letter-spacing: 0.0vw;margin: 0 4.1vw 7.9vw;position: relative;border-bottom: 2px solid;text-align: center;height: 1.4vw;} #contents05 .miBox2 h5.kihottl span {display: inline-block;background: #fff;top: -2.4vw;position: relative;padding: 0 5vw; font-weight: 600; color: #544336;} #contents05 .miBox2 figure.mimg {position: relative;top: 0;left: 0;margin: 0;margin-bottom: 3.8vw;} #contents05 .miBox2 figure.mimg2 {position: relative;top: 60.63vw;left: 55.56vw;display: none;} #contents05 .miBox2 figure.mimg img{ } #contents05 .miBox2 p.text2 {font-size: 2.66vw;line-height: 1.88;font-weight: 400;letter-spacing: 0vw;margin-bottom: -0.65vw;position: relative;color: #808080;} #contents05 .miBox2 p.text3 {font-size: 2.66vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 4.35vw;position: relative;color: #808080;margin-right: -2vw;} #contents05 .inBox2{margin: 0 -3vw;position: relative;background: url('../images/index/contents04-back03.png')repeat top center;background-size: 100% auto;} #contents05 .inBox2 h3.ttll2 {text-align: center;position: relative;top: -13.8vw;margin: 0vw 3vw -7.8vw;} #contents05 .inBox2 h3.ttll2 span{ } #contents05 .inBox2 h3.ttll2 img { } #contents05 .inBox2 figure.mimg2 {position: relative;top: 0;left: 0;text-align: center;z-index: 3;margin: 0 12vw -1vw;} #contents05 .inBox2 figure.mimg2 img{ } #contents05 .inBox2 figure.mimg3 {position: relative;top: 0;left: 0;margin-bottom: 6.76vw; padding: 0px 3vw 0px 3vw;} #contents05 .inBox2 figure.mimg3 img{width: 100%; } #contents05 .inner-Box3 {margin: 0 auto -0.15vw;position: relative;background: #fff;padding: 0 6.79vw 20.85vw;background-size: 100% auto;} #contents05 .inner-Box3 span.icon {display: block;line-height: 1;position: absolute;top: -14vw;left: 50%;width: 21.74vw;transform: translateX(-50%);} #contents05 .inner-Box3 span.icon img { } #contents05 .inner-Box3 h3.ttll {text-align: center;padding: 15.31vw 0vw 0vw;margin: 0 9.1vw 3.6vw 9.6vw;} #contents05 .inner-Box3 h3.ttll span{ } #contents05 .inner-Box3 h3.ttll img { } #contents05 .inner-Box3 figure.mimg {position: relative;margin: 0 33.6vw 2.1vw 33.2vw;z-index: 3;} #contents05 .inner-Box3 figure.mimg img{ } #contents05 .inner-Box3 h4 {background: url(../images/index/sp-contents04-back01.png)no-repeat top center;font-size: 4.35vw;line-height: 1.28;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 1.68vw;position: relative;color: #fff;text-align: center;height: 17.49vw;padding: 2.42vw 0 0;background-size: 100% auto;} #contents05 .inner-Box3 p.text1 {font-size: 3.38vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 11.81vw;position: relative;text-align: left;} #contents05 .inner-Box3 p.text4 {font-size: 3.38vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 7.79vw;position: relative;text-align: left;} #contents06 {margin: 0 auto -15.6vw;position: relative;background: url('../images/index/sp-contents06-back02.png')no-repeat bottom center ,url('../images/index/sp-contents06-back01.jpg')no-repeat top center;padding: 14.85vw 0 34.59vw;background-size: 100% auto;} #contents06 h2 {text-align: center;margin: 0 15.7vw 12.08vw;} #contents06 h2 span{ } #contents06 h2 img { } #contents06 .inner-Box {margin: 0 4vw;position: relative;} #contents06 .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-bottom: 6.03vw;} #contents06 .inner-Box ul li {position: relative;background: #fff;margin-bottom: 5.25vw;text-align: center;padding: 9.23vw 9.42vw 0.7vw 9.42vw;} #contents06 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; } #contents06 .inner-Box span.icon {display: block;line-height: 1;margin: 0 26.3vw 2.86vw;} #contents06 .inner-Box span.icon img {height: 4.9vw;} #contents06 .inner-Box h3 {margin: 0 12.3vw 2.68vw;} #contents06 .inner-Box h3 span{ } #contents06 .inner-Box h3 img {height: 23vw;width: auto;} #contents06 .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 2.66vw;} #contents06 .inner-Box figure.img img{ } #contents06 .inner-Box p.litext {font-size: 3.62vw;line-height: 1.67;font-weight: 400;letter-spacing: 0.0vw;margin: 0 -2.4vw 9.63vw;position: relative;text-align: left;} #contents06 .inner-Box h4 {text-align: center;padding: 0 2vw 5.97vw 1.42vw;} #contents06 .inner-Box h4 span{ } #contents06 .inner-Box h4 img { } #contents06 .inner-Box p.btn {text-align: center;position: relative;margin: 0 -7.3vw;} #contents06 .inner-Box p.btn img { } #contents06 .inner-Box p.btn a:hover span.arr{right: 85.02vw; } #contents06 .inner-Box span.arr {display: block;line-height: 1;transition: all 0.3s ease-in-out;position: absolute;top: 15.7vw;right: 87.44vw;} #contents06 .inner-Box span.arr img { } #contents07 {position: relative;background: url('../images/index/contents07-back01.jpg')repeat top center;background-size: 100% auto;} #contents07 .inner-Box {margin: 0 4vw;position: relative;padding: 8.9vw 2.9vw 0.5vw 2.9vw;} #contents07 .inner-Box h2 {font-size: 3.86vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 5.31vw;position: relative;text-align: center;} #contents07 .inner-Box h2 span {display: inline-block;font-size: 4.11vw;color: #fff;background: #316EC3;margin: 3.38vw 0 0;line-height: 1;padding: 1.45vw 0.72vw;margin-right: 0.38vw;margin-left: -3vw;} #contents07 .inner-Box figure.photo {position: relative;margin-bottom: 3.6vw;} #contents07 .inner-Box figure.photo img{ } #contents07 .inner-Box p.text {font-size: 3.62vw;line-height: 1.67;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 1.25vw;position: relative;margin-right: -4vw;} #contents07 .inner-Box figure.img {position: relative;bottom: 0vw;right: 0vw;margin: 0 31.3vw 0 34.2vw;} #contents07 .inner-Box figure.img img{ } #contents08 {margin: 0 3vw;position: relative;} #contents08 .inner-Box {position: relative;} #contents08 .inner-Box h2 {font-size: 6.04vw;line-height: 1.68;font-weight: 500;letter-spacing: 0.41vw;margin-bottom: 7.16vw;position: relative;text-align: center;color: #544336;} #contents08 .inner-Box h3 {font-size: 4.83vw;line-height: 1.28;font-weight: 700;letter-spacing: 0.24vw;margin-bottom: 6.86vw;position: relative;border-radius: 9.66vw;background: #884C32;height: 19.32vw;text-align: center;color: #fff;padding: 3.62vw 0 0;} #contents08 .inner-Box h3 span {color: #FFF11F;} #contents08 .inner-Box h4 {font-size: 4.83vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.48vw;margin: 0.0vw 0 8.85vw 0;position: relative;text-align: center;} #contents08 .inner-Box h4 span {color: #FE7A09;} #contents08 .inner-Box figure.img01 {position: relative;top: 0;left: 0;margin-bottom: 12vw;} #contents08 .inner-Box figure.img01 img{ } #contents08 .inner-Box h5 {font-size: 4.35vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 2.3vw;position: relative;text-align: center;} #contents08 .inner-Box figure.img02 {position: relative;top: 0;right: 0;margin: 0 8.9vw 4vw;} #contents08 .inner-Box figure.img02 img{ } #contents08 .inner-Box p.text {font-size: 3.62vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;top: 0vw;color: #343434;text-align: center;margin: 0 0 5vw 5vw;} #contents08 .inner-Box h6 {text-align: center;padding: 8.94vw 9.6vw 18.59vw;} #contents08 .inner-Box h6 span{ } #contents08 .inner-Box h6 img { } .otoku-box{padding: 0vw 0 0 0;margin: 0 0 0vw 0;background-position:0px 0px;background-repeat:no-repeat;background: #FCEFCB;z-index: 3;position: relative;} .otoku-box .otoku-box-frame{padding: 14vw 0 2.5vw 0;background-position:0px 0px;background-repeat:repeat;} .otoku-box .otoku-box-frame .otoku-box-ttlframe{} .otoku-box .otoku-box-frame .otoku-box-ttlframe .main-ttl{text-align: center;margin: 0vw auto 3.5vw auto;width: 83.3vw;} .otoku-box .otoku-box-frame .otoku-box-ttlframe .main-ttl img{width: 100%;} .otoku-box .otoku-box-frame .otoku-box-ttlframe .obi{text-align: center;margin: 0 6.8vw 8.8vw 6vw;} .otoku-box .otoku-frame{position: relative;width: 94%;background-color: #fff;margin: 0 auto 6vw;padding: 0vw 0vw 1vw 0;border: 1.3vw solid #C4C0BC;} .otoku-box .otoku-frame .otoku-list{text-align: center;} .otoku-box .otoku-frame .otoku-list li{width: 91%;margin: 0 auto 13.8vw auto;position: relative;text-align: left;} .otoku-box .otoku-frame .otoku-list li:nth-child(2){margin: 0 auto 11.8vw auto;} .otoku-box .otoku-frame .otoku-list li .icon{position: absolute;top: -4.3vw;right: 2.5vw;} .otoku-box .otoku-frame .otoku-list li .icon img{width: 29vw;} .otoku-box .otoku-frame .otoku-list li .photo{margin: 0 0 3.4vw 0;} .otoku-box .otoku-frame .otoku-list li .subt{color: #F98B07;font-size:4.831vw;line-height: 1.85;letter-spacing: 0vw;font-weight: bold;margin: 0 0 1vw 0;} .otoku-box .otoku-frame .otoku-list li .txt{font-size:3.382vw;line-height: 1.9;letter-spacing: 0.35vw;font-weight: 400;} .otoku-box .btn03-frame{ text-align: center; position: relative;} .otoku-box .btn03-frame .fukidashi{margin: 0 0 3vw 0;} .otoku-box .btn03-frame .fukidashi img{width: 82vw;} .otoku-box .btn03-frame .btn03{text-align: center;position: relative;top: 2vw;left: 0vw;width: 90%;margin: 0 auto 0;background-image:url(../images/index/btn_bg_sp.svg);background-position: left 0px bottom 0px;background-repeat:no-repeat;background-size:contain;} .otoku-box .btn03-frame .btn03 img{ transition: .3s; position: relative; top: -2vw; left: -2vw;} .otoku-box .btn03-frame .btn03 a:hover img{ opacity: 1; position: relative; top: 0; left: -0.2vw;} .otoku-box .otoku-spring-frame{margin: 0 0 4.71vw 0;} .otoku-box .otoku-spring-frame .otoku-spring-ttlframe{position:relative;} .otoku-box .otoku-spring-frame .otoku-spring-ttlframe .mainttl{text-align:center;padding: 10.91vw 3vw 6vw 0vw;} .otoku-box .otoku-spring-frame .otoku-spring-ttlframe .main-subtxt{color:#1E1E1E;text-align: left;font-weight:500;font-size: 3vw;line-height: 1.7;letter-spacing:0;margin: 0vw 0 3.8vw 0;padding: 0 5vw 0 5vw;} .otoku-box .otoku-spring-frame .otoku-spring-ttlframe .data-icon{position:absolute;top: -3.09vw;right: 2vw;} .otoku-box .otoku-spring-frame .otoku-spring-ttlframe .subttl{text-align:center;margin: 0vw 0 0 0;padding: 6.8vw 2.6vw 0 3vw;} .otoku-box .otoku-spring-frame .arrow{text-align:center;margin: 0vw auto -1.5vw auto;width: 55vw;padding: 0 0 0 0;position: relative;top: -0.5vw;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list{width:100%;margin:0 auto;flex-wrap:wrap;display:flex;padding: 0 2vw 0 3vw;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li{width: 40vw;margin: 0 5vw 9vw 0;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li:nth-child(2n){margin:0;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .ttl01{text-align:center;color:#595656;font-size:3.623vw;line-height:1.34;letter-spacing:0.25vw;font-weight:bold;position:relative;z-index:5;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .photo{margin: -4.73vw 0 2.83vw 0;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .product-name{text-align:center;color:#F98B07;font-size:3.865vw;line-height:1.5;letter-spacing:0.25vw;font-weight:bold;margin: 0 0 0.66vw 0;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .product-name span{display:block;font-size:3.382vw;line-height:1.6;letter-spacing:0.25vw;color:#595656;font-weight:normal; margin: 0 0 2vw 0;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame{} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul{} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul li:last-child{margin:0;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul .price-before{width: 100%;margin: 0 2.9vw 1vw 0;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul .price-before .pricettl01{font-size:3.14vw;line-height:1.6;letter-spacing:0;font-weight:bold;text-align:center;padding: 0.5vw 0 0vw 0;border:1px solid #707070;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul .price-before .price01{font-size:6.04vw;line-height:1.6;letter-spacing:0.25vw;font-weight:bold;color:#595656;text-align:center;display: inline-block;padding: 0 0 0 2.5vw;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul .price-before .price01 span{font-size:3.62vw;line-height:1.6;letter-spacing:0.25vw;position:relative;top:-0.48vw;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul .price-before .pricezei01{font-size:3.14vw;line-height:0.3;/* letter-spacing:0.25vw; */text-align:center;color:#595656;display: inline-block;position: relative; top: -0.3vw;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul .price-after{width: 100%;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul .price-after .pricettl02{background-color:#FFED15;border:0.24vw solid #707070;font-size:3.14vw;line-height:1.6;letter-spacing:0;font-weight:bold;text-align:center;padding: 0.5vw 0 0.2vw 0;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul .price-after .price02{font-size:9.9vw;line-height:1.2;letter-spacing:0.25vw;font-weight:bold;color:#F98B07;text-align:center;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul .price-after .price02 span{font-size:6.04vw;line-height:1.6;letter-spacing:0.25vw;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .price-frame ul .price-after .pricezei02{font-size:3.14vw;line-height:1.2;letter-spacing:0.25vw;text-align:center;color:#595656;margin:-0.72vw 0 0 0;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .photo01{margin: -4.5vw 0 1.14vw 0;} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .photo02{} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .photo03{} .otoku-box .otoku-spring-frame .otoku-spring-listframe .otoku-spring-list li .photo04{} .price-box{margin: 0 2.7vw 24vw;background: #fff;border: 1px solid #DAD4C8;padding: 10vw 0 11.5vw;} .price-box .ttl-frame{width: 100%;margin: 0 auto 7.32vw;position: relative;} .price-box .ttl-frame .txt01{/* font-size:3.865vw; *//* line-height: 1.5; *//* letter-spacing: 0.1vw; */color: #262626;font-weight: bold;margin: 0 auto 3vw auto;color: #262626;text-align: center;width: 67vw;} .price-box .ttl-frame .mainttl{margin: 1vw auto 4.2vw auto;padding: 0 0vw 0 0vw;width: 94%;} .price-box .ttl-frame .txt02{font-size:3.865vw;line-height: 1.8;letter-spacing: 0;font-weight: 500;padding: 0 0vw 0px 0vw;color: #595656;text-align: center;} .price-box .ttl-frame .photo{} .price-box .price-table{width: 94%;margin: 0 auto 2vw;overflow-x: auto; /* 横スクロールの指定 */white-space: nowrap; /* 横スクロールの指定 */overflow-scrolling: touch;-webkit-overflow-scrolling: touch; /* スクロールを滑らかにする */} .price-box .price-table .price-table-frame{width: 289vw;padding: 0 0 5vw 0;} .price-box .price-table .price-table-frame img{} .price-box .price-table-frame-txt{background-color:#F4F4F4;width: 100%;text-align: center;font-size:3.865vw;line-height: 1.6;letter-spacing: 0.25vw;padding: 2.7vw 0 3vw 0;margin: 0px 0 11vw 0;} .price-box .price-table .textleft{text-align: left;padding: 5vw 6vw 4vw 7vw;} .price-box .price-table .txt{ margin: 2vw 0 2vw 0;} .price-box .price-txtframe{width: 94%;margin: 0 auto 3.6vw;} .price-box .price-txtframe .subt{background-color: #28ADC9;padding: 4.8vw 2vw 4.8vw 9.5vw;color: #fff;font-size: 4.131vw;line-height: 1.3;letter-spacing: 0vw;font-weight: bold;margin: 0 0 0vw 0;display: block;background-image:url(../images/index/list-open-arrow.svg);background-position: right 3.5vw top 4.7vw;background-repeat:no-repeat;position: relative;background-image: url(../images/index/list-open-arrow.svg), linear-gradient(180deg, #EEA501 0%, #EE7401 100%);background-position: right 3.1vw top 3.7vw, 0% 0%;background-size: 7.5vw,100%;} .price-box .price-txtframe .subt::after{content: '';display: inline-block;width: 4.5vw;height: 3.8vw;position: absolute;top: 5.5vw;left: 3.5vw;background-image: url(../images/index/price-ttl-icon.svg);background-size: contain;background-repeat: no-repeat;} .price-box .price-txtframe .subt span.newicon{ color: #FDED17;} .price-box .price-txtframe .subt.subt-open{background-image:url(../images/index/list-close-arrow.svg);background-image: url(../images/index/list-close-arrow.svg), linear-gradient(180deg, #EEA501 0%, #EE7401 100%);background-position: right 3.3vw top 3.9vw, 0% 0%;background-size: 7.3vw, 100%;} .price-box .price-txtframe .txt{font-size: 3.38vw;line-height: 1.79;letter-spacing: 0.0vw;/* font-weight: bold; */} .price-box .price-txtframe .pull-inner{padding: 5vw 6vw 4.5vw 6vw;border: 0.5vw solid #EE7401;} .price-box .price-txtframe .pull-inner .txt02{font-size: 3.6vw;line-height: 1.87;letter-spacing: 0.0vw; font-weight: bold;} /* チェックボックスを視覚的に非表示にしつつ、クリックを確実に認識させる */ .toggle { position: absolute; opacity: 0; } /* 初期状態では内容を隠し、高さを0にします */ .pull { max-height: 0; overflow: hidden; transition: max-height .3s ease-in-out; } /* チェックボックスがチェックされた時、対応するpullクラスの内容を表示し、最大高さを一定値に設定します */ .toggle:checked + .pull { max-height: 60vw; /* 適切な最大高さに調整してください */ } /* ラベルのスタイルを保持しつつ、クリックを有効にする */ label.clicktxt { cursor: pointer; display: block; position: relative; } .voice-box{width: 100%;margin: 0 auto 0vw;padding: 20vw 0 20vw 0;/* border: 1.5vw solid #FFFFFF; */background-image:url(../images/index/voice-bg_sp.png);background-position:0px 0px;background-color:#F4B538;background-repeat:repeat;background-size: 11%;position: relative;} .voice-box .vocie-box-inner{background-color:#fff;border-top: 2vw solid #E3E3E3;width: 94%;margin: 0 auto;padding: 0 0 12vw 0;} .voice-box .voice-ttlframe{padding: 23vw 0 8vw 0;background-image:url(../images/index/voice-icon.svg);background-position: center top 8vw;background-repeat:no-repeat;background-size: 13vw;} .voice-box .voice-ttlframe .ttl{text-align: center;margin: 0 3.4vw;} .voice-box .voice-list{text-align: left; width: 90%; margin: 0 auto; position:relative;} .voice-box .voice-list li.list{width: 84vw; height: 65vw; padding: 6.2vw 3vw 8vw 3vw;margin: 6vw 2vw 9vw 2vw;background-color:#F5FDFA;border:1.5vw solid #CFEADD;} .voice-box .voice-list li.list .photo{width: 26vw;margin: 0 auto -10vw;text-align: center;position: relative;top: -13vw;} .voice-box .voice-list li.list .photo img{} .voice-box .voice-list li.list .voice-txtframe{width: 98%;padding: 0px 0 0 0;margin: 0 auto 0 auto;} .voice-box .voice-list li.list .voice-txtframe .txt{font-size:3.865vw;line-height: 1.78;letter-spacing: 0vw;font-weight: bold; color: #595656;} .voice-box .icon01{position: absolute;bottom: 4vw;left: 5vw;} .voice-box .icon01 img{width: 36vw;} .voice-box .icon02{position: absolute;bottom: 4vw;right: 5vw;} .voice-box .icon02 img{width: 34vw;} .voice-box .voice-list .slide-arrow { transform: translateY(-50%); /* 縦方向の中央揃え */ z-index: 10; /* スライドより前面に表示 */ width: 9vw; /* ボタンのサイズ（必要に応じて調整） */ height: 9vw; /* ボタンのサイズ（必要に応じて調整） */ cursor: pointer; } .voice-box .voice-list .prev-arrow{position: absolute; top:20vw; left:-3vw;} .voice-box .voice-list .next-arrow{position: absolute; top:20vw; right:-3vw;} .voice-box .slide-dots { margin:-15vw 0 0 -8vw; padding: 0; text-align: center; } .voice-box .slide-dots li { display: inline-block; margin: 0 1vw; } .voice-box .slide-dots li button { position: relative; text-indent: -9999px; } .voice-box .slide-dots li button::before { background-image: url(../images/index/slide-dots.svg); background-repeat: no-repeat; background-size: contain; content: ""; cursor: pointer; width: 4vw; height: 4vw; left: 4vw; margin: auto; position: absolute; right: 0; top: 5.2vw; } .voice-box .slide-dots li.slick-active button::before { background-image: url(../images/index/slide-dots-active.svg); } .voice-box button { background: none; border: none; outline: none; padding: 0 2.4vw; } .slick-list{ overflow: visible; } .faq-box{width: 100%;background: #E0D2AC;background-position:0px 0px;background-repeat:repeat;width: 100%;padding: 16.7vw 0 29vw 0;margin: 0 auto;} .faq-box .faq-boxframe{width: 94%;margin: 0 auto;padding: 9vw 0 2vw 0;background-color:#fff;border-top: 2vw solid #E3E3E3;} .faq-box .ttl{text-align: center;margin: 0 21.2vw 7vw 22vw;} .faq-box .faq-listframe{width: 88%;margin: 0 auto;} .faq-box .faq-listframe .faq-list{ margin: 0 0 4vw 0; } .faq-box .faq-listframe .faq-list dt{color: #fff;background-color: #30ADC9;font-weight: bold;font-size: 3.648vw;line-height: 1.6;letter-spacing: 0.2vw;position: relative;padding: 4.2vw 0 4.1vw 13vw;margin: 0 0 0vw 0;} .faq-box .faq-listframe .faq-list dt::before{content: '';display: inline-block;width: 5vw;height: 6vw;position: absolute;top: 5vw;left: 5vw;background-image: url(../images/index/faq-q.svg);background-size: contain;background-repeat: no-repeat;} .faq-box .faq-listframe .faq-list dd{color: #595656;font-size:3.38vw;line-height: 1.8;letter-spacing: 0.3vw;font-weight: 400;padding: 4.5vw 7vw 8vw 13.5vw;position: relative;background-color: #F2F2F2;font-feature-settings: "palt"; font-weight:500;} .faq-box .faq-listframe .faq-list dd::before{content: '';display: inline-block;width: 5.5vw;height: 6vw;position: absolute;top: 5.2vw;left: 4.4vw;background-image: url(../images/index/faq-a.svg);background-size: contain;background-repeat: no-repeat;} }