@charset "UTF-8";
ins,
mark {
    color: #000
}

a,
hr {
    padding: 0
}

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

.fontb,
mark {
    font-weight: 700
}

img.aligncenter,
img.alignleft,
img.alignright {
    padding: 4px;
    clear: both
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: 0 0;
    list-style: none;
}

ins,
mark {
    background-color: #ff9
}

body {
    line-height: 1;
}

blockquote,
q {
    quotes: none
}

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

img {
    vertical-align: bottom
}

a {
    margin: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
    text-decoration: none;
}

ins {
    text-decoration: none
}

mark {
    font-style: italic
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

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

hr {
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0
}

input,
select {
    vertical-align: middle
}

.alignright {
    float: right
}

.alignleft,
.fl {
    float: left
}

img.aligncenter {
    display: block;
    margin: 0 auto
}

img.alignright {
    margin: 0 0 2px 7px;
    display: inline
}

img.alignleft {
    margin: 0 7px 2px 0;
    display: inline
}

.mt00 {
    margin-top: 0!important
}

.mt02 {
    margin-top: 2px!important
}

.mt08 {
    margin-top: 8px!important
}

.mt05 {
    margin-top: 5px!important
}

.mt10 {
    margin-top: 10px!important
}

.mt12 {
    margin-top: 12px!important
}

.mt15 {
    margin-top: 15px!important
}

.mt20 {
    margin-top: 20px!important
}

.mt25 {
    margin-top: 25px!important
}

.mt30 {
    margin-top: 30px!important
}

.mt35 {
    margin-top: 35px!important
}

.mt40 {
    margin-top: 40px!important
}

.mt45 {
    margin-top: 45px!important
}

.mt50 {
    margin-top: 50px!important
}

.mt120 {
    margin-top: 120px!important
}

.mr00 {
    margin-right: 0!important
}

.mr05 {
    margin-right: 5px!important
}

.mr10 {
    margin-right: 10px!important
}

.mr12 {
    margin-right: 12px!important
}

.mr15 {
    margin-right: 15px!important
}

.mr20 {
    margin-right: 20px!important
}

.mr25 {
    margin-right: 25px!important
}

.mr30 {
    margin-right: 30px!important
}

.mr35 {
    margin-right: 35px!important
}

.mr40 {
    margin-right: 40px!important
}

.mr45 {
    margin-right: 45px!important
}

.mr50 {
    margin-right: 50px!important
}

.mb00 {
    margin-bottom: 0!important
}

.mb05 {
    margin-bottom: 5px!important
}

.mb10 {
    margin-bottom: 10px!important
}

.mb12 {
    margin-bottom: 12px!important
}

.mb15 {
    margin-bottom: 15px!important
}

.mb20 {
    margin-bottom: 20px!important
}

.mb25 {
    margin-bottom: 25px!important
}

.mb30 {
    margin-bottom: 30px!important
}

.mb35 {
    margin-bottom: 35px!important
}

.mb40 {
    margin-bottom: 40px!important
}

.mb45 {
    margin-bottom: 45px!important
}

.mb50 {
    margin-bottom: 50px!important
}

.ml00 {
    margin-left: 0!important
}

.ml05 {
    margin-left: 5px!important
}

.ml10 {
    margin-left: 10px!important
}

.ml12 {
    margin-left: 12px!important
}

.ml15 {
    margin-left: 15px!important
}

.ml20 {
    margin-left: 20px!important
}

.ml25 {
    margin-left: 25px!important
}

.ml30 {
    margin-left: 35px!important
}

.ml40 {
    margin-left: 40px!important
}

.ml45 {
    margin-left: 45px!important
}

.ml50 {
    margin-left: 50px!important
}

.ma {
    margin: 0 auto
}
.m20{
	margin: 20px;
}

.p02 {
    padding: 2px!important
}

.p05 {
    padding: 5px!important
}

.p10 {
    padding: 10px!important
}

.p15 {
    padding: 15px!important
}

.p20 {
    padding: 20px!important
}

.pt00 {
    padding-top: 0!important
}

.pt05 {
    padding-top: 5px!important
}

.pt10 {
    padding-top: 10px!important
}

.pt12 {
    padding-top: 12px!important
}

.pt15 {
    padding-top: 15px!important
}

.pt20 {
    padding-top: 20px!important
}

.pt25 {
    padding-top: 25px!important
}

.pt30 {
    padding-top: 30px!important
}

.pt35 {
    padding-top: 35px!important
}

.pt40 {
    padding-top: 40px!important
}

.pt45 {
    padding-top: 45px!important
}

.pt50 {
    padding-top: 50px!important
}

.pt60 {
    padding-top: 60px!important
}

.pt80 {
    padding-top: 80px!important
}

.pr00 {
    padding-right: 0!important
}

.pr05 {
    padding-right: 5px!important
}

.pr10 {
    padding-right: 10px!important
}

.pr12 {
    padding-right: 12px!important
}

.pr15 {
    padding-right: 15px!important
}

.pr20 {
    padding-right: 20px!important
}

.pr25 {
    padding-right: 25px!important
}

.pr30 {
    padding-right: 30px!important
}

.pr35 {
    padding-right: 35px!important
}

.pr40 {
    padding-right: 40px!important
}

.pr45 {
    padding-right: 45px!important
}

.pr50 {
    padding-right: 50px!important
}

.pb00 {
    padding-bottom: 0!important
}

.pb05 {
    padding-bottom: 5px!important
}

.pb10 {
    padding-bottom: 10px!important
}

.pb12 {
    padding-bottom: 12px!important
}

.pb15 {
    padding-bottom: 15px!important
}

.pb20 {
    padding-bottom: 20px!important
}

.pb25 {
    padding-bottom: 25px!important
}

.pb30 {
    padding-bottom: 30px!important
}

.pb35 {
    padding-bottom: 35px!important
}

.pb40 {
    padding-bottom: 40px!important
}

.pb45 {
    padding-bottom: 45px!important
}

.pb50 {
    padding-bottom: 50px!important
}

.pb60 {
    padding-bottom: 60px!important
}

.pl00 {
    padding-left: 0!important
}

.pl05 {
    padding-left: 5px!important
}

.pl08 {
    padding-left: 8px!important
}

.pl10 {
    padding-left: 10px!important
}

.pl12 {
    padding-left: 12px!important
}

.pl15 {
    padding-left: 15px!important
}

.pl20 {
    padding-left: 20px!important
}

.pl25 {
    padding-left: 25px!important
}

.pl30 {
    padding-left: 35px!important
}

.pl40 {
    padding-left: 40px!important
}

.pl45 {
    padding-left: 45px!important
}

.pl50 {
    padding-left: 50px!important
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.align_center {
  text-align: center;
}

.align_left {
  text-align: left;
}

.align_right {
  text-align: right;
}

.border {
    border: 1px solid #330D00
}

.fc00 {
    color: #FFF
}

.fc01 {
    color: red
}

.fs10 {
    font-size: 10px
}

.fs12 {
    font-size: 12px
}

.fs14 {
    font-size: 14px
}

.fs16 {
    font-size: 16px
}

.fs18 {
    font-size: 18px
}

.fs20 {
    font-size: 20px
}

.bgc00 {
    background-color: #FFF
}

.bgc01 {
    background-color: #D05F92
}

.bgc02 {
    background-color: #B7A580
}

.bgc03 {
    background-color: #330D00
}

.uline {
    text-decoration: underline
}

.wd25p {
    width: 25%
}

.wd25 {
    width: 25px
}

.wd60 {
    width: 60px
}

.wd60p {
    width: 60%
}

.wd80 {
    width: 80px
}

.wd100 {
    width: 100px
}

.wd100p {
    width: 100%
}

.wd150 {
    width: 150px
}

.wd285 {
    width: 285px
}

.wd330 {
    width: 330px
}

.wd350 {
    width: 350px
}

.wd500 {
    width: 500px
}

.wd520 {
    width: 520px
}

html{
    font-size: 14px;
    scroll-padding-top: 95px;
    overflow-y: scroll;
}


*, ::after, ::before {
    box-sizing: border-box;
}
body {
	width:100%;
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,"游ゴシック",YuGothic,"メイリオ",Meiryo,sans-serif;
	line-height:1.6;
	color:#333;
	background:#fff
}

.mincho{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.eb-garamond-normal {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.eb-garamond-bold {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

a,
a:visited{
	color: #000;
}

.link1,
.link1:visited{
	color: #ff0000;
	text-decoration: underline;
}

.inner{
	max-width: 1000px;
	margin: 0 auto;
}

.nav_inner{
	max-width: 1230px;
	margin: 0 auto;
}

.sub_inner{
	max-width: 800px;
	margin: 40px auto;
}

.home #header,
.business #header{
	height: 600px;
	margin: 0 0 30px;
	background-image: url(/assets/img/main01.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}
.history #header{
	height: 600px;
	margin: 0 0 0;
	background-image: url(/assets/img/main06.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}
.company #header{
	height: 600px;
	margin: 0 0 0;
	background-image: url(/assets/img/main02.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}
.store #header{
	height: 600px;
	margin: 0 0 0;
	background-image: url(/assets/img/main03.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}
.en #header,
.cn #header,
.vn #header{
	height: 600px;
	margin: 0 0 0;
	background-image: url(/assets/img/main05.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}
.inquiry #header{
	height: 600px;
	margin: 0 0 0;
	background-image: url(/assets/img/main04.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}




#header_content p img{
	width: 230px;
}

#header_content{
	padding: 17px 0;
	background-color: rgba(255,255,255,0.95);
}
#header_content .nav_inner{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#header_content .nav_inner ul#header_gnav_icon{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
}
#header_content .nav_inner ul#header_gnav_icon #header_language_icn{
	position: relative;
	cursor: pointer;
}
#header_content .nav_inner ul#header_gnav_icon ul#header_language{
	display: none;
	font-size: 10px;
}
#header_content .nav_inner ul#header_gnav_icon ul#header_language.active{
	display: block;
}
#header_content .nav_inner ul#header_gnav_icon ul#header_language.active li:first-child{
	opacity: 0;
	animation-name: navFadeIn;
	animation-duration: 0.3s;
	animation-fill-mode: forwards;
}
#header_content .nav_inner ul#header_gnav_icon ul#header_language.active li:nth-child(2){
	opacity: 0;
	animation-name: navFadeIn;
	animation-duration: 0.6s;
	animation-fill-mode: forwards;
}
#header_content .nav_inner ul#header_gnav_icon ul#header_language.active li:last-child{
	opacity: 0;
	animation-name: navFadeIn;
	animation-duration: 0.9s;
	animation-fill-mode: forwards;
}
#header_content .nav_inner ul#header_gnav_icon ul#header_language li{
	width: 60px;
	height: 60px;
	position: absolute;
}
#header_content .nav_inner ul#header_gnav_icon ul#header_language li:first-child{	
	right: 72px;
	top: 13px;
	z-index: 1;
}
#header_content .nav_inner ul#header_gnav_icon ul#header_language li:nth-child(2){
	right: 31px;
	top: 66px;
	z-index: 1;
}
#header_content .nav_inner ul#header_gnav_icon ul#header_language li:nth-child(3){
	right: -36px;
	top: 64px;
	z-index: 1;
}
#header_content .nav_inner ul#header_gnav_icon ul#header_language li a{
	display: table-cell;
	border-radius: 50%;
	background: #0d4da1;
	color: #fff;
	width: 60px;
	height: 60px;
	text-align: center;
	vertical-align: middle;
}

