@charset "utf-8";
/* CSS Document */

body { margin: 0 auto; width: 100%; font-size:18px;}
p {margin: 10px auto; line-height: 170%;}

.flont {background:#f2f2f2; padding:5px 0; font-size:0.6em; margin:0; text-align:center;}
.w1200 {width:95%; margin:0 auto;}
 .display-pc { display:none;}
 .display-sp { display:block;}
 .text_2em {text-align: center; font-size:1.2em;}
 .title-border {border-top:1px solid #3f3f3f;border-bottom:1px solid #3f3f3f;}

/*header*/
.header-nav {margin:5px 0;}
.header-nav section.logo {display:block; width:40%; text-align:center;}
.eyecatch {background:url(https://www.kaitorisenmon.com/lp/cosme2/img/header-back.webp) no-repeat center; background-size:cover; padding:50px 0;}
.eyecatch section { display:block;}
.eyecatch p:first-child { text-align:left; width:100%; font-size:3rem; color:#fff;}

/*contents*/

/*marker*/
#marker h2 {background:#da7473; padding:20px; color:#fff; font-size:1.6em; text-align:center; margin-bottom:15px;}
#marker h3 { font-size:1.6em; text-align:center; margin-bottom:20px;}
#marker {background:#fef8f3; padding-bottom:50px;}
#marker .marker-list {display:flex; justify-content: space-between; flex-wrap: wrap;}
#marker .marker-list .marker-list-inner {width:45%;}
#marker .marker-list .marker-list-inner {text-align:center;}
#marker .marker-start{text-align: center;}
#marker .top-red {color:#e9a29a; font-size:1.4em; line-height: 1.5em;}
#marker .a_230806 {text-align:left; border:2px solid #e40048; background:#fff; padding:20px;}
#marker .a_230806 .a_230806_red {color:#e40048; font-weight:600;}
#marker .marker-items {margin-top:30px;}
#marker .marker-items h3 {font-size:1.4em;}
#marker .marker-items .marker-items-inner {display:block; margin-bottom:20px;}
#marker .marker-items .marker-items-inner p {margin:0 auto; width:80%;}
#marker .marker-items .marker-items-inner ul {margin:0 auto; width:100%;}
#marker .marker-items .marker-items-inner ul li {font-weight:bold; line-height:2.2rem; font-size: 1.2em;}

/*satei*/

.satei.display-sp {background:#e9a29a; padding:30px 0; color:#fff;}
.satei.display-sp .satei-flex {display:flex; border-bottom:solid 1px; margin-bottom:10px; padding-bottom:10px; align-items:center;}
.satei.display-sp .satei-flex img {width:20%; margin-right:10px;}
.satei.display-sp h2 {font-size:1.6em; text-align:center; width:90%;}
.satei.display-sp h2 span.sub-title {font-size:0.8em;}
.satei.display-sp p.w1200 {text-align:center;}
.satei.display-sp .pr2 {display: flex; justify-content:center; margin-top:20px;}
.satei.display-sp .pr2 img {width:30%;}
.satei.display-sp .pr2 img:nth-child(2) {margin-left:30px;}
.satei.display-sp .line .line-inner {text-align:center; font-size:1.2em;}
.satei.display-sp .w1200 .satei-inner .line-btn {margin:1rem 0;}
#satei2 {padding:0; width:100%;}
.satei2-inner {display:flex; padding:5px 10px; margin-right:3%;} 
.satei2-inner p:first-child {width:60%; text-align:center; line-height: 1.2em; font-weight: 600; letter-spacing: 0.1em;}
.satei2-inner p .time {font-size:1.1em;}
.satei.display-sp .satei-inner p {color:#fff; font-size:1.4em; text-align: center;}

.button{
  position: fixed;
  right: 0;
  bottom: 0;
  color: #fff;
  background: #000;
  padding: 10px;
  cursor: pointer;
  transition: .3s;
  opacity: 0;
  visibility: hidden;
}

.active{
  opacity: 1;
  visibility: visible;
}

/*ureruriyu*/
#ureruriyu {background:#f5f5f5; padding:50px 0; margin:0;}
#ureruriyu h2 { font-size:1.6em; text-align:center; margin-bottom: 30px;}
#ureruriyu .ureruriyu-inner {display:block; background:#fff; margin-bottom:30px; padding:10px 20px;}
#ureruriyu .ureruriyu-inner h3 { margin-bottom:10px; font-size:1.3em;}
#ureruriyu .ureruriyu-inner section {width:100%; text-align: left;}
#ureruriyu .ureruriyu-inner section:first-child {margin-bottom:10px;}

/*koe*/
#koe {/*background:#fef8f3;*/ padding:0 0 50px;}
#koe h2 { font-size:1.6em; text-align:center; margin-bottom: 10px;}
#koe .glagh {margin-bottom:30px;}
#koe .glagh-inner {color:#e9a29a; font-size:1.6em; text-align:center;}
#koe .glagh-inner:nth-child(1) {padding:0 0 20px; letter-spacing:-0.04em;}
#koe .glagh-inner:nth-child(2) img {width:60%;} 
#koe .glagh-inner .big {font-size:1.8em;}
#koe .glagh-inner .small {font-size:0.3em; letter-spacing:0.2em; line-height: 1.4em;}
#koe .bgcolor {background-color:#e9a29a; color:#fff; padding:10px 0;}
#koe .slider {margin-top:20px;}
.slider_item {width:90%; margin:0 auto;}
.slider_item img { width:82%; margin:0 auto;}
/*point*/
.point-flex-contents {border:1px solid #ddd; padding:10px 5px; box-sizing:border-box; background-color:#fff; margin-bottom:20px;}
.point-flex-contents section img {margin-bottom:10px;}
.item-flex {display:flex; flex-wrap:wrap;}
.item-flex-contents {width:25%; display:flex; flex-direction: column;}
.item-flex-text {flex-grow:1;}
.other-shop { margin-bottom:50px;margin-top:50px;}

.koe2 {background:#fef8f3; padding-bottom:50px;}
.koe2 .point-flex.w1200 {width:90%;}
.title-susume img {width:100%;}
.title-takaku img {width:100%;}
#takakukaeru h3 {margin-top:40px;}
#takakukaeru .takakukaeru-list li {background:#fff; padding:20px 10px; display:flex; list-style:none; margin-bottom:10px; align-items: center;}
#takakukaeru .takakukaeru-list li img {width:28%;}
#takakukaeru .takakukaeru-list li p {padding:15px 0 15px 10px;}
#takakukaeru .takakukaeru-list li p b {white-space: nowrap;}
.other-shop h2 {margin-bottom:10px!important;}
#other-shop-top {background:url(https://www.kaitorisenmon.com/lp/cosme2/img/clown-icon.png) no-repeat; background-position: 32% 0; padding-top:50px;}
#other-shop-table { border:#C42929 3px solid;}
#other-shop-table td { border:#C42929 2px solid; width:18%; padding:5px; text-align:center; vertical-align:middle; line-height:1.2em;}  
#other-shop-table tr:nth-child(1) td,
#other-shop-table tr td:nth-of-type(1) {background:#FEF8F3; font-weight:600;}
#other-shop-table tr td:nth-of-type(1) {font-size:0.9em; width:20%;}
#other-shop-table td.coslab,
#other-shop-table tr:nth-child(1) td.coslab{background:#DA7473; font-weight:600; color:#fff;}
#other-shop-table td.coslab {font-size:1.2em; width:28%;}
#other-shop-table tr:nth-of-type(1) .coslab {border:solid 4px #e6b422; border-bottom:none;}
#other-shop-table tr:nth-of-type(8) .coslab {border:solid 4px #e6b422; border-top:#C42929 2px solid;}
#other-shop-table tr:nth-of-type(2) .coslab,
#other-shop-table tr:nth-of-type(3) .coslab,
#other-shop-table tr:nth-of-type(4) .coslab,
#other-shop-table tr:nth-of-type(5) .coslab,
#other-shop-table tr:nth-of-type(6) .coslab,
#other-shop-table tr:nth-of-type(7) .coslab {border:solid 4px #e6b422; border-bottom:none; border-top:#C42929 2px solid;}


/*area*/
#area {background:#fef8f3; padding:50px 0;}
#area .area-title {display: flex; justify-content: space-between; margin-bottom:20px; width:90%; margin:0 auto 30px;}
#area .area-title-inner:nth-child(1) {width:38%;}
#area .area-title-inner p {color:#e9a29a; font-size:1.5em; letter-spacing:0.08em; text-align: right; line-height:1.4em; margin:0;}
#area .area-title-inner .big {font-size:2em;}
#area .area-title-inner .small {font-size:0.3em; letter-spacing:0.2em;}
#area p {text-align:left;}
#area h3 { font-size:1.6em; text-align:center; margin-top:50px;}
#area .item {display: flex; flex-wrap:wrap; justify-content: space-between;}
#area .item-inner {background:#fff; padding:10px; width:45%; margin-bottom:20px;}
#area .item-inner p { text-align:center; font-size:0.8em;}

/*attention*/
#attention {padding:50px 0;}
#attention h2 { font-size:1.6em; text-align:center; margin-bottom:20px;}
#attention h2 .marker { font-size:0.8em;}
#attention p {font-size:0.8em;}
.bclass_ex3 {display:flex; justify-content:space-between; flex-wrap:wrap;}
.bclass_ex3 p {width:30%; font-weight:600;}


/*kaitori*/
#kaitori {background:#f5f5f5; padding:50px 0;}
#kaitori h2 { font-size:1.6em; text-align:center; margin-bottom:50px;}
#kaitori .step h3 {background:#da7473; padding:5px 0; color:#fff; font-size:1.2em; text-align:center;}
#kaitori .step h3 .big {font-size:1.4em;}
#kaitori .step-about { margin:0 auto 20px; padding:20px;}
#kaitori .step-inner.img {width:50%; margin:0 auto;}
#kaitori .step-inner.p {width:100%;}
#kaitori .step-inner .step-title {font-size:1.2em; color:#e9a29a;}
#kaitori .step { width:100%; position: relative; display: inline-block; margin-bottom: 1.5em; padding-bottom:10px; background:#fff;}
#kaitori .step:before{ content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #fff;} 
#kaitori .step.last:before { content:none;}

/*faq*/
#faq {background:#fef8f3; padding:50px 0;}
#faq h2 { font-size:1.4em; text-align:center;}
#faq .gray-title {text-align:center; color:#b8b8b8; font-size:5em; line-height: 1em; margin-bottom:50px;}
#faq .q {margin-bottom:10px;}
#faq .q-inner {background:#fff; margin-bottom:30px;}
#faq .q-inner p {margin:0 20px 20px; padding-bottom:20px;}
#faq .q-inner p.a {text-align:center; font-size:1.2em; padding-bottom:10px; border-bottom:solid 1px;}

/*company*/
#company {padding:50px 0;}
#company h2 { font-size:1.5em;}
#company .gray-title { color:#b8b8b8; font-size:4em; line-height: 1em; margin-bottom:50px;}
#company .gaiyo table {margin-bottom:20px;}
#company .gaiyo table th {width:30%; background:#e9a29a; text-align:center; color:#fff; padding:8% 1%;}
#company .gaiyo table td {padding-left:10px;}

/*footer*/
footer {margin-bottom: 75px;}