@charset "UTF-8";

#harumachi{color:#443829;}
#harumachi img{max-width:100%;}
#harumachi .for-sp{display:none;}
#harumachi .for-pc{display:block;}
#harumachi img.for-pc{display:inline-block;}
#harumachi img.for-sp{display:none;}
#harumachi .memo{font-size:13px;}
#harumachi h2,#harumachi h3{margin:0;padding:0;line-height:0;text-align:center;background:none;}
#harumachi #sec00{margin:40px 0;}
#harumachi #sec00 .inner-box{border:#e5006f 4px solid;padding:40px;}
#harumachi #sec00 h2{margin-bottom:30px;text-align:center;background:none;}
#harumachi #sec00 h2 img{max-height:93px;}
#harumachi #sec00 ul.point-list{display:flex;justify-content:space-between;width:100%;max-width:700px;margin:0 auto;}
#harumachi #sec00 ul.point-list li{width:200px;}
#harumachi #sec00 ul.point-list li .num{margin-bottom:10px;text-align:center;}
#harumachi #sec00 ul.point-list li .num img{max-height:29px;}
#harumachi #sec00 ul.point-list li .image{margin-bottom:20px;}
#harumachi #sec00 ul.point-list li .sub{margin-bottom:15px;text-align:center;}
#harumachi #sec00 ul.point-list li .sub img{max-height:45px;}
#harumachi #sec00 ul.point-list li .comment{font-size:15px;}
#harumachi .item-section{margin-bottom:40px;}
#harumachi .item-section .inner-box{padding:40px;}
#harumachi .item-section .head-box{padding-bottom:40px;display:flex;justify-content:space-between;position:relative;}
#harumachi .item-section .head-box .name{width:393px;}
#harumachi .item-section .head-box .name h2{margin-bottom:30px;text-align:left;background:none;}
#harumachi .item-section .head-box .name h2 img{max-height:52px;}
#harumachi .item-section .head-box .sub{font-size:18px;}
#harumachi .item-section .head-box .desc{width:234px;text-align:center;}
#harumachi .item-section .head-box .desc h3{padding:0 15px 20px;margin:0 auto 20px;border-bottom:#fff 2px dotted;font-size:16px;font-weight:700;color:#fff;text-align:center;display:inline-block;}
#harumachi .item-section .desc::before{content:'';width:230px;height:230px;-webkit-border-radius:230px;-moz-border-radius:230px;border-radius:230px;position:absolute;top:-48px;right:-20px;z-index:1;}
#harumachi .item-section .desc-inner{position:relative;z-index:2;top:-20px;right:-20px;}
#harumachi .item-section .desc-inner p{margin-bottom:4px;text-align:center;font-size:14px;color:#fff;}
#harumachi .item-section .image-box{display:flex;justify-content:space-between;position:relative;z-index:2;top:-30px;width:100%;max-width:770px;margin:0 auto;}
#harumachi .item-section .image-box .image01{width:461px;}
#harumachi .item-section .image-box .image02{width:274px;}
#harumachi .item-section .color-box{padding:20px 0;margin-bottom:30px;}
#harumachi .item-section .color-box h3{margin-bottom:20px;}
#harumachi .item-section .color-box h3 img{max-height:20px;}
#harumachi .item-section .color-box ul{display:flex;justify-content:center;}
#harumachi .item-section .color-box ul li{width:136px;margin:0 10px;text-align:center;}
#harumachi .item-section .color-box .image{margin-bottom:5px;}
#harumachi .item-section .check-list{margin:0 10px 25px;}
#harumachi .item-section .check-list li{padding-left:1em;margin-bottom:5px;font-size:14px;text-indent:-1em;list-style:disc inside;}
#harumachi .item-section .date-box{margin-bottom:30px;padding:28px 105px;border-width:2px;border-style:solid;}
#harumachi .item-section .date-box .text{padding:8px;font-size:12px;color:#443829;text-align:center;line-height:1;}
#harumachi .item-section .date-list{margin-bottom:30px;display:flex;justify-content:space-between;}
#harumachi .item-section .date-list li{width:136px;margin:0;}
#harumachi .item-section .date-list li .image{margin-bottom:10px;}
#harumachi .item-section .date-list li.point{position:relative;}
#harumachi .item-section .date-list li.point::after{content:'';width:74px;height:70px;position:absolute;background:url(../img/point.png) center top no-repeat;-webkit-background-size:74px 70px;background-size:74px 70px;top:-45px;right:-10px;}
#harumachi .item-section .bottom-text{margin-bottom:10px;font-size:14px;line-height:1.8;}
#harumachi .item-section .flex-box{display:flex;justify-content:space-between;}
#harumachi .item-section .flex-box .text-frame{width:292px;}
#harumachi .item-section .flex-box .image-frame{width:292px;}
#harumachi .item-section .flex-box .image-frame ul{display:flex;justify-content:space-between;}
#harumachi .item-section .flex-box .image-frame ul li{width:136px;}
#harumachi .item-section .button-buy{text-align:center;}
#harumachi .item-section .button-buy a img{max-height:55px;}
#harumachi #sec01 .head-box .name h2{margin-bottom:20px;background:none;}
#harumachi #sec07 .head-box{padding-bottom:5px;}
#harumachi #sec07 .desc-inner{top:-30px;}
#harumachi #sec07 .date-box ul.date-list{margin:0 80px 30px;}
#harumachi #sec08 .date-box ul.date-list{margin:0 80px 30px;}
#harumachi #sec09{margin:80px 0 40px;text-align:center;}
#harumachi #sec09 img{width:706px;}
#harumachi #sec01 .name .sub{color:#b73742;}
#harumachi #sec02 .name .sub{color:#3ea814;}
#harumachi #sec03 .name .sub{color:#594a88;}
#harumachi #sec04 .name .sub{color:#ea5498;}
#harumachi #sec05 .name .sub{color:#ee5378;}
#harumachi #sec06 .name .sub{color:#cc5bd6;}
#harumachi #sec07 .name .sub{color:#1e63b0;}
#harumachi #sec08 .name .sub{color:#29a0c3;}
#harumachi #sec01 .inner-box{background:#ffe8e8;}
#harumachi #sec02 .inner-box{background:#eef6e7;}
#harumachi #sec03 .inner-box{background:#f2e4fa;}
#harumachi #sec04 .inner-box{background:#fdedf6;}
#harumachi #sec05 .inner-box{background:#fef0f3;}
#harumachi #sec06 .inner-box{background:#f6dffa;}
#harumachi #sec07 .inner-box{background:#e6f1fc;}
#harumachi #sec08 .inner-box{background:#e9f9fe;}
#harumachi #sec01 .desc::before{background:#b73742;}
#harumachi #sec02 .desc::before{background:#3ea814;}
#harumachi #sec03 .desc::before{background:#594a88;}
#harumachi #sec04 .desc::before{background:#ea5498;}
#harumachi #sec05 .desc::before{background:#ee5378;}
#harumachi #sec06 .desc::before{background:#cc5bd6;}
#harumachi #sec07 .desc::before{background:#1e63b0;}
#harumachi #sec08 .desc::before{background:#29a0c3;}
#harumachi #sec04 .color-box{background:#fef8fb;}
#harumachi #sec05 .color-box{background:#fff9fa;}
#harumachi #sec06 .color-box{background:#fbf2fd;}
#harumachi #sec07 .color-box{background:#f5f9fe;}
#harumachi #sec01 .color-box{background:#fff9fa;}
#harumachi #sec01 .date-box{border-color:#b73742;}
#harumachi #sec02 .date-box{border-color:#3ea814;}
#harumachi #sec03 .date-box{border-color:#594a88;}
#harumachi #sec04 .date-box{border-color:#ea5498;}
#harumachi #sec05 .date-box{border-color:#ee5378;}
#harumachi #sec06 .date-box{border-color:#cc5bd6;}
#harumachi #sec07 .date-box{border-color:#1e63b0;}
#harumachi #sec08 .date-box{border-color:#29a0c3;}
#harumachi #sec01 .date-box .text{background:#fec2c2;}
#harumachi #sec02 .date-box .text{background:#cef0b0;}
#harumachi #sec03 .date-box .text{background:#e6d0f3;}
#harumachi #sec04 .date-box .text{background:#f7d3e2;}
#harumachi #sec05 .date-box .text{background:#f7d3dc;}
#harumachi #sec06 .date-box .text{background:#f3c8fa;}
#harumachi #sec07 .date-box .text{background:#ccddef;}
#harumachi #sec08 .date-box .text{background:#c7e8f1;}

