@charset "UTF-8";
/* CSS Document */
/* font
=========================================== */
@font-face { /*Zen Kaku Gothic Antique*/
font-family: "Zen Kaku Gothic Antique"; src: url("../fonts/font/ZenKakuGothicAntique-Regular.ttf"); src: url("../fonts/font/ZenKakuGothicAntique-Regular.woff2") format("woff2"), url("../fonts/font/ZenKakuGothicAntique-Regular.woff") format("woff"), url("../fonts/font/ZenKakuGothicAntique-Regular.ttf") format("truetype"); font-weight: 400; }
@font-face { /*Zen Kaku Gothic Antiqueミディアム*/
font-family: "Zen Kaku Gothic Antique"; src: url("../fonts/font/ZenKakuGothicAntique-Medium.ttf"); src: url("../fonts/font/ZenKakuGothicAntique-Medium.woff2") format("woff2"), url("../fonts/font/ZenKakuGothicAntique-Medium.woff") format("woff"), url("../fonts/font/ZenKakuGothicAntique-Medium.ttf") format("truetype"); font-weight: 500; }
@font-face { /*Zen Kaku Gothic Antiqueボールド*/
font-family: "Zen Kaku Gothic Antique"; src: url("../fonts/font/ZenKakuGothicAntique-Bold.ttf"); src: url("../fonts/font/ZenKakuGothicAntique-Bold.woff2") format("woff2"), url("../fonts/font/ZenKakuGothicAntique-Bold.woff") format("woff"), url("../fonts/font/ZenKakuGothicAntique-Bold.ttf") format("truetype"); font-weight: 700; }
@font-face { /*Zen Kaku Gothic Antiqueブラック*/
font-family: "Zen Kaku Gothic Antique"; src: url("../fonts/font/ZenKakuGothicAntique-Black.ttf"); src: url("../fonts/font/ZenKakuGothicAntique-Black.woff2") format("woff2"), url("../fonts/font/ZenKakuGothicAntique-Black.woff") format("woff"), url("../fonts/font/ZenKakuGothicAntique-Black.ttf") format("truetype"); font-weight: 900; }
@font-face { /*Oswald*/
font-family: "Oswald"; src: url("../fonts/font/Oswald-Medium.ttf"); src: url("../fonts/font/Oswald-Medium.woff2") format("woff2"), url("../fonts/font/Oswald-Medium.woff") format("woff"), url("../fonts/font/Oswald-Medium.ttf") format("truetype"); font-weight: 500; }
/* Link
=========================================== */
a:link, a:visited { color: #0A0A0A; text-decoration: none; }

a:hover, a:active { color: #0A0A0A; text-decoration: none; }

a { outline: none; transition: 0.3s; }

a img { transition: 0.3s; }

:focus { outline: none; }

/* LAYOUT
=========================================== */
body { overflow: hidden; width: 100%; }

.pc { display: none !important; }

.sp { display: block; }

body { color: #0A0A0A; background: #FFFFFF; font-size: 16px; line-height: 1.6; font-family: YakuHanJP,"Zen Kaku Gothic Antique",sans-serif; font-weight: 500; font-style: normal; word-break: break-all; }

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

table { width: 100%; table-layout: fixed; }

h1, h2, h3, h4, h5, h6 { font-weight: 700; }

.wrap { position: relative; }

input, select { -webkit-appearance: auto; appearance: auto; }

/*共通設定*/
.btn01 { width: 100%; max-width: 400px; min-height: 54px; margin: 40px auto 0; }

.btn01 a { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%; padding: 13px 50px 13px 40px; background: #FFFFFF; border: 1px solid #063257; box-sizing: border-box; border-radius: 50px; position: relative; }

.btn01 a .btn-text { color: #063257; font-weight: 700; transition: 0.3s; }

.btn01 a .arrow { display: block; width: 24px; height: 24px; border-radius: 50%; background-color: #063257; background-image: url("../img/common/btn_arrow.svg"); background-repeat: no-repeat; background-position: center; background-size: 6px; position: absolute; top: 50%; right: 14px; transform: translateY(-50%); transition: 0.3s; }

.btn01.shiro a { background: transparent; border: 1px solid #FFFFFF; }

.btn01.shiro a .btn-text { color: #FFFFFF; }

.btn01.shiro a .arrow { background-color: #FFFFFF; background-image: url("../img/common/btn_arrow02.svg"); }

.btn02 { display: inline-block; margin-top: 30px; }

.btn02 a { display: inline-flex; align-items: center; }

.btn02 a .btn-text { font-weight: 700; color: #063257; transition: 0.3s; }

.btn02 a .arrow { display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #063257; background-image: url("../img/common/btn_arrow.svg"); background-repeat: no-repeat; background-position: center; background-size: 6px; margin-left: 12px; }

.btn_contact { width: 100%; max-width: 400px; height: 100px; margin: 40px auto 0; }

.btn_contact a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 15px 20px; background: #FFFFFF; border: 1px solid #063257; box-sizing: border-box; border-radius: 50px; text-align: center; position: relative; }

.btn_contact a .btn-text { display: inline-block; padding-left: 39px; box-sizing: border-box; color: #063257; font-size: 20px; font-weight: 900; position: relative; transition: 0.3s; }

.btn_contact a .btn-text::before { content: ""; display: block; width: 23px; height: 18px; background: url("../img/common/icon_mail.png") no-repeat center; background-size: contain; position: absolute; top: 9px; left: 0; }

.title01 { margin-bottom: 60px; }

.title01 .en { display: block; font-family: "Oswald"; font-size: 70px; line-height: 1.2; font-weight: 500; text-transform: uppercase; }

.title01 .ja { display: block; font-size: 16px; font-weight: 900; margin-top: 10px; }

.tel_box { text-align: center; }

.tel_box .tel .num { font-size: 40px; color: #063257; }

.tel_box .tel .num span { font-size: 20px; }

.tel_box .tel-text { font-size: 14px; color: #063257; }

.tel_box .tel-text span { display: inline-block; margin-right: 10px; }

.tel_box .tel-text span:last-child { margin-right: 0; }

.under-cont > section { padding: 100px 5%; }

.under-cont > section:first-child { padding-top: 60px; }

.under-cont > section.bg-gray { background: #F5F5F5; }

.under-cont > section.bg-kon { background: #063257; }

/*ウェブフォント*/
.normal { font-weight: 400; }

.medium { font-weight: 500; }

.bold { font-weight: 700; }

.black { font-weight: 900; }

.common_text { line-height: 1.75; }

.text_uppercase { text-transform: uppercase; }

.text_capitalize { text-transform: capitalize; }

.tcenter { text-align: center; }

.tleft { text-align: left; }

.tright { text-align: right; }

.oswald { font-family: "Oswald"; font-weight: 500; }

/*色*/
.shiro { color: #fff; }

.kon { color: #063257; }

.orange { color: #FF5813; }

.mt20 { margin-top: 20px; }

.flex { width: 100%; margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

/*header
---------------------------------------------------------------*/
#header { width: 100%; height: 80px; position: fixed; transition: 0.3s; left: 0; right: 0; top: 0; margin: auto; z-index: 100; background: #fff; }

#header .header_inner { height: 100%; justify-content: space-between; align-items: center; flex-wrap: nowrap; }

#header .header_inner .logo_box { width: auto; margin-left: 20px; position: relative; z-index: 1; }

#header .header_inner .logo { width: 240px; }

#header .header_inner .logo a { display: block; width: 100%; }

#header .header_inner .right { display: none; }

/*gnav*/
.gnav { display: none; }

/* nav
=========================================== */
.sp-nav-btn { width: 40px; height: 40px; background: #063257; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); z-index: 101; transition: 0.3s; }

.sp-nav-btn .btn_in { width: 18px; height: 14px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.sp-nav-btn .btn_in > span { width: 100%; height: 2px; background: #FFFFFF; position: absolute; left: 0; transition: 0.3s; }

.sp-nav-btn .border01 { top: 0; }

.sp-nav-btn .border02 { top: 50%; transform: translateY(-50%); }

.sp-nav-btn .border03 { bottom: 0; }

.sp-nav-btn.opon .border01 { transform: translate(-50%, -50%) rotateZ(45deg); top: 50%; left: 50%; }

.sp-nav-btn.opon .border02 { display: none; }

.sp-nav-btn.opon .border03 { transform: translate(-50%, 50%) rotateZ(-45deg); bottom: 50%; left: 50%; }

.sp-nav-list .overlay-nav { visibility: hidden; width: 100%; height: calc(100% - 80px); position: fixed; top: 80px; left: 0; background: rgba(0, 0, 0, 0.4); opacity: 0; }

.sp-nav-list .overlay-nav.opon { visibility: visible; opacity: 1; }

.sp-nav-list .navs-list { position: fixed; width: 100%; height: calc(100% - 80px); z-index: 99; top: 80px; background: #fff; right: -100%; transition: 0.3s; overflow-x: hidden; overflow-y: auto; padding: 36px 20px 40px; box-sizing: border-box; }

.sp-nav-list .navs-list.opon { right: 0; }

.sp-nav-list .navs-list > ul { margin-bottom: 40px; }

.sp-nav-list .navs-list > ul > li { margin-bottom: 40px; }

.sp-nav-list .navs-list > ul > li:last-child { margin-bottom: 0; }

.sp-nav-list .navs-list > ul > li > a, .sp-nav-list .navs-list ul li .nav-midashi { display: block; padding-bottom: 10px; box-sizing: border-box; border-bottom: 1px solid #EEEEEE; font-weight: 700; position: relative; }

.sp-nav-list .navs-list > ul > li > a::after, .sp-nav-list .navs-list ul li .nav-midashi::after { content: ""; display: block; width: 14px; height: 1px; background: #FF5813; position: absolute; bottom: -1px; left: 0; z-index: 1; }

.sp-nav-list .navs-list ul li .sp-nav { margin-top: 20px; }

.sp-nav-list .navs-list ul li .sp-nav li { margin-bottom: 10px; }

.sp-nav-list .navs-list ul li .sp-nav li:last-child { margin-bottom: 0; }

.sp-nav-list .navs-list .tel_box { margin-bottom: 40px; }

.sp-nav-list .navs-list .btn_contact { margin-bottom: 0; }

/* main */
/*-------------------------------------------*/
#main { margin-top: 80px; }

#main.home_main { width: 100%; height: 630px; background: url("../img/main/main_img_sp.png") no-repeat center; background-size: cover; position: relative; z-index: 1; }

#main.home_main .main_title { width: 328px; position: absolute; bottom: 80px; left: 20px; }

#main.home_main .main_title .grad-text01 { padding: 0 20px; font-family: "Zen Kaku Gothic Antique"; font-size: 36px; background-image: none; margin-bottom: 10px; position: relative; overflow: hidden; }

#main.home_main .main_title .grad-text01::before { content: ""; inset: 0; display: block; width: 100%; height: 100%; background: url("../img/main/text-bg01_sp.jpg") no-repeat center; background-size: cover; position: absolute; transform: scaleX(0); transform-origin: left; animation: bg-slide 0.3s ease-out forwards; animation-delay: 0.2s; }

#main.home_main .main_title .grad-text01 .text { position: relative; z-index: 1; display: inline-block; clip-path: inset(0 100% 0 0); animation: text-reveal 0.4s ease-out forwards; animation-delay: 0.3s; /* 背景が終わってから */ }

#main.home_main .main_title .grad-text01:nth-child(2)::before { animation-delay: 0.4s; }

#main.home_main .main_title .grad-text01:nth-child(2) .text { animation-delay: 0.7s; }

#main.home_main .main_title .grad-text01:nth-child(3)::before { animation-delay: 0.9s; }

#main.home_main .main_title .grad-text01:nth-child(3) .text { animation-delay: 1.2s; }

#main.home_main .main_title .grad-text01:nth-child(4)::before { animation-delay: 1.4s; }

#main.home_main .main_title .grad-text01:nth-child(4) .text { animation-delay: 1.7s; }

#main.home_main .main_title .grad-text01:last-child { margin-bottom: 0; }

/* 背景アニメーション */
@keyframes bg-slide { to { transform: scaleX(1); } }
/* 文字表示アニメーション */
@keyframes text-reveal { to { clip-path: inset(0 0 0 0); } }
/* 下層 main */
/*-------------------------------------------*/
#main.kasou { width: 100%; padding: 50px 5%; box-sizing: border-box; }

#main.kasou .main_title .ja { display: block; font-size: 28px; }

#main.kasou .main_title .en { display: block; font-size: 16px; font-family: "Oswald"; font-weight: 500; color: #063257; margin-top: 10px; text-transform: uppercase; }

#main-img { width: 100%; height: 260px; background-image: url("../img/main/kasou_main_sp.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; }

/*パンくず*/
div#bread { width: 100%; padding: 10px 5%; box-sizing: border-box; border-top: 1px solid #ECE9E9; }

ul.bread-list { font-size: 12px; justify-content: flex-start; }

ul.bread-list li { line-height: 12px; position: relative; padding-right: 16px; box-sizing: border-box; }

ul.bread-list li a { text-decoration: none; line-height: 12px; }

ul.bread-list li::after { content: ""; display: block; width: 8px; height: 1px; background: #0A0A0A; position: absolute; top: 50%; right: 3px; }

ul.bread-list li:last-child { padding-right: 0; }

ul.bread-list li:last-child::after { display: none; }

/* TOPへ戻る・追従 */
/*-------------------------------------------*/
#fixed_trigger { position: absolute; left: 0; top: 50px; z-index: -100; }

/* CLEARFIX
=========================================== */
.cf:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; font-size: 0.1em; line-height: 0; }

.cf { min-height: 1px; }

* html .cf { height: 1px; /*¥*/ 	                 /*/ height: auto; overflow: hidden; /**/ }

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"], input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; }

input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration { display: none; }

input[type="submit"]::focus, input[type="button"]::focus { outline-offset: -2px; }

input[type="date"]::-webkit-date-and-time-value, input[type="time"]::-webkit-date-and-time-value { text-align: left; }

/*ライトボックス設定*/
#fancybox-wrap { padding: 0 !important; width: 100% !important; left: 0 !important; }

div#fancybox-content { border: none; width: 92% !important; padding: 2%; margin: 2%; height: auto !important; }

div#fancybox-outer { background: none; }

#fancybox-close { position: absolute; top: 0 !important; right: 0 !important; }

section { position: relative; }

/* footer */
/*-------------------------------------------*/
#contact-sec { padding: 100px 5%; background: url("../img/common/bg_footer_sp.png") no-repeat center top; background-size: cover; text-align: center; }

#contact-sec .title01 { text-align: center; margin-bottom: 40px; }

#contact-sec .title01 .en { font-size: 66px; }

#contact-sec .title01 .ja { margin-top: 0; }

#contact-sec .text01 { max-width: 400px; text-align: center; margin: 0 auto 40px; }

#contact-sec .text01 .grad-text01 { margin-bottom: 6px; }

#contact-sec .text01 .grad-text01:last-child { margin-bottom: 0; }

#contact-sec .btn_box { display: block; margin-top: 40px; }

#contact-sec .btn_box .box_left .tel_box .tel .num { font-size: 46px; }

#contact-sec .btn_box .box_left .tel_box .tel .num span { font-size: 24px; }

#footer { padding: 80px 5% 40px; }

#footer .footer_box { display: block; margin-bottom: 60px; }

#footer .footer_box .left { text-align: center; margin-bottom: 40px; }

#footer .footer_box .left .logo { width: 250px; margin: 0 auto 20px; }

#footer .footer_box .left .logo a { display: block; width: 100%; }

#footer .footer_box .right .navs-list { width: 100%; justify-content: space-between; display: flex; flex-wrap: wrap; }

.navs-list > ul.navs-list00 { width: calc(50% - 10px); margin: 40px 20px 0 0; }

.navs-list > ul.navs-list00:nth-child(-n+2) { margin-top: 0; }

.navs-list > ul.navs-list00:nth-child(2n) { margin-right: 0; }

.navs-list > ul.navs-list00:last-child { margin-right: 0; }

.navs-list > ul.navs-list00 > li > a, .navs-list > ul.navs-list00 > li .nav-midashi { display: block; padding-bottom: 10px; box-sizing: border-box; border-bottom: 1px solid #EEEEEE; font-weight: 700; position: relative; }

.navs-list > ul.navs-list00 > li > a::after, .navs-list > ul.navs-list00 > li .nav-midashi::after { content: ""; display: block; width: 14px; height: 1px; background: #FF5813; position: absolute; bottom: -1px; left: 0; z-index: 1; }

.navs-list > ul.navs-list00 > li .sp-nav { margin-top: 20px; }

.navs-list > ul.navs-list00 > li .sp-nav li { margin-bottom: 10px; }

.navs-list > ul.navs-list00 > li .sp-nav li:last-child { margin-bottom: 0; }

.navs-list > ul.navs-list03 { display: flex; justify-content: space-between; width: 100%; margin-right: 0; }

.navs-list > ul.navs-list03 > li { width: calc(50% - 10px); }

#footer .bottom_box { display: block; }

#footer .bottom_box .link_list { justify-content: center; }

#footer .bottom_box .link_list li { font-size: 14px; }

#footer .bottom_box .link_list li::after { content: "／"; margin: 0 10px; }

#footer .bottom_box .link_list li:last-child::after { display: none; }

#footer .bottom_box .copyright { font-size: 14px; text-align: center; margin-top: 30px; }

#footer .bottom_box .logo_tdb { width: 100%; max-width: 260px; height: 100px; padding: 25px 18px 0; background: #FFFFFF; border: 1px solid #EEEEEE; box-sizing: border-box; margin: 30px auto 0; }

#footer .bottom_box .logo_tdb img { width: 224px; }

#footer .bottom_box .logo_tdb p { color: #324A9B; }

/*parts
=========================================== */
.info_cate { align-items: flex-start; }
.info_cate .time { font-family: "Oswald"; margin: 0 20px 10px 0; }
.info_cate .cate-list { width: auto; margin-bottom: 5px; }
.info_cate .cate-list li { font-size: 14px; padding: 1px 19px; box-sizing: border-box; border: 1px solid #0A0A0A; border-radius: 100px; margin: 0 5px 5px 0; }
.info_cate .cate-list li:last-child { margin-right: 0; }

.news01 .info_box .info_cate { margin-bottom: 10px; }
.news01 .info_box h3 { font-size: 18px; margin-bottom: 20px; }
.news01 .info_box .c_text { display: none; }
.news01 .info_box .c_text .text { padding: 30px 16px; box-sizing: border-box; background: #FFF7F2; }
.news01 .btn_box { position: relative; z-index: 1; }
.news01 .btn_box .line { width: 100%; height: 1px; background: #EEEEEE; position: relative; }
.news01 .btn_box .line::before { content: ""; display: block; width: 20px; height: 1px; background: #FF5813; position: absolute; top: 0; left: 0; z-index: 1; }
.news01 .btn_box .open-btn { display: inline-block; padding: 1px 20px 3px; box-sizing: border-box; background: #FF5813; border-radius: 100px; font-size: 14px; color: #FFFFFF; position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 1; cursor: pointer; transition: 0.3s; }
.news01 .btn_box .open-btn.close { background: #0A0A0A; }

.news-list .news01 { margin-bottom: 43px; }
.news-list .news01:last-child { margin-bottom: 0; }

.grad-text01 { display: inline-block; padding: 10px 15px; box-sizing: border-box; font-size: 18px; font-weight: 900; color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url("../img/common/contact-text-bg01_sp.jpg"); }

.common_line01 { padding-top: 40px; border-top: 1px solid #EEEEEE; box-sizing: border-box; position: relative; }
.common_line01::before { content: ""; display: block; width: 30px; height: 1px; background: #FF5813; position: absolute; top: -1px; left: 0; z-index: 1; }

.certifications-list li { display: inline-block; padding: 7px 30px 7px 40px; box-sizing: border-box; background: #FFFFFF; border-radius: 20px 2px 2px 20px; color: #063257; font-weight: 700; position: relative; margin: 14px 14px 0 0; }
.certifications-list li::before { content: ""; display: block; width: 8px; height: 8px; background: #063257; border-radius: 50%; position: absolute; top: 50%; left: 16px; transform: translateY(-50%); }

.wrap.twin div#two-side { margin-top: 80px; }
.wrap.twin div#two-side .side_box { margin-bottom: 40px; }
.wrap.twin div#two-side .side_box:last-child { margin-bottom: 0; }
.wrap.twin div#two-side .side_box .side-title { padding-left: 14px; box-sizing: border-box; font-size: 20px; margin-bottom: 16px; position: relative; }
.wrap.twin div#two-side .side_box .side-title::before { content: ""; display: block; width: 2px; height: calc(100% - 10px); background: #063257; position: absolute; top: 6px; left: 0; }
.wrap.twin div#two-side .side_box .side-link > li { border-bottom: 1px solid #DFDFDF; }
.wrap.twin div#two-side .side_box .side-link > li:first-child { border-top: 1px solid #DFDFDF; }
.wrap.twin div#two-side .side_box .side-link > li > a { display: block; padding: 24px 30px 24px 15px; box-sizing: border-box; background: #FAFAFA; line-height: 1.2; position: relative; }
.wrap.twin div#two-side .side_box .side-link > li > a::before { content: ""; display: block; width: 9px; height: 12px; background: url("../img/common/side_arrow.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); }
.wrap.twin div#two-side .side_box .side-link > li.on_cat > a { color: #063257; }

.wp-pagenavi > span, .wp-pagenavi > a { display: inline-block; width: 40px; height: 40px; border: 1px solid #063257; border-radius: 50%; box-sizing: border-box; margin: 0 2px; text-decoration: none; font-size: 14px; font-weight: 700; color: #063257; line-height: 39px; transition: 0.3s; }

.wp-pagenavi { text-align: center; margin-top: 93px; }
.wp-pagenavi span.current { background: #063257; color: #FFFFFF; }
.wp-pagenavi a.page { position: relative; }
.wp-pagenavi span.extend { width: auto; margin: 0; border: 0; }
.wp-pagenavi span.pages { display: none; }
.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink { position: relative; color: transparent; }
.wp-pagenavi a.previouspostslink::before, .wp-pagenavi a.nextpostslink::before { content: ""; width: 7px; height: 12px; background: url("../img/common/page_arrow01.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.wp-pagenavi a.previouspostslink::before { transform: translate(-50%, -50%) scale(-1, 1); }
.wp-pagenavi a.first, .wp-pagenavi a.last { position: relative; color: transparent; }
.wp-pagenavi a.first::before, .wp-pagenavi a.last::before { content: ""; width: 13px; height: 12px; background: url("../img/common/page_arrow02.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.wp-pagenavi a.first { margin-left: 0; }
.wp-pagenavi a.first::before { transform: translate(-50%, -50%) scale(-1, 1); }
.wp-pagenavi a.last { margin-right: 0; }

/*TOPページ　p01
=========================================== */
.home .title01.title_anime { clip-path: inset(0 100% 0 0); }
.home .title01.title_in { animation: text-reveal 0.7s ease-out forwards; }

#topbox01 { padding: 100px 0 224px; background: url("../img/top/bg01_sp.png") no-repeat center bottom; background-size: cover; position: relative; }
#topbox01 .wrap { padding: 0 5%; box-sizing: border-box; }
#topbox01 .title01 { margin-bottom: 20px; }
#topbox01 .title01 .en { font-size: 70px; line-height: 1.6; }
#topbox01 .cnt { display: block; }
#topbox01 .cnt .grad-text01 { padding: 12px 20px; background-image: url("../img/top/about-text-bg01_sp.jpg"); font-size: 16px; margin-bottom: 60px; }
#topbox01 .cnt .midashi { margin-bottom: 40px; }
#topbox01 .cnt .midashi > span { display: block; font-size: 26px; }
#topbox01 .cnt .text_box p { font-size: 18px; margin-bottom: 26px; }
#topbox01 .cnt .text_box p:last-child { margin-left: 0; }
#topbox01 #bg-text01 { width: 100%; height: 224px; background: url("../img/top/bg-text01.png") repeat-x center; background-size: cover; animation: BgTextMove01 100s linear infinite; position: absolute; bottom: 0; left: 0; z-index: 2; }
@keyframes BgTextMove01 { 0% { background-position: 0 0; }
  100% { background-position: -1821px 0; } }
#topbox02 { padding: 100px 5% 287px; }
#topbox02 .title01 { margin-bottom: 50px; }
#topbox02 .title01 .ja { margin-top: 10px; }
#topbox02 .cnt { display: block; }
#topbox02 .cnt .img_box .midashi { font-size: 30px; line-height: 1.2; margin-bottom: 60px; }
#topbox02 .cnt .img_box .midashi em { font-size: 46px; }
#topbox02 .cnt .img_box .img { width: 100%; aspect-ratio: 7 / 5; position: relative; }
#topbox02 .cnt .img_box .img img { display: block; width: auto; height: 100%; position: absolute; top: 0; right: 0; }
#topbox02 .cnt .values-list { margin-top: 60px; }
#topbox02 .cnt .values-list .value01 { position: relative; padding-top: 30px; margin-bottom: 30px; }
#topbox02 .cnt .values-list .value01:last-child { margin-bottom: 0; }
#topbox02 .cnt .values-list .value01 .num { display: block; font-size: 16px; position: absolute; top: 30px; left: 0; }
#topbox02 .cnt .values-list .value01 h3 { align-items: flex-end; padding-left: 38px; box-sizing: border-box; margin-bottom: 10px; }
#topbox02 .cnt .values-list .value01 h3 .ja { display: inline-block; font-size: 26px; }
#topbox02 .cnt .values-list .value01 h3 .en { display: inline-block; margin: 0 0 3px 20px; }

#topbox03 { padding: 253px 5% 140px; background: #063257; position: relative; }
#topbox03 .bg-img01 { width: calc(100vw - 20px); height: 340px; position: absolute; top: -440px; right: -5vw; z-index: 1; }
#topbox03 .bg-img01 img { width: 100%; height: 100%; object-fit: cover; }
#topbox03 .midashi { max-width: 400px; margin-bottom: 46px; }
#topbox03 .midashi > span { font-family: "Zen Kaku Gothic Antique"; font-size: 26px; background-image: url("../img/top/certifications-text-bg01_sp.jpg"); margin-bottom: 10px; }
#topbox03 .midashi > span:last-child { margin-bottom: 0; }

#topbox04 { padding: 100px 5%; background: url("../img/top/bg02_sp.png") no-repeat center top; background-size: cover; }
#topbox04 .text01 { max-width: 400px; }
#topbox04 .text01 .grad-text01 { font-size: 26px; background-image: url("../img/top/business-text-bg01_sp.jpg"); margin-bottom: 10px; }
#topbox04 .text01 .grad-text01:last-child { margin-bottom: 0; }
#topbox04 .business-list { margin-top: 60px; }
#topbox04 .business-list .business01 { display: block; margin-bottom: 40px; }
#topbox04 .business-list .business01:last-child { margin-bottom: 0; }
#topbox04 .business-list .business01 .text_box { position: relative; }
#topbox04 .business-list .business01 .text_box .num { display: block; font-size: 16px; position: absolute; top: 0; left: 0; }
#topbox04 .business-list .business01 .text_box h3 { font-size: 26px; padding-left: 38px; box-sizing: border-box; margin-bottom: 20px; }
#topbox04 .business-list .business01 .text_box .btn01 { margin-top: 30px; }
#topbox04 .business-list .business01 .img_box { margin-bottom: 30px; }

#topbox05 { padding: 440px 5% 50px; position: relative; }
#topbox05 .bg-img01 { width: calc(100vw - 20px); height: 340px; position: absolute; top: -440px; left: -5vw; z-index: 1; }
#topbox05 .bg-img01 img { width: 100%; height: 100%; object-fit: cover; }
#topbox05 .title01 .en { font-size: 60px; }
#topbox05 .cnt { display: block; }
#topbox05 .cnt .text_box { margin-bottom: 60px; }
#topbox05 .cnt .list { display: block; }
#topbox05 .cnt .list .list_in { display: flex; align-items: center; flex-wrap: wrap; padding: 42px 40px; box-sizing: border-box; background: #FFF7F2; margin-bottom: 6px; }
#topbox05 .cnt .list .list_in:last-child { margin-bottom: 0; }
#topbox05 .cnt .list .list_in img { width: 48px; }
#topbox05 .cnt .list .list_in .text { margin-left: 32px; }
#topbox05 .cnt .list .list_in02 { padding-top: 39px; padding-bottom: 39px; }
#topbox05 .cnt .list .list_in03 { padding-top: 36px; padding-bottom: 36px; }

#topbox06 { padding: 50px 5% 100px; }

#topbox07 { background: #063257; padding: 100px 5%; box-sizing: border-box; }
#topbox07::before { content: ""; display: block; width: 318px; height: 199px; background: url("../img/top/area-img01.png") no-repeat center; background-size: contain; position: absolute; top: 232px; left: 108px; }
#topbox07 .wrap { z-index: 1; }
#topbox07 .text01 { max-width: 400px; margin-bottom: 60px; }
#topbox07 .text01 .grad-text01 { font-size: 25px; background-image: url("../img/top/area-text-bg01_sp.jpg"); margin-bottom: 10px; }
#topbox07 .text01 .grad-text01:last-child { margin-bottom: 0; }
#topbox07 .area-list { display: block; }
#topbox07 .area-list .area01 { padding-left: 20px; padding-right: 20px; border-color: rgba(255, 255, 255, 0.1); margin-bottom: 40px; }
#topbox07 .area-list .area01:last-child { margin-bottom: 0; }
#topbox07 .area-list .area01 h3 { font-size: 22px; margin-bottom: 10px; }

/*共通CSS　p02~p03
=========================================== */
.box_title01 { padding-left: 10px; box-sizing: border-box; font-size: 20px; font-weight: 900; position: relative; }
.box_title01::before { content: ""; display: block; width: 20px; height: 2px; background: #063257; position: absolute; top: 50%; left: -20px; transform: translateY(-50%); }

section.businessBox01 { background: url("../img/p02/bg01_sp.png") no-repeat center; background-size: cover; padding-bottom: 80px; }
section.businessBox01 .cnt { display: block; }
section.businessBox01 .cnt .text_box .list { margin-bottom: 16px; }
section.businessBox01 .cnt .text_box .list li { padding: 3px 19px 5px; box-sizing: border-box; background: #FFFFFF; border: 1px solid #063257; border-radius: 4px; margin-right: 4px; }
section.businessBox01 .cnt .text_box .list li:last-child { margin-right: 0; }
section.businessBox01 .cnt .text_box h2 { font-size: 26px; line-height: 1.7; font-weight: 900; margin-bottom: 30px; }
section.businessBox01 .cnt .text_box h2 .grad-text01 { padding: 8px 10px 12px; font-size: 26px; line-height: 1; background-image: url("../img/p02/text-bg01_sp.jpg"); margin-top: 6px; margin-left: 4px; }
section.businessBox01 .cnt .img_box { width: 100%; max-width: 500px; margin: 40px auto 0; }

section.businessBox02 { padding-top: 80px; }
section.businessBox02 .anchor_box { margin-bottom: 100px; }
section.businessBox02 .anchor_box h2 { padding-left: 16px; box-sizing: border-box; font-size: 26px; font-weight: 900; margin-bottom: 30px; position: relative; }
section.businessBox02 .anchor_box h2::before { content: ""; display: block; width: 2px; height: calc(100% - 7px); background: #0A0A0A; position: absolute; top: 5px; left: 0; }
section.businessBox02 .anchor_box .anchor-list { display: block; }
section.businessBox02 .anchor_box .anchor-list .anchor01 { margin-bottom: 10px; }
section.businessBox02 .anchor_box .anchor-list .anchor01:last-child { margin-bottom: 0; }
section.businessBox02 .anchor_box .anchor-list .anchor01 a { display: flex; align-items: center; flex-direction: row-reverse; width: 100%; height: 100%; padding: 20px 30px 20px 20px; box-sizing: border-box; background: #FFF7F2; position: relative; }
section.businessBox02 .anchor_box .anchor-list .anchor01 a .text { width: calc(100% - 70px); padding: 0 18px; box-sizing: border-box; }
section.businessBox02 .anchor_box .anchor-list .anchor01 a img { width: 70px; }
section.businessBox02 .anchor_box .anchor-list .anchor01 a .arrow { display: block; width: 0; height: 0; border-style: solid; border-width: 10px 8px 0 8px; border-color: #FF5813 transparent transparent transparent; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); }
section.businessBox02 .reason-list .reason00 { margin-bottom: 60px; }
section.businessBox02 .reason-list .reason00:last-child { margin-bottom: 0; }
section.businessBox02 .reason-list .reason00 > .text_box .num { display: block; font-size: 22px; margin-bottom: 16px; }
section.businessBox02 .reason-list .reason00 > .text_box h3 { font-size: 26px; margin-bottom: 20px; }
section.businessBox02 .reason-list .reason00 > .text_box h3 .grad-text01 { padding: 6px 8px 8px; font-size: 26px; line-height: 1; background-image: url("../img/p02/text-bg02_sp.jpg"); margin: 6px 4px 0; }
section.businessBox02 .reason-list .reason00 > .box_in { padding: 30px 20px; box-sizing: border-box; background: #F5F6F6; margin-top: 30px; }
section.businessBox02 .reason-list .reason00 > .box_in .box_title01 { margin-bottom: 20px; }
section.businessBox02 .reason-list .reason00 > .box_in .check-list { display: block; }
section.businessBox02 .reason-list .reason00 > .box_in .check-list li { padding-left: 25px; box-sizing: border-box; margin-bottom: 10px; position: relative; }
section.businessBox02 .reason-list .reason00 > .box_in .check-list li:last-child { margin-bottom: 0; }
section.businessBox02 .reason-list .reason00 > .box_in .check-list li::before { content: ""; display: block; width: 18px; height: 18px; background: url("../img/p02/icon_check.png") no-repeat center; background-size: contain; position: absolute; top: 4px; left: 0; }
section.businessBox02 .reason-list .reason00 > .img_box { width: 100%; max-width: 510px; margin: 40px auto 0; }

section.businessBox03 .midashi01 { width: 100%; max-width: 320px; margin-bottom: 40px; }
section.businessBox03 .midashi01 > span { font-size: 26px; padding: 12px 15px; background-image: url("../img/p02/text-bg03_sp.jpg"); margin-bottom: 6px; }
section.businessBox03 .midashi01 > span:last-child { margin-bottom: 0; }
section.businessBox03 .service-list { margin-top: 60px; }
section.businessBox03 .service-list .service00 { position: relative; padding-bottom: 40px; border-bottom: 1px solid #DBDBDB; margin-bottom: 40px; }
section.businessBox03 .service-list .service00:last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; }
section.businessBox03 .service-list .service00 .cnt { display: block; }
section.businessBox03 .service-list .service00 .cnt > .text_box .num { display: block; font-size: 22px; margin-bottom: 10px; }
section.businessBox03 .service-list .service00 .cnt > .text_box .cate { display: inline-block; padding: 1px 15px 3px; box-sizing: border-box; background: #FFFFFF; border: 1px solid #FF5813; border-radius: 4px; margin-bottom: 16px; }
section.businessBox03 .service-list .service00 .cnt > .text_box h3 { font-size: 32px; margin-bottom: 20px; }
section.businessBox03 .service-list .service00 .cnt > .text_box .point { font-size: 20px; margin-bottom: 14px; }
section.businessBox03 .service-list .service00 .cnt > .img_box { widows: 100%; max-width: 526px; margin: 40px auto 0; }

.banner_box { display: block; max-width: 400px; margin: 100px auto 0; background: #FFFFFF; border: 2px solid #000000; align-items: center; position: relative; }
.banner_box .img_box { width: 100%; }
.banner_box .text_box { padding: 30px 20px 76px; box-sizing: border-box; }
.banner_box .text_box .midashi { font-size: 14px; margin-bottom: 20px; }
.banner_box .text_box .midashi > span.kon { display: inline-block; font-size: 16px; position: relative; margin-right: 6px; }
.banner_box .text_box .midashi > span.kon::before { content: ""; display: block; width: 100%; height: 1px; background: #063257; position: absolute; bottom: -2px; left: 0; }
.banner_box .text_box .midashi .grad-text01 { padding: 4px 6px 6px; background-image: url("../img/p02/banner_text-bg_sp.jpg"); font-size: 20px; line-height: 1; margin-top: 14px; }
.banner_box .text_box .midashi .sp02 { display: none; }
.banner_box .text_box h3 { font-size: 28px; margin-bottom: 20px; }
.banner_box a { display: block; padding: 10px 24px; box-sizing: border-box; background: #000000; border-top-left-radius: 10px; text-align: center; position: absolute; bottom: 0; right: 0; }
.banner_box a .btn-text { display: inline-block; padding-right: 14px; box-sizing: border-box; background: url("../img/common/btn_arrow.svg") no-repeat center right; background-size: 6px; }

/*家屋・リフォーム解体工事　p02
=========================================== */
.page-demolition #main-img { background-image: url("../img/p02/main_sp.jpg"); }

section#p02box02.businessBox02 .reason-list .reason01 > .text_box h3 .grad-text01 { margin-left: 0; }
section#p02box02.businessBox02 .reason-list .reason02 > .text_box h3 .grad-text01 { margin-left: 0; }
section#p02box02.businessBox02 .reason-list .reason03 > .text_box h3 .grad-text01 { margin-left: 0; }
section#p02box02.businessBox02 .reason-list .reason03 > .text_box h3 .grad-text01:first-child { margin-top: 0; }
section#p02box02.businessBox02 .reason-list .reason04 > .text_box h3 .grad-text01 { margin-right: 0; }
section#p02box02.businessBox02 .reason-list .reason05 > .text_box h3 .grad-text01 { margin-top: 0; margin-left: 0; }

section#p02box03.businessBox03 .service-list .service00 > .box_in { padding: 40px 20px; box-sizing: border-box; background: #FFFFFF; margin-top: 40px; }
section#p02box03.businessBox03 .service-list .service00 > .box_in .box_title01 { margin-bottom: 20px; }
section#p02box03.businessBox03 .service-list .service00 > .box_in .box-list { display: block; }
section#p02box03.businessBox03 .service-list .service00 > .box_in .box-list li { font-family: "Zen Kaku Gothic Antique"; margin-bottom: 10px; padding-left: 1em; text-indent: -1em; }
section#p02box03.businessBox03 .service-list .service00 > .box_in .box-list li:last-child { margin-bottom: 0; }
section#p02box03.businessBox03 .service-list .service00 > .case_box.box_in .box_title01 { margin-bottom: 40px; }
section#p02box03.businessBox03 .service-list .service00 > .case_box.box_in .case-list .case01 { margin-bottom: 60px; }
section#p02box03.businessBox03 .service-list .service00 > .case_box.box_in .case-list .case01:last-child { margin-bottom: 0; }
section#p02box03.businessBox03 .service-list .service00 > .case_box.box_in .case-list .case01 h5 { padding-bottom: 20px; border-bottom: 1px solid #CCCCCC; box-sizing: border-box; margin-bottom: 30px; font-size: 20px; line-height: 1.4; font-weight: 900; }
section#p02box03.businessBox03 .service-list .service00 > .case_box.box_in .case-list .case01 h5 .num02 { display: block; font-size: 14px; line-height: 1; margin-bottom: 12px; }
section#p02box03.businessBox03 .service-list .service00 > .case_box.box_in .case-list .case01 .img-list { display: block; }
section#p02box03.businessBox03 .service-list .service00 > .case_box.box_in .case-list .case01 .img-list .img { width: 100%; position: relative; margin-bottom: 44px; }
section#p02box03.businessBox03 .service-list .service00 > .case_box.box_in .case-list .case01 .img-list .img:last-child { margin-bottom: 0; }
section#p02box03.businessBox03 .service-list .service00 > .case_box.box_in .case-list .case01 .img-list .img:last-child::before { display: none; }
section#p02box03.businessBox03 .service-list .service00 > .case_box.box_in .case-list .case01 .img-list .img::before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 12px 10px 0 10px; border-color: #D9D9D9 transparent transparent transparent; position: absolute; bottom: -28px; left: 50%; transform: translateX(-50%); }
section#p02box03.businessBox03 .service-list .service00 > .case_box.box_in .case-list .case01 .img-list .img span { display: inline-block; padding: 4px 6px; box-sizing: border-box; background: #FF5813; line-height: 1; position: absolute; bottom: 0; left: 0; z-index: 1; }
section#p02box03.businessBox03 .service-list .service00 > .case_box.box_in .case-list .case01 .info_box { display: block; margin-top: 40px; }
section#p02box03.businessBox03 .service-list .service00 > .case_box.box_in .case-list .case01 .info_box .list li.flex { align-items: flex-start; margin-bottom: 10px; }
section#p02box03.businessBox03 .service-list .service00 > .case_box.box_in .case-list .case01 .info_box .list li.flex:last-child { margin-bottom: 0; }
section#p02box03.businessBox03 .service-list .service00 > .case_box.box_in .case-list .case01 .info_box .list li.flex .midashi { display: block; width: 104px; padding: 3px; box-sizing: border-box; border: 1px solid #063257; border-radius: 3px; margin-right: 10px; }
section#p02box03.businessBox03 .service-list .service00 > .case_box.box_in .case-list .case01 .info_box .list li.flex .text { display: block; width: calc(100% - 114px); margin-top: 3px; }
section#p02box03.businessBox03 .service-list .service00 > .case_box.box_in .case-list .case01 .info_box .comment_box { background: #F5F6F6; margin-top: 30px; }
section#p02box03.businessBox03 .service-list .service00 > .case_box.box_in .case-list .case01 .info_box .comment_box h6 { padding: 10px 10px 11px 40px; box-sizing: border-box; background-color: #063257; background-image: url("../img/p02/icon_comment.svg"); background-repeat: no-repeat; background-position: top 6px left 10px; background-size: 24px; line-height: 1; }
section#p02box03.businessBox03 .service-list .service00 > .case_box.box_in .case-list .case01 .info_box .comment_box p.comment { padding: 20px; box-sizing: border-box; }

/*造作・内装仕上げ工事　p03
=========================================== */
.page-interior-work #main-img { background-image: url("../img/p03/main_sp.jpg"); }

section#p03box02.businessBox02 .reason-list .reason01 > .text_box h3 .grad-text01 { margin-left: 0; margin-right: 0; }
section#p03box02.businessBox02 .reason-list .reason02 > .text_box h3 .grad-text01 { margin-right: 0; }
section#p03box02.businessBox02 .reason-list .reason02 > .text_box h3 .grad-text01:first-child { margin-top: 0; }
section#p03box02.businessBox02 .reason-list .reason03 > .text_box h3 .grad-text01 { margin-left: 0; }
section#p03box02.businessBox02 .reason-list .reason03 > .text_box h3 .grad-text01:last-child { margin-left: 4px; margin-right: 0; }
section#p03box02.businessBox02 .reason-list .reason04 > .text_box h3 .grad-text01:first-child { margin-top: 0; }
section#p03box02.businessBox02 .reason-list .reason04 > .text_box h3 .grad-text01:last-child { margin-right: 0; }
section#p03box02.businessBox02 .reason-list .reason05 > .text_box h3 .grad-text01 { margin-top: 0; }
section#p03box02.businessBox02 .reason-list .reason05 > .text_box h3 .grad-text01:first-child { margin-left: 0; }
section#p03box02.businessBox02 .reason-list .reason05 > .text_box h3 .grad-text01:last-child { margin-right: 0; }

section#p03box03.businessBox03 .service-list .service00 .cnt > .text_box > .box_in.flex { display: block; background: #FFFFFF; margin-top: 40px; position: relative; }
section#p03box03.businessBox03 .service-list .service00 .cnt > .text_box > .box_in.flex .box_title02 { padding: 8px; box-sizing: border-box; background: #063257; text-align: center; }
section#p03box03.businessBox03 .service-list .service00 .cnt > .text_box > .box_in.flex .box_title02 span { font-size: 18px; line-height: 1.2; }
section#p03box03.businessBox03 .service-list .service00 .cnt > .text_box > .box_in.flex .box-list { padding: 20px 20px 0; box-sizing: border-box; }
section#p03box03.businessBox03 .service-list .service00 .cnt > .text_box > .box_in.flex .box-list li { font-family: "Zen Kaku Gothic Antique"; margin-bottom: 4px; padding-left: 1em; text-indent: -1em; }
section#p03box03.businessBox03 .service-list .service00 .cnt > .text_box > .box_in.flex .box-list li:last-child { margin-bottom: 0; }
section#p03box03.businessBox03 .service-list .service00 .cnt > .text_box > .box_in.flex .sub { display: block; padding: 0 20px 20px; box-sizing: border-box; text-align: right; margin-top: 10px; }
section#p03box03.businessBox03 .service-list .service00 .cnt > .img_box { max-width: 484px; }

#p03box04 .title01 { margin-bottom: 40px; }
#p03box04 .case-list { margin-top: 40px; }
#p03box04 .case-list .case02 { display: block; padding: 30px 20px; box-sizing: border-box; border-radius: 5px; background: #FFFFFF; margin-bottom: 20px; }
#p03box04 .case-list .case02:last-child { margin-bottom: 0; }
#p03box04 .case-list .case02 .text_box .midashi { font-size: 18px; }
#p03box04 .case-list .case02 .text_box h3 { font-size: 24px; line-height: 1.45; padding-bottom: 20px; border-bottom: 1px solid #DBDBDB; margin-bottom: 20px; }
#p03box04 .case-list .case02 .text_box .cate li { display: inline-block; padding: 1px 15px; box-sizing: border-box; border: 1px solid #0A0A0A; border-radius: 100px; font-size: 14px; margin: 0 4px 10px 0; }
#p03box04 .case-list .case02 .text_box .info-table { margin-top: 10px; }
#p03box04 .case-list .case02 .text_box .info-table tr { display: block; margin-bottom: 10px; }
#p03box04 .case-list .case02 .text_box .info-table tr:last-child { margin-bottom: 0; }
#p03box04 .case-list .case02 .text_box .info-table tr th, #p03box04 .case-list .case02 .text_box .info-table tr td { display: block; }
#p03box04 .case-list .case02 .text_box .info-table tr th { margin-bottom: 5px; }
#p03box04 .case-list .case02 .gallery_img { width: 100%; margin-top: 30px; }
#p03box04 .case-list .case02 .gallery_img .gallery_main { width: 100%; margin-bottom: 0 !important; }
#p03box04 .case-list .case02 .gallery_img .gallery_main .gallery_main01 { width: 100%; aspect-ratio: 33 / 23; }
#p03box04 .case-list .case02 .gallery_img .gallery_main .gallery_main01 a { display: block; width: 100%; height: 100%; }
#p03box04 .case-list .case02 .gallery_img .gallery_thum { width: 100%; margin-top: 10px; margin-bottom: 0 !important; }
#p03box04 .case-list .case02 .gallery_img .gallery_thum .slick-track { width: 100% !important; }
#p03box04 .case-list .case02 .gallery_img .gallery_thum .gallery_thum01 { cursor: pointer; position: relative; overflow: hidden; width: calc((100% - 18px) / 4); aspect-ratio: 33 / 23; margin: 6px 6px 0 0; transition: 0.3s; }
#p03box04 .case-list .case02 .gallery_img .gallery_thum .gallery_thum01:nth-child(-n+4) { margin-top: 0; }
#p03box04 .case-list .case02 .gallery_img .gallery_thum .gallery_thum01:nth-child(4n) { margin-right: 0; }
#p03box04 .case-list .case02 .gallery_img .gallery_thum .gallery_thum01.slick-current::before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.64); position: absolute; left: 0; top: 0; z-index: 2; box-sizing: border-box; }

#p03box05 .clients-list { display: block; margin-bottom: 100px; }
#p03box05 .clients-list li { margin-bottom: 20px; }
#p03box05 .clients-list li:last-child { margin-bottom: 0; }
#p03box05 .clients-list li a { display: block; padding: 20px; box-sizing: border-box; background: #F5F5F5; }
#p03box05 .clients-list li a span { display: inline-block; font-size: 18px; }
#p03box05 .clients-list li a span::after { content: ""; display: inline-block; width: 14px; height: 14px; background: url("../img/common/icon_link.svg") no-repeat center; background-size: contain; margin-left: 5px; vertical-align: -1px; }
#p03box05 .clients-list li a.no-link { pointer-events: none; }
#p03box05 .clients-list li a.no-link span::after { display: none; }
#p03box05 .banner_box { margin-top: 0; }

/*安全対策・環境方針　p04
=========================================== */
.page-safety-environment #main-img { background-image: url("../img/p04/main_sp.jpg"); }
.page-safety-environment .content-list .common_line01 { margin-top: 40px; }
.page-safety-environment .content-list .common_line01:first-child { margin-top: 0; }
.page-safety-environment .content-list .common_line01 > .text_box { position: relative; }
.page-safety-environment .content-list .common_line01 > .text_box .num { display: block; font-size: 16px; position: absolute; top: 0; left: 0; }
.page-safety-environment .content-list .common_line01 > .text_box h3 { padding-left: 38px; box-sizing: border-box; font-size: 32px; margin-bottom: 30px; }
.page-safety-environment .content-list .common_line01 > .text_box p.midashi { font-size: 20px; }
.page-safety-environment .content-list .common_line01 > .text_box p.midashi .grad-text01 { padding: 6px 8px 8px; background-image: url("../img/p04/text-bg01_sp.jpg"); margin: 10px 6px 0; line-height: 1; }
.page-safety-environment .content-list .common_line01 > .text_box p.midashi + p { margin-top: 20px; }
.page-safety-environment .content-list .common_line01 > .img_box { width: 100%; margin-top: 40px; }

#p04box01 { background: url("../img/p04/bg01_sp.png") no-repeat center; background-size: cover; }
#p04box01 .cnt { display: block; }
#p04box01 .cnt .text_box .title01 { margin-bottom: 40px; }
#p04box01 .cnt .text_box .text01 { line-height: 2.4; }
#p04box01 .cnt .img_box { width: 100%; max-width: 626px; margin: 40px auto 0; }

#p04box02 .management01 > .text_box p.midashi .grad-text01 { margin-top: 0; margin-left: 0; }
#p04box02 .management02 > .text_box p.midashi .grad-text01 { margin-top: 0; margin-left: 0; margin-bottom: 8px; }
#p04box02 .management02 .shikaku_box { width: 100%; padding: 40px 20px; box-sizing: border-box; background: #F5F6F6; margin-top: 60px; }
#p04box02 .management02 .shikaku_box h4 { font-size: 20px; margin-bottom: 30px; }
#p04box02 .management02 .shikaku_box .shikaku-list { display: block; }
#p04box02 .management02 .shikaku_box .shikaku-list .shikaku01 { margin-bottom: 30px; border-radius: 10px; overflow: hidden; }
#p04box02 .management02 .shikaku_box .shikaku-list .shikaku01:last-child { margin-bottom: 0; }
#p04box02 .management02 .shikaku_box .shikaku-list .shikaku01 h5 { padding: 7px; box-sizing: border-box; background: #063257; font-size: 20px; }
#p04box02 .management02 .shikaku_box .shikaku-list .shikaku01 .box_in { height: 100%; padding: 30px 20px 40px; box-sizing: border-box; background: #FFFFFF; }
#p04box02 .management02 .shikaku_box .shikaku-list .shikaku01 .box_in .list { margin-bottom: 20px; }
#p04box02 .management02 .shikaku_box .shikaku-list .shikaku01 .box_in .list:last-child { margin-bottom: 0; }
#p04box02 .management02 .shikaku_box .shikaku-list .shikaku01 .box_in .list p.midashi { font-family: "Zen Kaku Gothic Antique"; padding-left: 1em; text-indent: -1em; margin-bottom: 6px; }
#p04box02 .management03 > .text_box p.midashi .grad-text01 { margin-top: 0; }
#p04box02 .management03 .safety-list { display: block; margin-top: 20px; }
#p04box02 .management03 .safety-list .safety01 { padding: 20px 20px 30px; box-sizing: border-box; background: #F5F6F6; margin-bottom: 20px; }
#p04box02 .management03 .safety-list .safety01:last-child { margin-bottom: 0; }
#p04box02 .management03 .safety-list .safety01 img { width: 100%; }
#p04box02 .management03 .safety-list .safety01 h4 { font-size: 20px; margin: 20px 0 12px; }
#p04box02 .management04 > .text_box p.midashi .grad-text01 { margin-top: 0; }
#p04box02 .management04 .safety-list02 { display: block; margin-top: 20px; }
#p04box02 .management04 .safety-list02 .safety01 { display: block; padding: 20px 20px 30px; box-sizing: border-box; background: #F5F6F6; margin-bottom: 20px; }
#p04box02 .management04 .safety-list02 .safety01:last-child { margin-bottom: 0; }
#p04box02 .management04 .safety-list02 .safety01 .img_box { width: 100%; margin-bottom: 20px; }
#p04box02 .management04 .safety-list02 .safety01 .text_box h4 { font-size: 20px; margin-bottom: 10px; }
#p04box02 .management04 .safety-list02 .safety01 .text_box .list li { font-family: "Zen Kaku Gothic Antique"; padding-left: 1em; text-indent: -1em; }

#p04box03 .common_line01 { border-top: 1px solid #FFFFFF; }
#p04box03 .common_line01 > .text_box p.midashi .grad-text01 { margin-left: 0; }
#p04box03 .responsibility02 .recycle-list { display: block; margin-top: 20px; }
#p04box03 .responsibility02 .recycle-list .recycle01 { padding: 20px 20px 30px; box-sizing: border-box; background: #FFFFFF; margin-bottom: 20px; }
#p04box03 .responsibility02 .recycle-list .recycle01:last-child { margin-bottom: 0; }
#p04box03 .responsibility02 .recycle-list .recycle01 img { width: 100%; }
#p04box03 .responsibility02 .recycle-list .recycle01 h4 { font-size: 20px; margin: 20px 0 12px; }

#p04box04 .sdgs-list { display: block; }
#p04box04 .sdgs-list .sdgs01 { padding: 40px 20px; box-sizing: border-box; background: #FFF7F2; margin-bottom: 20px; }
#p04box04 .sdgs-list .sdgs01:last-child { margin-bottom: 0; }
#p04box04 .sdgs-list .sdgs01 h3.flex { display: block; text-align: center; margin-bottom: 14px; }
#p04box04 .sdgs-list .sdgs01 h3.flex img { width: 70px; }
#p04box04 .sdgs-list .sdgs01 h3.flex .title { font-size: 20px; margin-top: 20px; }
#p04box04 .sdgs-list .sdgs01 .icon-list { margin-top: 23px; }
#p04box04 .sdgs-list .sdgs01 .icon-list img { display: block; width: 100px; margin: 7px 7px 0 0; }
#p04box04 .sdgs-list .sdgs01 .icon-list img:last-child { margin-right: 0; }

/*会社案内　p05
=========================================== */
.page-corporate #main-img { background-image: url("../img/p05/main_sp.jpg"); }

#p05box01 .table_box { display: block; }
#p05box01 .table_box .company-table:first-child tr:first-child { padding-top: 0; }
#p05box01 .table_box .company-table:last-child tr:last-child { padding-bottom: 0; border-bottom: none; }
#p05box01 .table_box .company-table tr { display: block; padding: 30px 0; box-sizing: border-box; border-bottom: 1px solid #DADADA; }
#p05box01 .table_box .company-table tr th, #p05box01 .table_box .company-table tr td { display: block; font-family: "Zen Kaku Gothic Antique"; line-height: 1.5; }
#p05box01 .table_box .company-table tr th { margin-bottom: 20px; }
#p05box01 .table_box .company-table tr td .map_box { display: block; }
#p05box01 .table_box .company-table tr td .map_box .map_btn { width: 66px; height: 26px; margin-top: 10px; }
#p05box01 .table_box .company-table tr td .map_box .map_btn a { display: block; width: 100%; height: 100%; padding: 0 10px; box-sizing: border-box; background: #063257; border-radius: 4px; }
#p05box01 .table_box .company-table tr td .map_box .map_btn a .btn-text { display: block; padding-left: 18px; box-sizing: border-box; line-height: 1.6; position: relative; }
#p05box01 .table_box .company-table tr td .map_box .map_btn a .btn-text::before { content: ""; display: block; width: 14px; height: 20px; background: url("../img/p05/icon_map.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }

#p05box02 .licenses_box { display: block; }
#p05box02 .licenses_box .licenses01 { border-radius: 10px; overflow: hidden; margin-bottom: 20px; }
#p05box02 .licenses_box .licenses01:last-child { margin-bottom: 0; }
#p05box02 .licenses_box .licenses01 h3 { padding: 8px; box-sizing: border-box; background: #063257; font-size: 20px; }
#p05box02 .licenses_box .licenses01 .box_in { height: 100%; padding: 30px 20px; box-sizing: border-box; background: #FFFFFF; }
#p05box02 .licenses_box .licenses01 .box_in .list { display: block; }
#p05box02 .licenses_box .licenses01 .box_in .list li { font-family: "Zen Kaku Gothic Antique"; margin-bottom: 9px; }
#p05box02 .licenses_box .licenses01 .box_in .list li:last-child { margin-bottom: 0; }

#p05box03 .title01 { margin-bottom: 46px; }

#p05box04 .text_box { padding: 50px 20px; box-sizing: border-box; background: #F5F5F5; }
#p05box04 .text_box p { text-align: left; }
#p05box04 .text_box span.point { display: block; font-size: 28px; }

#p05box05 .message_box { padding: 50px 20px; box-sizing: border-box; background: #FFFFFF; border-radius: 10px; }
#p05box05 .message_box .midashi { font-size: 28px; margin-bottom: 40px; }
#p05box05 .message_box .midashi .grad-text01 { padding: 10px 20px; font-size: 28px; line-height: 1; background-image: url("../img/p05/text-bg01_sp.jpg"); margin-bottom: 6px; }
#p05box05 .message_box .text_box p { margin-bottom: 20px; }
#p05box05 .message_box .text_box p:last-child { margin-bottom: 0; }
#p05box05 .message_box .name { line-height: 26px; margin-top: 30px; }
#p05box05 .message_box .name em { display: inline-block; font-size: 26px; margin-left: 14px; }

/*お知らせ　p06
=========================================== */
#main-img.news-main { background-image: url("../img/p06/main_sp.jpg"); }

/*お問い合わせ　p09
=========================================== */
#p07box01 .common_box { padding: 40px 20px; box-sizing: border-box; background: #F5F5F5; }
#p07box01 .common_box .title_box { text-align: center; margin-bottom: 20px; }
#p07box01 .common_box .title_box .icon { display: inline-block; width: 66px; height: 66px; background: #FFFFFF; border: 1px solid #063257; border-radius: 50%; margin-bottom: 20px; position: relative; }
#p07box01 .common_box .title_box .icon img { width: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#p07box01 .common_box .title_box h2 { font-size: 24px; line-height: 1.8; }
#p07box01 .common_box.flex { display: block; padding-bottom: 50px; }
#p07box01 .common_box.flex .title_box { padding-bottom: 40px; box-sizing: border-box; border-bottom: 1px solid #DADADA; margin-bottom: 40px; }
#p07box01 .common_box.flex .text_box .tel_box { margin-top: 20px; }
#p07box01 .common_box.flex .text_box .tel_box .tel .num { color: #063257; }
#p07box01 .common_box.flex .text_box .tel_box .tel-text { color: #063257; }
#p07box01 .form_wrap.common_box { margin-top: 40px; }
#p07box01 .form_wrap.common_box .bikou-list li { padding-left: 1em; text-indent: -1em; margin-bottom: 16px; }
#p07box01 .form_wrap.common_box .bikou-list li:last-child { margin-bottom: 0; }
#p07box01 .form_wrap.common_box .form_box { padding: 40px 20px 50px; box-sizing: border-box; background: #FFFFFF; margin-top: 40px; }

ul.contact-state { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0; position: relative; z-index: 1; }
ul.contact-state::before { content: ""; display: block; width: 100%; height: 1px; background: #FF5813; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; }
ul.contact-state > li { display: block; width: calc((100% - 28px) / 3); position: relative; }
ul.contact-state > li > span { display: block; padding: 6px 0 7px; box-sizing: border-box; text-align: center; background: #FFFFFF; border: 1px solid #FF5813; border-radius: 4px; font-size: 14px; font-weight: 700; line-height: 24px; color: #FF5813; }
ul.contact-state > li > span .num { display: block; margin-bottom: -3px; }
ul.contact-state > li.state01 > span { background: #FF5813; color: #FFFFFF; }

ul.contact-state.contact-state02 { display: flex; flex-wrap: wrap; justify-content: space-between; }
ul.contact-state.contact-state02 > li.state02 > span { background: #FF5813; color: #FFFFFF; }

.state-text { display: none; text-align: center; color: #FF5813; font-weight: 700; font-size: 16px; }

.wpcf7-form.custom-wpcf7c-confirmed .state-text { display: block; }
.wpcf7-form.custom-wpcf7c-confirmed ul.contact-state { margin-bottom: 20px; }

.contactTBL { padding-top: 40px; /*お問い合わせ項目*/ /*添付ファイル*/ /*doui-check*/ /*送信ボタン*/ }
.contactTBL::placeholder { color: #B3B3B3; }
.contactTBL th, .contactTBL td { display: block; font-size: 16px; line-height: 24px; }
.contactTBL th { margin-bottom: 12px; }
.contactTBL th .hissu, .contactTBL th .ninni { display: inline-block; font-size: 14px; line-height: 1; font-weight: 700; padding: 3px 5px 4px; box-sizing: border-box; border: 1px solid #FF5813; border-radius: 2px; margin-right: 8px; }
.contactTBL th .hissu { background: #FF5813; color: #FFFFFF; }
.contactTBL th .ninni { background: #FFFFFF; color: #FF5813; }
.contactTBL td { margin-bottom: 40px; }
.contactTBL input.wpcf7-text, .contactTBL textarea.wpcf7-form-control.wpcf7-textarea, .contactTBL select.wpcf7-form-control.wpcf7-select, .contactTBL input.wpcf7-date { width: 100%; height: 38px; padding: 6px 10px; box-sizing: border-box; background: #FFFFFF; border: 1px solid #B3B3B3; border-radius: 2px; font-family: "Zen Kaku Gothic Antique"; font-size: 16px; font-weight: 500; line-height: 1.5; color: #0A0A0A; cursor: pointer; }
.contactTBL input.wpcf7-text.tel01 { width: 200px; }
.contactTBL textarea.wpcf7-form-control.wpcf7-textarea { height: 210px; }
.contactTBL p.sub_text { padding-left: 1em; text-indent: -1em; margin-top: 12px; }
.contactTBL .koumoku .wpcf7-list-item { display: block; margin: 10px 0 0 0; }
.contactTBL .koumoku .wpcf7-list-item label { display: flex; align-items: center; cursor: pointer; }
.contactTBL .koumoku .wpcf7-list-item label input[type="checkbox"] { width: 20px; height: 20px; background: #FFFFFF; border: 1px solid #D4D4D4; border-radius: 2px; margin-right: 10px; cursor: pointer; }
.contactTBL .koumoku .wpcf7-list-item.first { margin-top: 0; }
.contactTBL .text-list { margin-top: 12px; }
.contactTBL .text-list li { font-size: 14px; line-height: 26px; padding-left: 1em; text-indent: -1em; }
.contactTBL .codedropz-upload-wrapper .wpcf7c-conf.wpcf7c-conf-hidden { display: none; }
.contactTBL .codedropz-upload-wrapper .codedropz-upload-handler { background: #FFFFFF; border: 1px solid #B3B3B3; border-radius: 2px; position: relative; }
.contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container { height: 100%; padding: 42px 5px; box-sizing: border-box; }
.contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner h3 { margin: 0; font-size: 14px; font-weight: 500; line-height: 24px; color: #B3B3B3; padding-top: 32px; box-sizing: border-box; position: relative; }
.contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner h3::before { content: ""; display: block; width: 32px; height: 24px; background: url("../img/p07/icon_file.png") no-repeat center; background-size: contain; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner > span { font-size: 16px; font-weight: 500; line-height: 24px; color: #B3B3B3; }
.contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner .codedropz-btn-wrap { margin-top: 6px; }
.contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn { display: inline-block; height: 40px; background: #D9D9D9; border: none; border-radius: 0; padding: 8px 16px; box-sizing: border-box; font-size: 16px; font-weight: 500; line-height: 24px; color: #0A0A0A; margin: 0 auto; }
.contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .dnd-upload-counter { display: none; }
.contactTBL .codedropz-upload-wrapper:has(.dnd-upload-status) .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner .codedropz-btn-wrap::after { display: none; }
.contactTBL .doui-box .doui-text { margin-top: 12px; }
.contactTBL .doui-box .doui-text a { display: inline-block; color: #063257; text-decoration: underline; }
.contactTBL .doui-box .wpcf7-list-item { display: block; margin-left: 0; }
.contactTBL .doui-box .wpcf7-list-item label { display: flex; align-items: center; justify-content: flex-start; }
.contactTBL .doui-box .wpcf7-list-item label span.wpcf7-list-item-label { position: relative; display: flex; align-items: center; cursor: pointer; font-weight: 700; line-height: 1; }
.contactTBL .doui-box .wpcf7-list-item label input[type="checkbox"] { width: 16px; height: 16px; margin-right: 10px; background: #FFFFFF; border: 1px solid #B3B3B3; border-radius: 2px; cursor: pointer; }
.contactTBL .contact-submit.flex { display: block; }
.contactTBL .contact-submit.flex .btn01 { height: 54px; margin-top: 0; }
.contactTBL .contact-submit.flex .btn01 input.wpcf7-form-control { display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 100%; padding: 0 50px 0 40px; box-sizing: border-box; white-space: normal; border-radius: 50px; background-color: #FFFFFF; background-image: url("../img/p07/submit_arrow.png"); background-repeat: no-repeat; background-position: center right 15px; background-size: 24px; border: 1px solid #063257; cursor: pointer; transition: 0.3s; font-family: "Zen Kaku Gothic Antique"; font-size: 16px; line-height: 1.6; text-align: left; color: #063257; font-weight: 700; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.contactTBL .contact-submit.flex .btn01:has(.wpcf7c-force-hide) { display: none; }
.contactTBL .contact-submit.flex .btn01.back { margin-top: 20px !important; }
.contactTBL .contact-submit.flex .btn01.back input.wpcf7-form-control { padding: 0 40px 0 50px; background-image: url("../img/p07/back_arrow.png"); background-position: center left 15px; text-align: right; }
.contactTBL .contact-submit.flex .btn01.submit input.wpcf7-form-control { background-color: #063257; background-image: url("../img/p07/submit_arrow02.png"); color: #FFFFFF; }
.contactTBL .contact-submit.flex .btn01.submit input.wpcf7-form-control:hover { background-color: #FFFFFF; background-image: url("../img/p07/submit_arrow02_h.png"); color: #063257; }
.contactTBL .contact-submit.flex .wpcf7c-elm-step2.mt20 { width: 100%; text-align: center; margin-top: 20px; }
.contactTBL .contact-submit.flex input.wpcf7-form-control:focus { outline: none; }

/*確認画面時の表示設定*/
#p07box01 .form_wrap.common_box .form_box:has(.contactArea.che) { background: #e1e1e1; }

.contactArea.che .contactTBL td { margin-bottom: 20px; }
.contactArea.che .contactTBL .koumoku .wpcf7-list-item { margin: 0; }
.contactArea.che .dnd-upload-status .dnd-upload-details .remove-file, .contactArea.che .codedropz-upload-handler, .contactArea.che td .text-list, .contactArea.che span.dnd-progress-bar, .contactArea.che input[type=checkbox], .contactArea.che input[type=radio] { display: none; }
.contactArea.che input[type=checkbox]:checked, .contactArea.che input[type=radio]:checked { display: inline-block; }
.contactArea.che input[type=checkbox] ~ span.wpcf7-list-item-label, .contactArea.che input[type=radio] ~ span.wpcf7-list-item-label { display: none; }
.contactArea.che input[type=checkbox]:checked ~ span.wpcf7-list-item-label, .contactArea.che input[type=radio]:checked ~ span.wpcf7-list-item-label { display: inline-block; font-weight: 700; }
.contactArea.che textarea.wpcf7-textarea, .contactArea.che input.wpcf7-number, .contactArea.che input.wpcf7-date, .contactArea.che input.wpcf7-text, .contactArea.che select { font-weight: 700; }

/*入力内容確認時にフォーム上部へスクロールするがナビゲーションが追従の場合フォームとナビゲーションが重なるのでそのためのオフセット設定*/
form.wpcf7-form { padding-top: 185px; margin-top: -185px; }

.wpcf7c-conf { background-color: #D4D4D4 !important; }

input:-webkit-autofill, input:-internal-autofill-selected { -webkit-appearance: none; -webkit-box-shadow: 0 0 0px 1000px #D4D4D4 inset !important; box-shadow: 0 0 0px 1000px #D4D4D4 inset !important; }

.wpcf7 .ajax-loader { display: none !important; }

.wpcf7-spinner { display: none !important; }

/*Thanks・404
=========================================== */
#other { padding: 60px 5% 100px; text-align: center; }
#other h2 { font-size: 24px; margin-bottom: 30px; }
#other p { position: relative; }
#other .btn01 { text-align: center; }

/*プライバシーポリシー
=========================================== */
div#pageBox01 { padding: 60px 5% 100px; }

h2.pp-title01 { font-size: 24px; border-bottom: solid 2px; margin-bottom: 30px; padding-bottom: 10px; }

h3.pp-title02 { font-size: 20px; position: relative; margin: 20px 0; padding-left: 10px; }
h3.pp-title02::before { content: ""; width: 2px; height: 65%; background: #000; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; }

/*ウインドー幅ごと
=========================================== */
@media screen and (min-width: 0px) and (max-width: 400px) { #p04box04 .sdgs-list .sdgs01 .icon-list img { width: calc((100% - 14px) / 3); }
  #p04box04 .sdgs-list .sdgs01 .icon-list img:nth-child(3n) { margin-right: 0; } }
@media screen and (min-width: 0px) and (max-width: 375px) { .wp-pagenavi > span, .wp-pagenavi > a { width: 10.67vw; height: 10.67vw; margin: 0 0.53vw; line-height: 10.4vw; } }
@media screen and (min-width: 0px) and (max-width: 374px) { #p05box05 .message_box .midashi { font-size: 26px; }
  #p05box05 .message_box .midashi .grad-text01 { padding: 10px; font-size: 25px; } }
@media screen and (min-width: 0px) and (max-width: 370px) { .banner_box .text_box .midashi > span.kon { margin-bottom: 8px; }
  .banner_box .text_box .midashi .grad-text01 { margin-top: 8px; }
  .banner_box .text_box .midashi .sp02 { display: block; }
  .banner_box .text_box h3 { font-size: 25px; } }
@media screen and (min-width: 0px) and (max-width: 360px) { /* main */
  /*-------------------------------------------*/
  #main.home_main .main_title { width: 290px; }
  #main.home_main .main_title .grad-text01 { font-size: 31px; }
  .title01 .en { font-size: 63px; }
  .btn_contact a .btn-text { font-size: 18px; }
  #contact-sec .btn_box .box_left .tel_box .tel .num { font-size: 42px; }
  #topbox03 .midashi > span { font-size: 22px; }
  #topbox04 .text01 .grad-text01 { font-size: 22px; }
  #topbox05 .cnt .list .list_in { padding-left: 20px; padding-right: 20px; }
  #topbox07 .text01 .grad-text01 { font-size: 21px; } }
@media screen and (min-width: 0px) and (max-width: 350px) { section.businessBox01 .cnt .text_box h2 { font-size: 24px; }
  section.businessBox02 .reason-list .reason00 > .text_box h3 { font-size: 24px; }
  section.businessBox02 .reason-list .reason00 > .text_box h3 .grad-text01 { padding-left: 5px; padding-right: 5px; }
  section.businessBox03 .midashi01 > span { font-size: 25px; padding: 10px; }
  .page-safety-environment .content-list .common_line01 > .text_box h3 { font-size: 29px; } }
@media screen and (min-width: 0px) and (max-width: 340px) { #header .header_inner .logo_box { margin-left: 10px; }
  .sp-nav-btn { right: 10px; }
  .tel_box .tel .num { font-size: 38px; }
  #p07box01 .common_box .title_box h2 { font-size: 22px; } }
/*safari用
=========================================== */