@charset "UTF-8";
.second-text img{width:100%;}
.subhero{background:url(../images/first/bg-sp.jpg) top center;background-size: 100%;padding: 37vw 0 8vw 0;margin-bottom:10vw}
.subhero ul{display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;}
.subhero li{width: 28%;margin: 0 1.5%;}
.subhero .sub{font-family: var(--mincho);font-weight: 600;width: 84%;margin:0 auto;font-size: 120%;margin-bottom: 5%;}

.subtxt {margin-bottom:10vw;text-align: center;}
.subtxt .title{text-align:center;font-size: 5.2vw;font-family: var(--mincho);font-weight: 600;color: var(--gold);}

.itemsbox >li{margin-bottom: 6vw;background:#fff;padding:6%;}
.itemsbox .midashi04{background:#efeae1;}
.itemsbox img{margin-bottom:4vw;}
.itemsbox .textbox{margin-bottom:6%;}
.itemsbox li>.title{font-family: var(--mincho);font-weight: 600;font-size:5vw;padding-bottom: 2%;margin-bottom: 5%;position: relative;border-bottom: 1px solid #ccc;}
.itemsbox li>.title:before{content:"";width:25%;height:2px;background:#ccb35e;position:absolute;left:0;bottom:-1px;}
.itemsbox li>.title span{font-family: "Cormorant Garamond";font-optical-sizing: auto;font-weight: 400;color: var(--gold);font-size:70%;margin-left: 3vw;}
.itemsbox .checklist li{display:inline-block;background: #fff3d5;font-weight: bold;padding: 1% 3%;margin: 0 2vw 1vw 0;border-radius: 50px;}
.tbl01{margin-bottom:4vw;}
.tbl01 td,.tbl01 th{width:33%;text-align:left;padding: 2% 0;text-align:center;}
.tbl01 tr th:nth-child(1){width: 27%;}
.tbl01 span{font-size:80%;display:block;letter-spacing:0;}
.tbl01 td:nth-last-child(1){background: #fff1f1;color: #e72e2e;font-weight:bold;}

/* ============================================= 
pc
================================================*/
@media screen and (min-width: 736px) { 
.subhero{background: url(../images/first/bg-pc.jpg) top center no-repeat;background-size: 1200px;padding: 6% 6% 5% 6%;margin-bottom: 70px;}
.subhero .textbox{width: 70%;max-width: 480px;}
.subhero .textbox img{margin: 0 auto 10px;max-width: 550px;}
.subhero ul{max-width: 500px;margin: 0 auto;}
.subhero .sub{font-size: 20px;width: 100%;text-align: center;margin-bottom: 12px;}
.subtxt{margin-bottom:60px;}
.subtxt .title{font-size: 25px;margin-bottom: 10px;}

.itemsbox li>.title span{margin-left:20px;}
.itemsbox li>.title{font-size: 30px;width:100%;margin-bottom: 20px;padding-bottom: 5px;}
.itemsbox >li{padding:40px;margin-bottom: 40px;}
.itemsbox .textbox{margin-bottom:30px;}
.itemsbox .midashi04{margin-bottom:20px;padding: 12px 20px;}
.itemsbox .checklist{margin-bottom:20px;}
.itemsbox .checklist li{margin: 0 6px 5px 0;padding: 5px 15px;}
.tbl01{margin-bottom:20px;}
.tbl01 tr:nth-child(1) td{font-size:18px;}
.tbl01 td, .tbl01 th{padding: 12px 8px;}
.tbl01 td b{font-size: 22px;line-height: 1.2;}
.tbl01 span{font-size:14px;line-height: 1;margin-bottom: 3px;}
}

@media screen and (min-width: 1000px) {
.subhero .sub{font-size:22px;}
.itemsbox >li img{width: 45%;display: inline-block;margin-bottom: 20px;}
.itemsbox .textbox{width: 50%;display: inline-block;margin-left: 3%;vertical-align: top;}

}

@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {
.subhero{background: url(../images/first/bg-pc@2x.jpg) top center no-repeat;background-size: 1200px;}
}