#header_content.fixed{
	position: fixed;
	top: 47px;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	z-index: 3;
}
#header_content.fixed #gnav{
	top: -100vh;
}

#header_h1{
	color: #fff;
	position: absolute;
	top: 52%;
	left: calc( 100vw - 78% );
	font-size: 25px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: normal;
	letter-spacing: 0.4rem;
}
#header_h1 span{
	font-size: 40px;
	display: block;
	font-family: "EB Garamond", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 1rem;
}

#header_h1_history{
	color: #fff;
	position: absolute;
	top: 52%;
	left: calc( 100vw - 32% );
	font-size: 34px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: normal;
}
#header_h2_history{
	color: #fff;
	position: absolute;
	top: 61%;
	left: calc( 100vw - 92% );
	font-size: 52px;
	font-family: "EB Garamond", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 1rem;
}


#header_h1_company{
	color: #fff;
	position: absolute;
	top: 52%;
	left: calc( 100vw - 78% );
	
	font-size: 40px;
	font-family: "EB Garamond", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 1rem;
}
#header_h2_company{
	position: absolute;
	top: calc( 100% - 39% );
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
#header_h2_company img{
	width: 330px;
}

@keyframes navFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

#header_content .nav_inner ul#header_gnav_icon > li:last-child{
	position: relative;
}
#header_content .nav_inner ul#header_gnav_icon img{
	width: 60px;
}
#header_content .nav_inner ul#header_gnav_icon #header_menu_icn{
	z-index: 2;
}
#header_content .nav_inner ul#header_gnav_icon #menu{
	cursor: pointer;
}
#header_content .nav_inner ul#header_gnav_icon #menu #nav_btn {
	display: block;
	position: absolute;
	right: 0;
	top: 20px;
	bottom: 0;
	left: 0;
	cursor: pointer;
	z-index: 2;
}
#header_content .nav_inner ul#header_gnav_icon #menu #nav_btn span {
	position: absolute;
	width: 28px;
	height: 2px;
	background-color: #fff;
	left: 0;
	right: 0;
	margin: auto;
}
#header_content .nav_inner ul#header_gnav_icon #menu #nav_btn span:first-of-type {
	top: 27%;
}
#header_content .nav_inner ul#header_gnav_icon #menu #nav_btn span:nth-of-type(2) {
	top: 43%;
}
#header_content .nav_inner ul#header_gnav_icon #menu #nav_btn span:last-of-type {
	top: 60%;
}
#header_content .nav_inner ul#header_gnav_icon #menu #nav_btn.active span {
	width: 30px;
	top: 0;
	bottom: 0;
}
#header_content .nav_inner ul#header_gnav_icon #menu #nav_btn.active span:first-of-type {
	transform: rotate(45deg);
}
#header_content .nav_inner ul#header_gnav_icon #menu #nav_btn.active span:nth-of-type(2) {
	opacity: 0;
}
#header_content .nav_inner ul#header_gnav_icon #menu #nav_btn.active span:last-of-type {
	transform: rotate(-45deg);
}


#gnav{
	position: fixed;
	top: -100vh;
	left: 0;
	width: 100%;
	background-color: rgba(0, 75, 168, 0.8);
	transition: 0.4s;
	z-index: 1;
	overflow-y: auto;
}
#gnav.nav_open{
	top: 0 !important;
}
#gnav ul{
	max-width: 300px;
	margin: 0 auto;
	padding: 28px 0 10px;
}
#gnav ul li a{
	display: block;
	border-bottom: 1px solid #fff;
	padding: 28px 0 15px;
	font-size: 14px;
	text-align: center;
}
#gnav a,
#gnav a:visited{
	color: #fff;
}

#header #header_banner{
	width: 230px;
	position: absolute;
	top: 40%;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
#header #header_banner img{
	max-width: 100%;
}

