@charset "utf-8";

@import url(animate.css);
@import url(https://use.fontawesome.com/releases/v5.6.1/css/all.css);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,700);
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&display=swap');
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,900&display=swap);
@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kosugi&display=swap');

/* ---------------------------------------------------------------- *
		リセット
* ---------------------------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License:none (public domain)*/
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, fsss, 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;font-size:100%;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
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}
*,*::before,*::after {box-sizing:border-box;}

/* ---------------------------------------------------------------- *
    初期設定
 * ---------------------------------------------------------------- */

/* リンク色の設定 */
a:link {color:#021423;text-decoration:none;}
a:visited {color:#021423;text-decoration:none;}
a:hover {color:#021423;text-decoration:none;}
a:active {color:#021423;text-decoration:none;}

/* リンクマウスオーバー設定 */
a, a img  {opacity:1;transition:all .2s ease-in-out;}
a:hover, a img:hover {opacity:0.7;transition:all .1s ease-in-out;}

/* 明朝 */
.serif {font-family:'Noto Serif JP',"游明朝体","Yu Mincho",YuMincho,Garamond,"Times New Roman","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;font-weight:600;}

/* 両端揃え */
.justify {text-align:justify;text-justify:inter-ideograph;}

.flex {display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;-js-display:flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;}

.hide {display:none;}
.pc_hide {display:none;}
.sp_hide {display:block;}
.hide {display:none;}
.clear {clear:both;}

/* フォント */
.ff1 {font-family:'Michroma',sans-serif;}

.red {color:#cf0e19;}
.small {font-size:10px;line-height:140%;letter-spacing:0;}

.bg_darkblue {background:#171f29;}
.bg_darkblue2 {background:#25303e;}
.bc_darkblue {border-color:#171f29;}
.fc_darkblue {color:#171f29;}
.bg_white {background:#FFF;}

/* ---------------------------------------------------------------- *
    共通設定
 * ---------------------------------------------------------------- */

body {
    font-family:
        'Roboto',
        'Kosugi',
        'Noto Sans JP',
        'ヒラギノ角ゴ Pro W3',
        'Hiragino Kaku Gothic Pro',
        "游ゴシック体",
        YuGothic,
        'メイリオ',
        Meiryo,
        'ＭＳ Ｐゴシック',
        'MS PGothic',
        Helvetica,
        Osaka,
        sans-serif;color:#333;
    background-color:#FFF;
    font-feature-settings:"palt";
}

/* 共通-セクションパターン(PC) */
.section_ptn1 {padding:100px 0;border-bottom:solid 1px #ccc;}
.section_ptn1 .home_title {margin-bottom:80px;font-size:24px;text-align:center;}
.section_ptn1 .home_title .title {border-bottom:solid 3px #cf0e19;padding-bottom:15px;}
.section_ptn1 .home_title .jp {display:block;font-size:12px;font-weight:normal;margin-top:35px;}
.section_ptn1 .home_sub_title {margin-bottom:60px;font-size:20px;text-align:center;}
.section_ptn1 .home_sub_title .title {border-bottom:solid 3px #999;padding-bottom:15px;}
.section_ptn1 .home_sub_title .jp {display:block;font-size:10px;font-weight:normal;margin-top:35px;}
.section_ptn1 .main_text {font-size:15px;line-height:200%;text-align: center;margin-bottom:60px;}
.section_ptn1 .btn1 {margin-top:80px;}

/* 共通-wrap */
.mainWrap {width:1200px;max-width:90%;margin:0 auto;}
.bigWrap {width:1400px;max-width:90%;margin:0 auto;}
.fullWrap {width:90%;margin:0 auto;}

/* 共通-ボタン */
.btn1 {display:block;width:300px;height:60px;line-height:55px;margin:0 auto;border:solid 2px;text-align:center;font-size:16px;font-weight:bold;border-radius:4px;}
.btn1w {display:block;width:300px;height:60px;line-height:55px;margin:0 auto;border:#fff solid 2px;text-align:center;font-size:16px;font-weight:bold;color:#FFF;border-radius:4px;}

/* 共通-下層ページタイトル画像エリア */
.page_title {position:relative;}
.page_title img {display:block;width:100%;z-index:0;}
.page_title .title {position:absolute;color:#fff;font-size:2vw;z-index:1;top:50%;left:5%;}
.page_title .title span {display:block;margin-top:15px;font-size:0.55vw;}

/* 共通-アニメ */
.fadeIn {opacity:0;}
.fadeIn_anime {opacity:1;transition:1s ease-out;}

.fadeIn_fast {opacity:0;transform:scale(0.95, 0.95);}
.fadeIn_fast_anime {opacity:1;transform:scale(1, 1);transition:0.5s ease-out;transition-delay:0.2s;}

.slideUp {opacity:0;transform:translate(0,50px);-webkit-transform:translate(0,50px);}
.slideUp_anime {opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0);transition:1s ease-out;transition-delay:0s;}

.slideUp1 {opacity:0;transform:translate(0,50px);-webkit-transform:translate(0,50px);}
.slideUp_anime1 {opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0);transition:1s ease-out;transition-delay:0.5s;}

.slideUp2 {opacity:0;transform:translate(0,50px);-webkit-transform:translate(0,50px);}
.slideUp_anime2 {opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0);transition:1s ease-out;transition-delay:0.7s;}

.slideUp3 {opacity:0;transform:translate(0,50px);-webkit-transform:translate(0,50px);}
.slideUp_anime3 {opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0);transition:1s ease-out;transition-delay:0.9s;}

.zoomIn {opacity:0;transform:scale(0.8, 0.8);-webkit-transform:scale(0.8, 0.8);}
.zoomIn_anime {opacity:1;transform:scale(1, 1);-webkit-transform:scale(1, 1);transition:0.5s ease-out;transition-delay:0s;}

.zoomIn_slow {opacity:0;transform:scale(0.5, 0.5) rotateY(180deg);-webkit-transform:scale(0.5, 0.5) rotateY(180deg);}
.zoomIn_slow_anime {opacity:1;transform:scale(1, 1) rotateY(360deg);-webkit-transform:scale(1, 1) rotateY(360deg);transition:0.8s ease-out;transition-delay:0s;}

.zoomOut {opacity:0;transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);}
.zoomOut_anime {opacity:1;transform:scale(1, 1);-webkit-transform:scale(1, 1);transition:1.5s ease-out;transition-delay:0s;}

/* ---------------------------------------------------------------- *
    TOPページ(PC)
 * ---------------------------------------------------------------- */

/* HOME ヘッダー(PC) */
.header {position:absolute;z-index:10000;padding:40px;width:100%;transition:all .5s ease-in-out;}
.header .logo {width:12%;transition:all .3s ease-in-out;}
.header .logo a img {display:block;width:100%;box-shadow:0 1px 5px rgba(0,0,0,0.6);}
.header a {color:#fff;text-decoration:none;}
.header .hamburgerMenu {display:none;}
.header .hamburgerMenuBg {width:80%;height:80px;}
.header .hamburgerMenuBg .globalMenu {transition:all .3s ease-in-out;}
.header .hamburgerMenuBg .globalMenu li a {display:block;margin-right:80px;text-decoration:none;font-size:16px;line-height:100%;font-weight:bold;text-shadow:0 1px 3px rgba(0,0,0,0.8);}
.header .hamburgerMenuBg .contactMenu {width:40%;text-align:left;font-weight:600;color:#fff;justify-content: flex-end;}
.header .hamburgerMenuBg .contactMenu .mail {font-size:16px;font-weight:600;margin-right:40px;}
.header .hamburgerMenuBg .contactMenu .tel {font-size:16px;}
.header .hamburgerMenuBg .contactMenu i {margin-right:8px;font-size:18px;}

/* HOME ヘッダーfixed(PC) */
.fixed {position:fixed!important;width:100%;height:60px;padding:0;background:#fff;top:0;left:0;width:100%;transition:all .5s ease-in-out;border-bottom:solid 4px #cf0e19;}
.fixed .header {position:absolute;z-index:10000;width:100%;transition:all .5s ease-in-out;}
.fixed .logo {width:5%;transition:all .3s ease-in-out;}
.fixed .logo a img {display:none;}
.fixed .logo a {position:absolute;top:10px;left:25px;display:block;width:136px;height:37px;background:url(../image/logo.png) no-repeat;background-size:136px 37px;transition:all .3s ease-in-out;}
.fixed .hamburgerMenuBg {width:87%;height:auto;background:none;border-bottom:none;box-shadow:none;}
.fixed .hamburgerMenuBg .globalMenu {margin-top:20px;margin-left:0;transition:all .3s ease-in-out;}
.fixed .hamburgerMenuBg .globalMenu li a {margin-right:60px;font-size:12px;text-shadow:none;color:#333;}
.fixed .hamburgerMenuBg .globalMenu li a .jp {display:none;}
.fixed .hamburgerMenuBg .contactMenu {width:40%;tborder:none;color:#333;margin-top:18px;margin-right:20px;}
.fixed .hamburgerMenuBg .contactMenu .title {display:none;}
.fixed .hamburgerMenuBg .contactMenu .mail {color:#333;font-size:14px;}
.fixed .hamburgerMenuBg .contactMenu .tel {font-size:14px;}

/* HOME メインイメージ内情報(PC) */
.home_mainimg {position:relative;background:#000;}
.home_mainimg .text_wrap {position:absolute;z-index:1000;color:#fff; bottom:6%; width:100%;text-shadow:0 0px 3px rgba(0,0,0,0.7);text-align:left;padding-left:2%;font-size:1.4vw;font-feature-settings:"palt";line-height:100%;}
.home_mainimg .text_wrap .ff2 {color:#cf0e19;}

/* HOME メインイメージ内情報 NEWSトピックス版(PC) */
.newsTopics .text_wrap {top:38%;}
.newsTopics .newsTopicsBox {position:absolute;z-index:1000;bottom:5%;left:0;right:0;width:96%;margin:auto;background:rgba(207, 14, 25, 0.85);border:solid 1px #cf0e19; color:#fff;padding:25px;border-radius:4px;}
.newsTopics .newsTopicsBox .title {font-size:17px;margin-bottom:15px;}
.newsTopics .newsTopicsBox .text .date {font-size:12px; margin-right: 10px;}
.newsTopics .newsTopicsBox .text a {font-size:14px;color:#fff;text-decoration:underline;}

/* HOME メインイメージ更新用(PC) */
.bxslider .sliderimg {height:100svh;}
.bxslider .img1 {background:url(../image/mainimg/1.jpg) no-repeat center bottom #000;background-size:cover;}
.bxslider .img2 {background:url(../image/mainimg/2.jpg) no-repeat center bottom #000;background-size:cover;}
.bxslider .img3 {background:url(../image/mainimg/3.jpg) no-repeat center bottom #000;background-size:cover;}
.bxslider .img4 {background:url(../image/mainimg/4.jpg) no-repeat center bottom #000;background-size:cover;}
.bxslider .img5 {background:url(../image/mainimg/5.jpg) no-repeat center bottom #000;background-size:cover;}
.bxslider .slider .sliderimg {animation:anime_zoom 6s linear;}
@keyframes anime_zoom {0% {transform:scale(1);}100% {transform:scale(1.08);}}

/* トップページ ロゴエリア(PC) */
.home_logoArea {position:relative;height:100vh;background:#cf0e19;color:#fff;}
.home_logoArea .wrap {position:absolute;top:18%;left:0;right:0;width:650px;margin:auto;}
.home_logoArea .logo {width:65%;margin:0 auto 60px auto;}
.home_logoArea .logo img {display:block;width:100%;}
.home_logoArea .text1 {font-size:16px;line-height:180%;margin-bottom:30px;}
.home_logoArea .text2 {font-size:16px;line-height:180%;margin-bottom:60px;padding-bottom:60px;border-bottom:solid 1px #fff;}
.home_logoArea .title {font-size:20px;font-weight:bold;margin-bottom:30px;text-align:center;}
.home_logoArea .text3 {font-size:12px;line-height:180%;margin-bottom:30px;text-align:center;color:#fff;}
.home_logoArea .tel-number a {color:#fff;text-decoration:none;}

/* トップページ ABOUT US(PC) */
.home_about {background:#f9f9f9;}
.home_about .company_tb {width:100%;}
.home_about .company_tb th,
.home_about .company_tb td {background:#fff;border:solid 1px #ddd;padding:15px;font-size:13px;line-height:180%;}
.home_about .company_tb th {font-size:14px;text-align:left;}
.home_about .company_tb ul {margin-top:20px;}
.home_about .company_tb li {list-style:disc;font-size:13px;margin-left:16px;}

.home_about .officer_wrap .item {width:32%;border:solid 1px #ddd;background:#fff;padding:25px;box-shadow:0px 15px 10px -15px rgba(0,0,0,0.5);}
.home_about .officer_wrap .item .photo {display:block;width:100%;margin-bottom:25px;}
.home_about .officer_wrap .item .job1 {font-size:12px;margin-bottom:13px;font-weight:bold;}
.home_about .officer_wrap .item .name {font-size:20px;margin-bottom:13px;font-weight:bold;}
.home_about .officer_wrap .item .job2 {font-size:12px;margin-bottom:25px;padding-bottom:25px;border-bottom:dotted 1px #999;}
.home_about .officer_wrap .item .text {font-size:13px;line-height:180%;margin-bottom:15px;text-align:justify;text-justify:inter-ideograph;}
.home_about .officer_wrap .item .website a {color:#333;text-decoration:none;font-size:12px;}
.home_about .officer_wrap .item .website a i {font-size:14px;margin-right:8px;}

/* トップページ OUR TEAM(PC) */
.home_ourteam {background:#fff;}
.home_ourteam .titlebox {text-align: center;margin-bottom:40px;}
.home_ourteam .titlebox .logo {width:200px;margin-bottom:15px;}
.home_ourteam .titlebox .text {display:block;font-size:18px;}
.home_ourteam .text {font-size:16px;line-height:180%;margin-bottom:3%;text-align:center;}
.home_ourteam .item {width:33.2%;padding:3%;text-align: center;background:#fff;margin-bottom:0.2%;border:solid 1px #ddd;}
.home_ourteam .item .title {font-size:0.8vw;font-weight: bold;margin-bottom:15px;line-height:160%;}
.home_ourteam .item .text {font-size:14px;}
.home_ourteam .item .mt {margin-top:10px;}

/* トップページ WORKS(PC) */
.home_works {background:#f9f9f9;text-align:center;}
.home_works .fullWrap {width: 100%;}
.home_works .text {font-size:22px;line-height:160%;margin-bottom:3%;}

@keyframes infinity-scroll-left {from {transform: translateX(0);}to {transform: translateX(-100%);}}
.scroll-infinity__wrap {display:flex;overflow:hidden;}
.scroll-infinity__list {display:flex;list-style:none;padding:0;}
.scroll-infinity__list--left {animation: infinity-scroll-left 80s infinite linear 0.5s both;}
.scroll-infinity__item {width:calc(100vw / 3);}
.scroll-infinity__item>img {width:100%;}

.home_works .photo_loop {margin-bottom:3%;}
.home_works .logo_loop {margin-bottom:3%;}
.home_works .photo_loop2 {margin-bottom:0;}
.home_works .logo_loop .scroll-infinity__item {width:calc(100vw / 10);}

/* トップページ コンタクト(PC) */
.home_contact {background:#ededed;}
.home_contact .main_text {margin-bottom:40px;}
.home_contact .eng {font-size:14px;margin-bottom:40px;line-height:160%;text-align:center;}
.home_contact .formBox {width:80%;margin:0 auto;}
.home_contact .formBox .inputarea input {width:49.7%;padding:15px;margin-bottom:8px; border:solid 1px #ccc;outline:none;}
.home_contact .formBox .inputarea input::placeholder {color:#999;}
.home_contact .formBox .inputarea textarea {margin-bottom:8px;width:100%;padding:15px;border:solid 1px #ccc;font-family:'Didact Gothic','Noto Sans JP',sans-serif;outline:none;}
.home_contact .formBox .inputarea textarea::placeholder {color:#999;}
.home_contact .formBox .submitBtn {margin-bottom:40px;width:100%;height:60px;line-height:60px;text-align:center;color:#fff;background:#333;border: none; cursor:pointer;}
.home_contact .formBox .note {font-size:12px;line-height:240%;text-align:center;}
.home_contact .formBox .note a {text-decoration:underline;}

/* pagetop(PC) */
#pagetop {display:none;position:fixed;bottom:50px;right:30px;z-index:100000;}
#pagetop li {list-style:none;font-family:'Roboto',sans-serif;font-weight:400;font-size:10px;line-height:130px;text-align:center;}
#pagetop a {color:#999;display:block;width:50px;height:50px;text-decoration:none;background-image:url("../image/pagetop.png");background-repeat:no-repeat;opacity:1;transition:all .2s ease-in-out;}
#pagetop a:hover {opacity:0.8;transition:all .2s ease-in-out;}

/* footer(PC) */
.footer {position:relative;border-top:solid 4px #cf0e19;padding:50px 0;}
.footer .copyright {font-size:10px;text-align:center;}

/* ---------------------------------------------------------------- *
    下層ページ共通(PC)
 * ---------------------------------------------------------------- */

.mainimg2nd {height:70vh;background:#000;position:relative;overflow:hidden;}
.mainimg2nd .maintitle {position:absolute;top:73%;left:5%; color:#fff;font-size:30px;text-shadow:0 1px 3px rgba(0,0,0,0.3);}
.mainimg2nd .maintitle .jp {font-size:14px;margin-left:20px;}
.mainimg2nd .photo {display:block;width:100%;}

/* ---------------------------------------------------------------- *
    プライバシーポリシー(PC)
 * ---------------------------------------------------------------- */

.privacy h3 {font-size:20px;margin-bottom:40px;text-indent:12px; border-left:solid 3px #cf0e19;}
.privacy h4 {font-size:16px;margin-bottom:10px;}
.privacy p {font-size:14px;line-height:180%;margin-bottom:40px;}













/* 以下、画面の横幅が1500px以下の場合に適用されるCSS（PC1700） */
@media screen and (max-width:1500px) {

/* HOME ヘッダー(PC) */
.header {padding:30px;}
.header .hamburgerMenuBg {width:82%;}
.header .hamburgerMenuBg .globalMenu li a {margin-right:50px;font-size:1.2vw;}

/* HOME ヘッダーfixed(PC) */
.fixed {position:fixed!important;width:100%;height:60px;padding:0;background:#fff;top:0;left:0;width:100%;}
.fixed .logo a {left:15px;}
.fixed .hamburgerMenuBg {width:84%;}
.fixed .hamburgerMenuBg .globalMenu li a {margin-right:40px;font-size:1.2vw;}
    
}




/* 以下、画面の横幅が1030px以下の場合に適用されるCSS（SP） */
@media screen and (max-width:1030px) {
    .home_mainimg .text_wrap {bottom:8%;font-size:1.9vw;}
}




/* 以下、画面の横幅が920px以下の場合に適用されるCSS（SP） */
@media screen and (max-width:920px) {

.pc_hide {display:block;}
.sp_hide {display:none;}

/* 共通-セクションパターン(SP) */
.section_ptn1 {padding:30px 0;border-bottom:solid 1px #ccc;}
.section_ptn1 .home_title {margin-bottom:45px;font-size:18px;text-align:center;}
.section_ptn1 .btn1 {margin-top:40px;}
    
/* 共通-wrap(SP) */
.mainWrap {width:90%;max-width:90%;margin:0 auto;}
.bigWrap {width:90%;max-width:90%;margin:0 auto;}
.fullWrap {width:90%;margin:0 auto;}

/* 共通-ボタン(SP) */
.btn1 {display:block;width:90%;height:60px;line-height:55px;margin:0 auto;border:solid 2px;text-align:center;font-size:16px;font-weight:bold;border-radius:4px;}
.btn1w {display:block;width:90%;height:60px;line-height:55px;margin:0 auto;border:#fff solid 2px;text-align:center;font-size:16px;font-weight:bold;color:#FFF;border-radius:4px;}
    
/* hamburgerMenu(SP) */
.hamburgerMenu {display:block;}
.hamburgerMenu .btn {cursor:pointer;}
.hamburgerMenu .nav-toggle {width:30px;height:40px;display:block;position:fixed;right:21px;top:10px;z-index:10000000;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.hamburgerMenu .nav-toggle div {width:27px;position:fixed;right:20px;top:20px;}
.hamburgerMenu .nav-toggle span {display:block;position:absolute;height:2px;width:100%;background:#ccc;left:0;zoom:1;transition:.35s ease-in-out;}
.hamburgerMenu .nav-toggle span:nth-child(1) {top:0;}
.hamburgerMenu .nav-toggle span:nth-child(2) {top:9px;}
.hamburgerMenu .nav-toggle span:nth-child(3) {top:18px;}
.open .nav-toggle {background:transparent;}
.open .nav-toggle span {background:#999;}
.open .nav-toggle span:nth-child(1) {top:9px;transform:rotate(-135deg);zoom:1;}
.open .nav-toggle span:nth-child(2) {width:0;left:50%;}
.open .nav-toggle span:nth-child(3) {top:9px;transform:rotate(135deg);zoom:1;}

/* HOME ヘッダー(SP) */
.header {position:absolute;display:block;z-index:10000;padding:20px;width:100%;}
.header .logo {width:20%;transition:all .3s ease-in-out;}
.header .logo a img {display:block;width:100%;box-shadow:0 1px 5px rgba(0,0,0,0.6);}
.header a {color:#333;text-decoration:none;}
.header .hamburgerMenu {display:block;}
.header .hamburgerMenuBg {display:none;width:100%;height:100vh;overflow-y:auto;margin:0;background:#fff;;position:fixed;top:0;left:0;z-index:1000000;border:0;}
.header .hamburgerMenuOp {display:block;opacity:1;width:100%;}
.header .hamburgerMenuBtnOp {background:none;}
.header .hamburgerMenuBg .globalMenu {display:block;margin:60px 0 0 0;border-top:solid 2px #cf0e19;}
.header .hamburgerMenuBg .globalMenu li a {margin:0;font-size:15px;text-align:center;padding:18px 0;border-bottom:dotted 1px #999;text-shadow: none;}
.header .hamburgerMenuBg .contactMenu {width:90%;margin:30px auto;color:#333;justify-content:center;}
.header .hamburgerMenuBg .contactMenu .mail {width:100%;font-size:14px;margin: 0 30px 0 0;}
.header .hamburgerMenuBg .contactMenu .tel {width:100%;font-size:14px;margin: 0;}
.header .hamburgerMenuBg .contactMenu i {font-size:18px;}

/* HOME ヘッダーfixed(SP) */
.fixed {position:fixed!important;width:100%;height:60px;padding:0;background:#fff;top:0;left:0;width:100%;border-bottom:solid 2px #cf0e19;}
.fixed .header {position:absolute;z-index:10000;width:100%;}
.fixed .logo {width:5%;z-index:1000001;}
.fixed .logo a img {display:none;}
.fixed .logo a {position:absolute;top:15px;left:20px;display:block;width:106px;height:30px;background:url(../image/logo.png) no-repeat;background-size:106px 30px;transition:all .3s ease-in-out;}
.fixed .hamburgerMenuBg {margin:60px 0 0 0;}
.fixed .hamburgerMenuBg .globalMenu {display:block;margin:0;border-top:none;}
.fixed .hamburgerMenuBg .globalMenu li a .jp {display: block;}
.fixed .hamburgerMenuBg .contactMenu {border:solid 1px #ddd;}
.fixed .hamburgerMenuBg .contactMenu .title {display:block;background:#eaeaea;border-bottom:solid 1px #ddd;}
    
/* HOME メインイメージ内情報(SP) */
.home_mainimg {position:relative;background:#000;}

/* HOME メインイメージ内情報 NEWSトピックス版(SP) */
.newsTopics .text_wrap {top:38%;}
.newsTopics .newsTopicsBox {position:absolute;z-index:1000;bottom:2%;left:0;right:0;width:92%;padding:15px;}
.newsTopics .newsTopicsBox .title {font-size:16px;margin-bottom:15px;}
.newsTopics .newsTopicsBox .text .date {display:block;margin-bottom:5px;}
.newsTopics .newsTopicsBox .text a {line-height:160%;}

/* HOME メインイメージ更新用(SP) */
.bxslider .sliderimg {height:100svh;}
.bxslider .img1 {background:url(../image/mainimg/1sp.jpg) no-repeat center bottom #000;background-size:cover;}
.bxslider .img2 {background:url(../image/mainimg/2sp.jpg) no-repeat center bottom #000;background-size:cover;}
.bxslider .img3 {background:url(../image/mainimg/3sp.jpg) no-repeat center bottom #000;background-size:cover;}
.bxslider .img4 {background:url(../image/mainimg/4sp.jpg) no-repeat center bottom #000;background-size:cover;}
.bxslider .img5 {background:url(../image/mainimg/5sp.jpg) no-repeat center bottom #000;background-size:cover;}
    
/* トップページ ロゴエリア(SP) */
.home_logoArea .wrap {position:absolute;top:20%;left:0;right:0;width:90%;margin:auto;}
.home_logoArea .logo {width:50%;margin:0 auto 60px auto;}
.home_logoArea .logo img {display:block;width:100%;}
.home_logoArea .text1 {font-size:16px;line-height:180%;margin-bottom:30px;text-align:center;}
.home_logoArea .text2 {font-size:16px;line-height:180%;margin-bottom:60px;padding-bottom:60px;border-bottom:solid 1px #fff;text-align:center;}
.home_logoArea .title {font-size:20px;font-weight:bold;margin-bottom:30px;text-align:center;}
.home_logoArea .text3 {font-size:12px;line-height:180%;margin-bottom:30px;text-align:center;color:#fff;}

/* トップページ ABOUT US(SP) */
.home_about .company_tb th {white-space:nowrap}
.home_about .company_tb th,
.home_about .company_tb td {padding:10px;}
.home_about .officer_wrap .item {width:100%;margin-bottom:20px;padding:15px;box-shadow:0 0 3px rgba(0,0,0,0.15);}
.home_about .officer_wrap .item:last-of-type {margin-bottom:0;}
.home_about .officer_wrap .item .photo {margin-bottom:20px;}
.home_about .officer_wrap .item .job2 {margin-bottom:20px;padding-bottom:20px;}
.home_about .officer_wrap .item .text {font-size:12px;}

/* トップページ OUR TEAM(SP) */
.home_ourteam .titlebox {padding:4%;margin-bottom:10px;}
.home_ourteam .titlebox .logo {width:140px;margin-bottom:10px;}
.home_ourteam .titlebox .text {display:block;font-size:13px;}
.home_ourteam .item {width:100%;padding:20px;margin-bottom:2px;}
.home_ourteam .item .title {font-size:14px;margin-bottom:10px;line-height:160%;}
.home_ourteam .item .text {font-size:13px;}
.home_ourteam .item .mt {margin-top:0;}
.home_ourteam .text {font-size:16px;margin-bottom:30px;}

/* トップページ WORKS(SP) */
.home_works {text-align:left;}
.home_works .fullWrap {width:90%;margin:0 auto;}
.home_works .text {font-size:19px;margin-bottom:20px;text-align: center;}

.scroll-infinity__item {width:calc(100vw / 1.5);}
.home_works .logo_loop .scroll-infinity__item {width:calc(100vw / 3);}
   
/* トップページ コンタクト(SP) */
.home_contact .main_text {font-size:16px;margin-bottom:20px;}
.home_contact .formBox {width:100%;margin:0 auto;}
.home_contact .formBox .inputarea {margin-bottom:0;}
.home_contact .formBox .inputarea input {width:100%;padding:15px;border:solid 1px #ccc;outline:none;margin-bottom:1px;}
.home_contact .formBox .inputarea input::placeholder {color:#999;}
.home_contact .formBox .inputarea textarea {width:100%;margin-bottom:1px;padding:15px;border:solid 1px #ccc;font-family:'Didact Gothic','Noto Sans JP',sans-serif;outline:none;}
.home_contact .formBox .inputarea textarea::placeholder {color:#999;}
.home_contact .formBox .submitBtn {width:100%;margin:0 0 30px 0;height:60px;line-height:60px;text-align:center;color:#fff;cursor:pointer;}
.home_contact .formBox .note {font-size:12px;line-height:180%;text-align:left;}
.home_contact .formBox .note br {display:none;}
       
#pagetop {display:block;position:inherit;background-color:#ccc;padding:20px 0;}
#pagetop li {list-style:none;width:110px;font-family:'Roboto',sans-serif;font-weight:400;font-size:12px;text-indent:40px;line-height:30px;margin:0 auto;}
#pagetop a {display:block;color:#333;width:30px;height:30px;text-decoration:none;background-image: url("../image/pagetop.png");background-repeat:no-repeat;
;opacity:1;background-size:30px 30px;}

/* footer(SP) */
.footer {padding:30px 0;}

/* ---------------------------------------------------------------- *
    下層ページ共通(SP)
 * ---------------------------------------------------------------- */

.mainimg2nd {height:50vh;background:#000;position:relative;overflow:hidden;}
.mainimg2nd .maintitle {position:absolute;top:65%;left:5%;color:#fff;font-size:18px;text-shadow:0 1px 3px rgba(0,0,0,0.3);}
.mainimg2nd .maintitle .jp {display: block;font-size:12px;margin:15px 0 0 0;}
.mainimg2nd .photo {display:block;height:50vh;object-fit:cover;}

/* ---------------------------------------------------------------- *
    プライバシーポリシー(SP)
 * ---------------------------------------------------------------- */

.privacy h3 {font-size:18px;margin-bottom:20px;}
.privacy h4 {font-size:14px;margin-bottom:10px;}
.privacy p {font-size:13px;line-height:160%;margin-bottom:30px;}
    
}















/* 以下、画面の横幅が600px以下の場合に適用されるCSS（SP） */
@media screen and (max-width:600px) {

.header .logo {width:40%;}
.home_mainimg .text_wrap {position:absolute;z-index:1000;color:#fff;bottom:8%;left:0;right:0;margin: auto;width:90%;font-size:15px;line-height:160%;}

/* トップページ ロゴエリア(SP) */
.home_logoArea {position:relative;height:auto;padding:80px 0;}
.home_logoArea .wrap {position:static;width:90%;top:inherit;right:inherit;left:inherit;margin:0 auto;}
.home_logoArea .logo {width:70%;margin:0 auto 60px auto;}

/* トップページ WORKS(SP) */
.home_works .main_text .small {display:block;line-height:160%;}
.home_works .item_wrap .item {width:100%;}

/* トップページ WORKS(SP) */
.home_works .worksmenu {margin-bottom:60px;}
.home_works .worksmenu a {display:block;width:100%;background:#fff;padding:10px; margin-bottom:3px;}
.home_works .worksmenu a img {display:block;width:10%;margin:0 auto 10px auto;}

}