@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*** reset ***/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,textarea,button,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul,ol{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
input,select{vertical-align:middle}

/*** base ***/

body {
font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
background:#f8faf5;
color: #151a1d;
/*overflow-y: scroll;*/
}

* html body {
box-sizing:border-box;
}

img{max-width: 100%;height: auto;}

a {color:inherit;text-decoration: none;}
a:hover {opacity: .7; transition: opacity .3s ease-in-out;}
.s_cfx:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
a:focus {
outline: none;
}
map area {
outline: none;
}

sup,sub {
font-size: 75%;
}

/* ----------------------------------------------
 HTML要素
---------------------------------------------- */
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

strong, em {
font-style: normal;
}
strong {
font-weight: bold;
}
a {
vertical-align: baseline;
zoom: 1;
color: #ee3300;
text-decoration: none;
}
a:hover {
opacity: .8;
transition: opacity .3s ease-in-out;
text-decoration:underline;
}
a.c_nonhover:hover {
opacity: 1;
}
img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
select,
option,
input,
textarea,
button,
th,td{
font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
html {
font-size: 62.5%;
}
body {
background: #f8faf5 url(../imgs/common/bg_dot.png) repeat-x center top;
background-attachment: fixed;
color: #333333;
font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
line-height: 1.6;
font-size: 1.6rem;
-webkit-text-size-adjust: 100%;
}
body.l_top {
/*background-image: none;*/
}
body.l_business {
background-color: #f8faf5;
background-image: url(../imgs/business/bg_dot.png) ,url(../imgs/business/bg_business.png);
background-repeat: no-repeat, no-repeat;
background-position: center top, center top;
background-size: auto, 100% auto;
background-attachment: fixed, scroll;
}
body.l_company {
background-color: #f8faf5;
background-image: url(../imgs/company/bg_dot.png) ,url(../imgs/company/bg_company.jpg);
background-repeat: no-repeat, no-repeat;
background-position: center top, center top;
background-size: auto, 100% auto;
background-attachment: fixed, scroll;
}
body.l_recruit {
background-color: #f8faf5;
background-image: url(../imgs/recruit/bg_dot.png) ,url(../imgs/recruit/bg_recruit.png);
background-repeat: no-repeat, no-repeat;
background-position: center top, center top;
background-size: auto, 100% auto;
background-attachment: fixed, scroll;
}
@media all and (-ms-high-contrast: none){
body.l_business {
background-attachment: scroll;
}
body.l_company {
background-attachment: scroll;
}
body.l_recruit {
background-attachment: scroll;
}
}

small {
font-size: small;
}

/* ==================================
  ヘッダー l_header
================================== */
.l_header {
padding: 4rem 2rem;
margin-bottom: 10rem;
}
.l_top .l_header {
/*padding: 4rem 2rem 24rem;*/
padding: 4rem 2rem 7rem;
margin-bottom: 0;
}
.l_top .l_header.class1 {
background: url(../imgs/common/bg_main_01.jpg) no-repeat center top / 2240px auto;
background-attachment: fixed; 
}
.l_top .l_header.class2 {
background: url(../imgs/common/bg_main_02.jpg) no-repeat center top / 2240px auto;
background-attachment: fixed; 
}

@media only screen and (min-width: 2200px) {
.l_top .l_header.class1 {
background: url(../imgs/common/bg_main_01.jpg) no-repeat center top / cover;
}
.l_top .l_header.class2 {
background: url(../imgs/common/bg_main_02.jpg) no-repeat center top / cover;
}
}
.l_header .e_logo {
width: 100%;
max-width: 1280px;
margin: 0 auto;
}
.l_header .m_nav_btn {
display: none;
}
.l_header .m_nav {
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
width: 100%;
max-width: 1280px;
margin: 4rem auto 0;
}
.l_header .m_nav .e_list {
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
-ms-flex-pack: justify;/*--- IE10 ---*/
-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.l_header .m_nav .e_list .e_li {
margin-left: 3.5rem;
transition: all .3s ease-in-out;
}
.l_header .m_nav .e_list .e_li:first-child {
margin-left: 0;
}
.l_header .m_nav .e_list .e_li .e_link {
position: relative;
font-size: 1.6rem;
font-weight: bold;
padding: 0 0 .2rem;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.l_header .m_nav .e_list .e_li .e_link:hover {
opacity: 1;
text-decoration: none;
}
.l_header .m_nav .e_list .e_li .e_link:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 2px;
background: #ee3300;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
@media all and (-ms-high-contrast: none){
.l_header .m_nav .e_list .e_li .e_link:before {
width: 100%;
opacity: 0;
}
}
.l_header .m_nav .e_list .e_li .e_link:hover:before {
width: 100%;
opacity: 1;
}
.l_header .m_nav .e_list .e_li span.e_link:before {
content: none;
}



.l_header .m_mv {
width: 100%;
max-width: 1280px;
margin: 10.3rem auto 11.3rem;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
-ms-flex-pack: justify;/*--- IE10 ---*/
-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
justify-content: space-between;
}
.l_header .m_mv .e_lead {
color: #ee3300;
font-family: 'Noto Sans Japanese', sans-serif;
font-size: 4.2rem;
font-weight: 100;
line-height: 1.2;
}
.l_header .m_mv .m_mv_bnr {
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display: flex;
}
.l_header .m_mv .m_mv_bnr .e_white_paper_btn {
width: 100%;
width: 200px;
margin-left: 1rem;
}

/* ==================================
  フッター l_footer
================================== */
.l_footer {
width: 100%;
max-width: 1320px;
margin: 8rem auto 12.5rem;
padding: 0 2rem;
box-sizing: border-box;
}
.l_footer .m_footer_access {
margin: 6rem 0 0;
color: #999999;
font-size: 1.4rem;
line-height: 1.8;
}
.l_footer .m_footer_access:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.l_footer .m_footer_access .m_info {
float: left;
width: 100%;
max-width: 200px;
}
.l_footer .m_footer_access .m_address {
float: left;
width: 100%;
max-width: 200px;
}
.l_footer .m_footer_access .m_address .e_txt {
margin-top: 0;
font-size: 1.4rem;
line-height: 1.8;
}
.l_footer .m_footer_access .m_route {
float: right;
width: 100%;
max-width: 400px;
}
@media only screen and (max-width: 850px) {
.l_footer .m_footer_access .m_route {
clear: both;
float: none;
max-width: none;
padding-top: 2rem;
}
}
.l_footer .m_nav {
position: relative;
margin: 6rem 0 0;
font-size: 1.4rem;
color: #999999;
}
.l_footer .m_nav:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.l_footer .m_nav .e_nav {
float: left;
}
.l_footer .m_nav .e_nav .e_list {
letter-spacing: -.3em;
}
.l_footer .m_nav .e_nav .e_list .e_li {
display: inline-block;
letter-spacing: normal;
line-height: 20px;
margin-left: 4rem;
transition: all .3s ease-in-out;
}
@media only screen and (max-width: 1150px) {
.l_footer .m_nav .e_nav .e_list .e_li {
margin-left: 2.2vw;
}
}
.l_footer .m_nav .e_nav .e_list .e_li:first-child {
margin-left: 0;
}
.l_footer .m_nav .e_nav .e_list .e_li .e_link {
position: relative;
color: #999999;
transition: all .3s ease-in-out;
}
.l_footer .m_nav .e_nav .e_list .e_li .e_link:hover {
color: #ee3300;
text-decoration: none;
opacity: 1;
}
.l_footer .m_nav .e_nav .e_list .e_li .e_link:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 0;
height: 1px;
background: #ee3300;
transition: width .3s ease-in-out;
}
.l_footer .m_nav .e_nav .e_list .e_li .e_link:hover:before {
width: 100%;
}
.l_footer .m_nav .e_footer_copy {
float: right;
font-family: Helvetica, Arial, "sans-serif";
font-size: 1.4rem;
line-height: 20px;
transition: all .3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
.l_footer .m_nav .e_nav {
float: none;
}
.l_footer .m_nav .e_footer_copy {
float: none;
margin-top: .5rem;
}
}
@media only screen and (max-width: 1180px) {
.l_footer .m_nav .e_footer_copy {
min-width: auto;
}
}
.l_footer .m_nav .e_page_top {
position: fixed;
right: 3rem;
bottom: 3rem;
}
.l_footer .m_nav .e_page_top a {
display: block;
}
.l_footer .m_nav .e_page_top a img {
display: block;
}

/* ==================================
　レイアウト l_xxx
================================== */
.l_top .l_wrap {
background: url(../imgs/common/bg_dot.png) repeat-x center top;
}
.l_cnts {
width: 100%;
max-width: 1320px;
margin: 0 auto;
padding: 0 2rem;
box-sizing: border-box;
}

/* サイドバー */
.m_side_archive .e_tag_list li {
display: inline-block;
margin-right: 8px;
margin-bottom: 8px;
}
.m_side_archive .e_tag_list li a {
display: block;
border: 1px solid #444;
/*padding: 5px;*/
padding: 1px 3px;
text-decoration: none;
color: #444444;
font-size: 1.2rem;
line-height: 18px;
}
.m_side_archive .e_tag_list li a:hover {
background: #444;
color: #fff;
}
.m_side_archive .lead {
margin-top: 3rem;
}

/* ==================================
　共通パーツ c_xxx m_xxx
================================== */
.s_pc_none {
display: none;
}
.s_sp_none {
display:  block;
}

.c_sec {
}

.m_postarea .e_tags {
float: none;
}
.m_postarea .e_tags .tag {
position: relative;
display: block;
color: #666666;
border: 2px solid #666666;
border-radius: 19px;
transition: all .3s ease-in-out;
margin-bottom: 5px;
}
.m_postarea .e_tags .tag:hover {
border: 2px solid #ee3300;
color: #FFF;
text-decoration: none;
}
.m_postarea .e_tags .tag:before {
content: "";
position: absolute;
z-index: 1;
top: 50%;
left: 0;
display: block;
width: 100%;
height: 0;
transform: translateY(-50%);
background: #ee3300;
border-radius: 13px;
transition: height .3s ease-in-out;
}
.m_postarea .e_tags .tag:hover:before {
top: 50%;
transform: translateY(-50%);
height: 104%;
}
.m_postarea .e_tags .tag a {
position: relative;
display: block;
z-index: 2;
padding: 0 .7rem;
font-size: 1.4rem;
font-weight: bold;
line-height: 34px;
margin-bottom: 0;
border: none;
opacity: 1;
color: #333;
}

.e_bo_lead {
width: 100%;
max-width: 1320px;
margin: 0 auto;
color: #ee3300;
font-size: 2rem;
font-weight: bold;
line-height: 1.5;
padding: 10rem 2rem 6rem;
box-sizing: border-box;
}

.s_block_anime {
opacity: 0;
transform: translateY(100px);
transition: all .3s ease-in-out;
}
.s_block_anime.s_animate {
opacity: 1;
transform: translateY(0);
}



/* パンくず */
.area_body .unit_breadcrumb li {
float: left;
margin-right: 60px;
padding-right: 55px;
text-transform: uppercase;
background-image: url(../imgs/svg/bg_breadcrumb.svg);
background-repeat: no-repeat;
background-position: right center;
}
.area_body .unit_breadcrumb li.current {
background: none;
width: 40%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

/* ブロック */
.m_img_list {
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.m_img_list .e_img {
margin: 0 1rem;
}

/* 見出し */
.area_body .unit_heading .title {
font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.area_body .unit_description .title {
font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.area_body .module_case .title {
font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.area_showcase .list_showcase li .lead {
font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.area_lead .slogan {
font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.l_case .area_lead .slogan {
font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.e_ttl_lv2 {
color: #666666;
font-size: 2rem;
font-weight: bold;
}
.e_ttl_lv3 {
color: #333333;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.5;
}

/* リスト */
.e_list_cat {
letter-spacing: -.3em;
}
.e_list_cat .e_li {
display: inline-block;
letter-spacing: normal;
margin-top: 1rem;
margin-right: 1rem;
}
.e_list_cat .e_li a,
.e_list_cat .e_li .e_link {
position: relative;
display: block;
color: #666666;
padding: 0 .7rem;
font-size: 1.4rem;
font-weight: bold;
line-height: 34px;
border: 2px solid #666666;
border-radius: 19px;
transition: all .3s ease-in-out;
}
.e_list_cat .e_li a:hover,
.e_list_cat .e_li .e_link:hover {
border: 2px solid #ee3300;
color: #FFF;
text-decoration: none;
opacity: 1;
}
.e_list_cat .e_li a:before,
.e_list_cat .e_li .e_link:before {
content: "";
position: absolute;
z-index: -1;
top: 50%;
left: 0;
display: block;
width: 100%;
height: 0;
transform: translateY(-50%);
background: #ee3300;
border-radius: 13px;
transition: height .3s ease-in-out;
}
.e_list_cat .e_li a:hover:before,
.e_list_cat .e_li .e_link:hover:before {
top: 50%;
transform: translateY(-50%);
height: 106%;
}

.e_list_disc {
list-style: disc;
margin-left: 15px;
}

.e_def_list .e_def_list_ttl {
font-weight: bold;
margin-top: 1.5rem;
}
.e_def_list .e_def_list_cnts {
margin-top: .5rem;
}

/* ボタン */
.e_contact_btn {
margin: 8rem 0 0;
}
/*.l_top .e_contact_btn {
margin: 10rem 4rem 0;
}*/
.l_top .e_contact_btn {
width: 100%;
max-width: 1320px;
margin: 10rem auto 0;
padding: 0 2rem;
box-sizing: border-box;
}
.e_contact_btn .e_link {
position: relative;
display: block;
background: #333333;
color: #FFF;
text-align: center;
padding: 3.9rem 1rem;
}
.e_contact_btn .e_link:hover {
opacity: 1;
}
.e_contact_btn .e_link:before {
content: "";
position: absolute;
z-index: 0;
top: 50%;
left: 0;
display: block;
width: 100%;
height: 0;
transform: translateY(-50%);
background: #ee3300;
transition: height .3s ease-in-out;
}
.e_contact_btn .e_link:hover:before {
height: 100%;
}
.e_contact_btn .s_contact_btn {
position: relative;
z-index: 1;
background: url(../imgs/svg/ico_contact_mail.svg) no-repeat left center;
display: inline-block;
text-align: left;
padding-left: 7rem;
}
.e_contact_btn .s_txt_jp {
display: block;
font-weight: bold;
}
.e_contact_btn .s_txt_en {
display: block;
font-size: 1.4rem;
color: #aaaaaa;
}


/* テーブル */

/* テキストリンク */
a.next,
a.prev,
.link_arrow a {
display: block;
color: #444444;
background-image: url(../imgs/svg/next.svg);
background-size: 21px;
background-repeat: no-repeat;
padding-left: 30px;
line-height: 21px;
}
a.next:hover, a.prev:hover, .link_arrow a:hover {
color: #ee3300;
background-position: 0 -21px;
}
.contact a.next {
background-color: #222;
color: #fff;
padding: 30px 30px 30px 60px;
background-position: 30px 30px;
background-image: url(../imgs/svg/prev_white.svg);
}
.contact a.next:hover {
color: #FFF;
background-color: #ee3300;
background-position: 30px 30px;
text-decoration: none;
}
a.icon_pdf {
padding: 1px 0px 1px 19px;
background: url(/assets/imgs/svg/icon_pdf.svg) 0 50% no-repeat / 17px 17px;
color: #ee3300;
}

.e_link_arw {
position: relative;
background: url(../imgs/svg/ico_arw_or.svg) no-repeat left center;
padding: .2rem 0;
padding-left: 3rem;
}
.e_link_arw:hover {
opacity: 1;
text-decoration: none;
}
.e_link_arw:after {
content: "";
position: absolute;
left: 3rem;
bottom: 0;
display: block;
width: 0;
height: 2px;
background: #ee3300;
transition: all .3s ease-in-out;
}
.e_link_arw:hover:after {
width: calc(100% - 30px);
}


/* 配置 */
.c_float_l { float: left;}
.c_float_r { float: right;}
.c_float_none { float: none;}

/* テキスト */
.e_txt {
margin-top: 1.5rem;
line-height: 2;
}

/* テキストアニメーション */

/* テキストカラー */

/* テキスト配置 */
.c_txt_l { text-align: left;}
.c_txt_c { text-align: center;}
.c_txt_r { text-align: right;}
.c_txt_h_top { vertical-align: top;}
.c_txt_h_middle { vertical-align: middle;}
.c_txt_h_bottom { vertical-align: bottom;}

/* テキストサイズ */
.c_txt_normal { font-weight: normal;}
.c_txt_bold { font-weight: bold;}
.c_txt_10 { font-size: 1rem;}
.c_txt_11 { font-size: 1.1rem;}
.c_txt_12 { font-size: 1.2rem;}
.c_txt_13 { font-size: 1.3rem;}
.c_txt_14 { font-size: 1.4rem;}
.c_txt_15 { font-size: 1.5rem;}
.c_txt_16 { font-size: 1.6rem;}
.c_txt_17 { font-size: 1.7rem;}
.c_txt_18 { font-size: 1.8rem;}
.c_txt_19 { font-size: 1.9rem;}
.c_txt_20 { font-size: 2rem;}
.c_txt_25 { font-size: 2.5rem;}
.c_txt_30 { font-size: 3rem;}
.c_txt_40 { font-size: 4rem;}
.c_txt_50 { font-size: 5rem;}
.c_txt_60 { font-size: 6rem;}

/* 間隔調整 */
.mt_0 {margin-top: 0;}
.mt_1 {margin-top: 1rem;}
.mt_2 {margin-top: 2rem;}
.mt_3 {margin-top: 3rem;}
.mt_4 {margin-top: 4rem;}
.mt_5 {margin-top: 5rem;}
.mt_6 {margin-top: 6rem;}
.mt_10 {margin-top: 10rem;}
.mt_13 {margin-top: 13rem;}
.mb_0 {margin-bottom: 0;}
.mb_1 {margin-bottom: 1rem;}
.mb_2 {margin-bottom: 2rem;}
.mb_3 {margin-bottom: 3rem;}
.mb_4 {margin-bottom: 4rem;}
.mb_5 {margin-bottom: 5rem;}
.mb_13 {margin-bottom: 13rem;}
.mr_0 {margin-right: 0;}
.mr_1 {margin-right: 1rem;}
.mr_2 {margin-right: 2rem;}
.mr_3 {margin-right: 3rem;}
.mr_4 {margin-right: 4rem;}
.mr_5 {margin-right: 5rem;}
.ml_0 {margin-right: 0;}
.ml_1 {margin-left: 1rem;}
.ml_2 {margin-left: 2rem;}
.ml_3 {margin-left: 3rem;}
.ml_4 {margin-left: 4rem;}
.ml_5 {margin-left: 5rem;}
.pt_0 {padding-top: 0;}
.pt_1 {padding-top: 1rem;}
.pt_2 {padding-top: 2rem;}
.pt_3 {padding-top: 3rem;}
.pt_4 {padding-top: 4rem;}
.pt_5 {padding-top: 5rem;}
.pt_10 {padding-top: 10rem;}
.pb_0 {padding-bottom: 0;}
.pb_1 {padding-bottom: 1rem;}
.pb_2 {padding-bottom: 2rem;}
.pb_3 {padding-bottom: 3rem;}
.pb_4 {padding-bottom: 4rem;}
.pb_5 {padding-bottom: 5rem;}
.pb_10 {padding-bottom: 10rem;}
.pb_13 {padding-bottom: 13rem;}
.pl_1 {padding-left: 1rem;}
.pl_2 {padding-left: 2rem;}
.pl_3 {padding-left: 3rem;}
.pl_4 {padding-left: 4rem;}
.pl_5 {padding-left: 5rem;}

/* ページナビゲーション */
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
color: #000;
}
.wp-pagenavi span {
display: inline-block;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}

@media only screen and (max-width: 1024px) {
/* ==================================
  ヘッダー l_header
================================== */
.l_header {
position: relative;
background: none;
overflow: none;
}
.l_top .l_header {
background-image: none;
padding: 2rem;
}
.l_top .l_header.class1 {
background-image: none;
}
.l_top .l_header.class2 {
background-image: none;
}
.l_top .l_header.class1:before {
content: "";
position: fixed;
top: 0;
left: 0;
z-index: -1;
background: url(../imgs/common/bg_main_tb_01.jpg) no-repeat center top / auto 100%;
width: 100%;
height: 520px;
}
.l_top .l_header.class2:before {
content: "";
position: fixed;
top: 0;
left: 0;
z-index: -1;
background: url(../imgs/common/bg_main_tb_02.jpg) no-repeat center top / auto 100%;
width: 100%;
height: 520px;
}
.l_header .m_nav .e_list .e_li {
margin-left: 2vw;
}
.l_header .m_nav .e_list .e_li .e_link {
font-size: 1.4rem;
}
.l_header .m_mv {
width: 100%;
max-width: 1280px;
margin: 10.3rem auto 6rem;
}
.l_header .m_mv .e_lead {
font-size: 3.2rem;
}
.l_header .m_mv .m_mv_bnr .e_white_paper_btn {
width: 100%;
width: 150px;
margin-left: 1rem;
}


/* ==================================
  フッター l_footer
================================== */
.l_footer {
background: #f8faf5;
margin: 10rem auto 0;
padding: 2rem 2rem 12.5rem;
box-sizing: border-box;
}
.l_top .l_footer {
background: #f8faf5;
margin: 0 auto;
padding: 8rem 2rem 12.5rem;
box-sizing: border-box;
}
.l_footer .m_footer_access {
margin: 3rem 0 0;
}
.l_footer .m_footer_access .m_info {
float: left;
width: auto;
max-width: none;
margin-right: 3vw;
}
.l_footer .m_footer_access .m_address {
float: left;
width: auto;
max-width: none;
}

.l_footer .m_nav {
margin: 3rem 0 0;
}
.l_footer .m_nav .e_nav {
float: none;
}
.l_footer .m_nav .e_footer_copy {
float: none;
margin-top: .5rem;
}
.l_footer .m_nav .e_page_top {
bottom: 1rem;
right: 1rem;
}


/* ==================================
　レイアウト l_xxx
================================== */
.l_top .l_main {
background: #f8faf5;
}



/* ==================================
　共通パーツ c_xxx m_xxx
================================== */
/* リスト */
.e_list_cat .e_li .e_link {
padding: 0 .4rem;
font-size: 1.2rem;
line-height: 28px;
border-radius: 16px;
}




}



@media only screen and (max-width: 768px) {
/* ==================================
  ヘッダー l_header
================================== */
.l_header {
position: relative;
padding: 2rem;
background: none;
overflow: hidden;
}
.l_top .l_header.class1:before {
content: "";
position: fixed;
top: 0;
left: 0;
z-index: -1;
background: url(../imgs/common/bg_main_sp_01.jpg) no-repeat center bottom / cover;
width: 100%;
height: 130vw;
}
.l_top .l_header.class2:before {
content: "";
position: fixed;
top: 0;
left: 0;
z-index: -1;
background: url(../imgs/common/bg_main_sp_02.jpg) no-repeat center bottom / auto 100%;
width: 100%;
height: 130vw;
}
.l_header .e_logo {
width: 100%;
max-width: 200px;
margin: 0;
}
.l_header .m_nav_btn {
position: fixed;
z-index: 101;
display: block;
top: 2.4rem;
right: 2rem;
width: 28px;
height: 21px;
}
.l_header .m_nav_btn span {
position: absolute;
top: 0;
right: 0;
display: block;
width: 28px;
height: 3px;
border-radius: 2px;
background: #ee3300;
transition: all .3s ease-in-out;
}
.l_header .m_nav_btn.current span {
background: #FFF;
}
.l_header .m_nav_btn span:nth-child(1) {
top: 0;
}
.l_header .m_nav_btn span:nth-child(2) {
top: 9px;
opacity: 1;
}
.l_header .m_nav_btn span:nth-child(3) {
top: 18px;
}
.l_header .m_nav_btn.current span:nth-child(1) {
top: 9px;
transform: rotate(225deg);
}
.l_header .m_nav_btn.current span:nth-child(2) {
opacity: 0;
}
.l_header .m_nav_btn.current span:nth-child(3) {
top: 9px;
transform: rotate(-225deg);
}
.l_header .m_nav {
position: fixed;
z-index: 100;
top: 0;
right: -100%;
display: block;
background: rgba(238,51,0,.8);
width: 100%;
height: 100vh;
transition: right .3s ease-in-out;
margin: 0;
}
.l_header .m_nav.current {
right: 0;
}
.l_header .m_nav .e_nav_home {
margin: 2rem 0 0 2rem;
}
.l_header .m_nav .e_list {
display: block;
margin-top: 2rem;
}
.l_header .m_nav .e_list .e_li {
margin-left: 0;
}
.l_header .m_nav .e_list .e_li .e_link {
display: block;
background: url(./../imgs/common/ico_arw_wh.png) no-repeat right 2rem center;
font-size: 1.8rem;
padding: 1.5rem 1rem;
color: #FFF;
border-bottom: 1px solid #FFF;
}
.l_header .m_nav .e_list .e_li:first-child .e_link {
border-top: 1px solid #FFF;
}

.l_header .m_mv {
width: 100%;
max-width: 1280px;
margin: 18vw auto;
display: block;
}
.l_header .m_mv .e_lead {
font-size: 7vw;
}
.l_header .m_mv .e_15th_logo {
text-align: center;
margin-top: 15vw;
}
.l_header .m_mv .m_mv_bnr {
margin-top: 1rem;
}
.l_header .m_mv .m_mv_bnr .e_white_paper_btn {
width: 100%;
width: 200px;
margin: 0 1rem;
}


/* ==================================
  フッター l_footer
================================== */
.l_footer {
margin-top: 5rem;
padding: 4rem 2rem;
background: #f8faf5;
}
.l_top .l_footer {
margin: 0;
}
.l_footer .m_footer_access {
margin: 4rem 0 0;
}
.l_footer .m_footer_access .m_info {
float: none;
}
.l_footer .m_footer_access .m_address {
float: none;
margin: 2rem 0 0;
}
.l_footer .m_nav {
margin: 4rem 0 0;
padding-right: 0;
}
.l_footer .m_nav .e_nav .e_list .e_li {
display: block;
margin-left: 0;
margin-top: .5rem;
}
.l_footer .m_nav .e_nav .e_list .e_li:first-child {
margin-top: 0;
}
.l_footer .m_nav .e_nav .e_list .e_li .e_link {
padding-left: 2.2rem;
background: url(../imgs/common/ico_arw_bl.png) no-repeat left center /  auto 100%;
}
/* ==================================
　レイアウト l_xxx
================================== */
.l_top .l_main {
background: #f8faf5;
}



/* ==================================
　共通パーツ c_xxx m_xxx
================================== */
.e_bo_lead {
padding: 5rem 2rem;
font-size: 5vw;
}

/* -- 見出し -- */
.e_ttl_lv2 {
font-size: 5.5vw;
}

/* -- ボタン -- */
.e_contact_btn {
margin: 5rem 0 0;
}
.e_contact_btn .e_link:before {
content: none;
}
.l_top .e_contact_btn {
margin: 5rem 0 0;
}
.l_top .e_contact_btn .e_link:before {
content: none;
}
.e_contact_btn .e_link {
position: relative;
display: block;
background: #333333;
color: #FFF;
text-align: center;
padding: 1rem;
}
.e_contact_btn .s_contact_btn {
background: url(../imgs/common/ico_contact_mail.png) no-repeat left center / 28px auto;
padding-left: 3.8rem;
}
.l_top .e_contact_btn .s_contact_btn {
padding-left: 3.3rem;
}
.e_contact_btn .s_txt_jp {
font-size: 4vw;
}
.e_contact_btn .s_txt_en {
font-size: 3vw;
}

.m_img_list {
display: block;
}

}