/*
footer
*/
#footer .nav_inner{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 25px 0;
}
#footer .nav_inner #footer_logo{
	padding-left: 125px;
}
#footer .nav_inner #footer_logo img{
	width: 230px;
}
#footer .nav_inner ul#footer_gnav{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	font-size: 13px;
}
#footer .nav_inner ul#footer_gnav.page_fixed_end{
	padding-right: 230px;
}
#footer .nav_inner ul#footer_gnav li:after{
	content: "|";
	padding-left: 10px;
}
#footer .nav_inner ul#footer_gnav li:last-child:after{
	content: "";
	padding-left: 0;
}
#footer .nav_inner ul#footer_gnav_icon{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
}
#footer .nav_inner ul#footer_gnav_icon img{
	width: 60px;
}
#footer .nav_inner ul#footer_gnav_icon.page_fixed{
	position: fixed;
	right: calc((100vw - 1230px) / 2);
	bottom: 44px;
}

#footer p#copyright{
	background: #004ba8;
	color: #fff;
	text-align: center;
	padding: 5px;
	font-size: 11px;
}

#footer_banner{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
	width: 1030px;
	margin: 30px auto 0;
}

#footer_link{
	margin: 40px 0;
}
#footer_link ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 15px;
}
#footer_link ul li img{
	max-width: 100%;
}

.footer_content{
	margin: 40px 0;
}
.footer_content p{
	background: #004ba8;
	color: #fff;
	text-align: center;
	font-size: 16px;
	padding: 15px;
}
.footer_content div{
	padding: 33px 33px 25px;
	line-height: 1.5;
}

/*
breadcrumb
*/
.breadcrumb ul{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 20px;
}
.breadcrumb ul li a{
	text-decoration: underline;
}
.breadcrumb ul li:not(:last-child){
	position: relative;
	display: inline-block;
	padding-right: 20px;
}
.breadcrumb ul li:not(:last-child):after{
	content: '';
	width: 6px;
	height: 6px;
	border: 0;
	border-top: solid 2px #333;
	border-right: solid 2px #333;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}


/*
ttl
*/
.ttl1{
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	color: #3f3540;
	margin-bottom: 15px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.5rem;
}

.ttl2{
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	color: #3f3540;
	position: relative;
	border-bottom: 1px solid #000;
	padding-bottom: 15px;
	margin-bottom: 15px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.5rem;
}
.ttl2::after{
	content: "";
	display: block;
	border-bottom: 1px solid #d1ccd0;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}

.ttl3{
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	color: #3f3540;
	position: relative;
	border-bottom: 1px solid #000;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.ttl3::after{
	content: "";
	display: block;
	border-bottom: 1px solid #d1ccd0;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}

.ttl4{
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	color: #4979b9;
	position: relative;
	border-bottom: 1px solid #000;
	padding-bottom: 15px;
	margin-bottom: 15px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.3rem;
}
.ttl4::after{
	content: "";
	display: block;
	border-bottom: 1px solid #d1ccd0;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}

.ttl5{
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	color: #3f3540;
	margin-bottom: 15px;
}

.sub_ttl1{
	text-align: center;
	font-size: 19px;
	padding: 10px 0 5px;
	font-weight: normal;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.3rem;
}

.sub_ttl2{
	border-left: 3px solid #0e4ca1;
	padding: 0 0 0 18px;
	font-size: 15px;
	margin-bottom: 20px;
	line-height: 1;
	font-weight: normal;
	/*
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	*/
	letter-spacing: 0.3em;
}

/*
button
*/
.btn{
	display: block;
	width: 200px;
	padding: 10px;
	font-size: 11px;
	text-align: center;
	border-radius: 20px;
	margin: 20px auto 0;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.btn i{
	padding-right: 10px;
}
.btn-gray{
	background-color: #d7d7d7;
}
.btn-white{
	background-color: #fff;
	color: #000 !important;
}

.btn2 input[type="button"],
input[type="button"].btn2,
input[type="submit"].btn2{
	display: block;
	width: 200px;
	padding: 10px;
	font-size: 16px;
	text-align: center;
	border-radius: 20px;
	margin: 20px auto 0;
	background-color: #d7d7d7;
	border: none;
	cursor: pointer;
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
}

.btn2 button[type="button"]{
	display: block;
	width: 200px;
	padding: 0;
	font-size: 16px;
	text-align: center;
	border-radius: 20px;
	margin: 20px auto 0;
	background-color: #d7d7d7;
	border: none;
	cursor: pointer;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


.submit{
	width: 255px;
	background: #0f4da2;
	color: #fff;
	text-align: center;
	font-size: 16px;
	border: none;
	padding: 10px;
	cursor: pointer;
}
.submit-search{
	position: relative;
	margin-top: 20px;
}
.submit-search i{
	position: absolute;
	left: 10px;
	top:50%;
	transform: translateY(-50%);
}

/*
shadow
*/
.shadow{
	box-shadow: 6px 7px 8px 6px rgba(0,0,0,0.26);
	-webkit-box-shadow: 6px 7px 8px 6px rgba(0,0,0,0.26);
	-moz-box-shadow: 6px 7px 8px 6px rgba(0,0,0,0.26);
}

/*
business
*/
.business_wrapper{
	font-size: 14px;
}
.business_contents{
	position: relative;
}
.business_contents h3{
	width: 56%;
	color: #fff;
	background: #004ba8;
	padding: 15px;
	text-align: left;
	position: absolute;
	left: 0;
	top: -23px;
}
.business_contents._single dl{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: -1;
}
.business_contents._single dt{
	width: 45%;
	padding: 0 25px;
	line-height: 1.5em;
}
.business_contents._single dd{
	width: 55%;
}
.business_contents._single dd img{
	max-width: 100%;
}

.business_wrapper._double{
	display: grid;
	gap: 50px 30px;
	grid-template-columns: 1fr 1fr;
	padding: 55px 0;
}

.business_contents._double a{
	text-decoration: underline;
}


.business_contents._double dl{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
/*	z-index: -1;*/
}
.business_contents._double dt{
	width: 50%;
	padding: 18px;
	line-height: 1.5em;
}
.business_contents._double dd{
	width: 50%;
	padding: 18px;
}
.business_contents._double ._txt dt{
	padding: 46px 18px 0 18px;
}
.business_contents._double ._txt dd{
	padding: 18px 18px 0 18px;
}
.business_wrapper._single{
	display: grid;
	gap: 55px 0;
	grid-template-columns: 1fr;
	padding: 5px 0 55px;
}
.business_wrapper._single .business_container{
	padding-top: 23px;
}
.business_wrapper._single img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
}



/*
search
*/
.search_area{
	border: 2px solid #b7b7b7;
	padding: 20px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	background: #fafafa;
}
.search_area dl{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.search_area dl dt{
	font-size: 17px;
}
.search_area dl dt::after{
	content: "：";
}

#search_period,
#search_keyword{
	width: 50%;
}
#search_category{
	align-items: flex-start;
	width: calc( 100% - 255px);
}
#search_category label{
	cursor: pointer;
	margin-right: 30px;
	font-size: 12px;
}

#search_period > dd{
	margin-right: 10px;
}

#search_keyword dt{
	white-space: nowrap;
}
#search_keyword dd{
	width: 100%;
}
#search_keyword dd input{
	height: 2.8em;
	width: 100%;
	padding: 5px;
}

/*
form
*/

.custom-select {
    display: inline-flex;
    align-items: center;
    position: relative;
}

.custom-select::after {
    position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	right: 10px;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	border-bottom: 2px solid #333;
	border-right: 2px solid #333;
}

.custom-select select {
    appearance: none;
    min-width: 150px;
    height: 2.8em;
    padding: .4em calc(.8em + 30px) .4em .8em;
    border: 1px solid #d0d0d0;
    border-radius: 0;
    background-color: #fff;
    color: #333333;
    font-size: 1em;
    cursor: pointer;
}


input[type="checkbox"] {
	appearance: none;
	position: relative;
	width: 18px;
	height: 18px;
	border: 1px solid #d0d0d0;
	border-radius: 2px;
	cursor: pointer;
	margin-right: 5px;
}

