@charset "UTF-8";
/*
Theme Name:
Theme URI:
Description:
Author:CrescentWorks.inc
*/
* { text-decoration: none; outline: none; }

b, strong { font-weight: bold; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

img { border: none; vertical-align: bottom; font-size: 0px; line-height: 0px; max-width: 100%; height: auto; }

input, textarea, select { border-radius: 0; }

/*
サイトで共通する設定や、
制作に便利なクラスなどをまとめたファイルです。

common / base /variables 内のscssファイルに記述されている変数を使用しています。


*/
html { overflow: auto; font-size: 62.5%; }

body { min-width: 100%; position: relative; overflow: hidden; word-wrap: break-word; overflow-wrap: break-word; -webkit-text-size-adjust: 100%; }

a { color: #000000; display: inline-block; }

.f_right { float: right; }

.f_left { float: left; }

.disnon, .none { display: none; }

.block { display: block; }

.bold { font-weight: bold; }

.center { display: block; margin: 0 auto; text-align: center; }

.linkbox { cursor: pointer; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; }

.linkbox:hover { opacity: 0.8; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; }

.hov_link:hover { text-decoration: underline; }

.cf { zoom: 1; }

.cf:before, .cf:after { content: ""; display: block; overflow: hidden; height: 0; clear: both; }

.clear { display: block; clear: both; visibility: hidden; height: 0; }

.sp_view { display: none; }

.pc_view { display: block; }

.sp_item { display: none; }

.pc_item { display: initial; }

.mb10 { margin-bottom: 10px; }

.mb20 { margin-bottom: 20px; }

.mb30 { margin-bottom: 30px; }

.mb40 { margin-bottom: 40px; }

.mb60 { margin-bottom: 60px; }

.mb80 { margin-bottom: 80px; }

.mb100 { margin-bottom: 100px; }

.mt10 { margin-top: 10px; }

.mt20 { margin-top: 20px; }

.mt30 { margin-top: 30px; }

.mt40 { margin-top: 40px; }

.mt60 { margin-top: 60px; }

.mt80 { margin-top: 80px; }

.mt100 { margin-top: 100px; }

.note { color: #e03030; }

ul.dot_list li { padding-left: 1.2em; position: relative; }

ul.dot_list li:before { content: "・"; position: absolute; top: 0; left: 0; }

ul.note_list li { padding-left: 1.2em; position: relative; }

ul.note_list li:before { content: "※"; position: absolute; top: 0; left: 0; }

/*
    共通スタイル
*/
*:not(br) { -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.6; }

@-webkit-keyframes move { 0% { -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  50% { -webkit-transform: translate(0, -5px);
    transform: translate(0, -5px); }
  100% { -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes move { 0% { -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  50% { -webkit-transform: translate(0, -5px);
    transform: translate(0, -5px); }
  100% { -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@-webkit-keyframes hover_move { 0% { top: 16px; }
  100% { top: 55px; } }

@keyframes hover_move { 0% { top: 16px; }
  100% { top: 55px; } }

@-webkit-keyframes hover_move_back { 0% { top: -30px; }
  100% { top: 16px; } }

@keyframes hover_move_back { 0% { top: -30px; }
  100% { top: 16px; } }

@-webkit-keyframes hover_move2 { 0% { top: 14px; }
  100% { top: -55px; } }

@keyframes hover_move2 { 0% { top: 14px; }
  100% { top: -55px; } }

@-webkit-keyframes hover_move_back2 { 0% { bottom: -30px; }
  100% { bottom: 14px; } }

@keyframes hover_move_back2 { 0% { bottom: -30px; }
  100% { bottom: 14px; } }

@-webkit-keyframes sc_on { from { bottom: -50px;
    opacity: 0; }
  to { opacity: 1;
    bottom: 0; } }

@keyframes sc_on { from { bottom: -50px;
    opacity: 0; }
  to { opacity: 1;
    bottom: 0; } }

body { font-size: 1.3rem; color: #000000; font-family: 'Noto Sans JP', sans-serif; font-weight: 300; }

.noto { font-family: 'Noto Sans JP', sans-serif; font-weight: 300; }

.img_area { position: relative; opacity: 0; }

.in-to { -webkit-animation-name: sc_on; animation-name: sc_on; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.stop { overflow: hidden; }

.pc_block { display: block; }

.sp_block { display: initial; }

.xdebug-var-dump { font-size: 13px; font-family: arial; }

.xdebug-var-dump font { color: #4368af; }

.xdebug-var-dump small { color: #ff6868; }

.abel { font-family: "Abel",  sans-serif; }

.site_width { width: 960px; margin: auto; }

.eyecatch_width { width: 1130px; margin: auto; }

#content { position: relative; margin: auto; z-index: 3; }

#main_content section { margin-bottom: 80px; }

#main_content section section { margin: 20px 0; padding: 0 5px; }

.sec_ttl { font-size: 2.4rem; font-weight: 300; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

.sub_ttl { font-size: 1.8rem; font-weight: bolder; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: 1px; line-height: 1.2; border-bottom: solid 2px #252a35; margin-bottom: 30px; padding: 8px; }

.btn { padding: 8px 24px; background: #3a3734; color: #fff; margin-top: 20px; }

.btn:hover { opacity: 0.8; -webkit-box-shadow: 0 0 3px #ccc; box-shadow: 0 0 3px #ccc; }

#header { padding: 8px 0 20px; overflow: hidden; position: absolute; width: 100%; }

#header .header_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#header .logo { width: 138px; margin-right: 109px; -webkit-transition: all .3s; transition: all .3s; z-index: 999; }

#header .logo:hover { opacity: 0.5; -webkit-transition: all .3s; transition: all .3s; }

.menu_btn { width: 13vw; height: 12vw; padding: 2vw 1vw; float: right; }

.menu_btn .menu_trigger { position: relative; width: 100%; height: 100%; display: block; }

.menu_btn .menu_trigger span { display: block; width: 100%; height: 1px; position: absolute; left: 0; background-color: #fff; border-radius: 3px; -webkit-transition: all .4s; transition: all .4s; }

.menu_btn .menu_trigger span:nth-of-type(1) { top: 0; }

.menu_btn .menu_trigger span:nth-of-type(2) { top: calc(50% - 1px); }

.menu_btn .menu_trigger span:nth-of-type(3) { bottom: 0; }

.menu_btn.open_ .menu_trigger span:nth-of-type(1) { -webkit-transform: translateY(3.3vw) rotate(-45deg); transform: translateY(3.3vw) rotate(-45deg); }

.menu_btn.open_ .menu_trigger span:nth-of-type(2) { opacity: 0; }

.menu_btn.open_ .menu_trigger span:nth-of-type(3) { -webkit-transform: translateY(-4.4vw) rotate(45deg); transform: translateY(-4.4vw) rotate(45deg); }

#sp_menu { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.96); z-index: 99; }

#sp_menu .menu_wrapp { padding: 4%; }

#sp_menu .menu_wrapp ul { padding: 0 5%; }

#sp_menu .menu_wrapp ul li a { font-size: 4.2vw; font-weight: bold; display: block; padding: 4% 0; border-bottom: solid 1px #ccc; }

#sp_menu .menu_wrapp ul li a span .small { font-size: 3vw; margin-left: 3vw; vertical-align: middle; font-weight: 400; }

#sp_menu .menu_wrapp .corporate_link { border: 1px solid #ccc; position: relative; -webkit-transition: all .3s; transition: all .3s; width: 90%; margin: 6vw auto 0; }

#sp_menu .menu_wrapp .corporate_link:after { position: absolute; content: ""; width: 10px; height: 8px; background: url("../img/lyon/corporate_icon_sp.png") no-repeat center/cover; right: 4px; top: 4px; -webkit-transition: all .3s; transition: all .3s; }

#sp_menu .menu_wrapp .corporate_link a { font-size: 3.5vw; color: #000; font-weight: bold; padding: 4vw 0; letter-spacing: 1px; -webkit-transition: all .3s; transition: all .3s; width: 100%; text-align: center; }

#gnav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 99; }

#gnav .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#gnav .inner ul { display: -webkit-box; display: -ms-flexbox; display: flex; }

#gnav .inner ul li { margin-right: 25px; }

#gnav .inner ul li a { display: block; position: relative; font-size: 1.4rem; color: #fff; letter-spacing: 1px; }

#gnav .inner ul li a:after { content: ""; display: block; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; bottom: -3px; -webkit-transition: all .3s; transition: all .3s; opacity: 0; }

#gnav .inner ul li a:hover:after { width: 100%; bottom: 0; opacity: 1; }

#gnav .corporate_link { border: 1px solid #fff; position: relative; -webkit-transition: all .3s; transition: all .3s; }

#gnav .corporate_link:after { position: absolute; content: ""; width: 10px; height: 8px; background: url("../img/lyon/corporate_icon.png") no-repeat center/cover; right: 4px; top: 4px; -webkit-transition: all .3s; transition: all .3s; }

#gnav .corporate_link a { font-size: 1.4rem; color: #fff; padding: 3.5px 36px; letter-spacing: 1px; -webkit-transition: all .3s; transition: all .3s; }

#gnav .corporate_link:hover:after { background: url("../img/lyon/corporate_icon_hover.png") no-repeat center/cover; -webkit-transition: all .3s; transition: all .3s; }

#gnav .corporate_link:hover a { color: #000; -webkit-transition: all .3s; transition: all .3s; background: #fff; }

#eyecatch { padding: 20% 0; background: url("../img/lyon/eye_bg.jpg") no-repeat center/cover; position: relative; overflow: hidden; }

#eyecatch .lion { position: absolute; right: 16%; top: -25%; width: 80%; z-index: 1; }

#eyecatch h1 { color: #fff; font-size: 3.0rem; font-weight: bold; position: absolute; bottom: 20%; z-index: 2; }

#eyecatch h1 .small { font-size: 1.6rem; font-weight: 400; }

#eyecatch .fixe_btn { border: 1px solid #fff; border-radius: 45px; width: 48px; height: 48px; position: absolute; bottom: 7%; left: 50%; right: 50%; z-index: 99; cursor: pointer; overflow: hidden; -webkit-animation: move 1s infinite linear alternate; animation: move 1s infinite linear alternate; }

#eyecatch .fixe_btn span { background: #fff; width: 1px; height: 16px; position: absolute; }

#eyecatch .fixe_btn span:nth-child(1) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 17px; top: 16px; }

#eyecatch .fixe_btn span:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 17px; top: 16px; }

#eyecatch .fixe_btn span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 17px; top: -30px; }

#eyecatch .fixe_btn span:nth-child(4) { -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 17px; top: -30px; }

#eyecatch .fixe_btn:hover span:nth-child(1) { -webkit-animation: hover_move 0.5s linear alternate; animation: hover_move 0.5s linear alternate; }

#eyecatch .fixe_btn:hover span:nth-child(2) { -webkit-animation: hover_move 0.5s linear alternate; animation: hover_move 0.5s linear alternate; }

#eyecatch .fixe_btn:hover span:nth-child(3) { -webkit-animation: hover_move_back 0.5s linear alternate; animation: hover_move_back 0.5s linear alternate; }

#eyecatch .fixe_btn:hover span:nth-child(4) { -webkit-animation: hover_move_back 0.5s linear alternate; animation: hover_move_back 0.5s linear alternate; }

#pagetop { display: none; position: fixed; bottom: 50px; right: 50px; width: 48px; height: 48px; text-align: center; cursor: pointer; border-radius: 45px; border: solid 1px #fff; overflow: hidden; }

#pagetop span { background: #fff; width: 1px; height: 16px; position: absolute; }

#pagetop span:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px; top: 14px; }

#pagetop span:nth-child(2) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 17px; top: 14px; }

#pagetop span:nth-child(3) { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px; bottom: -30px; }

#pagetop span:nth-child(4) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 17px; bottom: -30px; }

#pagetop:hover span:nth-child(1) { -webkit-animation: hover_move2 0.5s linear alternate; animation: hover_move2 0.5s linear alternate; }

#pagetop:hover span:nth-child(2) { -webkit-animation: hover_move2 0.5s linear alternate; animation: hover_move2 0.5s linear alternate; }

#pagetop:hover span:nth-child(3) { -webkit-animation: hover_move_back2 0.5s linear alternate; animation: hover_move_back2 0.5s linear alternate; }

#pagetop:hover span:nth-child(4) { -webkit-animation: hover_move_back2 0.5s linear alternate; animation: hover_move_back2 0.5s linear alternate; }

#footer { position: relative; background: url("../img/lyon/footer_bg.jpg") no-repeat center/cover; padding-top: 86px; }

#footer .inner { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 65px; }

#footer .inner .footer_logo { width: 138px; margin-right: 109px; -webkit-transition: all .3s; transition: all .3s; }

#footer .inner .footer_logo:hover { opacity: 0.5; -webkit-transition: all .3s; transition: all .3s; }

#footer .inner .footer_nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 99; }

#footer .inner .footer_nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; }

#footer .inner .footer_nav ul li { margin-right: 25px; }

#footer .inner .footer_nav ul li a { display: block; position: relative; font-size: 1.4rem; color: #fff; letter-spacing: 1px; }

#footer .inner .footer_nav ul li a:after { content: ""; display: block; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; bottom: -3px; -webkit-transition: all .3s; transition: all .3s; opacity: 0; }

#footer .inner .footer_nav ul li a:hover:after { width: 100%; bottom: 0; opacity: 1; }

#footer .inner .corporate_link { border: 1px solid #fff; position: relative; -webkit-transition: all .3s; transition: all .3s; }

#footer .inner .corporate_link:after { position: absolute; content: ""; width: 10px; height: 8px; background: url("../img/lyon/corporate_icon.png") no-repeat center/cover; right: 4px; top: 4px; -webkit-transition: all .3s; transition: all .3s; }

#footer .inner .corporate_link a { font-size: 1.4rem; color: #fff; padding: 3.5px 36px; letter-spacing: 1px; -webkit-transition: all .3s; transition: all .3s; }

#footer .inner .corporate_link:hover:after { background: url("../img/lyon/corporate_icon_hover.png") no-repeat center/cover; -webkit-transition: all .3s; transition: all .3s; }

#footer .inner .corporate_link:hover a { color: #000; -webkit-transition: all .3s; transition: all .3s; background: #fff; }

#footer .copyright { color: #FFF; text-align: right; padding: 10px; font-size: 1.0rem; }

.sec_1 { background: url("../img/lyon/cont_bg01.jpg") no-repeat center/cover; padding-top: 50px; overflow: hidden; }

.sec_1 .inner { display: -webkit-box; display: -ms-flexbox; display: flex; }

.sec_1 .inner .img_area { -ms-flex-negative: 0; flex-shrink: 0; }

.sec_1 .inner .sec_1_text_area { margin-left: 135px; width: 41%; }

.sec_1 .inner .sec_1_text_area .sec_ttl { color: #fff; margin: 50px 0 23px; }

.sec_1 .inner .sec_1_text_area p { color: #fff; margin: 27px 0; line-height: 23px; font-weight: lighter; text-align: justify; }

.sec_1 .inner .sec_1_text_area p .small { font-size: 1.1rem; }

.sec_1 .inner .sec_1_text_area ul { display: -webkit-box; display: -ms-flexbox; display: flex; }

.sec_1 .inner .sec_1_text_area ul li { margin-right: 15px; }

.sec_1 .inner .sec_1_text_area ul li:last-child { margin-right: 0; }

.sec_2 { background: url("../img/lyon/cont_bg02.jpg") no-repeat center/cover; padding: 101px 0px; }

.sec_2 .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.sec_2 .inner .img_area { -ms-flex-negative: 0; flex-shrink: 0; }

.sec_2 .inner .sec_2_text_area { width: 66%; margin-right: 59px; }

.sec_2 .inner .sec_2_text_area .sec_ttl { color: #fff; }

.sec_2 .inner .sec_2_text_area .text_area { color: #fff; padding: 36px 0; border-bottom: 1px solid #434343; line-height: 23px; font-weight: lighter; text-align: justify; }

.sec_2 .inner .sec_2_text_area ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 36px; }

.sec_2 .inner .sec_2_text_area ul li { width: 48%; margin-right: 26px; font-size: 1.5rem; color: #fff; }

.sec_2 .inner .sec_2_text_area ul li img { width: 100%; }

.sec_2 .inner .sec_2_text_area ul li .ttl { margin-bottom: 11px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }

.sec_2 .inner .sec_2_text_area ul li .ttl h3 { font-weight: 400; width: 56%; font-size: 1.5rem; }

.sec_2 .inner .sec_2_text_area ul li .ttl .small { font-size: 0.9rem; font-weight: lighter; width: 44%; }

.sec_2 .inner .sec_2_text_area ul li:last-child { margin-right: 0; }

.sec_2 .inner .sec_2_text_area ul li p { color: #fff; font-size: 1.0rem; font-weight: lighter; margin-top: 18px; }

.banner_area { background: #f6f6f6; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px 0; overflow: hidden; }

.banner_area .text_area h2 { font-size: 1.8rem; font-weight: 300; border-bottom: 1px solid #bababa; padding-bottom: 14px; }

.banner_area .text_area p { margin-top: 14px; }

.banner_area .triangle { border-right: 35px solid transparent; border-bottom: 15px solid #bababa; border-left: 35px solid transparent; -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-right: -10px; }

.banner_area .img_area { -ms-flex-negative: 0; flex-shrink: 0; }

.banner_area .img_area a { -webkit-transition: all .3s; transition: all .3s; }

.banner_area .img_area a:hover img { opacity: 0.5; -webkit-transition: all .3s; transition: all .3s; }

.banner_area .img_area img { width: 100%; -webkit-transition: all .3s; transition: all .3s; }

.sec_3 { background: url("../img/lyon/cont_bg03.jpg") no-repeat center/cover; padding: 47px 0; }

.sec_3 .inner .sec_3_text_area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.sec_3 .inner .sec_3_text_area .text_area { width: 41%; }

.sec_3 .inner .sec_3_text_area .text_area .sec_ttl { margin-bottom: 30px; }

.sec_3 .inner .sec_3_text_area .text_area .sec_ttl .small { font-size: 1.4rem; }

.sec_3 .inner .sec_3_text_area .text_area p { line-height: 23px; }

.sec_3 .inner .sec_3_text_area .text_area .img_area1, .sec_3 .inner .sec_3_text_area .text_area .img_area2 { width: 80%; margin: auto; }

.sec_3 .inner .sec_3_text_area .text_area .img_area2 { position: relative; right: -8%; }

.sec_3 .inner .sec_3_text_area:nth-child(1) .text_area { margin-left: 124px; }

.sec_3 .inner .sec_3_text_area:nth-child(2) { top: -70px; margin-bottom: -70px; }

.sec_3 .inner .sec_3_text_area:nth-child(2) .text_area { margin-right: 124px; }

.sec_4 { background: url("../img/lyon/cont_bg04.jpg") no-repeat center/cover; padding: 70px 0; }

.sec_4 .inner ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.sec_4 .inner ul li { margin-right: 52px; width: 38%; }

.sec_4 .inner ul li:last-child { margin-right: 0; }

.sec_4 .inner ul li .sec_ttl { font-size: 2.1rem; }

.sec_4 .inner ul li p { margin: 22px 0; line-height: 23px; }

.sec_5 { background: #1f1f1f; padding: 76px 0 82px; }

.sec_5 .img_ttl { text-align: center; margin-bottom: 70px; }

.sec_5 .sec_ttl { color: #fff; }

.sec_5 .text_area { color: #fff; line-height: 23px; }

.sec_5 .sec_5_inner { display: -webkit-box; display: -ms-flexbox; display: flex; }

.sec_5 .sec_5_inner .sec_5_left { margin-right: 33px; }

.sec_5 .sec_5_inner .sec_5_left .text_area { margin: 20px 0; letter-spacing: 0.5px; }

.sec_5 .sec_5_inner .sec_5_left .sec_5_text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 4px double #434343; position: relative; height: 60%; margin-top: 46px; width: 523px; }

.sec_5 .sec_5_inner .sec_5_left .sec_5_text img { position: relative; bottom: 21px; left: 5%; }

.sec_5 .sec_5_inner .sec_5_left .sec_5_text .sec_5_text_inner { padding: 0 12px 0 40px; color: #fff; }

.sec_5 .sec_5_inner .sec_5_left .sec_5_text .sec_5_text_inner h3 { margin-bottom: 8px; letter-spacing: 1px; font-weight: 400; }

.sec_5 .sec_5_inner .sec_5_left .sec_5_text .sec_5_text_inner p { font-size: 1.1rem; letter-spacing: 0.5px; font-weight: lighter; line-height: 15px; }

.sec_5 .sec_5_inner .img_area { -ms-flex-negative: 0; flex-shrink: 0; }

.sec_5 .sec_5_inner .img_area img { position: relative; top: 20px; }

@media screen and (max-width: 768px) { .sp_view { display: block; }
  .pc_view { display: none; }
  .sp_item { display: initial; }
  .pc_item { display: none; }
  .mb10 { margin-bottom: 2vw; }
  .mb20 { margin-bottom: 4vw; }
  .mb30 { margin-bottom: 6vw; }
  .mb40 { margin-bottom: 8vw; }
  .mb60 { margin-bottom: 10vw; }
  .mb80 { margin-bottom: 12vw; }
  .mb100 { margin-bottom: 14vw; }
  .mt10 { margin-top: 2vw; }
  .mt20 { margin-top: 4vw; }
  .mt30 { margin-top: 6vw; }
  .mt40 { margin-top: 8vw; }
  .mt60 { margin-bottom: 10vw; }
  .mt80 { margin-bottom: 12vw; }
  .mt100 { margin-bottom: 14vw; }
  body { font-size: 3.8vw; font-weight: 400; }
  .pc_block { display: initial; }
  .sp_block { display: block; }
  .site_width { width: 88%; }
  #main_content section { margin-bottom: 10vw; }
  #main_content section section { padding: 0 2vw; }
  .sec_ttl { font-size: 6.4vw; font-weight: 400; }
  .sub_ttl { margin-bottom: 4vw; font-size: 4vw; }
  #header { padding: 2vw 0; position: fixed; background: #332826; top: 0; left: 0; width: 100%; z-index: 9; }
  #header .header_wrap { display: block; }
  #header .logo { width: 35%; margin-right: 8.2vw; }
  #gnav { display: none; }
  #eyecatch { padding: 85vw 0; }
  #eyecatch .lion { right: 0; top: 0; width: 100%; }
  #eyecatch h1 { font-size: 6.7vw; left: 4%; bottom: 17%; width: 88%; }
  #eyecatch h1 .small { line-height: 36px; font-size: 4vw; }
  #eyecatch .fixe_btn { width: 70px; height: 70px; bottom: 3.5%; left: 40%; }
  #eyecatch .fixe_btn span { height: 20px; }
  #eyecatch .fixe_btn span:nth-child(1) { left: 26px; top: 25px; -webkit-transform: rotate(-52deg); transform: rotate(-52deg); }
  #eyecatch .fixe_btn span:nth-child(2) { right: 26px; top: 25px; -webkit-transform: rotate(52deg); transform: rotate(52deg); }
  #eyecatch .fixe_btn span:nth-child(3) { display: none; }
  #eyecatch .fixe_btn span:nth-child(4) { display: none; }
  #footer { padding: 10vw 0; }
  #footer .inner { display: block; padding-bottom: 4vw; text-align: center; }
  #footer .inner .footer_logo { margin-right: 0; width: 35%; }
  #footer .inner .footer_nav { display: none; }
  #footer .inner .corporate_link { display: none; }
  #footer .copyright { text-align: center; font-size: 2.7vw; }
  .sec_1 { padding-top: 17vw; overflow: hidden; }
  .sec_1 .inner { display: block; }
  .sec_1 .inner .img_area { width: 80%; margin: 0 auto -30%; }
  .sec_1 .inner .sec_1_text_area { width: 100%; margin-left: 0; }
  .sec_1 .inner .sec_1_text_area .sec_ttl { margin: 0; }
  .sec_1 .inner .sec_1_text_area .sec_ttl .pc_block { margin-right: -6px; }
  .sec_1 .inner .sec_1_text_area p { margin: 8vw 0; font-weight: 400; line-height: 27px; }
  .sec_1 .inner .sec_1_text_area p .small { font-size: 3.8vw; }
  .sec_1 .inner .sec_1_text_area ul li { margin-right: 4vw; }
  .sec_2 { padding: 17vw 0 0; }
  .sec_2 .inner { display: block; }
  .sec_2 .inner .img_area { width: 60%; margin: auto; }
  .sec_2 .inner .sec_2_text_area { width: 100%; margin-right: 0; }
  .sec_2 .inner .sec_2_text_area .text_area { font-weight: 400; border-bottom: none; line-height: 27px; }
  .sec_2 .inner .sec_2_text_area ul { display: block; }
  .sec_2 .inner .sec_2_text_area ul li { width: 100%; padding-bottom: 10vw; }
  .sec_2 .inner .sec_2_text_area ul li .ttl { margin-bottom: 3vw; }
  .sec_2 .inner .sec_2_text_area ul li .ttl h3 { font-size: 4.8vw; width: 60%; }
  .sec_2 .inner .sec_2_text_area ul li .ttl .small { width: 40%; font-weight: 400; }
  .sec_2 .inner .sec_2_text_area ul li p { font-size: 3.2vw; margin-top: 3vw; font-weight: 400; }
  .banner_area { display: block; padding: 10vw 0; }
  .banner_area .text_area { width: 88%; margin: auto; }
  .banner_area .text_area h2 { padding-bottom: 3vw; font-size: 4.8vw; }
  .banner_area .text_area p { margin: 3vw 0 6vw; }
  .banner_area .triangle { display: none; }
  .banner_area .img_area { width: 88%; margin: auto; }
  .sec_3 { padding: 10vw 0; }
  .sec_3 .inner .sec_3_text_area { display: block; }
  .sec_3 .inner .sec_3_text_area .text_area { width: 100%; }
  .sec_3 .inner .sec_3_text_area .text_area .sec_ttl { margin-bottom: 10vw; }
  .sec_3 .inner .sec_3_text_area .text_area .sec_ttl .small { font-size: 6.4vw; }
  .sec_3 .inner .sec_3_text_area .text_area p { margin-top: 10vw; line-height: 27px; }
  .sec_3 .inner .sec_3_text_area:nth-child(1) .text_area { margin-left: 0; margin-bottom: 20vw; }
  .sec_3 .inner .sec_3_text_area:nth-child(2) { top: 0; margin-bottom: 0; }
  .sec_3 .inner .sec_3_text_area:nth-child(2) .text_area { margin-right: 0; }
  .sec_4 { padding: 10vw 0; }
  .sec_4 .inner ul { display: block; }
  .sec_4 .inner ul li { width: 100%; margin-right: 0; margin-bottom: 15vw; }
  .sec_4 .inner ul li:last-child { margin-bottom: 0; }
  .sec_4 .inner ul li .sec_ttl { font-size: 5.5vw; }
  .sec_4 .inner ul li p { margin: 3vw 0 6vw; line-height: 27px; }
  .sec_5 { padding: 10vw 0; }
  .sec_5 .img_ttl { margin-bottom: 7vw; }
  .sec_5 .sec_ttl { text-align: justify; }
  .sec_5 .text_area { line-height: 27px; }
  .sec_5 .sec_5_inner { display: block; }
  .sec_5 .sec_5_inner .sec_5_left { margin-right: 0; }
  .sec_5 .sec_5_inner .sec_5_left .text_area { text-align: justify; }
  .sec_5 .sec_5_inner .sec_5_left .sec_5_text { width: 100%; }
  .sec_5 .sec_5_inner .sec_5_left .sec_5_text img { width: 30%; bottom: 0; }
  .sec_5 .sec_5_inner .sec_5_left .sec_5_text .sec_5_text_inner { padding: 3vw 3vw 3vw 8vw; }
  .sec_5 .sec_5_inner .sec_5_left .sec_5_text .sec_5_text_inner h3 { font-size: 4vw; margin-bottom: 2vw; }
  .sec_5 .sec_5_inner .sec_5_left .sec_5_text .sec_5_text_inner p { font-size: 3.1vw; font-weight: 400; line-height: 19px; }
  .sec_5 .sec_5_inner .img_area { width: 90%; margin: auto; } }

@media all and (-ms-high-contrast: none) { body { font-family: 'メイリオ', 'Meiryo', sans-serif; } }