@charset "UTF-8";

.reason-title{    text-align: center;    font-size: 32px;}
.about_reason {padding: 20px;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;}
@media screen and (max-width: 736px) { .main-contents {width: 96%;margin: 0 auto;}
.reason-title {font-size: 6.3vw;}
.about_reason {padding: 6% 4% 2%;margin-top: 5%;}
.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:nth-child(4) .ttl i{background-position: top left -192px;}
.about_reason li:nth-child(5) .ttl i{background-position: top left -256px;}
.about_reason li:nth-child(6) .ttl i{background-position: top left -320px;}
.about_reason li .ttl span {  display:block; width: 100%;font-size: 4.5vw; padding: 2% 0 0 0; text-align: center;}
.about_reason li p.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%;}
.six_reason {margin-top: 5%;}
.six_reason dl {width: 30%;vertical-align: top;font-size: 3.5vw;text-align: center;width: 36%;  }
.six_reason dl:nth-child(3n) {margin-right: 0;}
.six_reason dd {margin-top: 4%;}
.flow_contents {margin-top: 13%;}
.flow_link {display: block;justify-content: space-around;}
.flow_link .more {width: 80%;font-size: 4vw;}
a.more {margin: 5% auto 0;font-size: 3.5vw; }
}