@charset "UTF-8";

.page_midashi { margin-bottom: 0;}
.flex{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-justify-content: center;justify-content: center;}
a.bnr {width: 100%;margin: 10px auto 0;background: #575153;color: #FFF;text-align: center;letter-spacing: 3px;padding: 5px;font-size: 1.6rem;position: absolute;bottom: 0;}
a.bnr:after{content: ">>"; margin-left: 10px;}
a.cv {width: 50%;margin: 10px auto 60px;background: #575153;color: #FFF;text-align: center;letter-spacing: 3px;padding: 15px;font-size: 2.4rem;}
a.cv:after{content: ">>"; margin-left: 10px;} .intor_head{background: #effdff;color: #666;font-size: 1.4rem;line-height: 1.8;padding: 40px 0 30px;    overflow: hidden;}
.head_img{position: absolute;right: -50px;bottom: -50px;z-index: 0;}
.head_txt{z-index: 1;position: inherit;width: 560px;}
.head_txt ul{margin: 3% 0;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;display: flex;}
.head_txt li{margin: 5px;}
.intro_head {position: relative;padding: 30px 0 40px;text-align: center;font-size: 2.8rem;line-height: 1.4;color: #3a3531;font-weight: 500;}
.intro_head:before, .intro_head:after{content: '';position: absolute;top: 50%;display: inline-block;width: 70px;height: 2px;background-color: black;}
.intro_head:before {left: 120px;-moz-transform: rotate(50deg);-webkit-transform: rotate(50deg);-ms-transform: rotate(50deg);transform: rotate(50deg);}
.intro_head:after {right: 120px;-moz-transform: rotate(-60deg);-webkit-transform: rotate(-60deg);-ms-transform: rotate(-60deg);transform: rotate(-60deg);}
.intro_head span.gold {color: #ae960e;font-weight: 500;}
.intro_head span.pink {color: #f6527c;font-weight: 500;}
.worry_check{border: 1px solid #aaaaaa;padding: 0px 10px 0;margin-bottom: 30px;background: #fff;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.worry_check li{padding:0;margin-bottom:0;position: relative;font-size: 20px;line-height: 2.4;padding-left: 50px;font-weight: bold;}
.worry_check li:before{content: "\f14a";font-size: 2.3rem;font-family: "FontAwesome";position: absolute;left: 20px;color: #575153;top: -3px;}
.reason-title{    text-align: center;    font-size: 32px;}
.about_reason .title {margin: 80px auto 10px;font-size: 4rem;line-height: 1.4;align-items: center;}
.about_reason {margin: 30px 0 60px;}
.about_reason li {background: #FFF;border: 1px solid #aaaaaa;padding: 20px;margin-bottom: 20px;}
.about_reason li .ttl i{background-image:url(//zelmo.jp/wp-content/themes/zelmo_renew/_assets/images/about_reason_nm.png);background-repeat: no-repeat;width:80px;height: 80px;display: inline-block;background-size: 505px;}
.about_reason li:nth-child(1) .ttl i{ background-position: top left; }
.about_reason li:nth-child(2) .ttl i{background-position: top left -85px;}
.about_reason li:nth-child(3) .ttl i{background-position: top left -170px;}
.about_reason li:nth-child(4) .ttl i{background-position: top left -255px;}
.about_reason li:nth-child(5) .ttl i{background-position: top left -340px;}
.about_reason li:nth-child(6) .ttl i{background-position: top left -426px;}
.about_reason li .ttl span {display: inline-block;width: 790px;vertical-align: top;font-size: 26px;padding: 20px 0 0 20px;color: #000;font-weight: bold;font-family: 'Noto Serif JP',  游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;}
.about_reason li p.txt {padding: 10px;font-size: 16px;}
.about_reason li p.txt_ti{padding: 10px;font-size: 18px;font-weight: bold;}
.about_reason li .txt_dl{display: flex;margin-bottom: 14px;}
.about_reason li .txt_dl dt {width: 90px;height: 40px;line-height: 1;text-align: center;padding: 12px 0 0; border: 1px solid #aaaaaa;font-size: 14px;vertical-align: middle;margin: 0 10px 10px 0;}
.about_reason li .txt_dl dd{    width: 90%;}
.about_reason li .txt_dl dd b{font-size: 18px;font-weight: bold;display: block;}
.about_reason li img.photo {float: right;margin: 0 0 20px 20px; }
.about_reason_img01 {float: right;margin: 0 40px 20px 20px;padding-bottom: 15px;position: relative;}
.about_reason_img01 .s_photo {position:absolute; right: -30px; bottom: -15px; }
.about_reason_img01 img {box-shadow: 0px 0px 10px 2px rgba(204, 204, 204, 0.6);}
.six_reason_ttl {margin: 0 auto;}
.six_reason {font-size: 0;margin-top: 35px;text-align: center;display: flex;justify-content: center;flex-wrap: wrap;gap: 16px;}
.six_reason dl { vertical-align: top;font-size: 16px;text-align: center;}
.six_reason dl:last-child {margin-right: 0;}
.six_reason dd {font-weight: bold; margin-top: 10px;}
.flow_contents { margin-top: 50px; }
.flow_link { display: flex; justify-content: space-around;}
.flow_link .more { width:30%; font-size:14px; }
a.more {margin: 20px auto 0;background: #3a3531;color: #fff;font-size: 16px;padding: 8px 0;text-align:center;}
a.more:after{ content: ">>";    margin-left: 10px;}
.epi_box {background: #FFF;padding: 20px 20px 50px;margin: 30px 0 50px;border: 1px solid #aaaaaa;}
.epi_box_title{ background: #615d5a; font-size: 26px; color: #fff; text-align: center; padding: 10px; margin-bottom: 20px; }
.epi_box_title + p{margin: 30px 0 10px;font-size: 14px;}
.menu_price{margin: 60px 0 30px;}
.menu_price dl{width: 490px;margin-left: 50px;}
.menu_price dt{ margin-bottom:20px;}
.epi_box a.bnr{width: 460px;position: static;}
.top_voice_content {padding: 20px;background: #f1eeee;margin: 6% auto;}
.voice_customer { background: #FFF; padding: 30px; margin: 0 0 20px;}
.voice_customer>div {width: 490px;display: inline-block;margin-left: 20px;vertical-align: top;}
.voice_customer p.name { border-bottom: 2px solid #000; text-align: center; font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.voice_customer img { display: inline-block;}
.voice_customer>div b{font-weight: bold;border-left: 3px solid;padding-left: 8px;}
.voice_customer p.menu{margin:0 0 10px 5px;}
.voice_customer p.menu span{display: inline-block;background:#666;padding: 5px 10px;border-radius: 10px;margin-left: 5px;margin-top: 6px;color: #fff;}
.voice_customer p.textbox { padding: 10px;border: 1px dotted;}
.benefits_first{margin-top: 40px;line-height: 1.9;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.benefits_first li{width: 32.2%;border: 1px dashed;padding: 12px 12px 60px;position: relative;font-size: 14px;}
.benefits_first img{margin: 3% auto;}
.benefits_first .bnr{ width: 93%;bottom: 10px;} @media screen and (max-width: 736px) { 
.main-contents {    width: 96%;    margin: 0 auto;}
a.bnr {width: 100%;margin: 5% auto 0;padding: 1%;font-size: 4.5vw;position: static;font-feature-settings: "palt";letter-spacing: 0em;}
a.cv {width: 90%;margin: 3% auto  3%;padding: 3%;font-size: 4.6vw;letter-spacing: 0;}
a.cv:after{margin-left:  3%;}
.flex{display: block;}
.intor_head{font-size: 1.4rem;padding: 3% 0  3%;}
.head_img{  width: 60%;}
.head_txt{position: inherit;width: 70%;}
.head_txt li{margin: 3% auto 0 5%;width: 70%;}
.worry_check{padding: 3% 3% 3% 20%;margin-bottom: 30px;background: #fff;display:block;position: relative;}
.worry_check img{width: 30%;position:absolute;bottom: 0;left: -6%;}
.worry_check li{padding-left: 30px;font-size: 3.5vw;}
.worry_check li:before{left: 0;top: -10px;}
.intro_head {padding:5% 0; text-align: center; font-size: 5.5vw; line-height: 1.4;}
.intro_head:before,.intro_head:after{width: 70px;height: 1px;}
.intro_head:before {left:-20px;}
.intro_head:after {right:-20px;}
.about_reason {padding: 10% 4% 2%;margin-top: 5%;}
.about_reason .title {margin: 0 auto 6% 2%;font-size: 6.2vw;line-height: 0.7;}
.about_reason .title b {    font-size: 13.7vw;}
.about_reason li {padding: 4%;margin-bottom: 4%;}
.about_reason li .ttl i{background-image:url(//zelmo.jp/wp-content/themes/zelmo_renew/_assets/images/about_reason_nm.png);background-repeat: no-repeat;width: 60px;height: 60px;display: block;background-size: 380px;margin: 0 auto;}
.about_reason li:nth-child(1) .ttl i{ background-position: top left; }
.about_reason li:nth-child(2) .ttl i{background-position: top left -64px;}
.about_reason li:nth-child(3) .ttl i{background-position: top left -128px;}
.about_reason li .ttl span {  display:block; width: 100%;font-size: 4.5vw; padding: 2% 0 0 0; text-align: center;}
.about_reason li .txt {padding: 3% 0;font-size: 4vw;}
.about_reason li img.photo { float: none; margin: 4% auto 0; width: 80%;}
.about_reason_img01 {float: none;margin: 4% auto;width: 70%;left: -5%;padding-bottom: 4%;position: relative;}
.about_reason_img01 .s_photo {position:absolute;width: 60%;right: -15%;bottom: -5%;}
.epi_box {padding: 5%;margin: 3% 0 10%;}
.epi_box_title{font-size: 5vw;padding: 3%;margin-bottom: 3%;}
.epi_box_title + p{margin: 3% 0 3%;font-size: 4vw;}
.menu_price{margin: 6% 0 0;}
.menu_price dl{width: 100%;margin: 3% auto;}
.menu_price img{margin: 5% auto 0;}    
.epi_box a.bnr{width: 100%;position: static;}
.voice_customer {padding: 0;margin: 0;}
.voice_customer p.menu{margin:0 0 10px 5px; font-size: 4vw;}
.voice_customer>div {width: 90%;display:block;margin: 0 auto 5%;}
.voice_customer>div p.name {font-size: 4.5vw;line-height: 1.3;padding-bottom: 5px;}
.voice_customer img {display:block;width: 90%;margin: 5% auto;}
.voice_btn a {display: inline-block;margin: 5% 0 0;}
.benefits_first{display: block;}
.benefits_first li{width: 100%;padding: 3%;margin-bottom: 5%;}
.benefits_first .bnr{width: 100%;}
}