input[type="checkbox"]:checked::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 2px;
	width: 12px;
	height: 6px;
	border-bottom: 2px solid #0f4da2;
	border-left: 2px solid #0f4da2;
	transform: rotate(-45deg);
}

.inquiry .custom-select{
	width: 100%;
}
.inquiry .custom-select select{
	box-shadow: inset 0px 0px 3px 0px rgba(255, 255, 255, 0.5), inset 2px 2px 3px 0px rgba(128, 128, 128, 0.2);
	border-radius: 5px;
	width: 100%;
	font-size: 100%;
}

/*
news
*/
.news_list{
	margin: 15px 0 60px;
	font-size: 11px;
}
.news_list li{
	border-bottom: 2px solid #c5c5c5;
}
.news_list li a{
	display: block;
	padding: 15px 0;
}
.news_list li .news-category{
	display: inline-block;
	width: 148px;
	height: 28px;
	white-space: nowrap;
	line-height: 28px;
	text-align: center;
	margin: 0 5px 0 15px;
}
.cat-other{	
	background: #ffab00;
	color: #fff;
}
.cat-management{	
	background: #2f2d2e;
	color: #fff;
}
.cat-sales{	
	background: #0f4da2;
	color: #fff;
}
.news_list li .news-date,
.news_list li .news-ttl{
	padding: 10px 15px;
}

#news_header{
	margin-bottom: 30px;
}
#news_header h2{
	margin-top: 40px;
}
#news_header p{
	text-align: right;
}
#news_content{
	max-width: 800px;
	margin: 0 auto 60px;
	word-break: break-word;
}

/*
history
*/
.history_action{
	width: 100%;
	height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.5s ease;
}
.history_action:hover{
	height: 400px;
}
.history_action:hover h2{
	transform: scale(1.4);
}
.history_action h2{
	font-size: 38px;
	text-align: center;
	color: #fff;
	transition: all 0.5s ease;
	font-weight: normal;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.3rem;
}
.history_action h2 span{
	font-size: 32px;
	display: block;
	margin-bottom: 60px;
}
.history_action h2 span b{
	font-weight: normal;
	font-family: "EB Garamond", serif;
	font-optical-sizing: auto;
	font-weight: 400;
}
.history_action:hover h2 span{
	margin-bottom: 20px;
}
#history_header1{
	background: url('/assets/img/history001.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
}
#history_header2{
	background: url('/assets/img/history002.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
#history_header3{
	background: url('/assets/img/history003.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}
#history_header4{
	background: url('/assets/img/history004.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
#history_header5{
	background: url('/assets/img/history005.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}
#history_header6{
	background: url('/assets/img/history006.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.history_content{
	background: #fff;
	padding-top: 40px;
	font-weight: bold;
}
.history_content .ttl4,
.history_content .sub_ttl1{
	font-weight: bold;
}
.history_content .history_com{
	padding-top: 35px;
	text-align: center;
	line-height: 1.8;
}


.history_underline{
	height: 20px;
	width: 100%;
	box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.5);
}


.history_year_wrapper{
	position: relative;
	margin-left: 18.8%;
	margin-top: 60px;
	margin-bottom: 50px;
}
.history_year_wrapper:before{
	position: absolute;
	top: 0;
	left: 0;
	margin-left: -2px;
	content: "";
	width: 4px;
	height: 100%;
	background-color: #000;
}
.history_year_wrapper .history_year_content{
	margin-bottom: 30px;
	position: relative;
}

.history_year_wrapper .history_year_content .history_year_{
	width: 100%;
	height: 60px;
	position: relative;
	color: #0c4ca3;
	font-size: 23px;
}
.history_year_wrapper .history_year_content .history_year_:before{
	position: absolute;
	top: 95px;
	left: 0;
	z-index: 1;
	margin-left: -14px;
	content: "";
	width: 27px;
	height: 27px;
	background-color: #fff;
	border: 2px solid #0c4ca3;
	border-radius: 50%;
}
.history_year_wrapper .history_year_content .history_year_:after{
	position: absolute;
	top: 102px;
	left: 0;
	z-index: 1;
	margin-left: -7px;
	content: "";
	width: 13px;
	height: 13px;
	background-color: #0c4ca3;
	border-radius: 50%;
}
.history_year_wrapper .history_year_content .history_year_ p{
	width: 93%;
	margin-left: 6.9%;
	
	font-family: "EB Garamond", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 37px;
	letter-spacing: 0.2rem;
}

.history_year_wrapper .history_year_content .history_year_box{
	width: 93%;
	margin-left: 6.9%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.history_year_wrapper .history_year_content .history_year_box.flex_end{
	align-items: flex-end;
}
.history_year_wrapper .history_year_content .history_year_box:before{
	position: absolute;
	top: 108px;
	right: 93%;
	content: "";
	width: 6.9%;
	height: 2px;
	background-color: #000;
}  
.history_year_wrapper .history_year_content .history_year_box .history_year_img{
	border-radius: 20px;
	margin-right: 20px;
}

.history_year_wrapper .history_year_content .history_year_box .history_year_box_com{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.history_year_wrapper .history_year_content .history_year_box .history_year_box_com h4{
	font-size: 19px;
	font-weight: normal;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.3rem;
	margin-bottom: 10px;
}
.history_year_wrapper .history_year_content .history_year_box .history_year_box_com h4 span{
	font-size: 13px;
}

.history_year_wrapper .history_year_content .history_year_box #history_year_car_base{
	position: relative;
}
.history_year_wrapper .history_year_content .history_year_box #history_year_car_base #history_year_car{
	position: absolute;
	bottom: -20px;
	right: 20px;
}

#history_tab{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	margin-left: 15.7%;
	margin-top: 60px;
	gap: 4px;
}
#history_tab li{
	background: #0d4ea2;
	color: #fff;
	white-space: nowrap;
	line-height: 48px;
	text-align: center;
	font-size: 18px;
	width: 100%;
	height: 100%;
	cursor: pointer;
	transition: all 0.5s ease;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#history_tab li b{
	font-family: "EB Garamond", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-size: 35px;
	letter-spacing: 0.3rem;
}
#history_tab li:not(.active){
	opacity: 0.6;
}

#history_1950:not(.active){
	display: none;
}
#history_1970:not(.active){
	display: none;
}
#history_1990:not(.active){
	display: none;
}
#history_2010:not(.active){
	display: none;
}

.history_tb{
	width: 100%;
	margin-top: 4px;
}
.history_tb_row{
	display: flex;
	margin-bottom: 2px;
	font-size: 14px;
}
.history_tb_row .history_tb_year{
	background: #0d4ea2;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	width: 8.7%;
}
.history_tb_row .history_tb_month{
	background: #d8d8d8;
	text-align: center;
	padding: 5px 0;
	width: 6.7%;
	margin-right: 0.3%;
}
.history_tb_row .history_tb_content{
	border-bottom: 1px solid #b5c9e2;
	padding: 5px 8px;
	width: 84.3%;
}

/*
company
*/
#company_message{
	background: #eff4f8;
	display: flex;
	align-items: center;
	padding: 40px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#company_message #company_left{
	width: 62.5%;
	margin-left: 30px;
	line-height: 2rem;
	font-size: 12px;
}
#company_message #company_left img{
	width: 115px;
	height: 50px;
	margin-bottom: 20px;
}
#company_message #company_right{
	width: 37.5%;
}
#company_message #company_right div{
	width: 120px;
	margin: 0 auto;
}
#company_message #company_right p{
	padding: 15px 0;
	font-size: 13px;
	text-align: left;
}
#company_message #company_right p span{
	font-size: 9px;
	display: block;
}

