@charset "UTF-8";

.main-contents-text{ margin-bottom: 80px;} p.center {text-align: center;margin: 0px auto 70px;}
.flow { width: 920px; margin: 0 auto;}
.flow li {position: relative;margin: 3% 0 0;padding: 0 0 40px;}
.flow > li:after { content:""; background: url(//zelmo.jp/wp-content/themes/zelmo_renew/_assets/images/flow_arrow.png) no-repeat; width: 100%; height: 20px; position: absolute; bottom: 0px;}
.flow li:last-child:after { display: none;}
.flow li .ttl {font-size: 24px;font-weight: bold;margin-bottom: 20px;letter-spacing: 1px;font-feature-settings: "palt";}
.flow li .ttl span {background-color: #575153;border-radius: 5px;padding: 5px 20px;color: #FFF;font-weight: bold;font-family: 'Cinzel';font-size: 16px;margin-right: 10px;}
.flow li .ttl span.small {font-size: 50%;background: none;color: #000;padding: 0;font-family: auto;}
.flow li p a { display: inline; text-decoration: underline; font-weight: bold;}
.flow li>div img {float: right;margin: 0 0 0 20px;}
.in_flow li {padding: 0;margin: 0 0 20px 0px;}
.in_flow li:after { display: none;}
.in_flow li p.nmb {border-radius: 50%;width: 35px;height: 35px;font-weight: bold;font-family: 'Cinzel';font-size: 18px;display: inline-block;text-align: center;padding: 2px 0 0;border: 1px solid #aaaaaa;}
.in_flow li .ttl { display: inline-block;padding: 6px 0 0 10px;}
.in_contact {width:520px;margin: 10px 0;background:#FFF;}
.in_contact p.tx1 {padding:10px;display: inline-block;width: 220px;text-align: center;border: 1px solid #aaaaaa;font-weight: bold;}
.in_contact p.tx2 { padding: 5px 4px; display: inline-block; color:#e9346c; }
.in_contact p.tx2 a { color:#e9346c;}
.tel p.tx1{vertical-align: top;padding: 10px 0;}
.in_contact.tel{margin-top:20px;}
.tel p.tx2 { font-size: 22px; line-height: 1;vertical-align: top;padding: 8px;}
.tel p.tx2 b{display: inline-block;background: #e9346c;color: #fff;font-size: 14px;padding: 5px 0;margin-right: 10px;width: 76px;text-align: center;}
.tel p.tx2 a:nth-child(3) b{margin-bottom: 4%;}
.mail p.tx2 { font-size: 18px; line-height: 1;}
.flow span.gold {color: #ae960e;font-weight: bold;font-size: 18px;display: inline-block;margin-top: 20px;}
.flow a.bnr { background: #e9346c; margin: 10px auto; text-align: center; color: #FFF; width: 300px; padding: 10px 20px; position: relative;}
.flow a.bnr:after {content: "\f101"; color: #FFF; font-size:20px; line-height: 1; font-family: "FontAwesome"; display:inline-block; position: absolute; right: 20px;}
.main-contents-text p.repeat{color: #fff;background-color: #444;width: 60%;margin:0 auto 20px;text-align: center;padding:  5px 0;}
.tyui {margin: 10px 5px 0px 0;display: flex;width: 540px;line-height: 1.5;}
.tyui dt {padding: 10px 6px 6px;text-align: center;vertical-align: middle;border: 1px solid #aaaaaa;font-weight: bold;width: 30%;}
.tyui dd {width: 70%;vertical-align: middle;margin-left: 20px;font-size: 14px;}
.point {text-align: center;margin: 10px auto;width: 75%;}
.c-points {display: flex;justify-content: space-around;width: 100%;margin: 0 auto;}
.c-points li {width: 25%;margin: 20px 0 20px;padding: 0 0 20px;}
.c-points li:after {content:""; background: none;}
.c-points p { margin-top: 10px; }
.flow .c-points li img { float:none; }
.point .more { width: 60%; }
.flow_menu {gap: 2%;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.flow_menu li {background: #f2f2f2;padding: 15px;width: 32%;}
.flow_menu li:after  {content:""; background: none;}
.flow_menu li p { padding: 10px 5px; }
.flow .flow_menu li img { float:none; margin:0 auto; }
.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: #575153;color: #fff;font-size: 16px;padding: 8px 0;text-align:center;}
a.more:after{ content: ">>";   margin-left: 10px;} @media screen and (max-width: 736px) {
p.center {margin: 0 3%;}
.flow { width: 100%;}
.flow > li {padding: 0 0 30px;margin: 20px 0 0;}
.flow> li:after {  background-size: contain; height: 10px;}
.flow li .ttl { font-size: 4.5vw; margin: 0 0 4%; text-align: center;}
.flow li .ttl span { display: block; padding: 1%; font-size: 4vw; text-align: center; margin: 0 10% 2%;}
.flow li>div img { float: none; width: 80%; margin: 0 auto;}
.flow li>div p { padding: 4% 4% 0;}
.flow ul.in_flow li>div img { float: none; width: 100%; margin: 0 auto;}
.in_flow{    width: 90%;    margin: 0 auto;}
.flow li .in_contact { width:90%; margin: 10px auto;}
.flow li .in_contact p.tx1 {  padding:10px; display:block; width: 100%; text-align: center;}
.flow li .in_contact p.tx2 { padding: 10px; display:block; text-align: center;}
.flow li .tel p.tx2{padding: 4% 3% 1%;}
.flow li .tel p.tx2 a{font-size: 6vw;}
.flow li .tel p.tx2 b{width: 22%;font-size: 3.5vw;}
.flow dl {  width: 100%; display: inline-block; padding: 10px; margin: 4px 0;}
.flow dl dt {display: inline-block;display: flex;align-items: center;justify-content: center;}
.flow dl dt:after {content: "\f105"; display: inline-block; margin: 0 5px;}
.flow dl dd { display: inline-block;}
.flow a.bnr { background: #e9346c; margin: 10px auto; text-align: center; color: #FFF; width: 300px; padding: 10px 20px; position: relative;}
.flow a.bnr:after {content: "\f101"; color: #FFF; font-size:20px; line-height: 1; font-family: FontAwesome; display:inline-block; position: absolute; right: 20px;}
.flow span.gold { font-size: 5vw; margin: 5% 0 0 4%;}
.tyui_box { margin: 0 auto; width: 95%; }
.tyui_box span.gold { margin-left:0; }
dl.tyui {margin: 3% 3% 3% 0;display: flex;width: 100%;padding: 0;}
.tyui dt {padding: 10px 6px 6px;text-align: center;vertical-align: middle;width: 30%;display: flex;align-items: center;justify-content: center;}
dl.tyui dt:after { content:"";  }
.tyui dd {width: 70%;vertical-align: middle;margin-left: 10px;}
.point {text-align: center;margin: 5% auto;width: 100%;}
.c-points {display: flex;justify-content: space-around;width: 100%;margin: 0 auto;}
.c-points li {width: 30%;padding: 0 0 7%;}
.c-points li:after {content:""; background: none;}
.c-points p { margin-top: 10px; }
.flow .c-points li img { float:none; }
.point .more {width: 60%;}
.flow_menu {display: block;width: 95%; margin: 0 auto;}
.flow_menu li {border: 1px dashed;padding: 8%;width: 100%;}
.flow_menu li:after  {content:""; background: none;}
.flow_menu li p { padding: 10px 5px; }
.flow .flow_menu li img { float:none; margin:0 auto; }
.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; }
}