@media only screen and (max-width: 767px) {
#harumachi{padding-left:10px;padding-right:10px;}
#harumachi h1{padding:0;margin:0 0 10px;}
#harumachi h1+p{margin-bottom:1em;}
#harumachi .for-pc{display:none;}
#harumachi .for-sp{display:block;}
#harumachi img.for-pc{display:none;}
#harumachi img.for-sp{display:inline-block;}
#harumachi .memo{font-size:12px;}
#harumachi #sec00{margin:40px 0;}
#harumachi #sec00 .inner-box{padding:20px 20px 1px;border:#e5006f 4px solid;}
#harumachi #sec00 h2{width:90%;margin:0 auto 20px;text-align:center;}
#harumachi #sec00 h2 img{max-height:93px;}
#harumachi #sec00 ul.point-list{display:block;}
#harumachi #sec00 ul.point-list li{width:auto;margin-bottom:20px;display:flex;justify-content:space-between;flex-wrap:wrap;}
#harumachi #sec00 ul.point-list li .num{width:100%;margin-bottom:10px;text-align:center;}
#harumachi #sec00 ul.point-list li .num img{width:auto;max-height:29px;}
#harumachi #sec00 ul.point-list li .image{width:50%;margin-bottom:0;padding-right:10px;box-sizing:border-box;}
#harumachi #sec00 ul.point-list li .desc{width:50%;padding-left:10px;box-sizing:border-box;align-self:center;}
#harumachi #sec00 ul.point-list li .sub{margin-bottom:15px;}
#harumachi #sec00 ul.point-list li .comment{font-size:13px;line-height:1.4;}
#harumachi .item-section{margin-bottom:40px;}
#harumachi .item-section .inner-box{padding:30px 10px;}
#harumachi .item-section .head-box{padding-bottom:20px;display:block;position:relative;}
#harumachi .item-section .head-box .name{width:auto;}
#harumachi .item-section .head-box .name h2{margin:0 0 20px;text-align:center;}
#harumachi .item-section .head-box .name h2 img{width:auto;max-height:36px;}
#harumachi .item-section .head-box .sub{margin:0 10px 20px;text-align:center;font-size:16px;}
#harumachi .item-section .head-box .desc{width:auto;text-align:center;position:relative;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#harumachi .item-section .head-box .desc h3{padding:20px 10px 10px;margin:0 15px 15px;border-bottom:#fff 2px dotted;font-size:16px;line-height:1.2;font-weight:700;color:#fff;text-align:center;display:inline-block;}
#harumachi .item-section .desc::before{content:'';width:100%;height:100%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute;top:0;right:0;z-index:1;}
#harumachi .item-section .desc-inner{position:relative;z-index:2;top:0;right:0;}
#harumachi .item-section .desc-inner p{margin-bottom:5px;text-align:center;font-size:13px;color:#fff;}
#harumachi .item-section .desc-inner p.line04{margin-bottom:0;padding-bottom:20px;}
#harumachi .item-section .image-box{margin:5px 0 20px;display:block;position:relative;z-index:2;top:0;}
#harumachi .item-section .image01{margin-bottom:20px;}
#harumachi .item-section .image-box .image02{width:100%;}
#harumachi .item-section .color-box{padding:20px 0 1px;margin-bottom:20px;}
#harumachi .item-section .color-box h3{margin-bottom:20px;}
#harumachi .item-section .color-box h3 img{width:auto;max-height:16px;}
#harumachi .item-section .color-box ul{margin:0 10px;display:flex;justify-content:space-between;flex-wrap:wrap;}
#harumachi .item-section .color-box ul li{width:48.5%;margin:0 0 10px;padding:0;text-align:center;box-sizing:border-box;font-size:13px;}
#harumachi .item-section .color-box .image{margin-bottom:5px;text-align:center;}
#harumachi .item-section .check-list{margin:0 10px 30px;}
#harumachi .item-section .check-list li{padding-left:1em;margin-bottom:5px;font-size:14px;text-indent:-1em;list-style:disc inside;}
#harumachi .item-section .date-box{margin-bottom:20px;padding:15px 8px 8px;border-width:2px;border-style:solid;}
#harumachi .item-section .date-box .text{padding:8px;font-size:12px;color:#443829;text-align:center;line-height:1;}
#harumachi .item-section .date-list{margin:0 -1px 15px;display:flex;justify-content:center;}
#harumachi .item-section .date-list li{width:25%;padding:0 1px;box-sizing:border-box;margin:0;}
#harumachi .item-section .date-list li .image{margin-bottom:10px;}
#harumachi .item-section .date-list li.point{position:relative;}
#harumachi .item-section .date-list li.point::after{content:'';width:50px;height:48px;position:absolute;background:url(../img/point.png) center top no-repeat;-webkit-background-size:50px 47px;background-size:50px 47px;top:-25px;right:-10px;}
#harumachi .item-section .bottom-text{margin:0 10px 10px;font-size:13px;line-height:1.6;}
#harumachi .item-section .date-box .memo{margin:0 10px;padding-left:1em;text-indent:-1em;}
#harumachi .item-section .flex-box{display:block;}
#harumachi .item-section .flex-box .text-frame{width:auto;}
#harumachi .item-section .flex-box .image-frame{width:auto;margin-top:15px;}
#harumachi .item-section .flex-box .image-frame ul{display:flex;justify-content:space-between;}
#harumachi .item-section .flex-box .image-frame ul li{width:48.5%;}
#harumachi .item-section .button-buy{text-align:center;}
#harumachi .item-section .button-buy a img{max-width:304px;}
#harumachi #sec01 .head-box .name h2{margin-bottom:10px;}
#harumachi #sec07 .head-box{padding-bottom:5px;}
#harumachi #sec07 .desc-inner{top:auto;}
#harumachi #sec07 .date-box ul.date-list{margin:0 0 20px;}
#harumachi #sec08 .date-box ul.date-list{margin:0 0 20px;}
#harumachi #sec09{margin:40px 0 20px;text-align:center;}
#harumachi #sec09 img{width:auto;height:auto;}
}

@media only screen and (max-width: 767px) {.special-anchor-links{display:flex;flex-wrap:wrap;justify-content:space-between;}
.special-anchor-links .child,.special-anchor-links .child:last-child{margin:0 0 10px;padding:1px 20px 0;width:49%;}}


#harumachi #sec10 .name .sub{color:#8d62cc;}
#harumachi #sec10 .inner-box{background:#f2edfd;}
#harumachi #sec10 .desc::before{background:#8d62cc;}
#harumachi #sec10 .color-box{background:#faf8fe;}
#harumachi #sec10 .date-box{border-color:#8d62cc;}
#harumachi #sec10 .date-box .text{background:#d4bcf8;}
#harumachi .matomewari{margin-bottom:40px;}
#harumachi .matomewari p{padding:0 40px 35px;background:url(../img/matomewari_bg.png) repeat;}
@media only screen and (max-width: 767px) {
#harumachi .matomewari {background:url(../img/matomewari_bg.png) repeat;margin:0 -4vw 40px;}
#harumachi .matomewari p{font-size:0.8em;padding:0 5vw 3vw;}
}