@charset "UTF-8";
/*-----------------------------------------------------
　Base Layout Style
------------------------------------------------------*/

/* =========================================================
　◆Wrap
========================================================= */

#content-wrap { max-width: 1400px; margin: 0 auto; }
.content_grd { background: url(../images/cont_grd.jpg) repeat-x; padding: 65px 0 50px; }
.content_grd.under { padding: 15px 0 100px; }
.wrap { width: 1000px; margin: 0 auto; }
.wrap_inr { padding: 0 30px; }

@media only screen and (max-width:750px) { .content_grd.under { padding: 15px 0 50px; }
.wrap { width: 100%; }
.wrap_inr { padding: 0 3.125%; } }
/* =========================================================
　◆Pan-nav
========================================================= */

.pan_nav { margin: 0 0 20px; letter-spacing: -.40em; font-size: 1.2rem; }
.pan_nav li { position: relative; display: inline-block; vertical-align: top; letter-spacing: normal;margin-right: 12px; padding-left: 20px; }
.pan_nav li:before { content: ">"; position: absolute; left: 0; top: 0; }
.pan_nav li a { text-decoration: none; }
.pan_nav li a:hover { text-decoration: underline; }
.pan_nav li:first-child { padding-left: 0; }
.pan_nav li:first-child:before { display: none; }

@media only screen and (max-width:750px) { .pan_nav { padding: 0 15px; font-size: 1.2rem; } }

/* =========================================================
　◆Title
========================================================= */

.sec_title01 {padding: 3px 10px; width: 307px; background: #002786; font-size: 1.8rem; color: #fff; box-sizing: border-box; font-weight: bold; box-sizing: border-box; margin-bottom: 50px; }
.sec_title01 small { display: block; font-size: 1.1rem; font-weight: normal; margin-top: -5px; }
.sec_title02 { font-size: 2.4rem; color: #121E5E; font-weight: bold; margin-bottom: 35px; }
.sec_title03  { font-weight: bold; font-size: 1.8rem; text-align: center; color: #333; }
.sec_title03 strong, .sec_title03 > span { position: relative; font-size: 2.6rem; }
.sec_title03 small { position: relative; }
.sec_title03 > span:before { content: " "; position: absolute; width: 6px; height: 6px; background: #ffb431; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; top: -10px; left: 50%; margin-left: -3px; }
.sec_title03 small span { width: 100%; font-size: 0.9rem; position: absolute; top: -20px; left: 0; text-align: center; font-weight: normal; }
.sec_title04 { font-size: 2.4rem; margin-bottom: 15px; }

@media only screen and (max-width:750px) { .sec_title01 { margin-left: 3.125%; padding: 3px 10px; width: 200px; font-size: 1.3rem; margin-bottom: 25px; }
.sec_title01 small { font-size: 1rem; margin-top: -1px;}
.sec_title02 { font-size: 1.6rem; margin-bottom: 20px; }
.sec_title03  { font-weight: bold; font-size: 1.3rem;}
.sec_title03 strong, .sec_title03 > span { position: relative; font-size: 1.5rem; }
.sec_title03 > span:before { width: 3px; height: 3px; margin-left: -1.5px; top: -5px; }
.sec_title03 small span { width: 100%; font-size: 1rem; transform: scale(0.7,0.7); -moz-transform: scale(0.7,0.7); -ms-transform: scale(0.7,0.7); -o-transform: scale(0.7,0.7); -webkit-transform: scale(0.7,0.7); position: absolute; top: -12px; left: 0; text-align: center; font-weight: normal; } 
.sec_title04 { font-size: 1.7rem; margin-bottom: 10px; } }

/* =========================================================
　◆Reason
========================================================= */
.reason_cnt { text-align: center; }
.reason_cnt div a { padding: 35px 0 25px; margin-top: 30px; display: block; color: #333; }
.reason_cnt div a:hover { text-decoration: none; }
.reason_cnt div a:hover p:nth-child(3) { text-decoration: none; }
.reason_cnt div:first-child a { background: #F0F0E1; margin-top: 0; }
.reason_cnt div:nth-child(2) a { background: #EBE9F3; }
.reason_cnt p { font-size: 1.4rem; }
.reason_cnt p:nth-child(2) { margin-bottom: 15px; }
.reason_cnt p:nth-child(2):after { content: " "; display: block; margin-top: 15px; background-image: url(../images/bg_dot.png); width: 100%; height: 15px; background-position: 50% 50%; background-size: auto 100%; background-repeat: no-repeat; }
.reason_cnt p:nth-child(3) { color: #0C317F; text-decoration: underline; }

@media only screen and (max-width:750px) { .reason_cnt div a { padding: 20px 10px 15px; margin-top: 15px; }
.reason_cnt p { font-size: 1.3rem; }
.reason_cnt p:nth-child(2) { margin-bottom: 10px; }
.reason_cnt p:nth-child(2):after {  margin-top: 10px; height: 8px; background-size: auto 100%; } }