@charset "UTF-8";
/* =========================================================
　◆Link Style
========================================================= */
a { -webkit-transition: all .5s; transition: all .5s; }
a:link, a:visited { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: none; -webkit-transition: all .5s; transition: all .5s; }
a:active { color: #000; text-decoration: none; }
a.ro:hover img { opacity: 0.80; }

/* =========================================================
　◆Basic
========================================================= */
html { -webkit-text-size-adjust: none; font-size: 62.5%; }

input [type=image]:hover { opacity: 0.8; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { background: #fff; line-height: 1.5; font-size: 13px; font-family: "Roboto", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

img { max-width: 100%; height: auto; width: auto; vertical-align: top; display: block; }

figure { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

/* clearfix */
.cFix:after { display: block; content: ""; clear: both; height: 0; font-size: 0; visibility: hidden; }

.spOnly_block, .spOnly_inline { display: none !important; }

.pcOnly_block { display: block !important; }

.pcOnly_inline { display: inline !important; }

.fl_L { float: left; }

.fl_R { float: right; }

body.modal #Modal_wrap { width: 100%; overflow: hidden; }
body.modal #Modal_mainvis { width: 100%; background-size: 100% auto; background-repeat: no-repeat; background-position: left top; padding-top: 42%; }
body.modal #Modal_mainvis .title_area { background: #262626; width: 100%; padding-bottom: 3%; position: relative; }
body.modal #Modal_mainvis .title_area .text { color: #fff; padding: 3.2555% 16.4179% 0 5.9701%; width: 100%; }
body.modal #Modal_mainvis .title_area .text h1 { font-size: 20px; font-weight: bold; width: 100%; line-height: 20px; }
body.modal #Modal_mainvis .title_area .text h1 .job_title { line-height: 1; font-size: 10px; display: inline-block; margin-right: 5.6603%; vertical-align: middle; }
body.modal #Modal_mainvis .title_area .text h1 .name { font-family: YuMincho, '游明朝', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", serif; }
body.modal #Modal_mainvis .title_area .text h1 img { display: inline; }
body.modal #Modal_mainvis .title_area .text .profile { padding: 3% 0 0 0; }
body.modal #Modal_mainvis .title_area .text .profile p { font-size: 10px; line-height: 1.45; }
body.modal #Modal_mainvis .title_area .logo { position: absolute; bottom: 0; right: 0; width: 12.38%; }
body.modal #Modal_mainvis .title_area .human { position: absolute; left: 0; bottom: 0; }
body.modal #Modal_cont { width: 100%; padding: 10% 0 5.9701% 0; }
body.modal #Modal_cont #Modal_cont_inner { width: 88.05%; margin: 0 auto; background: rgba(255, 255, 255, 0.95); padding: 0 0 0 0; }
body.modal #Modal_cont #Modal_cont_inner section { width: 100%; padding-bottom: 13.4%; }
body.modal #Modal_cont #Modal_cont_inner section .text_area { width: 100%; }
body.modal #Modal_cont #Modal_cont_inner section .text_area h2.sec_tit { width: 100%; }
body.modal #Modal_cont #Modal_cont_inner section .text_area h2.sec_tit .job_content_tit { line-height: 2; color: #fff; background: #d0111b; padding: 0 3%; font-size: 10px; display: inline-block; margin-bottom: 10px; }
body.modal #Modal_cont #Modal_cont_inner section .text_area h2.sec_tit .job_content_lead { font-family: YuMincho, '游明朝', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", serif; display: block; font-size: 20px; font-weight: bold; margin-bottom: 20px; line-height: 1.5; }
body.modal #Modal_cont #Modal_cont_inner section .text_area h2.sec_tit .img { width: 100%; padding: 5% 0 9% 0; }
body.modal #Modal_cont #Modal_cont_inner section .text_area h2.sec_tit .img img { width: 100%; }
body.modal #Modal_cont #Modal_cont_inner section .text_area .text { padding-bottom: 3.5%; }
body.modal #Modal_cont #Modal_cont_inner section .text_area .text p { font-size: 13px; line-height: 1.8; color: #000; }
body.modal #Modal_cont #Modal_cont_inner section .image_area { width: 100%; }
body.modal #Modal_cont #Modal_cont_inner section .image_area div { width: 48.3%; float: right; }
body.modal #Modal_cont #Modal_cont_inner section .image_area div:nth-child(odd) { float: left; }
body.modal #Modal_cont #Modal_cont_inner section .image_area div img { width: 100%; }
body.modal #Modal_cont #Modal_close { width: 88.05%; margin: 0 auto; }
body.modal #Modal_cont #Modal_close img { width: 100%; }
body.modal.page01 #Modal_mainvis { background-image: url(../../modal/sp/images/modal01_mainvis.jpg); }
body.modal.page02 #Modal_mainvis { background-image: url(../../modal/sp/images/modal02_mainvis.jpg); }
body.modal.page03 #Modal_mainvis { background-image: url(../../modal/sp/images/modal03_mainvis.jpg); }
body.modal.page04 #Modal_mainvis { background-image: url(../../modal/sp/images/modal04_mainvis.jpg); }
body.modal.page05 #Modal_mainvis { background-image: url(../../modal/sp/images/modal05_mainvis.jpg); }
body.modal.page06 #Modal_mainvis { background-image: url(../../modal/sp/images/modal06_mainvis.jpg); }
body.modal.page07 #Modal_mainvis { background-image: url(../../modal/sp/images/modal07_mainvis.jpg); }
body.modal.page08 #Modal_mainvis { background-image: url(../../modal/sp/images/modal08_mainvis.jpg); }

/*# sourceMappingURL=modal_sp.css.map */