@charset "utf-8";
/* CSS Document */


/* font
=========================================== */

@font-face {/*NotoSansJP*/
  font-family: 'NotoSansJP';
  src: url('../fonts/font/NotoSansJP-Thin.otf');
  src:
  url('../fonts/font/NotoSansJP-Thin.woff2') format('woff2'),
  url('../fonts/font/NotoSansJP-Thin.woff') format('woff'),
  url('../fonts/font/NotoSansJP-Thin.ttf') format('TrueType');
	font-weight: 100;
}

@font-face {/*NotoSansJP*/
  font-family: 'NotoSansJP';
  src: url('../fonts/font/NotoSansJP-Regular.otf');
  src:
  url('../fonts/font/NotoSansJP-Regular.woff2') format('woff2'),
  url('../fonts/font/NotoSansJP-Regular.woff') format('woff'),
  url('../fonts/font/NotoSansJP-Regular.ttf') format('TrueType');
	font-weight: 400;
}

@font-face {/*NotoSansJP*/
  font-family: 'NotoSansJP';
  src: url('../fonts/font/NotoSansJP-Medium.otf');
  src:
  url('../fonts/font/NotoSansJP-Medium.woff2') format('woff2'),
  url('../fonts/font/NotoSansJP-Medium.woff') format('woff'),
  url('../fonts/font/NotoSansJP-Medium.ttf') format('TrueType');
	font-weight: 500;
}

@font-face {/*NotoSansJP*/
  font-family: 'NotoSansJP';
  src: url('../fonts/font/NotoSansJP-Bold.otf');
  src:
  url('../fonts/font/NotoSansJP-Bold.woff2') format('woff2'),
  url('../fonts/font/NotoSansJP-Bold.woff') format('woff'),
  url('../fonts/font/NotoSansJP-Bold.ttf') format('TrueType');
	font-weight: 700;
}
@font-face {/*NotoSansJP*/
  font-family: 'NotoSansJP';
  src: url('../fonts/font/NotoSansJP-ExtraBold.otf');
  src:
  url('../fonts/font/NotoSansJP-ExtraBold.woff2') format('woff2'),
  url('../fonts/font/NotoSansJP-ExtraBold.woff') format('woff'),
  url('../fonts/font/NotoSansJP-ExtraBold.ttf') format('TrueType');
	font-weight: 800;
}

@font-face {/*Roboto*/
  font-family: 'Roboto';
  src: url('../fonts/font/Roboto-Regular.otf');
  src:
  url('../fonts/font/Roboto-Regular.woff2') format('woff2'),
  url('../fonts/font/Roboto-Regular.woff') format('woff'),
  url('../fonts/font/Roboto-Regular.ttf') format('TrueType');
	font-weight: 400;
}

@font-face {/*Roboto*/
  font-family: 'Roboto';
  src: url('../fonts/font/Roboto-Medium.otf');
  src:
  url('../fonts/font/Roboto-Medium.woff2') format('woff2'),
  url('../fonts/font/Roboto-Medium.woff') format('woff'),
  url('../fonts/font/Roboto-Medium.ttf') format('TrueType');
	font-weight: 500;
}

@font-face {/*Roboto*/
  font-family: 'Roboto';
  src: url('../fonts/font/Roboto-Bold.otf');
  src:
  url('../fonts/font/Roboto-Bold.woff2') format('woff2'),
  url('../fonts/font/Roboto-Bold.woff') format('woff'),
  url('../fonts/font/Roboto-Bold.ttf') format('TrueType');
	font-weight: 700;
}


/* Link
=========================================== */

a:link, a:visited {
	color: #1E1E1E;text-decoration: none;
}
a:hover, a:active {
	color: #1E1E1E;text-decoration: underline;
}
a {
	outline: none;transition: 0.3s;
}
a img {transition: 0.3s;}

:focus { outline: none;}

/* LAYOUT
=========================================== */
html.showPage,
html.showPage body{min-width: 1200px;}

