@charset "utf-8";

/***********************************************************************************************************************
* 基本構造
***********************************************************************************************************************/

/* Reset margin, padding, border
 * *********************************** */

html, body,
h1, h2, h3, h4, h5, h6,
a, p, span,
em, small, strong,
sub, sup,
mark, del, ins, strike,
abbr, dfn,
blockquote, q, cite,
code, pre,
ol, ul, li, dl, dt, dd,
div, section, article,
main, aside, nav,
header, hgroup, footer,
img, figure, figcaption,
address, time,
audio, video,
canvas, iframe,
details, summary,
fieldset, form, label, legend,
table, caption,
tbody, tfoot, thead,
tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
}

/* Typography
 * *********************************** */

html {
    font-size: 62.5%;
}

body {
    font-size: 1.6rem;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.6;
    letter-spacing:0.02em;
}

* {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a,
a:visited {
    color: inherit;
}

/* Layout
 * *********************************** */

article,
aside,
footer,
header,
nav,
section,
main {
    display: block;
}

* {
    box-sizing: border-box;
}

*:before,
*:after {
    box-sizing: inherit;
}

/* Elements
 * *********************************** */

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

ul {
    list-style: none;
}

img,
video {
    max-width: 100%;
}

img {
    border-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none;
}
a{
	cursor: pointer;
}
.sp{display: none;}
.pc-block{display: block;}

/* Attributes & states
 * *********************************** */

[hidden] {
    display: none !important;
}

[disabled] {
    cursor: not-allowed;
}

:focus:not(:focus-visible) {
    outline: none;
}

/*メインビジュアル*/

/*共通パーツ*********************************************************************/
.hover{
	text-decoration: none;
	-webkit-transition: opacity 0.6s ease;
	transition: opacity 0.6s ease;
	opacity: 1;
}
	.hover:hover{
		opacity: 0.6;
	}
.bgcover{
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.bg-dot{
	position: relative;
}
	.bg-dot::before{
		content: "";
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background: url(../images/dot.png);
	}
.flex{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
	.flex.va-cent{
		-webkit-align-items: center;
		align-items: center;
	}
	.flex.jc-cent{
		-webkit-justify-content: center;
		justify-content: center;
	}
.border-top-none{
	border-top: none !important;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
/*英語*/
.font-en{
	font-family: 'Barlow Condensed', sans-serif;
	letter-spacing: 1px;
}

/*ラップ*/
.wrap{
	width: 100%;
	max-width: 1130px;
	padding: 0 10px;
	margin: 0 auto;
}

/*ヘッダー*/
header {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 95px;
	background: linear-gradient(rgba(3, 46, 231, 1.0) 0%,rgba(3, 46, 231, 0.9) 50%,rgba(3, 46, 231, 0.6) 85%,rgba(3, 46, 231, 0.0) 100%);
/*	background: linear-gradient(rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.5) 30%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0.0) 100%); 
	background: #fff;*/
	z-index: 1000;
}
	header.open{
		background: rgba(3, 46, 231, 0.9);
	}
#header_logo{
	padding: 26px 0 0 31px;
}
	#header_logo a{
		display: block;
		width: 290px;
	}
#header_navi{
	position: absolute;
	top: 0px;
	right: 25px;
}
	#header_navi li{
		position: relative;
		padding-top: 37px;
		margin: 0 25px;
	}
	#header_navi a{
		display: block;
		height: 20px;
		overflow: hidden;
		text-align: center;
		text-decoration: none;
	}
		#header_navi a::after{
			content: "";
			position: absolute;
			top: 0px;
			left: 50%;
			width: 0px;
			height: 2px;
			background: #1ab7fe;
			-webkit-transition: width .5s ease;
			transition: width .5s ease;
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
		}
		#header_navi a:hover::after{
			width: 100%;
		}
	#header_navi .font-en{
		display: block;
		font-size: 1.8rem;
		line-height: 20px;
		color: #fff;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	#header_navi i{
		display: block;
		font-size: 1.4rem;
		line-height: 20px;
		font-style: normal;
		color: #fff;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	#header_navi a:hover .font-en,
	#header_navi a:hover i{
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
@media screen and (max-width: 1000px){
	#header_logo {
		padding: 26px 0 0 15px;
	}
	#header_navi{
		right: 0px;
	}
		#header_navi li{
			margin: 0 10px;
		}
}
#menu-button{
	display: none;
}

/*お問い合わせ*/
.footer_contact{
	border-top: 1px solid #dfdfdf;
	padding: 66px 10px 74px;
}
	.footer_contact h2{
		width: 194px;
	}
.footer_contact-wrap .footer_contact{
	border-top: none;
}
.footer_contact_address{
	font-size: 1.4rem;
	line-height: 1.35em;
	padding: 0 50px 0 40px;
}
.footer_contact_tel{
	font-size: 5.0rem;
	line-height: 1em;
	color: #0092d4;
}
.footer_contact_form a{
	display: block;
	width: 400px;
	background: #0092d4;
	font-size: 1.8rem;
	line-height: 80px;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
@media screen and (max-width: 1000px){
	.footer_contact_form{
		margin-top: 20px;
		width: 100%;
	}
	.footer_contact_form a{
		margin: 0 auto;
	}
}

/*フッター*/
footer{
	position: relative;
	background: #032ee7;
	color: #fff;
}

#footer_top ul{
	padding: 30px 0 35px;
}
	#footer_top ul li{
		padding: 0 25px;
	}
	#footer_top a{
		font-size: 1.4rem;
		line-height: 1.4em;
	}
#footer_bottom{
	position: relative;
	border-top: 1px solid #fff;
}
	#footer_bottom ul{
		padding: 30px 0 30px 10px;
	}
	#footer_bottom ul li{
		padding: 0 20px;
		border-right: 1px solid #7a7a7a;
		line-height: 0.5em;
	}
	#footer_bottom ul li:last-child{border: none;}
	#footer_bottom a{
		font-size: 1.2rem;
		line-height: 1.2em;
		color: #fff;
	}