.tb1 th{
	background: #eff4f8;
	border-bottom: 2px solid #d6dad9;
	text-align:justify;
	text-align-last:justify;
	padding: 16px 20px;
	width: 17.5%;
	font-weight: normal;
}
.tb1 td{
	background: #f4fff9;
	border-bottom: 2px solid #d6dad9;
	padding: 16px;
	width: 82.5%;
}
.tb1 .tr-last th,
.tb1 .tr-last td{
	border-bottom: none;
}

/*
store
*/

#store_tab ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 45px;
	margin-bottom: 60px;
}
#store_tab ul li{
	transition: all 0.5s ease;
}
#store_tab ul li.active,
#store_tab ul li:hover{
	opacity: 0.6;
}
#store_tab ul li.active:hover{
	opacity: 1;
}

.store_wrapper{
	display: grid;
	gap: 30px;
	grid-template-columns: 1fr 1fr;
	padding: 20px 0 60px;
}
.store_wrapper .store_content{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.store_wrapper .store_content .store_img{
	width: 40.82%;
	overflow: hidden;
	padding: 18px;
}
.store_wrapper .store_content .store_img img{
	max-width: 100%;
}
.store_wrapper .store_content h3{
	font-size: 15px;
	padding: 5px 0 10px;
}
.store_wrapper .store_content span{
	font-size: 12px;
	padding: 10px 0 0;
	display: inline-block;
}
.store_wrapper .store_content > div:not(.store_img){
	width: 59.18%;
	padding: 18px 18px 18px 0;
}


.store_wrapper .store_content_2{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
.store_wrapper .store_content_2 div{
	padding: 15px;
}

/*
inquiry
*/
.tb2 th{
	background: #eff4f8;
	border-bottom: 2px solid #d6dad9;
	padding: 16px;
	width: 21.25%;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}
.tb2 td{
	background: #f4fff9;
	border-bottom: 2px solid #d6dad9;
	padding: 16px;
	width: 78.75%;
}
.tb2 .tr-last th,
.tb2 .tr-last td{
	border-bottom: none;
}
.require{
	font-size: 70%;
	vertical-align: top;
	position: relative;
	top: -0.1em;
}
.tb2 input[type="text"],
.tb2 input[type="email"],
.tb2 input[type="tel"],
.tb2 textarea{
	width: 100%;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #ccc;
	box-shadow: inset 0px 0px 3px 0px rgba(255, 255, 255, 0.5), inset 2px 2px 3px 0px rgba(128, 128, 128, 0.2);
	font-size: 100%;
	font-family: "ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,"游ゴシック",YuGothic,"メイリオ",Meiryo,sans-serif;
}


.tb3 th{
	background: #eff4f8;
	border-bottom: 2px solid #d6dad9;
	padding: 16px;
	width: 35%;
	font-weight: normal;
	text-align: left;
}
.tb3 th .small{
	font-size: 11px;
	display: block;
	margin-top: 5px;
}
.tb3 td{
	background: #f4fff9;
	border-bottom: 2px solid #d6dad9;
	padding: 16px;
	width: 65%;
}
.tb3 .tr-last th,
.tb3 .tr-last td{
	border-bottom: none;
}

.tb3 input[type="text"],
.tb3 input[type="email"],
.tb3 input[type="tel"],
.tb3 textarea{
	width: 100%;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #ccc;
	box-shadow: inset 0px 0px 3px 0px rgba(255, 255, 255, 0.5), inset 2px 2px 3px 0px rgba(128, 128, 128, 0.2);
	font-size: 100%;
	font-family: "ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,"游ゴシック",YuGothic,"メイリオ",Meiryo,sans-serif;
}

.wpcf7-list-item{
	display: block;
}
.wpcf7-list-item input{
	background: #fff;
}

.contact-btn{
	display: flex;
	justify-content: center;
}
.contact-btn .btn2{
	margin: 20px !important;
}

/*
paging
*/
.page-list{
	margin-bottom: 30px;
}
.page-list ul{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin-bottom: 10px;
}
.page-list ul li a{
	text-decoration: underline;
}
.page-list p{
	text-align: center;
	font-size: 11px;
}

/*
recruit
*/
/*
body.recruitment{
	background: url("/assets/img/recruit/b_dot.png");
}
.recruitment header{
	background: #fff;
}
*/


.recruitment .recruit_content_regular .btn,
.single-interview .recruit_content_regular .btn{
	font-size: 14px;
	margin: 10px auto;
}

/*
title
*/
.recruitment .sub_ttl,
.single-interview .sub_ttl{
	color: #fff;
	text-align: center;
	font-size: 17px;
	border-bottom: 1px solid #fff;
	padding: 20px 0;
	letter-spacing: 8px;
}
.recruitment .sub_ttl a,
.single-interview .sub_ttl a{
	color: #FFF;
}
.recruitment .ttl,
.single-interview .ttl{
	font-size: 28px;
	color: #fff;
	width: 300px;
	text-align: center;
	padding: 45px 0;
	line-height: 1;
	margin: 0 auto;
	font-weight: normal;
}
.recruitment .ttl span,
.single-interview .ttl span{
	display: block;
	border-top: 2px solid #f6d001;
	font-size: 15px;
	padding-top: 15px;
	line-height: 1;
	margin-top: 18px;
}

/*
size
*/
.w-100{
	width: 100%;
}
.w-50{
	width: 48%;
}
.w-auto{
	width: auto;
}

/*
margin padding
*/
.ml-1{
	margin-left: 10px;
}
.ml-2{
	margin-left: 20px;
}
.ml-3{
	margin-left: 30px;
}
.ml-auto{
	margin-left: auto;
}

.mt-1{
	margin-top: 10px;
}
.mt-2{
	margin-top: 20px;
}
.mt-3{
	margin-top: 30px;
}
.mt-4{
	margin-top: 40px;
}
.mt-5{
	margin-top: 50px;
}
.mb-1{
	margin-bottom: 10px;
}
.mb-2{
	margin-bottom: 20px;
}
.mb-3{
	margin-bottom: 30px;
}
.mb-4{
	margin-bottom: 40px;
}
.mb-5{
	margin-bottom: 50px;
}

.pt-1{
	padding-top: 10px;
}
.pt-2{
	padding-top: 20px;
}
.pt-3{
	padding-top: 30px;
}
.pt-4{
	padding-top: 40px;
}
.pt-5{
	padding-top: 50px;
}

.pb-1{
	padding-bottom: 10px;
}
.pb-2{
	padding-bottom: 20px;
}
.pb-3{
	padding-bottom: 30px;
}
.pb-4{
	padding-bottom: 40px;
}
.pb-5{
	padding-bottom: 50px;
}
.pb-7{
	padding-bottom: 70px;
}

.font-2{
	font-size: 14px;
}
.font-3{
	font-size: 16px;
}

.text-center{
	text-align: center;
}

/*
border
*/
.border-bottom-white{
	border-bottom: 5px solid #fff;
}

/*
color
*/
.bg-white{
	background-color: #fff;
}
.bg-dot{
	background: url("/assets/img/recruit/d01.png");
	color: #fff;
}
.bg-gray{
	background-color: #b3b3b3;
	color: #fff;
}
.bg-gray-dummy{
	position: absolute;
	background: url(/assets/img/recruit/g_dot.png);
	height: 45px;
	width: 100%;
}
#bg-gray-overlay{
	z-index: 1;
	position: relative;
}

.bg-black{
	background: url("/assets/img/recruit/b_dot.png");
}


/*
flex
*/
.display-flex{
	display: flex;
}
.justify-between{
	justify-content: space-between;
}
.justify-around{
	justify-content: space-around;
}
.align-items-center{
	align-items: center;
}
.flex-reverse{
	flex-direction: row-reverse;
}

#main-banner{
	border-bottom: 2px solid #fff;
	text-align: center;
}