body {
	color: #1E1E1E;
	background:#fff;
	font-size:16px;
	font-family: 'NotoSansJP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight: 400;
    font-style: normal;
	overflow:hidden;
	max-width:2000px;
	margin:0 auto;
	line-height:1.6;
}
body.home {background:#F6F6F6;}

h1,h2,h3,h4,h5,h6 {font-weight:700;}
body,li,th,td,p,dt,dd{}
body#tinymce{min-width:inherit!important;}

p {}
.wrap {width: 1100px;margin:0 auto;position:relative;}
table {width:100%;}
img {max-width:100%;height:auto;}

/*共通設定*/
.btn01 {width:260px;height:60px;display:table;}
.btn01 a {display:table-cell;vertical-align:middle;color:#E20013;border:1px solid #E20013;font-weight:bold;text-decoration:none;border-radius:140px;padding-left:40px;background: url("../img/common/btn01.svg")no-repeat center right 20px #fff;}
.btn01 a:hover {opacity:0.7;}

.title01 {align-items: baseline;padding-bottom:20px!important;border-bottom:1px solid #ccc;position:relative;}
.title01::before {content:"";width:30px;height:1px;background:rgba(226,0,19,0.3);position:absolute;left:0;bottom:-1px;}
.title01 .eng {font-size:46px;margin-right:30px;padding-left:22px;position:relative;font-family: 'Roboto';}
.title01 .eng::before {content:"";width:8px;height:8px;background:#E20013;border-radius:100%;position:absolute;top:0;bottom:0;left:0;margin:auto;}
.title01 .jap {}

.title02 {color:#fff;border-color:#fff;}
.title02::before {content:none;}
.title02 .eng::before {background:#fff;}

.k_title {align-items: baseline;padding-bottom:20px!important;border-bottom:1px solid #ccc;position:relative;}
.k_title::before {content:"";width:30px;height:1px;background:rgba(226,0,19,0.3);position:absolute;bottom:-1px;left:0;}
.k_title .eng {font-size:40px;margin-right:20px;padding-left:66px;font-family: 'Roboto';}
.k_title .jap {}


/*ウェブフォント*/
.tcenter {text-align: center;}
.tright {text-align: right;}
.roboto {font-family: 'Roboto';}

/*色*/
.shiro {color:#fff;}
.red {color:#E20013;}
.ki {color:#F6FD2B;}
.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%;min-width:1100px;max-width: 2000px;position:fixed;transition: 0.3s;left:0;right: 0;top:0;margin: auto;z-index: 100;padding:20px 60px;box-sizing: border-box;}
.home #header {padding:40px 60px 0;}
.fixed #header {padding:20px 60px 20px;background: rgba(255,255,255,0.8);}
#header .header_inner {justify-content:space-between;align-items:center;}
#header .header_inner .logo {width:297px;}

/*gnav*/
.gnav {}
.gnav > ul {width:auto;}
.gnav > ul > li {margin-right:30px;font-weight:500;}
.gnav > ul > li:last-child {margin-right:0;}

.h_btn_list {width:auto;}

.h_line {width:140px;height:60px;display:table;margin-right:10px;}
.h_line a {display:table-cell;vertical-align:middle;text-align:center;background:#fff;color:#4CC764;border:1px solid #4CC764;font-size:18px;text-decoration:none;border-radius:140px;}
.h_line a:hover {opacity:0.7;}
.h_line a span {background: url("../img/common/line.svg")no-repeat center left;padding-left:29px;display:inline-block;}

.h_contact {width:140px;height:60px;display:table;margin-right:10px;}
.h_contact a {display:table-cell;vertical-align:middle;text-align:center;background:#fff;color:#E20013;border:1px solid #E20013;font-size:18px;text-decoration:none;border-radius:140px;}
.h_contact a:hover {opacity:0.7;}
.h_contact a span {background: url("../img/common/mail01.svg")no-repeat center left;padding-left:22px;display:inline-block;}

.h_recruit {width:140px;height:60px;display:table;}
.h_recruit a {display:table-cell;vertical-align:middle;text-align:center;background:#E20013;color:#fff;font-size:18px;text-decoration:none;border-radius:140px;}
.h_recruit a:hover {opacity:0.7;}
.h_recruit a span {background: url("../img/common/blank01.svg")no-repeat center right;padding-right:19px;display:inline-block;}

/* main */
/*-------------------------------------------*/
#main {}
#main.home_main {padding:230px 0 140px;background:url("../img/main/main_bg.png")no-repeat bottom left calc(50% + 550px);position:relative;background-size:909px;z-index: 2;}
#main.home_main .info {position:relative;left:-50px;}
#main.home_main .info h2 {font-size:34px;line-height:1.4;margin-bottom:60px;font-weight: 800;}
#main.home_main .info h2 .big {font-size:54px;}
#main.home_main .info h2 .red {font-size:64px;}
#main.home_main .info h2 .thin {font-weight: 100;}
#main.home_main .info .text {line-height:2;font-weight:500;}
#main.home_main .info .text p:first-child {margin-bottom:1em;}

.main_maru_list {width:431px;}
.main_maru_list_in {justify-content:space-between;}
.main_maru_list .main_maru {width:200px;height:200px;display:table;}
.main_maru_list .main_maru_in {display:table-cell;text-align:center;color:#50430C;border-radius:100%;background:url("../img/main/maru_bg.png")no-repeat center;background-size:contain;padding-top: 50px;line-height:normal;}

.main_maru_list .main_maru.main_maru01 {font-size:11px;font-weight:bold;margin:0 auto;}
.main_maru_list .main_maru.main_maru01 .p01 {}
.main_maru_list .main_maru.main_maru01 .p01 .span01 {display:block;font-size:11px;}
.main_maru_list .main_maru.main_maru01 .p01 .span02 {display:block;font-size:12px;}
.main_maru_list .main_maru.main_maru01 .p01 .span02 .big {font-size:19px;}
.main_maru_list .main_maru.main_maru01 .p02 {font-size:24px;margin-bottom:-6px;}
.main_maru_list .main_maru.main_maru01 .p02 .big {font-size:58px;font-weight:500;display:inline-block;margin:0 -4px 0 -5px;line-height: normal;}
.main_maru_list .main_maru.main_maru01 .p03 {font-size:10px;line-height:2;}

.main_maru_list .main_maru.main_maru02 {font-weight:bold;}
.main_maru_list .main_maru.main_maru02 .p01 {line-height:1.3;}
.main_maru_list .main_maru.main_maru02 .p01 .span01 {display:block;font-size:11px;}
.main_maru_list .main_maru.main_maru02 .p01 .span01 .big {font-size:12px;}
.main_maru_list .main_maru.main_maru02 .p01 .span02 {display:block;font-size:12px;}
.main_maru_list .main_maru.main_maru02 .p01 .span02 .big {font-size:13px;}
.main_maru_list .main_maru.main_maru02 .p02 {font-size:24px;margin-bottom:-3px;line-height:1.1;}
.main_maru_list .main_maru.main_maru02 .p02 .big {font-size:58px;line-height:1;display:inline-block;margin-bottom:-7px;}

.main_maru_list .main_maru.main_maru03 {}
.main_maru_list .main_maru.main_maru03 .p01 {line-height:1.3;font-weight:bold;margin-bottom:1px;}
.main_maru_list .main_maru.main_maru03 .p01 .span01 {display:block;font-size:11px;}
.main_maru_list .main_maru.main_maru03 .p01 .span02 {display:block;font-size:15px;}
.main_maru_list .main_maru.main_maru03 .p02 {font-size:24px;margin-bottom:-3px;font-weight:bold;}
.main_maru_list .main_maru.main_maru03 .p02 .big {font-size:58px;font-weight:500;display:inline-block;margin:0 6px 0 -5px;letter-spacing:-0.1em;line-height: normal;}
.main_maru_list .main_maru.main_maru03 .p03 {font-size:10px;line-height:2;}

#main.home_main .main_maru_list {position:absolute;right: -300px;bottom: -190px;z-index:2;}

.nagare01 {width:100%;overflow:hidden;height:188px;background: url("../img/main/nagare.png") repeat-x;position:absolute;animation: 30s linear infinite rotation01;bottom:0;background-size: 2642px;}

@keyframes rotation01 {
	0% {background-position: 0 0;}
	100% {background-position: -2642px 0;}
}

/* 下層 main */
/*-------------------------------------------*/
#main.kasou {margin-top:100px;height:364px;padding-top:80px;color:#fff;box-sizing:border-box;background: url("../img/main/p06.png")no-repeat center;background-size:cover;}
#main.kasou .eng {font-weight: bold;font-size:48px;margin-bottom:12px;}
#main.kasou .jap {font-size:22px;font-weight:400;line-height:1;}

.page-consumer #main.kasou {background: url("../img/main/p02.png")no-repeat center;background-size:cover;}
.page-company #main.kasou {background: url("../img/main/p06.png")no-repeat center;background-size:cover;}
.page-contact #main.kasou {background: url("../img/main/p09.png")no-repeat center;background-size:cover;}

#main.kasou.shop {background: url("../img/main/p04.png")no-repeat center;background-size:cover;}
#main.kasou.news {background: url("../img/main/p07.png")no-repeat center;background-size:cover;}

#main.kasou02 {margin-top:100px;height:537px;padding-top:40px;color:#fff;box-sizing:border-box;background: url("../img/main/p03.png")no-repeat center;background-size:cover;}
#main.kasou02 .eng {font-weight: bold;font-size:48px;margin-bottom:12px;}
#main.kasou02 .jap {font-size:22px;font-weight:400;line-height:1;margin-bottom:40px;}
#main.kasou02 .text_box {position:relative;}
#main.kasou02 .text_box h2 {font-size:28px;margin-bottom:22px;}
#main.kasou02 .text_box h2 .big01 {font-size:43px;line-height:1;margin-right:4px;display:inline-block;margin-bottom:13px;}
#main.kasou02 .text_box h2 .big02 {font-size:50px;line-height:1;}
#main.kasou02 .text_box .text {font-weight:500;}
#main.kasou02 .text_box .text span {font-weight:bold;font-size:22px;}
#main.kasou02 .text_box .img {width:236px;position:absolute;top:-10px;left:400px;}
#main.kasou02 .contact_btn {width:260px;height:60px;display:table;margin-top:30px;}
#main.kasou02 .contact_btn a {display:table-cell;vertical-align:middle;text-align:center;background:#fff;color:#E20013;border:1px solid #E20013;font-weight:bold;text-decoration:none;border-radius:140px;}
#main.kasou02 .contact_btn a:hover {opacity:0.7;}
#main.kasou02 .contact_btn a span {background: url("../img/common/mail01.svg")no-repeat center left;padding-left:26px;display:inline-block;background-size:16px;}

/*パンくず*/
div#bread {position: relative;height:0;z-index: 3;top: 10px;}
ul.bread-list {}
ul.bread-list li {font-size:13px;line-height:1.2;}
ul.bread-list li a {text-decoration:none;}
ul.bread-list li:after{content:"-";margin: 0 8px;}
ul.bread-list li:last-child:after{content:none;}

/* TOPへ戻る・追従 */
/*-------------------------------------------*/
#fixed_trigger {position: absolute;left: 0;top:110px;z-index: -100;}
.kahen_bg {margin: 0 auto;box-sizing:border-box;overflow:hidden;transition: width 0.5s ease;}

/* footer */
/*-------------------------------------------*/
#footer {}
.footer_contact {background: linear-gradient(180deg, #F6F6F6 0%, #F6F6F6 50%, #403939 50%, #403939 100%);}
.footer_contact .bg {width:1380px;padding:120px 0 100px;background:url("../img/top/bg01.png") no-repeat;background-size:cover;margin:0 auto;border-radius:10px;}
.footer_contact .bg .title01 {margin-bottom:40px;}
.footer_contact .bg .bg01 {padding:50px 60px;box-sizing:border-box;background:rgba(0,0,0,0.16);border-radius:10px;}
.footer_contact .bg .bg01 h3 {font-size:24px;margin-bottom:14px;}
.footer_contact .bg .bg01 .text {margin-bottom:30px;}
.footer_contact .bg .bg01 .cnt {align-items:center;}
.footer_contact .bg .bg01 .cnt .f_contact {width:240px;height:60px;display:table;margin-right:20px;}
.footer_contact .bg .bg01 .cnt .f_contact a {display:table-cell;vertical-align:middle;text-align:center;background:#1E1E1E;color:#fff;text-decoration:none;border-radius:140px;}
.footer_contact .bg .bg01 .cnt .f_contact a:hover {opacity:0.7;}
.footer_contact .bg .bg01 .cnt .f_contact a span {background: url("../img/common/mail02.svg")no-repeat center left;padding-left:26px;display:inline-block;}

.footer_contact .bg .bg01 .cnt .tel_btn {width:220px;height:60px;display:table;margin-right:20px;}
.footer_contact .bg .bg01 .cnt .tel_btn a {display:table-cell;vertical-align:middle;text-align:center;font-size:20px;font-weight:500;color:#fff;border:1px solid #fff;text-decoration:none;border-radius:140px;}
.footer_contact .bg .bg01 .cnt .tel_btn a:hover {opacity:0.7;}
.footer_contact .bg .bg01 .cnt .tel_btn a span {background: url("../img/common/tel.svg")no-repeat center left;padding-left:24px;display:inline-block;}

.footer_contact .bg .bg01 .cnt table {width:auto;font-size:12px;}
.footer_contact .bg .bg01 .cnt table th {font-weight:400;}
.footer_contact .bg .bg01 .cnt table td {}
.footer_contact .bg .bg01 .text01 {padding-left:240px;font-size:11px;margin-top:10px;}

.footer_contact .bg_list {justify-content:space-between;margin-top:10px;}
.footer_contact .bg_list .bg02 {width:545px;height:204px;display:table;}
.footer_contact .bg_list .bg02 a {display:table-cell;vertical-align:middle;color:#fff;padding-left:60px;text-decoration:none;border-radius:10px;}
.footer_contact .bg_list .bg02 a:hover {opacity:0.7;}

.footer_contact .bg_list .bg02 a h3 {font-size:24px;margin-bottom:14px;}
.footer_contact .bg_list .bg02 a .text {}
.footer_contact .bg_list .bg02.saiyou a {background:url("../img/common/saiyou.svg") no-repeat right 20px bottom 20px,rgba(0,0,0,0.16);}
.footer_contact .bg_list .bg02.shop a {background:url("../img/common/shop.svg") no-repeat right 20px bottom 20px,rgba(0,0,0,0.16);}

.footer_recruit {padding:120px 0 396px;background:#403939;position: relative;}
.footer_recruit .title01 {margin-bottom:40px;}
.footer_recruit .cnt {justify-content:space-between;align-items:center;}
.footer_recruit .cnt .text {}

.footer_recruit .cnt .saiyou_btn {width:260px;height:60px;display:table;}
.footer_recruit .cnt .saiyou_btn a {display:table-cell;vertical-align:middle;font-weight:bold;color:#E20013;border:1px solid #E20013;text-decoration:none;border-radius:140px;padding-left:40px;background:url("../img/common/saiyou_btn.svg")no-repeat center right 24px #fff;}
.footer_recruit .cnt .saiyou_btn a:hover {opacity:0.7;}

.footer_recruit_slider_box {position:absolute;width:100%;left: 50%;transform: translateX(-50%);bottom:-170px;overflow: hidden;}
.footer_recruit_slider_box .footer_recruit_slider {display:flex;align-items:flex-end;animation: scroll 60s linear infinite;width: max-content!important;}
.footer_recruit_slider_box .footer_recruit_slider img {display: block;height: 550.5px;max-width: fit-content;}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%); /* 半分の距離だけ動かす（画像を2セット入れてるから無限） */
  }
}

.footer {padding:235px 0 100px;background:#fff;}
.footer .cnt01 {justify-content:space-between;margin-bottom:34px;}
.footer .cnt01 .left {}
.footer .cnt01 .left .logo {margin-bottom:25px;}
.footer .cnt01 .left .cnt01_in {width:auto;align-items:center;}
.footer .cnt01 .left .cnt01_in .address {font-size:11px;margin-right:30px;}
.footer .cnt01 .left .cnt01_in .sns_list {width:auto;}
.footer .cnt01 .left .cnt01_in .sns_list li {width:36px;margin-right:6px;}
.footer .cnt01 .left .cnt01_in .sns_list li:last-child {margin-right:0;}
.footer .cnt01 .left .cnt01_in .sns_list li a {display:block; }
.footer .cnt01 .left .cnt01_in .sns_list li a:hover {opacity:0.7;}

.footer .cnt01 .f_nav {width:auto;}
.footer .cnt01 .f_nav .f_nav_in {width:auto;}
.footer .cnt01 .f_nav .f_nav_in ul {margin-right:60px;}
.footer .cnt01 .f_nav li {margin-bottom:20px;font-weight:500;}
.footer .cnt01 .f_nav li.mini {margin-bottom:0;font-size:14px;font-weight:400;line-height:1.8;}
.footer .cnt01 .f_nav li:last-child {margin-bottom:0;}

.footer .cnt02 {justify-content:space-between;align-items:center;flex-direction:row-reverse;}
.footer .cnt02 .copyright {font-size:11px;}

/* wideWrap
=========================================== */
section{width:100%;}

aside,footer{position:relative;}

/* 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;
  /**/
}

.no-pc{display: inline-block;pointer-events: none;text-decoration: none!important;}

.sp{display:none!important;}