#copyright{
	position: absolute;
	right: 30px;
	top: 50%;
	font-size: 1.2rem;
	line-height: 1em;
	color: #fff;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/*ページTOPへ戻る*/
#page_nav_top{
	position: fixed;
	right: 0px;
	bottom: 0px;
	width: 70px;
	height: 70px;
	overflow: hidden;
}
	#page_nav_top a{
		background: #0092d4 url(../svg/arrow_top.svg) center 16px no-repeat;
		background-size: 24px;
		display: block;
		width: 70px;
		height: 70px;
		padding-top: 47px;
		font-size: 1.2rem;
		line-height: 1em;
		text-align: center;
		color: #fff;
		-webkit-transition: all .8s ease;
		transition: all .8s ease;
		-webkit-transform: translate(0,70px);
		transform: translate(0,70px);
	}
	#page_nav_top.open a{
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}

/*リンクフェードインエリア*/
body::after{
	content: "";
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 1002;
	background: #fff;
	-webkit-transition: opacity 1.1s ease-out;
	transition: opacity 1.1s ease-out;
}
body.active::after{
	opacity: 0;
}
body.block::after{
	display: none;
}
body::before{
	content: "";
	position: fixed;
	left: 50%;
	top: 50%;
	width:46px;
	height:46px;
	margin: -23px 0 0 -23px;
	border-radius:50%;
	border:2px solid #1ab7fe;
	border-top-color:#a5e3ff;
	box-sizing:border-box;
	display: inline-block;
	-webkit-animation:loading 0.8s linear infinite;
	animation:loading 0.8s linear infinite;
	-webkit-transition: opacity 1.1s ease-out;
	transition: opacity 1.1s ease-out;
	z-index: 1003;
}
body.active::before{
	opacity: 0;
}
body.block::before{
	display: none;
}
@keyframes loading{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}
@-webkit-keyframes loading{
	0%{-webkit-transform:rotate(0deg)}
	100%{-webkit-transform:rotate(360deg)}
}


/*トップページ**********************************************************************/
#top-page-wrap{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.main_visual-wrap{
	position: relative;
	background: #032ee7;
}
	.main_visual-wrap::after{
		content: "";
		position: fixed;
		left: 50%;
		top: 50%;
		width:46px;
		height:46px;
		margin: -23px 0 0 -23px;
		border-radius:50%;
		border:2px solid #1ab7fe;
		border-top-color:#a5e3ff;
		box-sizing:border-box;
		display: inline-block;
		-webkit-animation:loading 0.8s linear infinite;
		animation:loading 0.8s linear infinite;
		-webkit-transition: opacity 0.4s ease-out 0.8s;
		transition: opacity 0.4s ease-out 0.8s;
	}
	.main_visual-wrap.active::after{
		opacity: 0;
	}
.main_visual{
	position: relative;
	width: 100%;
	height: 100vh;
	background-color: #000;
	opacity: 0;
	-webkit-transition: opacity 1.5s cubic-bezier(0.155, 0.910, 0.695, 0.950) 1.1s;
	transition: opacity 1.5s cubic-bezier(0.155, 0.910, 0.695, 0.950) 1.1s;
}
	.main_visual.active{
		opacity: 1;
	}
@media screen and (max-height: 650px){
	.main_visual{
		background-position: center top;
		height: 650px;
	}
}
@media screen and (min-width: 1300px){
	.main_visual{
		min-height: 53.846vw;
	}
}
	.main_visual_logo{
		position: absolute;
		left: 50%;
		bottom: 88px;
		bottom: 12.0vw;
		width: 50.8333%;
		-webkit-transform: translate(-50%,40px);
		transform: translate(-50%,40px);
		-webkit-transition: all 1.5s cubic-bezier(0.155, 0.910, 0.695, 0.950) 0.2s;
		transition: all 1.5s cubic-bezier(0.155, 0.910, 0.695, 0.950) 0.2s;
		opacity: 0;
	}
	.main_visual_logo.no{
		-webkit-transition: none;
		transition: none;
	}
		.main_visual_logo img{width: 100%;}
		.main_visual_logo.active{
			opacity: 1;
			-webkit-transform: translate(-50%,0px);
			transform: translate(-50%,0px);
		}
	.main_visual_copy{
		position: absolute;
		left: 50%;
		bottom: 217px;
		bottom: 11vw;
		width: 43.4375%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		-webkit-transition: opacity 1.5s cubic-bezier(0.155, 0.910, 0.695, 0.950) 0.5s;
		transition: opacity 1.5s cubic-bezier(0.155, 0.910, 0.695, 0.950) 0.5s;
		opacity: 0;
	}
		.main_visual_copy.active{
			opacity: 1;
		}
/*ニュース*/
.top_section_news{
	border-top: 1px solid #283144;
	background: #000;
	color: #fff;
}
	.top_section_news .font-en{
		font-size: 4.0rem;
		border-top: 2px solid #1ab7fe;
	}
	.top_section_news ul{
		padding: 45px 35px;
		width: -webkit-calc(100% - 90px);
		width: calc(100% - 90px);
	}
	.top_section_news ul li{
		width: 100%;
		margin-bottom: 10px;
	}
		.top_section_news ul li time{
			font-family: 'Barlow Condensed', sans-serif;
			width: 105px;
			font-size: 1.8rem;
			letter-spacing: 1px;
			color: #1ab7fe;
		}
		.top_section_news ul li p{
			width: -webkit-calc(100% - 105px);
			width: calc(100% - 105px);
			font-size: 1.4rem;
			line-height: 1.8em;
		}

