@charset "utf-8";h2{font-weight:bold;font-size:3.0rem;text-align:center;line-height:1.5;margin-bottom:15px;@media (width <=999px){font-size:2.4rem}@media (width <=320px){font-size:2.2rem}}h3{font-weight:bold;font-size:2.4rem;color:var(--color-main);margin-bottom:15px;line-height:1.5;border-bottom:2px dotted var(--color-main-light);padding-bottom:5px;@media (width <=999px){font-size:2rem}}h4{font-weight:bold;font-size:2.0rem;color:#fff;background:var(--color-main);padding:5px;line-height:1.5;margin-bottom:25px;@media (width <=999px){font-size:1.8rem}}.sectionH3Box,.sectionH3Box2{padding:25px;margin-bottom:25px;background:#fff;@media (width <=999px){padding:15px}}.sectionH3Box{border:1px solid var(--color-main)}.sectionH3Box2{background:#fff}.indexBox{margin-bottom:50px}.indexBox-width{margin-left:auto;max-width:1400px;min-width:var(--size-content-min-width);margin-right:auto;@media (width <=999px){max-width:100%;min-width:100%;width:100%}}.indexBox-bg,.indexBox-bg2{padding:25px;@media (width <=999px){padding:15px}}.indexBox-bg{background:var(--color-main-thin)}.indexBox-bg2{background:var(--color-sub-thin)}.gridList{padding:25px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px 10px;background:var(--color-sub-thin);margin-bottom:25px;@media (width <=999px){padding:15px}@media (width <=767px){padding:10px;display:block}&>li{background:#fff;padding:15px;position:relative;@media (width <=767px){margin-bottom:5px;padding:10px}}&>li:last-of-type{@media (width <=767px){margin-bottom:0}}}.gridList-icon{&>li{padding-left:50px;& i{position:absolute;top:0;left:0;font-size:2rem;display:flex;align-items:center;justify-content:center;width:50px;height:100%}}}.buttonLink1{& a{& i{color:var(--color-main);margin-right:10px}}}.imsSize{width:100%;max-width:600px}.imgMaxSize{display:block;@media (width <=999px){width:100%;max-width:500px;margin:0 auto 25px}}.index-table{font-size:1.4rem;width:100%;& th,& td{padding:5px;@media (width <=767px){display:block;border:none;width:100%}}& th{width:160px;text-align:left;vertical-align:inherit;@media (width <=767px){width:100%}}}.index-h100{height:100%;@media (width <=999px){height:auto}}.upperBox{@media (width <=999px){margin:-15px -15px 0}&>section{display:block;& .upperBoxContent{background:url(//www.create-h-takasaki.com/wp-content/themes/ch-takasaki/css/../images/contents/index/index-upperBox-img-pc.webp) center left;background-size:cover;padding:15px 0;min-height:379px;position:relative;display:flex;align-items:center;@media (width <=999px){background:url(//www.create-h-takasaki.com/wp-content/themes/ch-takasaki/css/../images/contents/index/index-upperBox-img-sp.webp) center center;background-size:cover;padding:15px}@media (width <=767px){min-height:33.99vw;background-position:left}& .upperBoxContent-inner{& h2{text-align:left;margin-bottom:5px;@media (width <=767px){font-size:2rem}}& .upperBox-info{padding:25px;max-width:calc(100% - 300px);background-color:rgba(255,255,255,0.8);border-radius:10px;@media (width <=767px){max-width:90%;padding:20px}}& .upperBox-txt{font-size:1.8rem;font-weight:bold;color:var(--color-main);margin-bottom:10px;@media (width <=767px){font-size:1.5rem;margin-bottom:15px}}& .upperBox-parson{position:absolute;right:calc(50% - 600px);bottom:0;width:450px;@media (width <=1300px){width:350px;right:calc(50% - 500px)}@media (width <=999px){right:10px}@media (width <=767px){right:0;width:150px}& img{display:block}}& ol{counter-reset:upperBoxNum 0;@media (width <=999px){width:69%}&>li{position:relative;padding-left:25px;@media (width <=999px){font-size:1.5rem}&:before{counter-increment:upperBoxNum 1;content:counter(upperBoxNum);display:flex;align-items:center;justify-content:center;background:var(--color-main);width:20px;height:20px;border-radius:50%;position:absolute;left:0;top:2px;line-height:0;font-size:1.3rem;color:#fff}}}}}& .upperBoxBtn{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0 25px;justify-content:center;padding:25px 0;@media (width <=999px){padding:20px 15px 10px;display:block}&>div{@media (width <=999px){margin-bottom:10px}& a{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;position:relative;text-decoration:none;color:var(--color-main);border:2px solid var(--color-main);border-radius:5px;padding:50px 30px 10px;font-weight:bold;@media (width <=767px){padding:40px 30px 10px}&:hover{background-color:var(--color-main);color:#fff}&:before{font-family:var(--fa);font-weight:900;content:"\f358";position:absolute;display:flex;align-items:center;justify-content:center;top:0;right:0;width:30px;height:100%;font-size:2rem}& i{display:flex;width:100%;height:50px;align-items:center;justify-content:center;position:absolute;top:0;left:0;font-size:3.0rem;@media (width <=767px){height:40px;font-size:2.6rem;padding-top:5px}}}}& .upperBoxBtn-LINE{& a{background-color:var(--color-LINE);color:#fff;border:2px solid var(--color-LINE);&:before{content:"\f08e"}&:hover{color:var(--color-LINE);background-color:#fff;border:2px solid var(--color-LINE)}}}}}}.update{background:var(--color-main-thin);padding:25px;@media (width <=999px){padding:5px}&>section{& h2{@media (width <=999px){font-size:1.7rem;margin-bottom:5px;padding:5px}}&>div{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:0 25px;@media (width <=999px){grid-gap:0 5px}&>div{background:#fff;text-align:center;padding:25px;@media (width <=999px){padding:15px}&>span{font-weight:bold;font-size:1.8rem;display:block;@media (width <=999px){font-size:1.6rem}}}}}}.know{background:url(//www.create-h-takasaki.com/wp-content/themes/ch-takasaki/css/../images/contents/index/know-bg.webp) no-repeat bottom center;background-size:contain;@media (width <=999px){margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px;padding-bottom:70px;background:url(//www.create-h-takasaki.com/wp-content/themes/ch-takasaki/css/../images/contents/index/know-bg-sp.webp) no-repeat bottom center;background-size:contain}}.message{background:url(//www.create-h-takasaki.com/wp-content/themes/ch-takasaki/css/../images/contents/index/message-bg.webp) no-repeat center right #fbf6e8;background-size:contain;padding:40px 35% 40px 40px;margin-bottom:25px;margin-top:40px;position:relative;@media (width <=999px){background:url(//www.create-h-takasaki.com/wp-content/themes/ch-takasaki/css/../images/contents/index/message-bg.webp) no-repeat center center #fbf6e8;background-size:cover;padding:25px}@media (width <=767px){background:url(//www.create-h-takasaki.com/wp-content/themes/ch-takasaki/css/../images/contents/index/message-bg-sp.webp) no-repeat center center #fbf6e8;background-size:cover;margin-left:-15px;margin-right:-15px;padding:15px}&:before{content:"";width:0;height:0;border-style:solid;border-width:0 20px 30px 20px;border-color:transparent transparent #fbf6e8 transparent;position:absolute;top:-30px;left:calc(50% - 20px);@media (width <=999px){border-color:transparent transparent #dbe8df}}&>div{@media (width <=999px){background:rgba(255,255,255,.5);padding:25px;text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff}}}.firstStep{&>section{& h2{&>span{position:relative;@media (width <=767px){padding-top:65px;display:block}&:before{content:"";display:block;width:120px;height:93px;background:url(//www.create-h-takasaki.com/wp-content/themes/ch-takasaki/css/../images/contents/index/firstStep-icon.webp) no-repeat center center;background-size:cover;position:absolute;top:-5px;left:-160px;@media (width <=999px){width:97px;height:75px;top:-5px;left:-125px}@media (width <=767px){width:70px;height:54px;top:0;left:calc(50% - 40px)}}}}}}.firstStep2col{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:0 25px;@media (width <=999px){display:block}@media (width <=999px){display:block}&>div{.buttonLink1{margin:0 auto 10px}}&>div:nth-of-type(1){@media (width <=999px){margin-bottom:15px}}}.LINEBox{background:url(//www.create-h-takasaki.com/wp-content/themes/ch-takasaki/css/../images/contents/index/LINEBox-bg.webp) no-repeat right 100px bottom #f2faf5;padding:25px;@media (width <=999px){padding:15px;background:#f2faf5}&>section{& h2{color:var(--color-LINE);& .exception{margin-top:40px}& .black{color:#000;margin-top:0}}& .LINEBox2col,& .LINEBox2col2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:0 25px;@media (width <=999px){display:block}&>div:nth-of-type(1){@media (width <=999px){margin-bottom:15px}}}& .LINEBox2col{margin-bottom:25px;&>div:nth-of-type(2){& ol{margin-bottom:25px;counter-reset:LINEBoxNum 0;&>li{position:relative;min-height:40px;padding-left:30px;font-weight:bold;&:before{counter-increment:LINEBoxNum 1;content:counter(LINEBoxNum);width:30px;position:absolute;left:0;top:-8px;font-weight:700;color:var(--color-LINE);font-size:2.6rem}& span{font-weight:400}}}& .buttonLink1{margin-bottom:0;& a{background:var(--color-LINE);color:#fff;border:none;&:before{color:#fff}}}}}& .LINEBox2col2{&>div{background:#fff;border:1px solid var(--color-sub-light);padding:25px;@media (width <=999px){padding:15px}&>span{font-weight:700;display:block;margin-bottom:15px}& .buttonLink1{margin-bottom:0}}}}}.reasons{&>section{& .flexBox1{&>div{& .sectionH3Box2{height:100%}}}& .comparisonTable{width:100%;font-size:1.4rem;& th,& td{border-bottom:1px solid var(--color-sub-light);padding:10px 3px;text-align:center}& tr{& th:nth-of-type(1){width:17%}& th:nth-of-type(2){background:var(--color-main-thin);font-weight:700;color:var(--color-main);font-size:1.6rem}& th:nth-of-type(3){width:17%}& th:nth-of-type(4){width:17%}& th:nth-of-type(5){width:17%}& td:nth-of-type(1){background:var(--color-main-thin);font-weight:700;color:var(--color-main);font-size:1.6rem}}& tr:last-of-type{& th,& td{border-bottom:none}}}}}#main .reviews{&>section{& .reviewsList{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0 25px;@media (width <=999px){grid-gap:0 15px}@media (width <=767px){display:block}&>li{background:#fffbe9;padding:25px;position:relative;@media (width <=767px){margin-bottom:15px}&:before{font-family:var(--fa);font-weight:900;content:"\f2bd";position:absolute;top:13px;left:20px;font-size:2.8rem;color:var(--color-sub)}& p{margin-bottom:20px}& .reviewsListStar{color:#ffcc00;margin-bottom:20px;padding-left:35px;& i{margin-right:5px}}}}}}.flow{background:var(--color-main-thin);padding:25px;@media (width <=999px){padding:15px}&>section{& .flowList{counter-reset:flowListNum 0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:25px 25px;@media (width <=999px){grid-template-columns:repeat(3,1fr);grid-gap:15px 15px}@media (width <=767px){display:block}&>li{position:relative;background:#fff;padding:55px 25px 25px 25px;@media (width <=999px){padding:55px 15px 15px}@media (width <=767px){margin-bottom:15px;padding:15px}&:before{counter-increment:flowListNum 1;content:counter(flowListNum);width:40px;height:40px;position:absolute;left:0;top:0;font-weight:700;font-size:2.2rem;color:#fff;background:var(--color-main);display:flex;align-items:center;justify-content:center;line-height:0}& h3{margin-bottom:10px;@media (width <=767px){padding-left:35px}}}&>li:last-of-type{@media (width <=999px){margin-bottom:0}}}}}.faq{&>section{& .sectionH3Box{padding:20px;margin-bottom:0;border-bottom:1px dashed var(--color-main-light);border-top:none;& h3{position:relative;cursor:pointer;padding-left:40px;padding-top:2px;margin-bottom:5px;min-height:40px;font-size:2.1rem;border-bottom:none;@media (width <=999px){padding-right:20px;font-size:2rem}&:before{content:"Q";background:var(--color-main);width:30px;height:30px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;line-height:1;position:absolute;top:0;left:0}&:after{font-family:var(--fa);font-weight:900;content:"\f146";position:absolute;top:-15px;right:-10px;@media (width <=999px){top:-15px;right:-10px}}}& h3.active{&:after{content:"\f0fe"}}&>div{position:relative;padding-left:40px;padding-top:3px;&:before{content:"A";background:var(--color-sub);width:30px;height:30px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;line-height:1;position:absolute;top:0;left:0}}}& .sectionH3Box:first-of-type{border-top:1px solid var(--color-main)}& .sectionH3Box:last-of-type{border-bottom:1px solid var(--color-main)}}}.indexPost{& .linkMore1 a{min-width:355px;@media (width <=767px){min-width:auto}}}