/*
募集リンク
*/
.recruit_content_non_regular{
	background: url("/assets/img/recruit/g_dot.png");
}
.recruit_tel{
	color: #fff;
	font-size: 16px;
}
.recruit_tel p{
	line-height: 1;
	padding-bottom: 15px;
}
.recruit_tel_uketuke{
	font-size: 14px;
	display: inline-block;
	padding: 0 0 0 20px;
}
.recruit_tel_time{
	font-size: 16px;
	display: inlein-block;
	padding-left: 10px;
}

#recruit_content_footer{
	margin-bottom: 60px;
}

/*
recruit top
*/
.interview_staff_list{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.interview_staff_list a{
	width: 49%;
	padding-bottom: 3px;
}
.interview_staff_list a:hover img{
	transform: scale(1.2);
}
.interview_staff_list_content{
	position: relative;
}
.interview_staff_list_img{
	overflow: hidden;
}
.interview_staff_list_img img{
	max-width: 100%;
	height: auto;
	transition: 0.5s;
}
.interview_staff_list_txt{
	position: absolute;
	left: 23px;
	bottom: 35px;
	color: #fff;
	line-height: 1;
}
.interview_staff_list_shop_name{
	font-size: 15px;
	padding-bottom: 10px;
}
.interview_staff_list_name{
	font-size: 30px;
}

/*
interview detail
*/
.interview_content{
	color: #fff;
}
.interview_content article h2{
	font-size: 27px;
	font-weight: normal;
	color: #f5cf00;
	padding: 30px 0;
}
.interview_content article div{
	font-size: 16px;
	line-height: 1.65;
}

#interview_schedule{
	width: 790px;
	margin: 0 auto;
	border-left: 4px solid #f5cf00;
}

#interview_schedule table{
	width: 100%;
}
#interview_schedule table th,
#interview_schedule table td{
	height: 30px;
}
.interview_icon{
	padding: 10px 24px;
}
.interview_hour{
	border-top: 1px dashed #fff;
	padding: 0 30px;
	font-size: 26px;
}
.interview_txt{
	border-top: 1px dashed #fff;
	padding: 0 30px;
	font-size: 23px;
}
.interview_blank{
	border-top: 1px dashed #fff;
}
#interview_schedule table tr:last-child td{
	border-bottom: 1px dashed #fff;
}

.time1{
	background: url(/assets/img/interview/1.png);
	background-size: contain;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	display: block;
}
.time2{
	background: url(/assets/img/interview/2.png);
	background-size: contain;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	display: block;
}
.time3{
	background: url(/assets/img/interview/3.png);
	background-size: contain;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	display: block;
}
.time4{
	background: url(/assets/img/interview/4.png);
	background-size: contain;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	display: block;
}
.time5{
	background: url(/assets/img/interview/5.png);
	background-size: contain;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	display: block;
}
.time6{
	background: url(/assets/img/interview/6.png);
	background-size: contain;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	display: block;
}
.time7{
	background: url(/assets/img/interview/7.png);
	background-size: contain;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	display: block;
}
.time8{
	background: url(/assets/img/interview/8.png);
	background-size: contain;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	display: block;
}
.time9{
	background: url(/assets/img/interview/9.png);
	background-size: contain;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	display: block;
}
.time10{
	background: url(/assets/img/interview/10.png);
	background-size: contain;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	display: block;
}
.time11{
	background: url(/assets/img/interview/11.png);
	background-size: contain;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	display: block;
}
.time12{
	background: url(/assets/img/interview/0.png);
	background-size: contain;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	display: block;
}

.interview_main_img{
	position: relative;
	min-height: 400px;
}
.interview_catchcopy{
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	right: 40px;
	width: 630px;
    height: 335px;
	color: #fff;
	background: url(/assets/img/recruit/b_dot.png);
}
.interview_catchcopy h2{
	font-size: 27px;
	line-height: 1.65;
	font-weight: normal;
	padding-bottom: 15px;
}
.interview_shop_name{
	font-size: 14px;
}
.interview_staff_name{
	font-size: 27px;
	padding-top: 5px;
}
.interview_catchcopy_inner{
	padding: 35px 30px;
}

/*
qa
*/
#qa_ttl{
	background: url(/assets/img/recruit/faq.jpg);
	height: 100px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position: center;
	background-color: #000;
}

.qa_subttl{
	font-size: 30px;
	font-weight: normal;
	text-align: center;
	padding: 40px 0;
}
#qa dl{
	color: #fff;
	margin-bottom: 10px;
}
#qa dl dt div,
#qa dl dd div{
	width: 970px;
	margin: 0 auto;
}
#qa dl dt{
	background: #333;
	padding: 40px 0;
	cursor: pointer;
	font-size: 95%;
}
#qa dl dt div{
	padding-left: 50px;
	background-image: url(/assets/img/recruit/question.png);
	background-repeat: no-repeat;
	padding-left: 50px;
	background-position: left top;
	position: relative;
}
#qa dl dt div span{
	content: '';
	display: inline-block;
	width: 22px;
	height: 14px;
	background-image: url(/assets/img/recruit/arrow02.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	right: 0;
	top: 25%;
}
#qa dl dd{
	background: #666;
	padding: 20px 0;
	font-size: 85%;
}
#qa dl dd div{
	padding-left: 50px;
	background-image: url(/assets/img/recruit/answer.png);
	background-repeat: no-repeat;
	padding-left: 50px;
	background-position: left top;
	position: relative;
}

.fadeIn {
	transition: 1s;
	opacity: 0;
}

.fadeIn.animated {
	opacity: 1;
}

.pc{
	display: block !important;
}
.sp{
	display: none !important;
}

/*
other
*/
.alignleft{
    border-right: 4px solid #aaa;
    float: left;
    padding-right: 7px;
    text-align: right;
    width: 48%;
}
.alignright{
    width: 50%;
    float: right;
}

.btnshine{
  position: relative;  
  display:inline-block;
  background: #333;
  color: #fff!important;
  padding: 10px 20px;
  text-decoration: none;
  outline: none;
  overflow: hidden;
}
.btnshine::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  transform: skewX(-25deg);
}

/*hoverした際の移動のアニメーション*/
.btnshine:hover::before {
  animation: shine 0.7s;
}

/*
not sp
769px以上
*/
@media screen and (min-width: 769px) {
	
	a img:hover,
	a.btn:hover,
	.business_wrapper a:hover,
	#header_gnav_icon > li > img:hover,
	#header_gnav_icon > li > a:hover,
	#header_gnav_icon > li > span:hover{
		opacity: 0.8;
	}
	
	a:hover .interview_staff_list_img img{
		opacity: 1;
	}
	.interview_staff_list a{
		width: 33%;
		padding-bottom: 3px;
	}
	.interview_staff_list div.interview_space{
		width: 33%;
	}
	
}



