@charset "UTF-8";
main {background:#FFF6E5;}
/*共通*/
.pc {display: block;}
.sp {display: none;}
.txt_c {text-align: center;}
.txt_r {text-align: right;}
.txt_l {text-align: left;}
.r {color: #F42A00;}
.wht {color: #fff;}
.y {color: #A89249;}
.txt_bg{display: inline-block;background:#A89249;color:#fff;padding: 0 10px; }
.large {font-size: 120%}
.xlarge {font-size: 150%}
.lsmall {font-size: 90%}
.small {font-size: 80%}
.xsmall {font-size: 60%}
.lh_2{line-height: 2!important}
.ls{letter-spacing:1px}
.b {font-weight: bold;}
.bottom{margin-bottom: 2rem;}
.notice{font-size: 12px}
.serif{font-family: 'Noto Serif JP'}
ul li{text-decoration: none;list-style: none;}
.flex{display: flex;justify-content: center;}
p{margin: 0;color: #131313;}
section {padding-top:5rem;}
.sec_inner{padding-bottom: 5rem;max-width: 900px;margin: 0 auto;}
.sec_inner h2{font-size: 2.5rem;font-family: 'Noto Serif JP';font-weight: 600; text-align: center;letter-spacing: 3.5px;margin-bottom: 2rem;margin-top: 0;}
.main_image{background: url("../images/head_bg.jpg") no-repeat;background-size:cover; }

/*ボタン周り*/
.bw {margin: auto;}
.order_block {padding: 50px 0 70px 0;}
.order_price {text-align: center;padding-bottom: 1em;}
.order_price img {width: 80%;max-width: 317px !important;}
.order_btn {margin-bottom: 1.5em;text-align: center;}
.order_btn a {display: block;max-width: 520px;margin: auto;text-align: center;padding: 5px 12%;
background: #f15a24;box-shadow: inset 0 -5px 0 0 #ee2700, 0 2px 7px rgba(0, 0, 0, 0.3);border-radius: 60px;}
@media (hover: hover) {
.order_btn a:hover { background: #ff7a40;box-shadow: inset 0 -5px 0 0 #f25335, 0 2px 3px rgba(0, 0, 0, 0.3);transform: translateY(2px);}}
.order_block li {font-size: .8em;line-height: 1.3;text-indent: -1em;margin: 0 0 .3em 1em;text-align: left;}
@media (min-width: 740px) {
.order_btn a {padding: 0px;}
.order_block {text-align: center;}
.order_block li {font-size: .8em;text-indent: 0;margin: 0 0 .3em 0;text-align: center;}
}

/*ボタン*/
.bw {width: 86%;max-width: 1238px;margin: auto;}
.order_block {padding: 50px 0 50px 0;}
.order_price {text-align: center;padding-bottom: 1em;}
.order_price img {width: 80%;max-width: 317px !important;}
.order_btn {margin-bottom: 1.5em;text-align: center;}
.order_btn a {display: block;max-width: 520px;margin: auto;padding: 5px 12%;background: #f15a24;box-shadow: inset 0 -5px 0 0 #ee2700, 0 2px 7px rgba(0, 0, 0, 0.3);border-radius: 60px;}
@media (hover: hover) {
.order_btn a:hover {background: #ff7a40;box-shadow: inset 0 -5px 0 0 #f25335, 0 2px 3px rgba(0, 0, 0, 0.3);transform: translateY(2px);}}
.order_block li {font-size: .8em;line-height: 1.3;text-indent: -1em;margin: 0 0 .3em 1em;text-align: left;}
@media (min-width: 740px) {
.order_btn a {padding: 0px;}
.order_block {text-align: center;}
.order_block li {font-size: .8em;text-indent: 0;margin: 0 0 .3em 0;text-align: center;}}


/*ヘッド・大枠okome*/
.header{padding-top: 0!important;}
.menu {max-width: 1080px;margin: 0 auto;}
#okome .main_image img.pc {width: 100%;}
@media screen and (min-width:768px) and (max-width:1280px) {
#okome .main_image .sp {width: 100%;}
.okome_main_img img {width: 100%;}}
@media screen and (max-width:768px) {
#okome .main_image .pc {background-image: none;}
#okome .main_image .sp {display: block;}
.okome_main {position: relative;margin-top: 35px;}
.okome_main_img {margin-bottom: 35px;}
.okome_title img {margin: 80px auto 15px;}
.okome_main_name {top: -40px;width: 60%;}}
@media screen and (min-width:769px) and (max-width:820px) {
#okome .main_image img.pc {height: 400px;}}

/*lead*/
/*#sec_lead{background:url("../images/lead_bg2.jpg");background-position: top;object-fit: cover;background-repeat: no-repeat;background-size:cover}
#sec_lead p{line-height: 2;}
@media screen and (min-width:769px) and (max-width:820px) {
#sec_lead .sec_inner p{font-size:3vw!important;line-height:1.5;}
}*/

/*okome*/
/*#sec_okome{background:url("../images/sec2_bg.jpg");background-position: top;object-fit: cover;background-repeat: no-repeat;background-size:cover;}
#sec_okome .flex:nth-child(2n){flex-direction: row-reverse;}
.okome_txt{text-align:center;background: #fff;display: flex;flex-direction:column;align-items: center;padding-top: 3rem;width: 450px;}*/

/*tokuten*/
#sec_tokuten{background:url("../images/sec1_bg.jpg");background-position: top;object-fit: cover;background-repeat: no-repeat;background-size:cover}
#sec_tokuten .right_img{position: relative;top:20px;right:30px;z-index: 2;}
#sec_tokuten .order_block{padding-bottom: 0;}

/*tohto*/
#sec_tohto{background:url("../images/sec3_bg2.jpg");background-position: top;object-fit: cover;background-repeat: no-repeat;background-size:cover;}
#sec_tohto .flex{gap:2rem;margin-top: 2rem;justify-content: flex-start;}
#sec_tohto .flex:first-child{margin-top:0;}

/*step*/
#sec_step{background:url("../images/sec4_bg.jpg");background-position: top;object-fit: cover;background-repeat: no-repeat;background-size:cover;}
#sec_step .flex{justify-content:space-between;align-items: top;}
#sec_step .step{background: #fff;padding:1rem;}
#sec_step .ttl{margin-bottom: 1rem;}
.num{background:#A89249;color: #fff;display: inline-block;padding:.7rem;line-height: 1; font-size: 20px;position: relative;top:-28px;left: -16px}
.triangle {width: 0;height: 0;border-style: solid;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 20px solid #a89249;border-right: 0;position: relative;top:90px;}
/*tokuten2*/
#sec_tokuten2{background:url("../images/sec5_bg.jpg");background-position: top;object-fit: cover;background-repeat: no-repeat;background-size:cover;}
#sec_tokuten2{padding-bottom: 0;}
#sec_tokuten2 .order_block {
       padding-bottom: 0;
    }

@media screen and (max-width:768px) {
section {padding-top:12vw;}
.pc{display:none!important;}
.sp{display:block!important;}
.top {margin-top: 5vw;}
.bottom {margin-bottom:2vw;}
.large {font-size:110%}
.xlarge {font-size: 120%;}
.sp_large{font-size:110%;}
.sp_small{font-size:90%;}
.lh_2{line-height: 1.6!important}
img{max-width: 100%!important;height: auto;max-width: 350px;}
ul{padding: 0;}
img{width:100%;}
.sec_inner h2 {font-size: 6.5vw;line-height: 1.3;margin-bottom: 5vw;}
.sec_inner{width:90%;padding-bottom: 12vw}
.sec_inner .order_block {padding: 30px 0 0 0;}
.sec_inner .bw{width:100%;}
.bw {width: 86%;}
.flex{display: block;}
	.txt_bg {
    display: inline-block;
    background: #A89249;
    color: #fff;
    padding: 3px 10px;
    margin-bottom: 4px;
}
.order_block {padding: 40px 0 40px 0;}
/*tokuten*/
#sec_tokuten .tokuten_img{margin-top: 7vw!important;}
/*okome*/
.okome_txt{width:auto!important;padding: 5vw;}
.okome_text{text-align: left;}
#sec_okome .flex{margin-top: 6vw;}
#sec_tohto .flex{gap:2rem;margin-top: 2rem;justify-content: flex-start;}
#sec_tohto .xlarge{letter-spacing: 1.8px;margin-top: 1vw}
#sec_tohto .flex:first-of-type{margin-top: 0rem;}
/*step*/
#sec_step .flex{margin-top:3vw;text-align: center;}
	#sec_step .step{padding: 3vw 3vw 5vw 3vw;}
	#sec_step .ttl {
    margin-bottom: 3vw;}
.step_txt{margin-top: -30px;}
.step_txt .large{font-size: 120%;}
.triangle {width: 0;height: 0;border-style: solid;border-right: 15px solid transparent;border-left: 15px solid transparent;border-top: 15px solid #A89249;border-bottom: 0;left: 50%;transform: translateX(-50%);top:0;margin: 10px 0;}
.num {top: -11px;left: -146px;
}
}