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

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

.w-max {width:100%;}
.w1200 { width: 1200px; margin: 0 auto;}
.w1000 { width: 1000px; margin: 0 auto;}

.flont {background:#f2f2f2; padding:5px 0; font-size:0.6em; margin:0; text-align:center;}
.line-btn:hover { opacity: 0.6;}
.display-pc { display:block; }
.display-sp { display:none; }
.text_2em {text-align:center; font-size:2em; margin-bottom:50px;}
.title-border {border-top:1px solid #3f3f3f;border-bottom:1px solid #3f3f3f;}


/*header*/
.header-nav {margin:10px 0;}
.header-nav section.logo {display:block; width:20%; 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:flex; align-items:flex-end;}
.eyecatch p:first-child { text-align:left; width:70%; font-size:3rem; color:#fff;}

/*contents*/

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

/*satei*/
.satei.display-pc {background:#e9a29a; padding:50px 0;}
.satei.display-pc .satei-flex {display:flex;}
.satei.display-pc .satei-flex .satei-inner:nth-child(1) {width:25%; margin-right:30px;}
.satei.display-pc .satei-flex .satei-inner.cv-img {width:30%; padding:2% 0;}
.satei.display-pc .satei-flex .satei-inner {width:70%; color:#fff;}
.satei.display-pc .satei-inner h2 {font-size:3em; text-align:center; padding-bottom:30px; border-bottom:solid 1px; margin-bottom:40px;}
.satei.display-pc .satei-inner h2 span.sub-title {font-size:0.8em;}
.satei.display-pc .satei-inner .line {display:flex;}
.satei.display-pc .satei-inner .line-inner:nth-child(2) {margin-left:20px; width:30%;}
.satei.display-pc .satei-inner .line-inner .line-btn img {margin-bottom:10px; filter: drop-shadow(0 6px 0 #555);}
.satei.display-pc .satei-inner .line-inner .line-btn img:hover { filter: none;}
.satei.display-pc .satei-inner .pr2 {display: flex; justify-content:center; margin-top:20px;}
.satei.display-pc .satei-inner .pr2 img {width:25%;}
.satei.display-pc .satei-inner .pr2 img:nth-child(2) {margin-left:50px;}

.satei.display-pc.s231030 .satei-flex {display:flex; border-bottom:solid 1px; color:#fff; padding-bottom:30px; justify-content:center;align-items:flex-end;}
.satei.display-pc.s231030 .satei-flex img {width:15%; height:15%; margin-right:30px;}
.satei.display-pc.s231030 .satei-flex h2 {font-size:3.2em; text-align:center;}
.satei.display-pc.s231030 .satei-flex h2 .sub-title img {width:80%; height:auto;}
.satei.display-pc.s231030 .s3step {text-align:center; padding:20px 0;}
.satei.display-pc.s231030 .line { width:100%; display:flex; justify-content:center;}
.satei.display-pc.s231030 .line .line-inner {margin:0 20px; color:#fff; font-size:1.2em;}
.satei.display-pc.s231030 .line .line-inner .line-btn img {margin-bottom:10px; filter: drop-shadow(0 6px 0 #555);}
.satei.display-pc.s231030 .line .line-inner .line-btn img:hover { filter: none;}
.satei.display-pc.s231030 .line .pr2 {display: flex; justify-content:center; margin-top:20px;}
.satei.display-pc.s231030 .line .pr2 img {width:25%;}
.satei.display-pc.s231030 .line .pr2 img:nth-child(2) {margin-left:50px;}
.satei.display-pc.s231030 .s3step {color:#fff; font-size:2.6em; text-align: center;}

/*ureruriyu*/
#ureruriyu {background:#f5f5f5; padding:50px 0; margin:0;}
#ureruriyu h2 { font-size:3em; text-align:center; margin-bottom: 30px;}
#ureruriyu .ureruriyu-inner {display:flex; justify-content:space-between; align-items:center; background:#fff; margin-bottom:30px; padding:10px 20px;}
#ureruriyu .ureruriyu-inner h3 { margin-bottom:10px; font-size:2em;}
#ureruriyu .ureruriyu-inner section {width:60%;}
#ureruriyu .ureruriyu-inner section:first-child {width:40%; margin-right: 20px; margin-bottom:0;}

/*koe*/
#koe {/*background:#fef8f3;*/ padding:0 0 50px;}
#koe h2 { font-size:3em; text-align:center; margin-bottom: 30px;}
#koe .glagh {display:flex; margin-bottom:50px;}
#koe .glagh p {margin:0;}
#koe .glagh-inner {color:#e9a29a; font-size:3em;}
#koe .glagh-inner:nth-child(1) {width: 80%;}
#koe .glagh-inner .big {font-size:2em;}
#koe .glagh-inner .small {font-size:0.3em; letter-spacing:0.2em; line-height: 1.2em;}
#koe .bgcolor {background-color:#e9a29a; color:#fff; padding:10px 0;}
.slider_item img { margin:0 auto; width:70%;}
.title-susume img,
.title-takaku img {width:60%;}
.koe2 {background:#fef8f3; padding-top:50px; padding-bottom:50px;}
#takakukaeru h3 {margin-top:40px;}
#takakukaeru .takakukaeru-list {width:80%; margin:0 auto;}
#takakukaeru .takakukaeru-list li {background:#fff; padding:20px; display:flex; list-style:none; margin-bottom:10px; align-items:center;}
#takakukaeru .takakukaeru-list li img {width:20%;}
#takakukaeru .takakukaeru-list li p {padding:20px 0 20px 30px; margin:0;}
#takakukaeru .takakukaeru-list li p b {font-size:2em;}

.other-shop h2 {margin-bottom:30px!important;}
#other-shop-top {background:url(https://www.kaitorisenmon.com/lp/cosme2/img/clown-icon.png) no-repeat; background-position: 330px 0; padding-top:50px;}
#other-shop-table { border:#C42929 3px solid;}
#other-shop-table td { border:#C42929 2px solid; padding:10px 15px;}
#other-shop-table td.coslab {font-size:1.4em;}
#other-shop-table td { text-align:center; vertical-align:middle;}
#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;}
#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 {width:20%;}  
#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;}


/*point*/
.point-flex {display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:50px;}
.point-flex-contents {width:33%; border:1px solid #ddd; padding:20px; box-sizing:border-box; background-color:#fff;}
.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;}

/*area*/
#area {background:#fef8f3; padding:80px 0;}
#area .area-title {display: flex; justify-content: space-between; margin-bottom:20px;}
#area .area-title-inner:nth-child(1) {width:30%; padding-top:30px;}
#area .area-title-inner:nth-child(2) {margin:10px 0;}
#area .area-title-inner p {color:#e9a29a; font-size:3em; letter-spacing:0.1em; text-align: right;}
#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: center;}
#area h3 { font-size:3em; text-align:center; margin-top:50px;}
#area .item {display: flex; justify-content: space-between; flex-wrap: wrap;}
#area .item-inner {background:#fff; padding:20px; width:23%; margin-bottom:20px;}

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

/*kaitori*/
#kaitori {background:#f5f5f5; padding:80px 0;}
#kaitori h2 { font-size:3em; text-align:center; margin-bottom:50px;}
#kaitori .step h3 {background:#da7473; padding:5px 0; color:#fff; font-size:1.4em; text-align:center;}
#kaitori .step h3 .big {font-size:1.6em;}
#kaitori .step-about {display:flex; width:900px; margin:0 auto 20px; padding:20px 0;}
#kaitori .step-inner.img {width:30%; margin-right: 40px;}
#kaitori .step-inner.p {width:70%;}
#kaitori .step-inner .step-title {font-size:2em; color:#e9a29a;}
#kaitori .step { 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:80px 0;}
#faq h2 { font-size:2em; text-align:center;}
#faq .gray-title {text-align:center; color:#b8b8b8; font-size:7em; line-height: 1em; margin-bottom:50px;}
#faq .q {display:flex; flex-wrap:wrap; justify-content: space-between;}
#faq .q-inner {width:45%; background:#fff; margin-bottom:30px;}
#faq .q-inner p {margin:0 20px 20px;}
#faq .q-inner p.a {text-align:center; font-size:1.2em; padding-bottom:10px; border-bottom:solid 1px;}

/*company*/
#company {padding:80px 0;}
#company h2 { font-size:2em;}
#company .gray-title { color:#b8b8b8; font-size:7em; line-height: 1em; margin-bottom:50px;}
#company .gaiyo {display:flex; justify-content:space-between;}
#company .gaiyo table th {width:30%; background:#e9a29a; text-align:center; color:#fff; padding:8% 0;}
#company .gaiyo table td {padding-left:20px;}

/*footer*/
footer .eyecatch {display:none;}