@charset "utf-8";
/*
============================ wasara CSS ==============================
基本設定
1.全体構造
2.float解除
3.共通項目
==================================================================== */
/*===============================================================
1. 全体構造
===============================================================*/
#navystripesWrap {color:#000; margin: 0 0 30px;padding: 0;}
#navystripesWrap a {text-align: center;text-decoration: none;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#navystripesWrap .fl {float: left;}
#navystripesWrap .fr {float: right;}
#navystripesWrap .fm {font-family: "游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho","Times New Roman", serif;}
/*===============================================================
2. float解除
===============================================================*/
.cf:before,.cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}
/*===============================================================
3. 共通項目
===============================================================*/
#navystripesWrap > h2{margin-bottom: 50px;}
#navystripesWrap > p{font-size: 14px;line-height: 1.8em;text-align: center;}
#navystripesWrap .colWrap {margin-top: 50px;}
#navystripesWrap .colWrap > h3 {font-size: 28px;color:#fff; line-height: 1.5em;text-align: center;padding: 10px;background: #000;}
#navystripesWrap .point_ {margin-left: -50px;}
#navystripesWrap .point_ .block_ {width: 355px;margin: 50px 0 0 50px;float: left;}
#navystripesWrap .point_ .ph_ {padding: 9px; border: 1px solid #000;}
#navystripesWrap .point_ .text_ {margin: 20px;}
#navystripesWrap .point_ .text_ > h4 {font-size: 18px;line-height: 1.7em;text-align: center;}
#navystripesWrap .point_ .text_ > h4::after {content:"";width: 80px;height: 1px;background: #000;margin: 25px auto;display: block;}
#navystripesWrap .point_ .text_ > p{font-size: 14px;line-height: 1.8em;}
#navystripesWrap .colorWrap{margin-top: 50px;padding: 14px;border: 1px solid #000;}
#navystripesWrap .colorWrap > h3 {font-size: 22px;color:#fff; line-height: 1.5em;text-align: center;margin-bottom: 15px;padding: 10px;background: #000;}
#navystripesWrap .colorWrap > ul {margin: 15px 0; display: flex;display:-webkit-flexbox;display:-ms-flexbox;justify-content: space-between;-webkit-justify-content: space-between;-ms-flex-pack: justify;}
#navystripesWrap .colorWrap > ul li {width: 169px;}
#navystripesWrap .colorWrap > h5 {font-size: 16px;font-weight: bold;text-align: center;}
#navystripesWrap .colorWrap > h5::before {content:"";width: 100px;height: 1px;background: #000;margin: 35px auto;display: block;}
#navystripesWrap .colorWrap > h5 small {font-size: 12px;font-weight: bold;}
#navystripesWrap .btn_ {width: 270px; font-size: 14px;margin: 25px auto 0;}
#navystripesWrap .btn_ a {color:#000;padding: 15px;border: 1px solid #000;background: transparent;display: block;}
#navystripesWrap .btn_ a:hover {color:#fff;background:#000;}