@charset "UTF-8";
.second-text img{width:100%;}
.intro{margin-bottom:10vw;}
.intro .tit{font-size:5.7vw;color:var(--orange);font-weight:bold;text-align:center;}
.intro .sub{font-weight:bold;margin-bottom:4vw;}
.intro img{margin-bottom:5%;}

.mes{margin-bottom:10vw;}

.sns-icons {margin-bottom:10%;}
.sns-icons 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;}
.sns-icons li{width:49%;margin-bottom:3%;}
.sns-icons .more01{width:100%;margin-bottom: 2%;}

.merit {margin-bottom:10vw}
.top-merit-items{width: 90vw;margin: 0 auto;background: url(../images/bg01.jpg) repeat top center;background-size: 10vw;padding: 5%;}
.top-merit-items li { width: 100%; padding: 1px 5vw 5vw; margin:0 auto 5vw; background: #f7f6e2; border: 2px solid #e9e6c3; }
.top-merit-item-title { margin: -2.5vw auto 2.5vw; text-align: center; }
.top-merit-item-title .badge { width: 12vw; height: 12vw; margin: 0 auto 2vw; color: #fff; font-size: 7.89vw; font-family: "Lato"; font-weight: 700;  background: -moz-linear-gradient(300deg, #ff7000 50%, #fc984c 50%); background: -webkit-linear-gradient(300deg, #ff7000 50%, #fc984c 50%); background: linear-gradient(150deg, #ff7000 50%, #fc984c 50%); border: 2px solid var(--orange); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.top-merit-item-title .title { color: var(--orange); font-size: 5.26vw; font-weight: bold; line-height: 1.4; }
.top-merit-item-image { width: 100%; margin-bottom: 2.5vw; }
.top-merit-item-comment p { font-size: 3.42vw; font-weight: bold; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: 0.04em; }

.step {margin-bottom:10vw;}
.step img{margin-bottom:3%;}
.step .sub{display:table;background:var(--orange);color:#fff;margin: 0 auto 6%;font-weight:bold;padding: 2% 8%;position:relative;border-radius: 50px;font-size: 120%;}
.step .sub:before {content: "";position: absolute;top: 100%;left: 50%;margin-left: -20px;border: 20px solid transparent;border-top: 10px solid var(--orange);}
.step .tit{font-size:6vw;font-weight:bold;text-align:center;margin-bottom:4vw;border-bottom:3px dotted #ccc;padding-bottom:2%;}

.people {margin-bottom:10vw;}
.people .inbox{background:#fff;padding: 6%;border-top: 5px solid var(--orange);border-radius: 20px 20px 0 0;}
.people .inbox .subtit{font-weight:bold;color:var(--orange);font-size:140%;text-align:center;line-height:1.4;}
.people .inbox ul{margin-bottom:5vw;}
.people .inbox li{position:relative;padding:3% 0 3% 6%;line-height:1.4;border-bottom:2px dotted #ccc;font-weight:bold;}
.people .inbox li:before{content: '\f058';font-family: 'icon';position:absolute;left:0;color:var(--orange);}
.people  .add{font-size:120%;color:var(--red);font-weight:bold;}

.interview li{background: #fffeed;padding: 7% 5% 5% 5%;border-radius: 30px;margin-bottom: 7%;}
.interview li img{width:55%;margin:0 auto 5%;}
.interview li .info{margin-bottom:6%;}
.interview li .info p{text-align:center;}
.interview li .info .sub{display:table;margin:0 auto;background:var(--orange);color:#fff;padding:1% 3%;border-radius:40px;}
.interview li .info .name{font-size:6vw;font-weight:bold;}

.omoi{margin-bottom:10%;}
.omoi img{margin-bottom:5%;}
.omoi .tit{text-align:center;margin-bottom: 0%;}
.omoi .textbox .name{font-weight:bold;font-size: 160%;text-align:center;}

.formbox{margin-bottom:10%;}

/* =============================================
pc-size
================================================*/
@media screen and (min-width: 736px) { 
.intro{margin-bottom:80px;}
.intro .tit{font-size:35px;}
.intro .sub{font-size:20px;margin-bottom:30px;text-align:center;}
.intro img{margin-bottom:20px;}

.mes{margin-bottom:80px;}
.mes .text-areain img{width:370px;}
.sns-icons li{width:24%;}
.sns-icons .more01{width:80%;}

.top-merit-items{width:100%;background: url(../images/bg01.jpg) repeat top center;background-size: 35px;padding: 30px;}
.top-merit-items li { padding: 20px; margin-bottom: 10px; border-width: 5px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; }
.top-merit-item-text {width: 100%;}
.top-merit-item-title { margin: 0 auto 8px; text-align: left; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
.top-merit-item-title .badge {width: 45px;height: 45px;margin: 0 10px 0 0;font-size: 30px;}
.top-merit-item-title .title {font-size: 26px;flex: 1;}
.top-merit-item-comment p{font-size:15px;}

.merit{margin-bottom:100px;}

.step{margin-bottom: 40px;}
.step .sub{margin-bottom:20px;padding:10px 30px;}
.step .tit{font-size:26px;margin-bottom: 30px;}
.step img{width:500px;margin:0 auto 30px;}

.people{margin-bottom:100px;}
.people .col2-item img{width:50%;margin-bottom: 0;}
.people .inbox .subtit{font-size:26px;}
.people .inbox ul{margin-bottom:40px;}
.people .inbox li{padding:10px 10px 10px 20px;font-size:16px;}

.interview li{margin-bottom:30px;padding:30px;}
.interview li img{display:inline-block;width: 220px;}
.interview li .info{width:400px;display:inline-block;vertical-align:top;}
.interview .qabox dl{margin-bottom:20px;}
.interview li .info .sub{width:200px;margin:0;text-align: center;}
.interview li .info{width:450px;display:inline-block;margin-left: 30px;}
.interview li .info p{text-align:left;}
.interview li .info .name{font-size:40px;}

.omoi{margin-bottom:60px;}
.omoi img{width:335px;float:right;margin:0 0 0 30px;}
.omoi .textbox{margin:0 0  0 0;}
.omoi .tit{text-align:left;}
.omoi .textbox .name{text-align:left;}

}

@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {
}