@charset "UTF-8";
.second-text{width:100%;}
.second-text img{width:100%;}
.second-text .inner{width:90%;margin:0 auto;}

.intro {position:relative;}
.intro .bg{height:45vw;object-fit:cover;}
.intro .icon img{width: 18%;left: 8%;top: -2vw;position:absolute;}
.intro .icon img:nth-child(2){top: 18vw;}
.intro .deco{font-family: "aw-conqueror-didot";font-weight: 400;font-size:12vw;color:#fff;text-align:center;display:block;position:relative;top:-4vw;}
.intro .textbox .title{font-family: var(--mincho);font-weight: 600;font-size:4.6vw;text-align:center;line-height:1.5;margin-bottom:4vw;}

.worried { padding: 10vw 0; background: url(../images/top-about-bg.jpg) no-repeat center;background-size: cover;color:#fff;margin-bottom: 15vw;}
.worried .midashi02 { color: #fff; text-align: center; }
.worried.inner { margin-bottom: 15vw; }
.worried .textbox { margin-bottom: 5vw; }
.worried img { margin-bottom: 5%; }
.worried .box { margin-bottom: 6%; }
.worried ul { margin-bottom: 5%; }
.worried li { margin-bottom: 1%; padding: 3% 3% 3% 8%; color: var(--main); font-weight:bold; line-height: 1.4; background:#f8f0e3; position:relative; }
.worried li:before { content: '\f058'; font-family: 'icon'; margin: 0 1.5vw 0 0; color:var(--brown01); position: absolute; top: 9px; left: 2vw; }
.worried p { padding: 6% 0; color: var(--main); font-size: 4vw; font-family: var(--mincho); font-weight: 600; text-align: center; background: #f8f0e3; }
.worried p b { padding-left: 4%; text-decoration: underline; position: relative; }
.worried p b::before { content: '\f058'; font-family: 'icon'; color:var(--brown01); position: absolute; left: 0; }

.reason { margin-bottom: 6%; }
.reason .flex img { margin-bottom: 5%; }
.reason .box p { text-align: justify; }

.features { margin-bottom: 15%; }
.features img { margin-bottom: 5%; }
.features .textbox p { margin-bottom: 2vw; text-align: justify; }

.sikumi {margin-bottom:15vw; position: relative;}
.sikumi .title {background:var(--brown01);color:#fff;font-family: var(--mincho);font-weight: 600;font-size: 5vw;text-align: center;margin-bottom:0;}
.sikumi ul { margin-bottom: 20%; }
.sikumi li { background: #fff; padding: 5% 10%; margin-bottom: 5%; }
.sikumi .tit {font-weight:bold;background: #b2a5a2;display:table;padding:1% 4%;border-radius:30px;color:#fff;margin: 0 auto 2vw;}
.sikumi img { margin-bottom: 5%; }
.sikumi .inner .txt,.sikumi .inner .text { font-size: 3.6vw; text-align: justify; }
.sikumi .inner .txt span { display: block; margin-bottom: 2vw; font-size: 4vw; font-family: var(--mincho); font-weight: 600; }
.sikumi::after { content: ''; width: 120px; height: 30px; border-style: solid; border-right: 60px solid transparent; border-left: 60px solid transparent; border-top: 30px solid var(--brown01); border-bottom: 0; position: absolute; bottom: 112px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }

.flow{margin-bottom: 15vw;background: #ece7e1;padding:15% 0;}
.flow .midashi03{margin-bottom:0;}
.flow ul{position:relative;}
.flow ul:before{content:"";background:#dcd8c5;width:3vw;height:90%;position:absolute;}
.flow li{background:#fff;padding:5%;margin-bottom:3vw;position:relative;}
.flow li .tit{font-family: var(--mincho);font-weight: 600;font-size: 4.5vw;margin-bottom: 4%;padding: 0 0 3% 24%;border-bottom: 1px dashed #ccc;position:relative;line-height: 1.4;}
.flow li .tit span{background:var(--brown01);color:#fff;padding:2% 3%;display:inline-table;font-size:3vw;line-height:1;border-radius:30px;position:absolute;left:0;}

.combination.inner{margin-bottom:15vw;}
.combination .textbox{margin-bottom:5vw;}
.combination img{margin-bottom:3%;}
.combination .ttl{background:var(--brown01);font-weight:bold;color:#fff;padding:2% 4%;margin-bottom:0;}
.combination .subtit{border-bottom:1px solid #ccc;font-family: var(--mincho);font-weight: 600;font-size: 5vw;padding-bottom: 2%;position:relative;}
.combination .subtit:before{content:"";width:25%;height:2px;background: var(--brown01);position:absolute;bottom:-1px;left:0;}
.combination ul{background:#fff;padding:5%;margin-bottom:3%;}
.combination li{position:relative;padding:0 0 0 5%;font-weight: bold;line-height: 1.5;}
.combination li:before{content: '\f058';font-family: 'icon';position:absolute;left:0;color:var(--brown01);}

.favorite { padding: 10% 0; background: var(--brown02); }
.favorite .midashi02 { text-align: center; }
.favorite img { width: 100%; margin-bottom: 5%; }
.favorite ul { margin-bottom: 8%; }
.favorite li { margin-bottom: 6%; padding: 5%; border-bottom: 1px solid #ccc; }
.favorite li .pic { position: relative; }
.favorite li .pic:before { content:""; width: 98%; height:98%; border: 1px solid #fff; position: absolute; top: 1%; left: 1%; }
.favorite li .tit { font-size: 4.8vw; font-family: var(--mincho); line-height: 1.4; font-weight: 600; border-bottom: 1px dashed var(--gray); padding-bottom: 4%;}
.favorite li .txt { margin-bottom: 1%; font-size: 3.5vw; text-align: justify; }
.favorite li .pre { font-size: 8vw; font-family: var(--mincho); font-weight: 600; }
.favorite li .pre span { margin-right: 2%; padding: 0 3%; display: inline-table; color: #fff; font-size: 3.5vw; background: var(--brown01); vertical-align: middle; position: relative;top: -3px; }
.favorite li .pre small { font-size: 70%; }
.favorite .more01 { background: #f7f6f1 url(../images/arrow01.png) no-repeat center right 5vw; background-size: 3vw; }

.case { padding: 15% 0 0; }
.case .items{width:82vw;margin:0 3vw;}
.case .items img{margin-bottom:4%;}
.case .items .num { text-align: justify; }
.case .memo{width:90%;margin:0 auto;background:#fff;padding:4%;font-size:90%;line-height:1.4;}

.menulist { padding: 15% 0; }
.menulist dl{background:#fff;padding: 5%;margin-bottom: 3.8%;}
.menulist .kaisu dl{background:#f2e9e9;}
.menulist dt { width:100%; font-family: var(--mincho); font-size: 4.8vw; font-weight: 600; margin-bottom: 2%; font-feature-settings: "palt"; letter-spacing: 0.04em; line-height: 1.4; }
.menulist dd { font-size: 7vw; font-family: "aw-conqueror-didot"; font-weight: 400; }
.menulist dd span { display: inline-table; background: var(--gray); padding:1% 3%; font-family: "aw-conqueror-didot"; font-weight: 400; line-height: 1; font-size: 60%; margin-right: 2vw; position: relative; top: -3px; }
.menulist dd small{font-size:3vw;}
.menulist dd .txt{padding-top:3%;border-top:2px dotted #ccc;margin: 4vw 0 0 0;}

.info .tbl01 th { width: 100%; display: block; }
.info .tbl01 td { width: 100%; padding: 4%; display: block; font-size: 3.6vw; text-align: justify; line-height: 1.6; }
.info .tbl01 td p { padding-left: 4%; font-size: 3.6vw; text-align: justify; line-height: 1.6; position: relative; }
.info .tbl01 td p::before { content: ""; width: 1.5vw; height: 1.5vw; border-radius: 50%; background: var(--main); position: absolute; top: 8px; left: 0; }

/* =============================================
pc
================================================*/
@media screen and (min-width: 736px) { 
.second-text{max-width:inherit;}
.second-text .inner{max-width:1200px;}

.intro {margin-bottom:100px;}
.intro .bg{height: 445px;}
.intro .icon img{width:130px;top: 20px;}
.intro .icon img:nth-child(2){top:160px;}
.intro .deco{font-size:120px;}
.intro .textbox{text-align:center;margin-top:-40px;}
.intro .textbox .title{font-size:30px;margin-bottom: 20px;}

.worried{padding:80px 0 40px 0;margin-bottom: 100px;}
.worried.inner { margin-bottom: 70px; }
.worried.inner .box img { margin-bottom: 10px; }
.worried .midashi02 { margin-bottom: 6%; display: block; text-align: center; }
.worried .midashi02 span { display: block; }
.worried ul { margin-bottom: 20px; }
.worried li { margin-bottom: 8px; padding: 10px 10px 10px 30px; }
.worried li:before { margin: 0 6px 0 0; top: 10px; left: 10px; }
.worried p { padding: 20px 0; color: var(--main); font-size: 18px; }
.worried p b { padding-left: 18px; }
.worried p b::before { left: 0; }

.reason { margin-bottom: 40px; }

.features { margin-bottom: 80px;}
.features .textbox p { margin-bottom: 10px; }
.sikumi { margin-bottom: 100px; }
.sikumi::after { bottom: 130px; border-right: 120px solid transparent; border-left: 120px solid transparent; border-top: 40px solid var(--brown01); }
.sikumi .title { font-size: 26px; }
.sikumi ul { margin-bottom: 90px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.sikumi li { padding: 50px 100px;margin-bottom: 20px;}
.sikumi img {width:100%;margin-bottom:20px;}
.sikumi .inner .txt,.sikumi .inner .text { width: 100%; margin: 0 0 0 0; font-size: 16px; }
.sikumi .inner .text { font-size: 20px; text-align: center; }
.sikumi .inner .txt span { margin-bottom: 8px; font-size: 18px; }

.flow{margin-bottom:80px;padding: 100px 0 70px 0;}
.flow ul:before{width:20px;}
.flow li{padding:30px;margin-bottom: 16px;}
.flow li .tit{font-size: 24px;padding: 0 0 18px 110px;margin-bottom: 18px;}
.flow li .tit span{font-size:15px;padding:8px 20px;}
.flow li p:nth-last-child(1){margin-bottom:0;}
	
.combination.inner{margin-bottom:100px;}
.combination .subtit{font-size:25px;}
.combination ul{text-align:left;padding: 20px;}
.combination li{display:inline-block;padding: 0 0 0 18px;margin:0 14px 5px 0;}
.combination .ttl{padding:10px 20px;}
.combination .textbox{margin-bottom:30px;}

.favorite ul { margin: 0 auto 40px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.favorite li { padding: 30px; margin-bottom: 20px; }
.favorite li .tit { font-size:20px; margin-bottom: 20px; }
.favorite li .pre span { padding: 5px 10px; font-size: 18px; }
.favorite li .pre { margin-bottom: 0; font-size:30px; line-height: 1; }
.favorite li .txt { margin-bottom: 15px; font-size: 15px; }
.favorite .more01 { background: #f7f6f1 url(../images/arrow01.png) no-repeat center right 20px; background-size: 14px; }

.case {width: 90%;max-width: 1200px;margin: 0 auto;padding: 100px 0 0;}
.case ul {display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;width:90%;margin:0 auto;}
.case .items{width: 30%;margin: 0;}
.case .memo{padding:10px;}

.menulist {padding: 120px 0;}
.menulist dl{padding:30px;margin-bottom:20px;}
.menulist dt{font-size: 20px;margin-bottom: 8px;}
.menulist dd{font-size:30px;}
.menulist dd span{margin-right:10px;}
.menulist dd small{font-size:15px;}
.menulist dd .txt{margin:10px 0 0 0;padding-top:20px;}

.info .tbl01 { margin-bottom: 80px; }
.info .tbl01 td { padding: 20px; font-size: 16px; }
.info .tbl01 td p { padding-left: 14px; font-size: 16px; }
.info .tbl01 td p::before { width: 6.5px; height: 6.5px; top: 10px; }
}

@media screen and (min-width: 1000px) { 
.worried img{width: 45%;display:inline-block;vertical-align:top;}
.worried .textbox{width: 50%;display:inline-block;margin-left: 3%;}
.worried .box { margin-bottom: 0; display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;align-items: start; }
.worried .box .midashi03{width:100%;}
.worried .box ul{width: 48%;}
.worried .box li{width:100%;}
.worried .box img{width:50%;}
.combination .box{display:inline-block;width:48%;vertical-align:top;margin:0 0.5%;}
.worried .inner >p {text-align:center;}

.reason .flex { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.reason img { width: 48%; margin-bottom: 0; order: 1; }
.reason .box { width: 48%; margin-bottom: 0; }

.features { margin-bottom: 80px;}
.features .flex { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.features img { width: 48%; margin-bottom: 0; }
.features .textbox { width: 48%; margin-bottom: 0; }

.sikumi ul { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.sikumi li { width: 33%; padding: 30px; margin-bottom: 20px; font-size: 16px; }

.favorite ul { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.favorite li { width: 49%; }
}