/*
1500px以下
*/
@media screen and (max-width:1500px) {
	/*
	company
	*/
	#header_h1_company{
		left: calc( 100vw - 89% );
	}
}
/*
1230px以下
*/
@media screen and (max-width:1230px) {
	img{
		max-width: 100%;
	}
	/*
	header
	*/
	#header_content #logo img {
		width: 160px;
	    margin-left: 10px;
	}
	.home #header{
		height: 500px;
	}
	#header #header_banner{
		width: 190px;
		top: 42%;
	}

	/*
	footer
	*/
	#footer_banner{
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
	}
	
	#footer .nav_inner{
		display: block;
		max-width: 100%;
	}
	#footer .nav_inner #footer_logo{
		padding-left: 0;
	}
	#footer .nav_inner #footer_logo img{
		display: block;
		margin: 25px auto;
		width: 200px;
	}
	#footer .nav_inner ul#footer_gnav.page_fixed_end{
		padding-right: 0;
		margin-bottom: 60px;
	}
	#footer .nav_inner ul#footer_gnav{
		justify-content: center;
	    flex-wrap: wrap;
	    gap: 30px;
	}
	#footer .nav_inner ul#footer_gnav li::after{
		content: "";
		padding-left: 0;
	}
	#footer .nav_inner ul#footer_gnav_icon.page_fixed{
		right: 0;
		bottom: 40px;
		z-index: 2;
	}
	
	/*
	history
	*/
	#header_h2_history{
		top: 50%;
		left: calc( 100vw - 99% );
		font-size: 39px;
	}
	#header_h1_history{
		top: 48%;
		font-size: 27px;
	}
	
	/*
	company
	*/
	#header_h1_company{
		left: calc( 100vw - 89% );
	}
	#header_h2_company {
		left: 66%;
	}
}
/*
1100px以下
*/
@media screen and (max-width:1100px) {
	/*
	history
	*/
	#header_h2_history{
		top: 27%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	#header_h1_history{
		font-size: 21px;
    	bottom: 15px;
	    top: auto;
		left: calc( 100vw - 50% - 176px );
	}
}
/*
1000px以下
*/
@media screen and (max-width: 1000px){
	/*
	store
	*/
	#store_tab ul{
		justify-content: center;
		margin: 30px 0;
		gap: 20px;
	}
	#store_tab ul li{
		width: 24%;
		text-align: center;
	}
	.store_wrapper{
		grid-template-columns: 1fr;
	}
	iframe{
		max-width: 100%;
	}
}


/*
769px以上 - 1000px以下
*/
@media screen and (min-width: 769px) and (max-width: 1000px){
	
	.business_wrapper._double{
		gap: 80px 30px;
	}
	.business_wrapper._double .business_contents h3{
		width: 75%;
		top: -50px;
	}
}
/*
sp
768px以下
*/
@media screen and (max-width: 768px) {
	img{
		max-width: 100%;
	}
	.pc{
		display: none !important;
	}
	.sp{
		display: block !important;
	}
	
	.inner{
		margin: 0 20px;
	}
	
	.breadcrumb ul{
		gap: 5px;
		flex-wrap: wrap;
	}
	.breadcrumb ul li:last-child{
		display: block;
		font-size: 12px;
	}
	.breadcrumb ul li:not(:last-child){
		padding-right: 10px;
	}
	
	
	.page-list ul{
		margin-bottom: 20px;
		gap: 1px;
	}
	.page-list ul li a:not(.prev,.next),
	.page-list ul li span{
		display: none;
	}
	.page-list ul li a.prev,
	.page-list ul li a.next{
		padding: 15px 45px;
		border: 1px solid #333;
		border-radius: 10px;
		margin-bottom: 10px;
		color: #555;
		font-size: 13px;
	}
	.page-list ul li .fa-angle-double-left::before{
		content: "前へ";
	}
	.page-list ul li .fa-angle-double-right::before{
		content: "次へ";
	}
	
	.home #header,
	.business #header,
	.history #header,
	.company #header,
	.store #header,
	.en #header,
	.cn #header,
	.vn #header,
	.inquiry #header{
		height: 400px;
	}
	
	#header_h1{
		left: 20px;
		font-size: 22px;
	}
	#header_h1 span{
		font-size: 25px;
	}
	
	.home #header,
	.business #header {
		background-position: 68% 83px;
	}
	
	.store #header{
		background-position: center 80px;
	}
	
	.history #header{
		background-position: 47% center;
	}
	
	
	/*
	search
	*/
	.search_area dl dt{
		font-size: 14px;
	}
	#search_period, #search_keyword{
		width: 100%;
	}
	.search_area dl{
		display: block;
	}
	#search_keyword,
	#search_category{
		margin-top: 10px;
	}
	#search_category{
		width: 100%;
	}
	#search_category label{
		margin-right: 10px;
	}
	.submit-search{
		margin: 10px auto;
	}
	#search_period{
		display: flex;
		flex-wrap: wrap;
	}
	#search_period dt{
		width: 100%;
	}
	#search_period dd{
		width: 100%;
	}
	#search_period > dd{
		margin-right: 0;
	}
	#search_period .custom-select select{
		min-width: calc( 100vw - 85px );
		padding: .4em calc(.8em + 10px) .4em .8em;
	}
	
	.news_list li .news-ttl{
		display: block;
	}
	
	#news_header h2{
		margin-top: 20px;
	}
	#news_content img{
		height: auto;
	} 
	
	/*
	business
	*/
	.business_wrapper._double{
		grid-template-columns: 1fr;
	}
	.business_contents h3{
		width: 65%;
		font-size: 12px;
		padding: 10px;
	}
	.business_contents._single dl{
		font-size: 12px;
	}
	.business_contents._single dt{
		width: 55%;
		padding: 20px 10px 10px;
	}
	.business_contents._single dd{
		width: 45%;
		text-align: right;
	}
	
	.business_contents._double h3{
		width: 70%;
	}
	.business_contents._double ._txt dt{
		padding: 30px 18px 0 18px;
	}
	.business_contents._double dl{
		flex-wrap: wrap;
	}
	.business_contents._double dt{
		width: 100%;
	}
	.business_contents._double dd{
		width: 100%;
	}
	.business_contents._double dl:nth-child(2){
		flex-direction: column-reverse;
	}
	.business_contents._double dl:nth-child(2) dt{
		padding-top: 0;
	}
	.business_contents._double dl:nth-child(2) dd{
		padding-bottom: 20px;
	}
	
	.business_wrapper._single{
		gap: 0;
		padding: 10px 0;
		row-gap: 40px;
	}
	.business_wrapper._single .business_container{
		padding-top: 23px;
	}
	
	/*
	company
	*/
	.tb1 th{
		width: 100%;
		display: block;
		text-align: center;
		text-align-last: unset;
		padding: 6px;
	}
	.tb1 td{
		width: 100%;
		display: block;
		padding: 10px;
	}
	.tb1 .tr-last th{
		border-bottom: 2px solid #d6dad9;
	}
	#company_message{
		padding: 20px;
		flex-wrap: wrap;
	}
	#company_message #company_left {
		width: 100%;
		margin-left: 0;
	}
	#company_message #company_left img{
		display: block;
		margin: 0 auto 10px;
	}
	#company_message #company_right{
		width: 100%;
	}
	#company_message #company_right div{
		display: flex;
		align-items: flex-end;
		justify-content: space-around;
		width: 240px;
		margin-top: 20px;
	}
	
	#header_h1_company{
		top: 29%;
	    left: 50%;
	    transform: translateX(-50%);
	    -webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    text-align: center;
	    font-size: 25px;
	}
	#header_h2_company {
		top: auto;
	    left: 50%;
	    transform: translateX(-50%);
	    -webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    width: 100%;
	    bottom: 15px;
	    text-align: center;
	}
	#header_h2_company img{
		width: 200px;
	}
	
	iframe{
		max-width: 100%;
	}
	
	/*
	store
	*/
	#store_tab ul{
		flex-wrap: wrap;
		justify-content: center;
		margin: 30px 0;
		gap: 20px;
	}
	#store_tab ul li{
		width: 45%;
	}
	.store_wrapper{
		grid-template-columns: 1fr;
	}
	
	/*
	contact
	*/
	.tb2{
		width: 100%;
	}
	.tb2 th{
		display: block;
		width: 100%;
		padding: 6px;
	}
	.tb2 td{
		display: block;
		width: 100%;
		padding: 10px;
	}
	
	.contact-btn .btn2{
		margin: 20px 10px !important;
	}
	
	.inquiry .custom-select select{
		min-width: calc( 100vw - 60px);
	}
	
	/*
	entry
	*/
	.tb3{
		width: 100%;
	}
	.tb3 th{
		display: block;
		width: 100%;
		padding: 6px;
	}
	.tb3 td{
		display: block;
		width: 100%;
		padding: 10px;
	}
	
	/*
	history
	*/
	#header_h1_history{
		bottom: 0;
		left: 0;
		width: 100%;
		text-align: center;
		background: rgba(7, 35, 70,0.7);
	}
	#header_h2_history{
		top: 33%;
		font-size: 28px;
	}
	.history_action h2{
		font-size: 24px;
	}
	.history_action:hover h2{
		transform: scale(1);
	}
	.history_action h2 span{
		font-size: 18px;
		margin-bottom: 30px;
	}
	#history_header1{
		background-size: cover;
	}
	
	#history_header2{
		background-size: cover;
	}
	
	#history_header3{
		background-size: cover;
	}
	
	#history_header4{
		background-size: cover;
	}
	
	#history_header5{
		background-size: cover;
	}
	
	#history_header6{
		background-size: cover;
	}
	.history_year_wrapper {
		margin-left: 5%;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	.history_year_wrapper .history_year_content .history_year_box{
		flex-wrap: wrap;
	}
	.history_year_wrapper .history_year_content .history_year_box .history_year_box_com h4{
		font-size: 16px;
	}
	
	#history_tab{
		margin-left: 0;
		margin-top: 40px;
	}
	.history_tb_row .history_tb_year {
		width: 20%;
	}
	.history_tb_row .history_tb_month{
		width: 12%;
		margin-right: 0.3%;
	}
	.history_tb_row .history_tb_content{
		width: 67.7%;
	}
	.history_content .history_com{
		text-align: left;
	}
	
	#history_tab li b{
		font-size: 20px;
	}
	
	.history_year_wrapper .history_year_content .history_year_box #history_year_car_base{
		margin-bottom: 20px;
	}
	.history_year_wrapper .history_year_content .history_year_box #history_year_car_base #history_year_car{
		right: 5px;
	}
	
	/*
	footer
	*/
	#footer_link ul{
		flex-wrap: wrap;
		justify-content: center;
	}
	#footer_link ul li{
		width: 30%;
	}
	
	/*
	recruit
	*/
	#recruit-content1{
		padding: 0 10px 20px;
		font-size: 14px;
	}
	.recruit_content_regular img{
		max-width: 70%;
		display: block;
		margin: 10px auto;
	}
	.recruit_content_regular li{
		text-align: center;
	}
	
	.recruit_content_regular .display-flex{
		flex-wrap: wrap;
	}
	.recruit_content_regular .display-flex > li{
		width: auto;
		text-align: center;
		padding-bottom: 5px;
	}
	
	.recruit_content_non_regular .display-flex{
		flex-wrap: wrap;
	}
	.recruit_content_non_regular .display-flex > div{
		width: auto;
		text-align: center;
		padding-bottom: 5px;
	}
	.recruit_content_non_regular img{
	/*	max-width: 70%;*/
	}
	.recruit_tel_uketuke{
		padding: 0;
	}
	.recruit_tel{
		text-align: center;
	}
	div.recruit_content_regular div.display-flex.justify-around.align-items-center.sub_inner.pt-3.pb-3 div{
		text-align: center;
	}

	
	.interview_staff_list_txt{
		left: 2px;
		bottom: 2px;
		background: rgb(0,0,0,0.7);
		padding: 3px;
	}
	.interview_staff_list_shop_name{
		font-size: 10px;
		padding-bottom: 5px;
	}
	.interview_staff_list_name{
		font-size: 16px;
	}
	.interview_staff_list div.interview_space{
		width: 49%;
	}
	
	/*
	詳細
	*/
	.interview_content .flex-reverse{
		flex-direction: row;
	}
	.interview_content .display-flex{
		flex-wrap: wrap;
	}
	.interview_content article div {
    	font-size: 13px;
	}
	.interview_content .w-50{
		width: auto;
	}
	.interview_content .w-50 img{
		text-align: center;
		padding-bottom: 10px;
	}
	
	.interview_catchcopy{
		right: 10px;
		width: 60%;
		height: auto;
	}
	.interview_catchcopy_inner {
	    padding: 5px;
	}
	.interview_catchcopy h2 {
	    font-size: 11px;
	    line-height: 1.2;
	    padding-top: 5px;
	    padding-bottom: 10px;
	}
	.interview_shop_name {
	    font-size: 11px;
	}
	.interview_staff_name {
	    font-size: 19px;
	    padding-top: 5px;
	}
	
	.interview_content article h2{
		font-size: 14px;
		padding: 20px 0;
	}
	
	#interview_schedule{
		width: 95%;
	}
	.interview_icon {
	    padding: 10px 5px;
	}
	.interview_hour{
		padding: 0 10px;
		font-size: 14px;
	}
	.interview_txt{
		padding: 0 10px;
		font-size: 14px;
	}
	
	.interview_main_img{
		min-height: 150px;
	}
	
	/*
	Q&A
	*/
	.qa_subttl {
	    font-size: 20px;
	    padding: 20px 0;
	}
	#qa header ul.display-flex {
	    flex-wrap: wrap;
	}
	#qa header ul.display-flex.justify-between{
		justify-content: center;
	}
	#qa header ul.display-flex > li {
	    width: auto;
	    text-align: center;
	    padding-bottom: 5px;
	}
	#qa header ul.display-flex img{
		max-width: 70%;
	}
	
	#qa dl dt div,
	#qa dl dd div{
		width: auto;
	}
	#qa dl dt{
		padding: 20px 0;
	}
	#qa dl dt div{
		padding-left: 40px;
		padding-right: 30px;
		background-position: 10px top;
	}
	#qa dl dt div span{
		right: 10px;
	}
	
	#qa dl dd{
		padding: 20px 0;
	}
	#qa dl dd div{
		padding-left: 40px;
		padding-right: 10px;
		background-position: 10px top;
	}
	
	footer address{
		font-size: 11px;
	}
	
	.recruitment #main-banner .inner,
	.recruitment .bg-white .inner{
		margin: 0;
	}
	
	.font-2{
		text-align: left;
	}
	.font-4{
		font-size: 14px;
	}
	
	.recruitment #recruit_content_footer {
		margin-bottom: 40px;
	}
	.recruitment .footer_content{
		margin: 0 0 40px;
	}
	
	/*
	global
	*/
	.sp-left{
		text-align: left;
	}
}