/*リンク*/
.top_section_menu{
	position: relative;
	padding: 0 15px 30px;
}
.top_section_menu::before{
	content: "";
	background: #fff;
	width: 100%;
	height: 50px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.top_section_menu li{
	position: relative;
	width: 33.3333%;
	padding: 0 15px;
}
	.top_section_menu li a{
		padding-bottom: 63%;
	}
	.top_section_menu li a>div{
		position: absolute;
		left: 8%;
		bottom: 9%;
		width: 90%;
	}
	.top_section_menu .font-en{
		font-size: 4.8rem;
		line-height: 1em;
		color: #fff;
	}
	.top_section_menu i{
		font-style: normal;
		margin-left: 1em;
		color: #1ab7fe;
	}
	.top_section_menu p{
		font-size: 1.4rem;
		line-height: 1.7em;
		color: #fff;
		margin-top: 15px;
	}
@media screen and (max-width: 1485px){
	.top_section_menu p{
		height: 3.4em;
	}
}
@media screen and (max-width: 1050px){
	.top_section_menu{
		padding: 0 5px 30px;
	}
	.top_section_menu li{
		position: relative;
		width: 33.3333%;
		padding: 0 5px;
	}
	.top_section_menu .font-en{
		font-size: 3.6rem;
		line-height: 1em;
		color: #fff;
	}
}
/*下層ページ**********************************************************************/
/*共通パーツ*/
/*ラップ*/
.lower_wrap{
	width: 100%;
	max-width: 1110px;
	padding: 0 10px;
	margin: 0 auto;
}
.lower_wrap_small{
	width: 100%;
	max-width: 800px;
	padding: 0 10px;
	margin: 0 auto;
}
/*カテゴリタイトル*/
.lower_visual{
    height: 399px;
    overflow: hidden;
    width: 100%;
}
.lower_visual h1{
    color: #fff;
    font-size: 4.8rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
    width: 100%;
}
.lower_visual h1 span{
    display: flex;
    align-items: center;
}
.lower_visual h1 span:after, .lower_visual h1 span:before {
	content: "";
	display: block;
	flex-grow: 1;
	height: 1px;
	background: #fff;
}
.lower_visual h1 span:after {
	margin-left: 0.5em;
}
.lower_visual h1 span:before {
	margin-right: 0.5em;
}
.lower_visual h1 i{
	display: block;
	font-size: 1.6rem;
	font-style: normal;
}
.bg-company,
.bg-news,
.bg-contact-us,
.bg-terms,
.bg-privacy-policy{
	background: url("/common/images/category-visual.jpg") no-repeat 50% 50%;
}
.bg-business{
	background: url("/business/images/category-visual.jpg") no-repeat 50% 50%;
}
.bg-recruit{
	background: url("/recruit/images/category-visual.jpg") no-repeat 50% 50%;
}
@media screen and (min-width: 1920px){
	.bg-company,
	.bg-news,
	.bg-contact-us,
	.bg-terms,
	.bg-privacy-policy{
		background: url("/common/images/category-visual.jpg") no-repeat 50% 50%;
		background-size: cover;
	}
	.bg-business{
		background: url("/business/images/category-visual.jpg") no-repeat 50% 50%;
		background-size: cover;
	}
	.bg-recruit{
		background: url("/recruit/images/category-visual.jpg") no-repeat 50% 50%;
		background-size: cover;
	}
}
/*パンくず*/
.lower_visual .breadcrumb_list{
	color: #b1b1b1;
	font-size: 1.2rem;
	position: absolute;
	bottom: 20px;
	left: 30px;
}
.lower_visual .breadcrumb_list a{
	color: #fff;
	text-decoration: none;
}
.lower_visual .breadcrumb_list a:after{
	content: "/";
	display: inline-block;
	padding: 0 10px;
}
.lower_visual .breadcrumb_list li{
	display: inline-block;
}
.sp_breadcrumb_list{
	display: none;
}
/*カテゴリトップ*/
.message_low{
	font-size: 1.6rem;
	line-height: 2.0em;
	padding: 90px 0 80px;
	text-align: center;
}
.message_low.mb0{
	padding: 90px 0 0;
}
.message_low.contact{
	padding: 90px 0 30px;
}
.message_low a{
	color: #0092d4;
	text-decoration: underline;
}
.bg-dot-wrap{
	position: relative;
	z-index: 1;
}
.bg-dot-box{
	overflow: hidden;
}
.bg-dot-box::before{
	margin-top: 40px;
}
/*カテゴリビジュアル下メニュー*/
.anchor_list{
	background: #eee;
}
.anchor_list ul{
	text-align: center;
}
.anchor_list ul li{
	display: inline-block;
	padding: 0 35px;
	white-space: nowrap;
}
.anchor_list ul li .font-en{
	font-size: 1.8rem;
}
.anchor_list li > span,
.anchor_list li > a {
	font-weight: bold;
	padding: 35px 5px;
	position: relative;
	display: inline-block;
	text-decoration: none;
}
.anchor_list li > span::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #0092d4;
}
.anchor_list li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.anchor_list li a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #0092d4;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
.anchor_list li a:hover::after {
  transform: scale(1, 1);
}
/*コンテンツ下メニュー*/
.lower_page_link{
	border-top: 1px solid #dfdfdf;
	padding: 50px 0;
}
.lower_page_link ul{
	letter-spacing: -0.4em;
	margin: 0 auto;
	text-align: center;
}
.lower_page_link ul li{
	display: inline-block;
	letter-spacing: normal;
	padding: 0 1%;
	text-align: left;
	width: 25%;
}
.lower_page_link.business{
	margin-bottom: -20px;
}
.lower_page_link.business ul li{
	padding: 0 1% 20px;
/*	width: 33.3333%; */
}
.lower_page_link ul li a{
	border: 2px solid #0092d4;
	color: #0092d4;
	display: block;
	padding: 20px;
}
/*見出し*/
h2.headline-low.font-en{
	font-size: 4.8rem;
}
h2.headline-low{
	font-size: 3.6rem;
	font-weight: bold;
	margin-bottom: 50px;
	margin-top: 135px;
	position: relative;
	text-align: center;
}
h2.headline-low span{
	display: block;
	padding-top: 35px;
}
h2.headline-low::before{
	content: "";
    position: absolute;
    left: 50%;
    top: 0;
    background: #1ab7fe;
    width: 120px;
    height: 3px;
    margin-left: -60px;
}
h3.sub-title{
	color: #000;
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 25px;
}
/*テーブルレイアウト*/
.table{
	border-top: 1px solid #dfdfdf;
	margin-bottom: 120px;
	width: 100%
}
.table th,
.table td{
	border-bottom: 1px solid #dfdfdf;
	padding: 20px 0;
	text-align: left;
}
.table th{
	font-weight: bold;
	padding-left: 20px;
	width: 170px;
}
.table_type02{
	border-top: 1px solid #dfdfdf;
	margin-bottom: 180px;
	width: 100%
}
.table_type02 th,
.table_type02 td{
	border-bottom: 1px solid #dfdfdf;
	padding: 20px 0;
	text-align: left;
}
.table_type02 th{
	color: #0092d4;
	font-size: 2.2rem;
	font-weight: bold;
	padding-left: 20px;
	width: 115px;
}
.table_type03{
	border-top: 1px solid #dfdfdf;
	margin-bottom: 120px;
	width: 100%
}
.table_type03 th,
.table_type03 td{
	border-bottom: 1px solid #dfdfdf;
	padding: 20px 0;
	text-align: left;
}
.table_type03 td{
	padding-left: 25px;
}
.table_type03 th{
	background: #f1f1f1;
	font-weight: bold;
	padding-left: 20px;
	width: 220px;
}
/*お知らせ*/
.news_list{
	margin: 60px auto 50px;
	max-width: 800px;
}
.news_list ul{
	border-top: 1px solid #dfdfdf;
}
.news_list ul li{
	border-bottom: 1px solid #dfdfdf;
	padding: 15px 20px;
}
.news_list ul li a{
	display: block;
	text-decoration: none;
}
.news_list ul li a time{
	color: #0092d4;
	font-size: 1.8rem;
	letter-spacing: 1px;
	margin-right: 6px;
}
.news_list ul li a .category{
	background: #0092d4;
	color: #fff;
	display: inline-block;
	font-size: 1.0rem;
	padding: 3px 0;
	text-align: center;
	width: 7em;
	position:relative;
	top:-2px;
}
.news_list ul li a p{
	margin-top: 5px;
}
/*お知らせ:記事ページ*/
.news_detail{
	border-top: 3px solid #1ab7fe;
	max-width: 800px;
	margin: 75px auto 60px;
}
.news_detail_header{
	padding: 30px 25px;
}
.news_detail_header time{
	color: #0092d4;
	font-size: 2.0rem;
	letter-spacing: 1px;
	margin-right: 8px;
	vertical-align: -1px;
}
.news_detail_header .category{
	background: #0092d4;
	color: #ffff;
	display: inline-block;
	font-size: 1.2rem;
	padding: 3px 0 4px 0;
	text-align: center;
	width: 7em;
	position:relative;
	top:-2px;
}
.news_detail_header h1{
	font-size: 3.0rem;
	font-weight: bold;
	margin-top: 10px;
}
.news_detail_text{
	border-bottom: 1px solid #dfdfdf;
	border-top: 1px solid #dfdfdf;
	margin-bottom: 60px;
	padding: 35px 25px 0;
}
.news_detail_text p{
	line-height: 2.0em;
	margin-bottom: 30px;
}
.news_detail_text a{
	color: #0092d4;
	text-decoration: underline;
}
.news_detail_text b{
	color: #e0200c;
}
.news_detail_text strong{
	font-weight: bold;
}
.news_detail_text h2{
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 20px;
}
.news_detail_text h3{
	background: #eee;
	box-sizing: border-box;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 25px;
	padding: 10px;
	width: 100%;
}
.news_detail_btn{
	background: #000;
	color: #fff;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	text-align: center;
	width: 300px;
}
.news_detail_btn a{
	display: block;
}
/*お知らせ:ページャー*/
.pager{
	margin: 55px auto 65px;
}
.pager > div a{
	text-decoration: none;
}
.pager > div{
	text-align: center;
	margin: 0;
	padding: 0;
	letter-spacing: -0.4em;
}
.pager > div .page-numbers{
	margin: 0 3px;
	padding: 0;
	display: inline-block;
	background: #eee;
	width: 42px;
	height: 42px;
	text-align: center;
	position: relative;
	letter-spacing: normal;
	line-height: 40px;
}
.pager > div .prev,
.pager > div .next{
	background: #000;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: none
}
.pager > div .prev{
	margin-right: 10px;
}
.pager > div .next{
	margin-left: 10px;
}
.pager > div a{
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display:table;
	color: #333;
	text-decoration: none;
}
.pager > div a:hover,
.pager > div a.active{
	background: #dfdfdf;
}
.pager .prev::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 18px;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.pager .next::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 18px;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
}
/*会社情報：トップページ*/
.company_menu li{
	position: relative;
	margin-bottom: 130px;
    width: 48%;
}
.company_menu li:nth-child(1),
.company_menu li:nth-child(3){
	margin-right: 4%;
}
.company_menu li a{
	display: block;
}
.company_menu_img img{
	box-shadow: 20px 20px #1ab7fe;
}
.company_menu_body{
	background: #fff;
	padding: 25px;
	position: absolute;
	right: 0;
	bottom: -80px;
	width: 55%;
}
.company_menu_body h2{
	margin-bottom: 15px;
}
.company_menu_body h2 span{
	color: #1ab7fe;
	display: block;
	font-size: 1.4rem;
}
.company_menu_body h2 .font-en{
	font-size: 4.2rem;
	font-style: normal;
	line-height: 100%;
	margin-top: 3px;
}
/*会社情報：代表メッセージ*/
@media screen and (min-width: 1920px){
	.president_message_hero img{
		width: 100%;
	}
}
.president_message p{
	line-height: 1.8em;
	margin: 70px auto  130px;
	text-align: center;
}
/*会社情報：経営理念*/
.philosophy_box_top{
	margin-bottom: 90px;
	margin-top: 90px;
}
.philosophy_box_top h2{
	max-width: 620px;
    margin: 0 auto 50px;
    text-align: center;
}
.philosophy_box_top p{
	font-size: 1.6rem;
	line-height: 1.8em;
	text-align: center;
}
.philosophy_box{
	background: #1ab7fe;
	margin-bottom: 40px;
	overflow: hidden;
	padding: 0 10px;
	text-align: center;
}
.philosophy_box .inner{
	max-width: 720px;
	margin: 0 auto;
}
.philosophy_box h2{
	font-size: 4.8rem;
	margin-top: 50px;
}
.philosophy_box h2::before{
    background: #000;
}
.philosophy_box h3{
	color: #fff;
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 50px;
}
.company_box{
	padding-bottom: 130px;
}
.company_box .inner{
	max-width: 720px;
	margin: 0 auto;
	text-align: center;
}
.company_box .inner p{
	margin-bottom: 50px;
}
/*会社情報：会社概要*/
.outline_anchor_list{
	border-bottom: 1px solid #dfdfdf;
}
.outline_anchor_list ul{
	text-align: center;
}
.outline_anchor_list ul li{
	display: inline-block;
	font-weight: bold;
	padding: 0 35px;
	white-space: nowrap;
}
.outline_anchor_list li > a {
	font-weight: bold;
	padding: 35px 5px;
	position: relative;
	display: inline-block;
	text-decoration: none;
}
.outline_anchor_list li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.outline_anchor_list li a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #000;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
.outline_anchor_list li a:hover::after {
  transform: scale(1, 1);
}
.group-list{
	margin-bottom: 120px;
}
.group-list li{
	width: 47.5%;
}
.group-list li:nth-child(odd){
	margin-right: 5%;
}
.group-list li figure{
	background: #f1f1f1;
	height: 239px;
	margin-bottom: 20px;
	position: relative;
	width: 100%
}
.group-list li figure a{
	display: block;
	height: 100%;
	width: 100%;
}
.group-list li figure img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.group-list li .type{
	color: #1ab7fe;
	font-size: 1.2rem;
	margin-bottom: 10px;
}
.group-list li .name{
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 15px;
}
.group-list li .address{
	font-size: 1.4rem;
}
/*会社情報：アクセス*/
.access-map{
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}
.access-map iframe{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.access-box{
	background: #fff;
	margin: -90px auto 60px;
	padding: 10px;
	position: relative;
	width: 80%;
}
.access-box table{
	width: 100%;
}
.access-box table th{
	background: #1ab7fe;
	color: #fff;
	padding: 20px;
	width: 110px;
}
.access-box table td{
	padding-left: 25px;
}
.access-box table th,
.access-box table td{
	border-bottom: 7px solid #fff;
	text-align: left;
}
/*事業紹介：トップページ*/
.business_menu li{
	position: relative;
	margin-bottom: 95px;
	margin-right: 5%;
/*    width: 30%; */
    width: 45%;
    min-height: 260px;
}
/* .business_menu li:nth-child(3),
.business_menu li:nth-child(6){
	margin-right: 0;
} */
.business_menu li:nth-child(2),
.business_menu li:nth-child(4){
	margin-right: 0;
}
.business_menu li a{
	background: #1ab7fe;
	display: block;
	height: 100%;
	width: 100%;
}
.business_menu li div{
	background: #fff;
	margin: 0 auto;
	padding: 30px 0;
	position: absolute;
	bottom: -40px;
	left: 0;
	right: 0;
	text-align: center;
	width: 87.878787%;
}
.business_menu li div h2{
	font-size: 2.6rem;
	font-weight: bold;
}
.business_menu li div h2 span{
	color: #1ab7fe;
	display: block;
	font-size: 1.6rem;
}
.business_menu li figure{
	height: 100%;
}
.business_menu li img{
	position: absolute;
	top: 30px;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	width: 120px;
}
/*事業紹介：詳細ページ*/
.message_low.business{
	padding: 90px 0 100px;
}
.business_information_box .img_right,
.business_information_box .img_left{
	overflow: hidden;
	position: relative;
}
.business_information_box .img_right.first,
.business_information_box .img_left.first{
	top: -40px;
}
.business_information_box .img_right.last,
.business_information_box .img_left.last{
	bottom: -40px;
}
.business_information_box .img_right .text,
.business_information_box .img_left .text{
	position: absolute;
	top: 50%;
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
	background: #fff;
	max-width: 520px;
	padding: 30px 35px;
	box-sizing: border-box;
}
.business_information_box .img_left .text{
	right: 0;
}
.business_information_box .img_right figure{
	float: right;
}
.business_information_box .img_left figure{
	float: left;
}
.business_message{
	background: #000;
	padding-top: 130px;
}
.business_message > .lower_wrap > h2{
	color: #fff;
	font-size: 1.6rem;
	font-weight: normal;
    position: relative;
    text-align: center;
}
.business_message > .lower_wrap > h2::before{
	content: "";
    position: absolute;
    left: 50%;
    top: -35px;
    background: #fff;
    width: 120px;
    height: 3px;
    margin-left: -60px;
}
.business_message > .lower_wrap > h2 > span{
	display: block;
	font-size: 4.8rem;
	font-weight: bold;
}
.business_message_box{
	border-bottom: 1px solid #fff;
	overflow:hidden;
}
.business_message_box > .lower_wrap{
	position: relative;
}
.business_message_box .text{
	margin-top: 145px;
	max-width: 57%;
}
.business_message_box h2{
	border-bottom: 1px solid #fff;
	color: #fff;
	display: inline-block;
	font-size: 2.8rem;
	font-weight: bold;
	margin-bottom: 20px;
	padding-bottom: 5px;
}
.business_message_box h2 em{
	color: #1ab7fe;
	font-style: normal;
}
.business_message_box h3{
	color: #1ab7fe;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 70px;
}
.business_message_box h3 span{
	display: block;
	font-size: 7.2rem;
}
.business_message_box h4{
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	color: #fff;
	font-size: 1.6rem;
	margin-bottom: 15px;
	margin-top: 50px;
}
.business_message_box p + .business_message_box h4{
	margin-top: 60px;
}
.business_message_box p{
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	color: #fff;
	font-size: 1.4rem;
	line-height: 2.0em;
}
.business_message_box.img_left figure{
	position: absolute;
	left: -20%;
}
@media screen and (max-width: 896px) {
	.business_message_box.img_left figure{
		left: -30%;
	}
}
.business_message_box.img_left .text{
	float: right;
	margin-bottom: 60px;
	position: relative;
	z-index: 1;
}
.business_message_box.img_right figure{
	right: -8%;
	position: absolute;
}
@media screen and (max-width: 896px) {
	.business_message_box.img_left figure{
		right: -30%;
	}
}
.business_message_box.img_right .text{
	float: left;
	margin-bottom: 60px;
	position: relative;
	z-index: 1;
}
.business_message_list{
	display: none;
	background: #1ab7fe;
	padding: 50px 0 75px;
}
.business_message_list h2{
	color: #fff;
	font-size: 3.0rem;
	font-weight: bold;
	margin-bottom: 65px;
	margin-top: 90px;
	position: relative;
	text-align: center;
}
.business_message_list h2::before{
	content: "";
    position: absolute;
    left: 50%;
    top: -45px;
    background: #fff;
    width: 120px;
    height: 3px;
    margin-left: -60px;
}
.business_message_list_wrap{
	position: relative;
}
.business_message_list ul{
	letter-spacing: -0.4em;
	margin-left: -290px;
}
@media screen and (max-width: 1200px){
	.business_message_list ul{
		margin-left: 0px;
	}
}
.business_message_list ul li{
	display: inline-block;
	letter-spacing: normal;
	padding: 0 20px;
	width: 580px;
	max-width: 100%;
}
.business_message_list ul li figure{
	background: #000;
    border-radius: 50%;
    display: inline-block;
    margin-right: 35px;
    position: relative;
    height: 100px;
    width: 100px;
}
.business_message_list ul li figure img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.business_message_list ul li div{
	background: #fff;
	border-radius: 15px;
	box-sizing: border-box;
	display: inline-block;
	padding: 25px;
	position: relative;
	vertical-align: top;
	width: 400px;
}
.business_message_list ul li div:before {
	border-top: solid 8px transparent;
	border-bottom: solid 8px transparent;
	border-right: solid 18px #fff;
	left: -18px;
	content:"";
	display:block;
	top: 50px;
	position: absolute;
}
.business_message_list .btn{
	background: #000;
	display: block;
	height: 60px;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: 60px;
	z-index: 2;
	cursor: pointer;
}
.business_message_list .prev{
	left: 0;
}
.business_message_list .next{
	right: 0;
}
.business_message_list a{
	display: block;
	height: 60px;
	position: relative;
}
.business_message_list .btn img{
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.business_message_list ul li div h3{
	color: #1ab7fe;
	font-size: 2.0rem;
	margin-bottom: 12px;
}
.business_message_list ul li div p{
	font-size: 1.4rem;
}
/*採用情報：トップページ*/
.recruit-box{
	margin-bottom: 90px;
}
.recruit-box h3{
	border-top: 1px solid #dfdfdf;
	color: #0092d4;
	font-size: 2.4rem;
	font-weight: bold;
	padding: 15px 20px;
}
.recruit-box table{
	margin-bottom: 35px;
}
.recruit_detail_btn {
    background: #0092d4;
    color: #fff;
    height: 50px;
    line-height: 46px;
    margin: 0 auto;
    text-align: center;
    width: 300px;
}
.recruit_detail_btn a{
	display: block;
}
/*フォーム*/
.table.form-tbl{
	margin-bottom: 55px;
}
.table.form-tbl td{
	line-height: 1.8em;
}
.table.form-tbl th{
	width: 190px;
}
.required{
	color: #e0200c;
	font-size: 1.2rem;
}
.error{
	color: #e0200c;
	display: block;
	font-size: 1.2rem;
	margin-top: 10px;
}
/*セレクトボックス*/
.select-box{
	overflow: hidden;
}
.select-box::after{
	-webkit-user-select:none;
	user-select:none;
	-webkit-pointer-events: none;
	pointer-events: none;
}
.select-box select{
	background: #eee;
	border: none;
	max-width: 300px;
	width: 100%;
	height: 45px;
	line-height: 45px;
	padding: 0 1em;
	cursor: pointer;
}
/*セレクトボックス：生年月日*/
.birth-box {
    display: inline-block;
}
.birth-box>p {
    display: inline-block;
    padding: 0 5px;
}
.birth-box .select-box {
    display: inline-block;
    width: auto;
    overflow: visible;
}
/*input*/
.form-tbl input[type="text"],
.form-tbl input[type="email"]{
	background: #eee;
	border: none;
	width: 100%;
	height: 45px;
	line-height: 45px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-webkit-appearance: none;
	appearance: none;
	padding: 0 1em;
}
.form-tbl input[type="text"].txt1,
.form-tbl input[type="email"].txt1{
	max-width: 430px;
}
.form-tbl input[type="text"].txt2{
	max-width: 530px;
}
.form-tbl input[type="text"].txt3{
	max-width: 200px;
}
.form-tbl input[type="text"].txt4{
	max-width: 100%;
}
.form-tbl input[type="text"].txt5{
	max-width: 150px;
}
/*テキストエリア*/
.form-tbl textarea{
	background: #eee;
	max-width: 575px;
	width: 100%;
	height: 280px;
	resize: vertical;
	padding: 0.5em 1em;
	-webkit-appearance: none;
	appearance: none;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: none;
}
/*ボタン*/
.btn-confirm{
	background: #0092d4;
	border:none;
    color: #fff;
    height: 50px;
    line-height: 100%;
    margin: 0 auto;
    text-align: center;
    width: 300px;
}
.btn-reset,
.btn-send{
	background: #0092d4;
	border:none;
    color: #fff;
    height: 50px;
    line-height: 100%;
    margin: 0 auto;
    text-align: center;
    width: 300px;
}
.btn-back,
.btn-top{
	background: #000;
	border:none;
    color: #fff;
    display: inline-block;
    height: 50px;
    line-height: 46px;
    margin: 0 10px;
    text-align: center;
    width: 300px;
}
.btn-top{
	color: #fff !important;
}
.btn-top{
	margin-bottom: 100px;
}
.btn-confirm:hover,
.btn-reset:hover,
.btn-send:hover,
.btn-back:hover,
.btn-top:hover{
	cursor: pointer;
}

button{
	cursor: pointer;
}
.btn-box{
	margin: 30px auto 70px;
	text-align: center;
}
/*フォーム：完了画面*/
.complete-box h2{
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.8em;
	margin-bottom: 40px;
	margin-top: 140px;
}
.complete-box p{
	line-height: 1.8em;
	margin-bottom: 70px;
}
.complete-box{
	text-align:center;
}
/*利用規約　/　プライバシーポリシー*/
.text-box .inner{
	border-bottom: 1px solid #dfdfdf;
	border-top: 1px solid #dfdfdf;
	margin-bottom: 150px;
	padding: 30px 35px 0;
}
.text-box h3{
	font-size: 2.0rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.text-box p{
	line-height: 1.8em;
	margin-bottom: 30px;
}
.text-box p a{
	color: #0092d4;
}
.text-box ol{
	margin-bottom: 30px;
}
.text-box ol li{
	line-height: 1.8em;
	margin-left: 1em;
	margin-bottom: 15px;
}
.policy-text-box{
	margin-bottom: 60px;
}
.policy-text-box a{
    color: #0092d4;
    text-decoration: underline;
}
.policy-text-box p{
	margin-bottom: 15px;
}
.policy-text-box p:last-child{
	text-align: right;
}







/* ################################################################################
   サイト全体の微調整
   ################################################################################ */


.lower_page_link ul {
  text-align: left;
}







/* ################################################################################
   Entire Web site
   ################################################################################ */


/* goole reCAPCHA */
.grecaptcha-badge {
  visibility: hidden;
}

.p-recaptcha-description {
  margin-top: 2.5em;
  margin-bottom: 4.5em;
  padding: 0 1em;
  color: #4c4c4c;
  font-size: 0.875em;
  line-height: 1.5;
  text-align: center;
}

.p-recaptcha-description--recruit {
  margin-top: -2em;
}

.p-recaptcha-description a {
  color: #4c4c4c;
  font-size: 1.0em;
}




/* ################################################################################
   Recruit
   ################################################################################ */


/* 職種別リスト */
.p-occupation-list {
  margin-bottom: 5.0em;
}



/* ======================================================================
   Accordion
   ====================================================================== */

/* アコーディオン全体 */
.c-accordion {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

/* アコーディオン */
.c-accordion__item {
  margin-top: 1.0em;
  cursor: pointer;
}
.c-accordion__item:first-child {
  margin-top: 0;
}

/* アコーディオンのタイトル */
.c-accordion__header {
  display: flex;
  align-items: center;
  cursor: pointer;
  background: #0092d4;
}

.c-accordion__title {
  flex-basis: 50%;
  position: relative;
  margin: 0;
  padding: 1.0em 2.5em 1.0em 1.0em;
  color: #fff;
  font-size: 1.5em;
  line-height: 1.2;
  font-weight: bold;
}
/* (+)アイコン */
.c-accordion__title::before, 
.c-accordion__title::after {
  content: "";
  position: absolute;
  right: 0.75em;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background-color: #fff;
  width: 1.0em;
  height: 0.1em;
  transition: all 0.3s;
}
.c-accordion__title::after {
  transform: rotate(90deg);
}

.c-accordion__title-translation {
  font-size: 0.75em;
  font-family: 'Barlow Condensed', sans-serif;
  letter-spacing: 0.05em;
}

.c-accordion__title-visual {
  flex-basis: 50%;
}

.c-accordion__title-image {
  vertical-align: top;
}

/* アコーディオンのコンテンツ */
.c-accordion__content {
  margin-left: 0;
  padding: 2.0em 1.0em;
  display: none;
  cursor: pointer;
}

.c-accordion__content .c-table {
  margin: 0;
}

.c-accordion__content.is-open {
  display: block;
}

/* アコーディオン展開時の(-)アイコン */
.c-accordion__item.is-active 
.c-accordion__title::before {
  transform: rotate(180deg);
}

.c-accordion__item.is-active 
.c-accordion__title::after {
  transform: rotate(180deg);
  opacity: 0;
}

@media screen and (max-width:959px) {
.c-accordion__title {
  flex-basis: 50%;
  font-size: 1.75em;
}

.c-accordion__title-translation {
  font-size: 0.825em;
}

.c-accordion__title-visual {
  flex-basis: 50%;
}
}

@media screen and (max-width:559px) {
.c-accordion__title {
  flex-basis: 100%;
  padding: 0.875em 2.5em 0.875em 1em;
  font-size: 1.5em;
}

.c-accordion__title-translation {
  font-size: 0.825em;
}

.c-accordion__title-visual {
  display: none;
  flex-basis: 0%;
}
  
.c-accordion__content {
  padding: 1.5em 1.0em;
}
}



/* ======================================================================
   Table
   ====================================================================== */

.c-table {
  max-width: 100%;
  margin: 1.0em 0;
  background: #fff;
  font-weight: bold;
}

.c-table__tbody {
}

.c-table__tr {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
  border-top: solid 0.1rem #dfdfdf;
}

.c-table__th {
  display: flex;
  flex-basis: 25%;
  align-self: stretch;
}

.c-table__td {
  display: flex;
  flex-basis: 75%;
  align-self: stretch;
}

.c-table__single-column {
  flex-basis: 100%;
  padding: 1.5em 1em 1.5em;
}

.c-table__header {
  align-self: center;
  padding: 1.0em 1.5em;
}

.c-table__body {
  align-self: center;
  padding: 1.0em 1.5em;
}

@media screen and (max-width:959px) {
  .c-table {
    font-size: 0.875em;
  }
  .c-table__th {
    flex-basis: 30%;
  }
  .c-table__td {
    flex-basis: 70%;
  }
}

@media screen and (max-width:559px) {
  .c-table {
    font-size: 0.75em;
  }
  .c-table__th {
    flex-basis: 100%;
  }
  .c-table__td {
    flex-basis: 100%;
  }
  .c-table__header {
    padding: 1.0em 1.0em 0.5em;
  }
  .c-table__body {
    padding: 0.5em 1.0em 1.0em;
  }
}



/* ======================================================================
   Button
   ====================================================================== */


/* [Foundation]通常
   ================================================================= */

.c-button {
  display: inline-block;
  margin: 0;
}
.c-button:hover, 
.c-button:active, 
.c-button:focus {
	color: inherit;
  text-decoration: none;
}

.c-button__link {
	color: var(--article_button_text_unique_color);
}
.c-button__link:hover {
  color: var(--article_button_text_unique_color);
  text-decoration: none
}
.c-button__link:active, 
.c-button__link:focus, 
.c-button__link:visited {
  color: var(--article_button_text_unique_color);
}

.c-button__icon {
  margin: 0 0 0 0.5em;
}

.c-button__icon-before {
	margin-right: 0.375em;
}

.c-button__icon-after {
	margin-left: 0.375em;
}

.c-button__two-line {
}

.c-button__main-text {
	display: block;
	font-size: 1.0em;
}

.c-button__sub-text {
	display: block;
	font-size: 0.75em;
}


/* [Decoration]リクルート
   ================================================================= */

.c-button--recruit {
	display: block;
  margin: 0 auto;
  padding: 0.875em 1.0em;
	background: #0062ad;
  color: #fff !important;
  font-size: 1.125em;
  text-align: center;
  text-decoration: none;
}
.c-button--recruit:hover {
	background: #0062ad;
	color: #fff;
  text-decoration: none;
  opacity: 0.6;
}
.c-button__link:active, 
.c-button__link:focus, 
.c-button__link:visited {
  background: #0062ad;
  color: #fff;
  text-decoration: none;
}



/*事業紹介：店舗事業*/
.shop_menu li{
	position: relative;
	margin-bottom: 130px;
/*  width: 48%; */
  width: 100%;
}
.shop_menu li:nth-child(1),
.shop_menu li:nth-child(3){
	margin-right: 4%;
}
.shop_menu li a{
	display: block;
}
.shop_menu_img img{
}
.shop_menu_body{
  background: #fff;
  padding: 25px;
  position: absolute;
  right: 5%;
  bottom: -80px;
  width: 90%;
}
.shop_menu_body h2{
	margin-bottom: 15px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 2.5em;
  line-height: 1;
  letter-spacing: 1px;
}
.shop_menu_body h2 span{
	color: #1ab7fe;
	display: block;
	font-size: 1.4rem;
}
.shop_menu_body h2 .font-en{
	font-size: 4.2rem;
	font-style: normal;
	line-height: 100%;
	margin-top: 3px;
}

.shop_menu_sub-title {
  color: #1ab7fe;
  font-size: 1.0em;
}

@media screen and (max-width: 767px){
/*会社情報：トップページ*/
.shop_menu li{
  width: 100%;
  padding: 0;
  margin-bottom: 100px;
}
.shop_menu_img img{
}
.shop_menu_body{
	padding: 15px;
	bottom: -50px;
	right: 5%;
	width: 90%;
}
.shop_menu_body h2{
	margin-bottom: 4px;
}

.shop_menu_body h2 span{}
.shop_menu_body h2 .font-en{
	font-size: 3.6rem;
	margin-top:0;
}
}




/* ################################################################################
   フォーム
   ################################################################################ */

.upload-box {
  display: flex;
  align-items: center;
}

.upload-box [type="file"] {
  display: none!important;
}

.upload-box label {
  padding: 10px 15px;
  margin-right: 0;
  color: #000000;
  background-color: #eee;
  border: none;
  cursor: pointer;
  text-align: center;
  line-height: 1.5;
}

.upload-box label:hover {
    background-color: #eee;
    color: #000000;
}

.mwform-file-delete {
  display: none;
}

.js-upload-filename-1, 
.js-upload-filename-2 {
  margin-left: 1.2em;
  line-height: 1.5;
}

.mw_wp_form .error {
  margin-top: 0;
  line-height: 1.5;
}

@media screen and (max-width: 767px){
.upload-box label {
  max-width: 40%;
}
}