/*
380px以下
*/
@media screen and (max-width: 380px) {
	.interview_staff_list a,
	.interview_staff_list > div{
		width: 49%;
	}
}

@-webkit-keyframes slidein {
    from {
        margin-left: 100%;
        width: 300%;
    }

    to {
        margin-left: 0%;
        width: 100%;
    }
}

@-moz-keyframes slidein {
    from {
        margin-left: 100%;
        width: 300%;
    }

    to {
        margin-left: 0%;
        width: 100%;
    }
}
@-o-keyframes slidein {
    from {
        margin-left: 100%;
        width: 300%;
    }

    to {
        margin-left: 0%;
        width: 100%;
    }
}
@keyframes slidein {
    from {
        margin-left: 100%;
        width: 300%;
    }

    to {
        margin-left: 0%;
        width: 100%;
    }
}


@-webkit-keyframes slideout {
    from {
        margin-left: 0%;
        width: 100%;
    }

    to {
        margin-left: 100%;
        width: 300%;
    }
}

@-moz-keyframes slideout {
    from {
        margin-left: 0%;
        width: 100%;
    }

    to {
        margin-left: 100%;
        width: 300%;
    }
}
@-o-keyframes slideout {
    from {
        margin-left: 0%;
        width: 100%;
    }

    to {
        margin-left: 100%;
        width: 300%;
    }
}
@keyframes slideout {
    from {
        margin-left: 0%;
        width: 100%;
    }

    to {
        margin-left: 100%;
        width: 300%;
    }
}