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


/* -----------------------------------------------
 *  	         component style setting
 * ----------------------------------------------- */




/* =========== heading setting =========== */



.content_area {
	padding-top: 150px !important;
}
.content_area .heading2_04 {
	text-align: left;
	font-size: 24px;
	font-weight: normal;
	font-family: "Noto Sans Japanese","メイリオ", "Meiryo", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width : 768px){
.content_area .heading2_04 {
	font-size: 21px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}	
}

/* = heading1 = */
/* 001 */
h1.heading1_001 {
	text-align: center;
	margin: 0 auto;
	padding: 50px 0;
	width: 40%;
	font-size: 0;
	line-height: 0;
}
h1.heading1_001b {
	text-align: center;
	margin: 0 auto;
	padding: 50px 0;
	width: 50%;
	font-size: 0;
	line-height: 0;
}

/* ==== width 768px以下の場合 ==== */
@media screen and (max-width : 768px){
	h1.heading1_001 { width: 70%; }
	h1.heading1_001b { width: 80%; }
	
}

/* 002 */
h1.heading1_002 {
	margin: 70px 0 50px;
	font-family: 'EB Garamond', "Times New Roman", Times, serif;
	font-size: 40px;
	font-weight: normal;
	line-height: 1.2;
}

/* 002 */
h1.heading1_002 span {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
	font-size: 12px;
}


/* = heading2 = */


/* 001 */
h2.heading2_001 {
    margin: 0 20px;
    padding: 50px 0px 0px;
    font-size: 18px;
    font-weight: 300;
    /* height: 86px; */
    width: auto;
}
/* aboutpageSVG調整 */
h2.heading2_001 img{
	width: 250px;
}

/* 002 */
h2.heading2_002 {
	margin: 0 0 10px;
	padding: 0;
	text-align: left;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.4;
}

h2.heading2_002 span {
	display: block;
	font-size: 12px;
	padding: 0 0 0 2px;
}


/* 003 */
h2.heading2_003 {
	margin: 0 0 20px;
	padding: 10px 0;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.4;
	border-bottom: solid 1px #000;
	border-top: solid 1px #000;
}

h2.heading2_003 span {
	display: block;
	font-size: 12px;
	padding: 0 0 0 2px;
}


/* 004 */
h2.heading2_004 {
	margin: 0 0 20px;
	padding: 0;
	text-align: left;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.4;
	border-bottom: 1px dotted #000;
}


/* 005 採用サイトピープル詳細冒頭 */
h2.heading2_005 {
	margin: 0;
	padding: 5px 0;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.5;
}

h2.heading2_005 span {
	display: block;
	font-size: 12px;
	padding: 0 0 0 2px;
}

/* 006 採用サイトフューチャー冒頭 */
h2.heading2_006 {
	margin: 2% auto;
	font-size: 36px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
}


/* ==== width 768px以下の場合 ==== */
@media screen and (max-width : 768px){
h2.heading2_006 {
	margin: 2% auto 10% auto;
	font-size: 24px;
}
}

/* = heading3 = */


/* 001 */
h3.heading3_001 {
	margin: 0 0 30px;
	font-family: 'EB Garamond', "Times New Roman", Times, serif;
	font-size: 60px;
	font-weight: normal;
	line-height: 1.2;
}

/* 001 */
h3.heading3_001 span {
	font-size: 40px;
}


/* 002 */
h3.heading3_002 {
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 20px;
}


/* 003 */
h3.heading3_003 {
	text-align: left;
	font-weight: normal;
}

h3.heading3_003 img {
	width: 70%;
	margin: 0 0 5px;
}

h3.heading3_003 span {
	display: block;
	font-size: 30px;
	line-height: 1.2;
}

/* 004 */
h3.heading3_004 {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	text-align: left;
}

/* 005 */
h3.heading3_005 {
	margin: 5% auto 0 auto;
	padding-bottom: 8%;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
}


/* ==== width 768px以下の場合 ==== */
@media screen and (max-width : 768px){
	h3.heading3_003 img { width: 40%; }
	h3.heading3_003 span br { display: none; }
	/* 005 */
h3.heading3_005 {
	margin: 5% auto 0 auto;
	padding-bottom: 15%;
	font-size: 16px;
}	
}


/* =========== paragraph setting =========== */


/* = txt = */


/* = txt-Small = */
.txt-Sml {
	font-size: 12px;
}


/* = txt-Medium = */
.txt-Med {
	font-size: 14px;
}
.txt-Med_2 {
	font-size: 13px;
}

/* = txt-Large = */
.txt-Lrg {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}

/* = txt-XLarge = */
.txt-XLrg {
	font-size: 18px;
}


/* ==== width 768px以下の場合 ==== */
@media screen and (max-width : 768px){
	.txt-Lrg {
		font-size: 14px;
	}
}


/* = txt-Rright = */
.txt-R {
	text-align: right;
}


/* = txt-Left = */
.txt-L {
	text-align: left;
}


/* 000 */
.txt_000 {
	margin: 0;
}


/* 001 */
.txt_001 {
	margin: 0 0 10px;
}


/* 002 */
.txt_002 {
	margin: 0 0 20px;
}


/* 003 */
.txt_003 {
	margin: 0 0 30px;
}


/* 004 */
.txt_004 {
	margin: 0 0 40px;
}


/* 005 */
.txt_005 {
	margin: 0 0 50px;
}


/* 006 */
.txt_006 {
	margin: 0 0 60px;
}


/* 007 */
.txt_007 {
	text-align: left;
	margin: 0;
	padding: 0 10px;
}


/* 007 */
.txt_008 {
	margin: 0;
	padding: 0;
	font-size:11px;
}


/* = color-txt = */


/* 001 */
.cl-txt_001 {
	color: #a37e39;
}

/* 002 */
.cl-txt_002 {
	color: #a37e39;
}


/* 003 */
.cl-txt_003 {
	color: #a37e39;
	margin: 0 0 30px;
	font-size: 28px;
	line-height: 1.5;
}


/* = impressed-txt = */


/* 001 */
.imp-txt_001 {
	font-family: 'EB Garamond', "Times New Roman", Times, serif;
	font-size: 40px;
	line-height: 1.5;
	margin-bottom: 35px;
}

.imp-txt_001 span {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
	font-size: 18px;
}
.imp-txt_001 span strong {
	font-family: 'EB Garamond', "Times New Roman", Times, serif;
	font-size: 40px;
	font-weight: normal;
}

/* ==== width 768px以下の場合 ==== */
@media screen and (max-width : 768px){
	.imp-txt_001 span { font-size: 20px; }
	
}


/* 002 */
.imp-txt_002 {	
	font-size: 24px;
	line-height: 1.5;
}

.imp-txt_002 span {
	display: block;
	font-family: 'EB Garamond', "Times New Roman", Times, serif;
	font-size: 22px;
}

/* ==== width 768px以下の場合 ==== */
@media screen and (max-width : 768px){
	.imp-txt_002 { font-size: 20px; }
	.imp-txt_002 span { font-size: 18px; }
	
}

/* ==== width 481px以上の場合 ==== */
@media screen and (min-width : 481px){
	.imp-txt_002 br { display: none; }	
}


/* 003 */
.imp-txt_003 {	
	font-size: 18px;
	line-height: 1.5;
	font-weight: bold;
}

/* =========== line setting =========== */


/* = 001 = */
.line_001 {
	border-top: dotted 1px #000;
	margin-bottom: 30px;
}


/* = 002 = */
.line_002 {
	border-top: dotted 1px #000;
	margin: 30px 0;
}




/* =========== image setting =========== */


/* = img-C = */
.img-C {
	text-align: center;
}


/* = img-L = */
.img-L {
	text-align: left;
}


/* = img-R = */
.img-R {
	text-align: right;
}




/* =========== figure setting =========== */


/* = impressed-img = */


/* 001 */
.imp-img_001 {
	width: 100%;
	background-color: #d9d9d9;
	margin: 0;
	text-align: center;
}

.imp-img_001 figure {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

/* ==== width 1050px以上の場合 ==== */ 
@media screen and (min-width : 1050px) {
	.imp-img_001 figure { max-width: 1050px; }
}


/* = figure = */


/* 001 */
.fig_001 {
	width: 57%;
	margin: 0 auto;
	padding: 0;
	line-height: 0;
	font-size: 0;
}

/* ==== width 768px以下の場合 ==== */ 
@media screen and (max-width : 768px) {
	.fig_001 { width: 80%; }
}


/* 002 */
.fig_002 {
	width: 86%;
	margin: 0 auto;
	padding: 0;
	line-height: 0;
	font-size: 0;
}

/* ==== width 768px以下の場合 ==== */ 
@media screen and (max-width : 768px) {
	.fig_002 { width: 100%; }
}


/* 003 */
.fig_003 {
	width: 70%;
	margin: 0 auto 30px auto;
	padding: 0;
	line-height: 0;
	font-size: 0;
}

/* ==== width 768px以下の場合 ==== */ 
@media screen and (max-width : 768px) {
	.fig_003 { width: 80%; }
}


/* 003 */
.fig_004 {
	width: 57%;
	margin: 0 auto 30px auto;
	padding: 0;
	line-height: 0;
	font-size: 0;
}

/* ==== width 768px以下の場合 ==== */ 
@media screen and (max-width : 768px) {
	.fig_004 { width: 95%; }
}



/* =========== button setting =========== */


/* 001 */
.btn_001 {
	margin: 20px 0 50px;
	padding: 0;
	width: 100%;
}

.btn_001 a {
	display: block;
	width: 36%;
	background-color: #ffffff;
	margin: 0 auto;
	padding: 8px 0;
	color: #000000;
	text-decoration: none;
	border:solid 1px #000000;
}


/* 002 */
.btn_002 {
	margin: 0 0 80px;
	padding: 0;
	width: 100%;
	text-align: left;
}

.btn_002 a {
	display: block;
	width: 30%;
	border: solid 1px #321021;
	background-color: #FFF;
	margin: 0;
	padding: 15px 0;
	color: #321021;
	text-decoration: none;
	text-align: center;
}


/* 003 */
.btn_003 {
	margin: 0;
	padding: 0;
	width: 100%;
}

.btn_003 a {
	display: block;
	width: 40%;
	border: solid 1px #321021;
	background-color: #FFF;
	margin: 60px auto 0 auto;
	padding: 10px 0;
	color: #321021;
	text-decoration: none;
}


/* 004 */
.btn_004 {
	margin: 0 0 30px 0;
	padding: 0;
	width: 100%;
}

.btn_004 a {
	display: block;
	width: 30%;
	border: solid 1px #321021;
	background-color: #FFF;
	margin: 0 auto;
	padding: 5px 0;
	color: #321021;
	text-decoration: none;
}


.btn_001 a:hover,
.btn_002 a:hover,
.btn_003 a:hover,
.btn_004 a:hover {
	background-color: #eee;
	color: #000000;
}

/* ==== width 768px以下の場合 ==== */ 
@media screen and (max-width : 768px) {
	.btn_001 a,
	.btn_003 a,
	.btn_004 a { width: 80%; }
	.btn_002 { text-align: center; }
	.btn_002 a { width: 60%; margin: 0 auto; }
}




/* =========== list setting =========== */


/* = table-list = */

/* 001 */

.order-list_001 {
	margin: 0 0 40px 2.5em;
	padding: 0;
	list-style-type: decimal;
}

.order-list_001 li {
	margin: 0 0 20px;
	padding: 0;
	text-align: left;
}

.order-list_001 li span.title {
	display: block;
	margin: 0 0 5px 0;
	font-weight: bold;
}


/* = table-list = */


/* 001 */
.table-list_001 {
	margin: 0;
	padding: 0;
	zoom: 1;     /* clear float, ~WinIE7 */
	_height: 1px; /* clear float, ~WinIE6 */
}

.table-list_001:after {
	clear: both;
	display: block;
	content: "";
	height: 0;
	visibility: hidden;
}

.table-list_001 dt {
	float: left;
	width: 8em;
	text-align: left;
}

.table-list_001 dd {
	margin: 0 0 0 8em;
	text-align: left;
}

/* ==== width 480px以下の場合 ==== */ 
@media screen and (max-width : 480px) {
	.table-list_001 dt { float: none; width: 100%; margin: 0; }
	.table-list_001 dd { width: 100%; margin: 0 0 5px; }
	.table-list_001 dd:last-child { margin: 0; }
}


/* 002 */
.table-list_002 {
	width: 70%;
	margin: 0 auto;
	zoom: 1;     /* clear float, ~WinIE7 */
	_height: 1px; /* clear float, ~WinIE6 */
}

/* ==== width 480px以下の場合 ==== */ 
@media screen and (max-width : 480px) {
	.table-list_002 { width: 100%; }
}

.table-list_002:after {
	clear: both;
	display: block;
	content: "";
	height: 0;
	visibility: hidden;
}

.table-list_002 dt {
	float: left;
	width: 7em;
	padding: 15px 0;
	text-align: left;
	border-top: #321021 dotted 1px;
}

.table-list_002 dd {
	margin: 0 0 0 8em;
	text-align: left;
	padding: 15px 0;
	border-top: #321021 dotted 1px;
}


/* = 003 = */
.table-list_003 {
	border-bottom: 1px dotted #000;
	margin: 0 0 50px;
	padding: 0;
}

.table-list_003 dl {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	zoom: 1;     /* clear float, ~WinIE7 */
	_height: 1px; /* clear float, ~WinIE6 */
}

.table-list_003 dl:after {
	clear: both;
	display: block;
	content: " ";
	height: 0;
	visibility: hidden;
}

.table-list_003 dl dt {
	float: left;
	width: 12em;
	margin: 0;
	padding: 1em 0 0.5em 0;
	text-align: left;
	border-top: 1px dotted #000;
}

.table-list_003 dl dd {
	margin: 0 0 0 12em;
	padding: 1em 0 1em 0;
	border-top: 1px dotted #000;
	text-align: left;
}

.table-list_003 .accordion-list_001 dl dd {
	display: none;
}

/* = accordion-list_001 = */
.accordion-list_001 {
	margin: 0 0 25px;
	padding: 0;
}

.accordion-list_001 dl {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
	border: none;
}

.accordion-list_001 dl dt {
	margin: 0 0 15px;
	padding: 0;
	font-weight: bold;
	border: none;
}

.accordion-list_001 dl dd {
	margin: 0 0 20px;
	padding: 0 0 20px;
	display: none;
	border: none;
}

.accordion-list_001 dl dt,
.accordion-list_001 dl dd { 
	display: block;
	float: none;
}

/* ==== width 480px以下の場合 ==== */ 
@media screen and (max-width : 480px) {
	.table-list_003 dl dt { float: none; width: 100%; text-align: left; }
	.table-list_003 dl dd { margin: 0; }
}




/* =========== box =========== */

/* = img-box = */


/* 001 */
.img-box_001 {
	margin: 0 0 30px;
	zoom: 1;     /* clear float, ~WinIE7 */
	_height: 1px; /* clear float, ~WinIE6 */
}

.img-box_001:after {
	clear: both;
	display: block;
	content: "";
	height: 0;
	visibility: hidden;
}

.img-box_001 .img-L {
	float:  left;
	margin: 0 20px 20px 0;
}


/* = txt-box = */


/* センタリング解除用 */
.txt-box_SM {
	margin: 0;
	padding: 20px;
}
/* about 最後のContentsのみ */
.txt-box_SM.type2{
	padding-top: 10%;
}


/* ==== width 480px以下の場合 ==== */ 
@media screen and (max-width : 480px) {
	/*.txt-box_SM p { text-align: left; }*/
	/*.txt-box_SM p br { display: none; }*/
	.txt-box_SM.type2 { padding-top: 5%;}
}


/* 001 */
.txt-box_001 {
	margin: 0 0 50px;
	zoom: 1;     /* clear float, ~WinIE7 */
	_height: 1px; /* clear float, ~WinIE6 */
}

.txt-box_001B {
	margin: 0;
	zoom: 1;     /* clear float, ~WinIE7 */
	_height: 1px; /* clear float, ~WinIE6 */
}

.txt-box_001:after,
.txt-box_001B:after {
	clear: both;
	display: block;
	content: "";
	height: 0;
	visibility: hidden;
}

.txt-box_001 .fig-L_001 {
	float: left;
    margin-right: 20px;
	width: 50%; /* 33.33% */
	margin-bottom: 25px;
	/*filter: drop-shadow(5px 5px 5px #aaa);*/
}
.txt-box_001 .fig-L_002 {
	float: left;
	width: 50%;
}
.txt-box_001B .fig-L_002 {
	float: left;
	width: 50%;
}
.txt-box_001 .fig-R_001 {
	float: right;
    margin-left: 20px;
	width: 50%;
}
.txt-box_001 .fig-R_002 {
	float: right;
	width: 33.33%;
}
.txt-box_001B p {
	padding-top: 140px;
}

/* ==== width 768px以下の場合 ==== */ 
@media screen and (max-width : 768px) {
	.txt-box_001 .fig-L_001 { float: none; width: 100%; margin: 0 auto 20px 0; }
	.txt-box_001 .fig-L_002 { float: none; width: 100%; margin: 0 auto 20px 0; }
	.txt-box_001B .fig-L_002 { float: none; width: 100%; margin: 0 auto 20px 0; }
	.txt-box_001 .fig-R_001 { float: none; width: 100%; margin: 0 auto 20px 0; }
    .txt-box_001 .fig-R_002 { float: none; width: 70%; margin: 0 auto 20px 0; }
	.txt-box_001B p { padding-top: 0; }
}


/* 002 */
.txt-box_002 {
	width: 100%;
	margin: 0;
	padding: 20px 0;
	background-color: #d9d9d9;
}


/* 003 */
.txt-box_003 {
	margin: 0 0 50px;
	padding: 8px 0;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;	
}


/* 004 */
.txt-box_004 {
	margin: 0 0 50px;
	padding: 0;
	zoom: 1;     /* clear float, ~WinIE7 */
	_height: 1px; /* clear float, ~WinIE6 */
}

.txt-box_004:after {
	clear: both;
	display: block;
	content: "";
	height: 0;
	visibility: hidden;
}

.txt-box_004 .imgLeft {
	float: left;
	margin: 0 30px 30px 0;
	padding: 0;
	width: 50%;
}

.txt-box_004 .imgRight {
	float: right;
	margin: 0 0 30px 30px;
	padding: 0;
	width: 50%;
}

/* ==== width 480px以下の場合 ==== */ 
@media screen and (max-width : 480px) {
	.txt-box_004 .imgLeft { float: none; margin: 0 0 30px 0; width: 100%; }
	.txt-box_004 .imgRight { float: none; margin: 0 0 30px 0; width: 100%; }
}


/* 005 */
.txt-box_005 {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin: 0 0 50px;
	padding: 30px 70px;
	border: solid 5px #000;
}

/* ==== width 768px以下の場合 ==== */ 
@media screen and (max-width : 768px) {
	.txt-box_005 { padding: 30px; }
}

/* ==== width 480px以下の場合 ==== */ 
@media screen and (max-width : 480px) {
	.txt-box_005 { padding: 10px; }
}




/* =========== layout-box =========== */


/* = layout-box = */


/* 001 */
.layout-box_001 {
	margin: 0;
	zoom: 1;     /* clear float, ~WinIE7 */
	_height: 1px; /* clear float, ~WinIE6 */
}

.layout-box_001:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: "";
}

/* ==== width 768px以上の場合 ==== */ 
@media screen and (min-width : 768px) {
	.layout-box_001 { margin: 0 0 20px 0; }
	.layout-box_001:last-child { margin-bottom: 0; }
}


/* 002 */
.layout-box_002 {
	margin: 0 0 50px 0;
	zoom: 1;     /* clear float, ~WinIE7 */
	_height: 1px; /* clear float, ~WinIE6 */
}

.layout-box_002B {
	margin: 0 0 100px 0;
	zoom: 1;     /* clear float, ~WinIE7 */
	_height: 1px; /* clear float, ~WinIE6 */
}

.layout-box_002:after,
.layout-box_002B:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: "";
}


/* = layout-f（可変） = */
.layout-f {
	float: left;
}


/* = layout-r（右寄せ） = */
.layout-r {
	float: right;
	margin: 0 30px 0 0;
}


/* = layout-4_3（4分の3） = */
.layout-4_3 {
	float: left;
}


/* = layout-3_1（3分の1）Left = */
.layout-3_1L {
	float: left;
	width: 32%;
	margin: 0 2% 0 0;
	/* background-color: #CF3; */
}

/* = layout-3_1（3分の1）Right = */
.layout-3_1R {
	float: right;
	width: 32%;
	margin: 0 0 0 2%;
	/* background-color: #CF3; */
}


/* = layout-3_2（3分の2） = */
.layout-3_2 {
	float: left;
	width: 66%;
}

/* ==== width 768px以下の場合 ==== */ 
@media screen and (max-width : 768px) {
	.layout-3_1L { float: none; width: 100%; margin: 0 0 30px 0; }
	.layout-3_1R { float: none; width: 100%; margin: 0 0 30px 0; }
	.layout-3_2 { float: none; width: 100%; }
}


/* = layout-2_1（2分の1） = */
.layout-half_001 {
	float: left;
	width: 47%;
	padding: 0 3% 0 0;
}

/* ==== width 768px以下の場合 ==== */ 
@media screen and (max-width : 768px) {
	.layout-half_001 { float: none; width: 100%; margin: 0 0 20px 0; padding: 0; }
}

.layout-half_002 {
	float: left;
	width: 50%;
}

/* ==== width 768px以下の場合 ==== */ 
@media screen and (max-width : 768px) {
	.layout-half_002 { float: none; width: 80%; margin: 0 auto; }
}


/* = layout-3_1（3分の1） = */
.layout-3_1 {
	float: left;
	width: 32%;
	margin: 0 2% 0 0;
	/* background-color: #CF3; */
}

.layout-3_1:nth-child(3n) { margin: 0; }

/* ==== width 640px以下の場合 ==== */ 
@media screen and (max-width : 640px) {
	.layout-3_1 { float: none; width: 100%; margin: 0 0 20px 0; }
	.layout-3_1 figure { width: 70%; margin: 0 auto; }
	.layout-3_1:nth-child(3n) { margin: 0 0 20px 0; }
}


/* = layout-4_1（4分の1） = */
.layout-4_1 {
	float: left;
	width: 24%;
	margin: 0 1.33% 0 0;
}

.layout-4_1:nth-child(4n) { margin: 0; }

/* ==== width 640px以下の場合 ==== */ 
@media screen and (max-width : 640px) {
	.layout-4_1 { width: 49%; margin: 0 2% 20px 0; }
	.layout-4_1:nth-child(2n) { margin: 0; }
}




/* ================ TOP ============== */


/* = slider-box = */


/* 001 */
#slider_001 {
	margin: 0;
	padding: 95px 0 0 0;
}


/* = contents-box = */
/* 001 */
#contents-box_001 {
	margin: 10px 0;
	padding: 0;
	height: 400px;
}

#contents-box_001 img {
	width: 50%;
}

/* ==== width 480px以下の場合 ==== */ 
@media screen and (max-width : 480px) {
	#contents-box_001 { height: 260px; }
	#contents-box_001 img { height: 260px; width: 70%;}
}


/* 002 */
#contents-box_002 {
	margin: 0 0 5px;
	height: 360px;
    background: url('/recruiting/top/img/bg_001.jpg') no-repeat center top;
    background-size: cover;
	-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-ms-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out;
}

#contents-box_002 img {
	width: 50%;
}

/* ==== width 480px以下の場合 ==== */ 
@media screen and (max-width : 480px) {
	#contents-box_002 { height: 220px; }
	#contents-box_002 img { height: 220px; width: 70%;}
}

#contents-box_002:hover {
	opacity: .7;
	-webkit-transition: all .3s;
	transition: all .3s;
}


/* 003 */
#contents-box_003 {
	margin: 0 0 5px;
	height: 360px;
	background: url('/recruiting/top/img/bg_002.jpg') no-repeat center top;
    background-size: cover;
	-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-ms-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out;
}

#contents-box_003 img {
	width: 50%;
}

/* ==== width 480px以下の場合 ==== */ 
@media screen and (max-width : 480px) {
	#contents-box_003 { height: 220px; }
	#contents-box_003 img { height: 220px; width: 70%;}
}

#contents-box_003:hover {
	opacity: .7;
	-webkit-transition: all .3s;
	transition: all .3s;
}


/* 004 */
#contents-box_004 {
	margin: 0 0 10px;
	padding: 0;
	height: 400px;
	background: url('/recruiting/top/img/bg_003.jpg') no-repeat center top;
    background-size: cover;
	-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-ms-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out;
}

#contents-box_004 img {
	width: 50%;
}

/* ==== width 480px以下の場合 ==== */ 
@media screen and (max-width : 480px) {
	#contents-box_004 { height: 260px; }
	#contents-box_004 img { height: 260px; width: 70%;}
}

#contents-box_004:hover {
	opacity: .5;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#contents-box_001 p,
#contents-box_002 p,
#contents-box_003 p,
#contents-box_004 p {
	width: 100%;
}

#contents-box_003 p{
	text-align: left;
}

#contents-box_002 p,
#contents-box_004 p{
	text-align: right;
}

/* ==== width 1050px以上の場合 ==== */ 
@media screen and (min-width : 1050px) {
	#contents-box_001 p,
	#contents-box_002 p,
	#contents-box_003 p,
	#contents-box_004 p { max-width: 1050px; margin: 0 auto; }
}

#contents-box_001 a,
#contents-box_002 a,
#contents-box_003 a,
#contents-box_004 a {
	display: block;
}

#contents-box_001 a:hover {
	opacity: .5;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}




/* =========== People at LLL ========= */
/* メイン画像 */
.main_imageBox {
	position: relative;
	width: 100%;
	height: 700px;
	overflow: hidden;
}
.main_imageBox figure img{
	position: absolute;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.main_txtBox {
	margin-bottom: 30px;
}
.people_articleArea {
	text-align: left;
	max-width: 960px;
	margin: auto;
}
.people_articleArea_inner {
	max-width: 768px;
	margin: auto;
	margin-bottom: 80px;
}
.people_articleArea h3 {
	font-weight: bold;
	font-size: 28px;
	margin-bottom: 30px;
}
.people_articleArea p {
	font-weight: normal;
	font-size: 14px;
	color: #1d1d1d;
	line-height: 2;
}
.imageBox {
	margin: auto;
	margin-bottom: 80px;
}
 /* 縦位置 横2枚*/
.imageBox.type2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.imageBox.type2 figure{
	width: 49%;
}
.txt_style1 {
	margin-bottom: 20px;
}
/* OTHERS PEOPLE */
h3.people_others_h3 {
	font-size: 32px;
	letter-spacing: 2px;
	font-weight: lighter;
	font-family: 'EB Garamond', "Times New Roman", Times, serif;
}

/* ==== width 480px以下の場合 ==== */ 
@media screen and (max-width : 768px) {
	.main_imageBox {
		height: 250px;
	}
	.main_txtBox {
		margin-bottom: 0;
	}
	.people_articleArea h3 {
		font-size: 21px;
		margin-bottom: 30px;
	}
	.people_articleArea_inner {
		margin-bottom: 50px;
		width: 95%;
	}
	.imageBox {
		margin-bottom: 50px;
	}
	.imageBox.type2 figure{
		width: 100%;
	}
	h3.people_others_h3 {
		font-size: 24px;
	}
}

#nakama .layout-box_001 .index-name {
	margin: 0;
	padding: 4px 0 4px 8px;
	background-color: #000;
	text-align: left;
	font-size: 16px;
	font-family: 'Open Sans Condensed', sans-serif;
	line-height: 1.2;
}

#nakama .layout-box_001 .index-name span {
	display: block;
	font-size: 24px;
	font-family: 'EB Garamond', "Times New Roman", Times, serif;
}

#nakama .layout-box_001 a {
	color: #DDD;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#nakama .layout-box_001 a, a:visited {
	color: #DDD;
}

#nakama .layout-box_001 a:hover {
	color: #A37E39;
	text-decoration: none;
}

#nakama .layout-box_001 a:hover img {
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
}
 
#nakama .layout-box_001 a img {
	-webkit-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-ms-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}



/* =========== localNav =========== */


/* = TopicPath = */
#TopicPath {
	width: 100%;
	margin: 0 auto;
	padding: 95px 0 0;
	background: url(/recruiting/people/img/bg_localnav.png) repeat-x left top;
}

#TopicPath p {
	margin: 0 auto;
	padding: 20px 0 10px 0;
	text-align: left;
	font-size: 12px;
	color: #FFF;
	line-height:1.6;
}

/* ==== width 1050px以上の場合 ==== */
@media screen and (min-width : 1050px){
	#TopicPath p { max-width: 1050px; }
}

/* ==== width 1050px以下の場合 ==== */
@media screen and (max-width : 1049px){
	#TopicPath p { width: 98%; margin: 0 auto; }
	
}

#TopicPath a {
	color: #FFF;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#TopicPath a, a:visited {
	color: #FFF;
}

#TopicPath a:hover {
	color: #A37E39;
	text-decoration: none;
}


/* = localNav = */

#localNav {
	margin: 0;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
zoom: 1;     /* clear float, ~WinIE7 */
	_height: 1px; /* clear float, ~WinIE6 */
}

#localNav:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: "";
}

#localNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#localNav ul li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	height: 60px;
	font-family: 'EB Garamond', "Times New Roman", Times, serif;
	font-size: 18px;
}

#localNav ul li a {
	display: block;
	width: 100%;
	height: 60px;
}

#localNav ul li.prev {
	width: 40%;
}

#localNav ul li.prev p {
	text-align: left;
	padding: 4px 0 0 70px;
	line-height: 1.6;
}

/* ==== width 480px以下の場合 ==== */
@media screen and (max-width : 480px){
	#localNav ul li.prev p { padding: 4px 0 0 0; }
	
}

#localNav ul li.back {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	width: 20%;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
}

#localNav ul li.back p {
	padding: 6px 0 0 0;
	line-height: 1.2;
}

#localNav ul li.next {
	width: 40%;
}

#localNav ul li.next p {
	text-align: right;
	padding: 4px 70px 0 0;
	line-height: 1.6;
}

/* ==== width 480px以下の場合 ==== */
@media screen and (max-width : 480px){
	#localNav ul li.next p { padding: 4px 0 0 0; }
	
}

#localNav ul li.prev p span,
#localNav ul li.next p span {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
	font-size: 16px;
	line-height: 1.2;
}

#localNav a {
	color: #000;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
}

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

#localNav a:hover {
	color: #A37E39;
	text-decoration: none;
}




/* =========== youtube setting =========== */

.youtube_top {
  position: relative;
  width: 100%;
  padding-top: 56.19%;
}
.youtube_top iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}



/* =========== Guideline Top ========= */

#information .layout-box_001 .link-txt_001 {
	margin: 0;
	padding: 10px 0 15px 8px;
	background-color: #000;
	font-size: 20px;
	line-height: 1.2;
}

#information .layout-box_001 a {
	color: #DDD;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#information .layout-box_001 a, a:visited {
	color: #DDD;
}

#information .layout-box_001 a:hover {
	color: #A37E39;
	text-decoration: none;
}

#information .layout-box_001 a:hover img {
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
}
 
#information .layout-box_001 a img {
	-webkit-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-ms-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}


/* =====================積極採用文章==================== */
.career_box{
  background-color: #EEE;
  padding: 50px 0 30px;
}
.career_box2{
  background-color: #FFF;
  padding: 5% 2%;
}
.career_box2 h2{
	font-size: 40px;
	font-weight: normal;
	margin-bottom: 10px;
	font-family: 'EB Garamond', "Times New Roman", Times, serif;
}
.career_box2 h2 span.mark{
	font-size: 72px;
	font-weight: normal;
	font-family: 'Noto Serif', serif;
}
.career_box2 p{
	font-size: 14px;
	margin-bottom: 20px;
	font-weight: normal;
}
.career_box2 p span{
	display: block;
	margin: 30px auto 10px;
	font-size: 21px;
	font-weight: normal !important;
}
.career_box2 p.type_eng{
	font-size: 12px;
    line-height: 1.4;
    font-weight: normal;
    text-align: center;
    font-family: 'Noto Sans', sans-serif;
}
.career_box_inner{
	width: 85%;
	margin: auto;
}
.career_sp {
  position: relative;
  margin:0px 0 20px;

  }

.career_sp p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  text-align: center;
  line-height: 1.0;
  color: #fff;
  font-weight: normal;
  letter-spacing: 1.5px;
  font-size: 40px;
  font-family :'EB Garamond', "Times New Roman", Times, serif;
  }
  
.career_sp p span{
   font-size: 24px;
   font-weight: normal;
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif ;
}

.career_sp img {
  width: 80%;
  height: 400px;
  object-fit: cover;
  object-position: 50% 10%
  }

.txt_mb{
  margin-bottom: 20px;
  }
  
.mb_show{
display: none;
}
.pc_show {
	display: block;
}
.mr10{
margin-right: 10px;
}

  /* 480px */
@media only screen and (max-width: 30em) {
.career_box{
  padding: 0 0 30px 0;
}
.career_box2 h2{
	font-size: 28px;
}
.career_box2 h2 span.mark{
	font-size: 32px;
}
.career_box2 p{
	font-size: 12px;
}
.career_box2 p span{
	font-size: 16px;
}
.career_sp p span{
   font-size: 20px;
}
.career_sp img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: 50% 30%
  }
.career_box2 p.type_eng{
	font-size: 10px;
}
/*本文 スマホ時のみbr有り*/
.mb_show {
	display: block !important;
}
.pc_show{
display: none !important;
}
.entry_bt_area img {
width: 90px;
height: 25px;
}
.career_box_inner .txt_001{
	text-align: left;
}
}

/* ▼ 採用ボタンFooterから流用*/
#careerArea {
	width: 100%;
	margin: 0;
	padding: 30px 0 20px 0;
	color: #FFF;
	text-align: center;
}

#careerArea a {
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#careerArea a.link-txt_001:after {
    content: '';
	display: inline-block;
	width: 12px; /*アイコン画像横サイズ*/
	height: 12px; /*アイコン画像縦サイズ*/
	background: url(../img/mark_001.svg) no-repeat 50% 50% ;
}

#careerArea a.link-txt_002:after {
    content: '';
	display: inline-block;
	width: 18px; /*アイコン画像横サイズ*/
	height: 18px; /*アイコン画像縦サイズ*/
	background: url(../img/mark_002.svg) no-repeat 50% 50% ;
}

#careerArea a, a:visited {
	color: #000000;
}

#careerArea a:hover {
	color: #000000;
}

#careerArea figure {
	margin: 0 auto 15px auto;
	padding: 0;
	width: 120px;
}

#careerArea #link-btn {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 30px;
	position: relative;
	overflow: hidden;
	zoom: 1;     /* clear float, ~WinIE7 */
	_height: 1px; /* clear float, ~WinIE6 */
}

/* ==== width 1050px以上の場合 ==== */
@media screen and (min-width : 1050px){
#careerArea #link-btn { max-width: 1050px; clear: both;}
}

#careerArea #link-btn ul {
	margin: 0;
	padding: 0;
	float: left;
	left: 50%;
	position:relative;
	list-style: none;
}

#careerArea #link-btn ul li {
	margin: 0 0 0 20px;
	padding: 0;
	float: left;
	left: -50%;
	position:relative;
}

#careerArea #link-btn ul li:first-child {
	margin: 0;
}

#careerArea .btn {
	padding: 0;
	font-size: 16px;
	text-align: center;
}

#careerArea .btn a {
	display: block;
	border: solid 1px #000000;
	background-color: #ffffff;
	margin: 0 auto;
	padding: 10px 30px;
	color: #000000;
	text-decoration: none;
}

#careerArea .btn a:after {
    content: '';
	display: inline-block;
	width: 14px; /*アイコン画像横サイズ*/
	height: 14px; /*アイコン画像縦サイズ*/
	background: url(../img/mark_001.svg) no-repeat 50% 50% ;
}

/* ==== width 768px以下の場合 ==== */
@media screen and (max-width : 480px){
#careerArea #link-btn {
	padding: 0;
}
}

/* ==== width 480px以下の場合 ==== */
@media screen and (max-width : 480px){
	#careerArea #link-btn ul { float: none; width: 100%; margin: 0; border-bottom: solid 1px #FFF; left: 0; }
	#careerArea #link-btn ul li { float: none; margin: 0; left: 0; }
	#careerArea .btn a { width: 100%; border-left: none; border-right: none; border-bottom: none; padding: 10px 0; }	
}
/* ▲ 採用ボタンFooterから流用END*/


/* =====================積極採用文章END==================== */
  

/* ===================== トピックス/swiper ==================== */
.career_box_topics{
	padding-top: 5%;
	margin-bottom: 2%;
}
.career_box_topics h3{
	font-size: 40px;
	font-weight: normal;
	font-family: 'EB Garamond', "Times New Roman", Times, serif;
}
.career_box_topics h4{
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	/*font-family: 'EB Garamond', "Times New Roman", Times, serif;*/
}
.career_box_topics p{
	font-size: 13px;
	font-weight: normal;
	text-align: left;
}
.career_box_topics a{
	text-decoration: none;
}
/* swiper-setting */
.swiper-container{
	width: 100%;
	/*height: 400px;*/
	margin: 15px;
}
div.topics_slide {
    background-color: #eeeeee;
	height: auto;
	/*border: #FFFFFF 2px solid;*/
}
div.topics_slide_inner {
    padding: 30px 20px;
}
div.topics_slide_inner p{
	margin-bottom: 20px;
}
div.topics_slide_inner p.more{
	display: inline-block;
	padding: 10px 45px;
	background-color: #000;
	color: #FFFFFF;
	margin-bottom: 0;
}

/* 記事 */
/* 横1 */
.career_imgbox_1 {
	width: 100%;
}
.career_imgbox_1 img{
	width: 100%;
	margin-bottom: 10px;
}
/* 横2 */
.career_imgbox_2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.career_imgbox_2 div{
	width: 49.5%;
}
.career_imgbox_2 img{
	margin-bottom: 10px;
}
/* 横1+縦1 */
.career_imgbox_3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.career_imgbox_3 div.innerA{
	width: 65.5%;
}
.career_imgbox_3 div.innerB{
	width: 33.5%;
}
.career_imgbox_3 img{
	margin-bottom: 10px;
	display:block;
	width:100%;
	height:450px;
	object-fit:cover;
}
/* 768px */
@media screen and (max-width : 480px){
.career_imgbox_3 div.innerA{
	width: 100%;
	margin-bottom: 10px;
}
.career_imgbox_3 div.innerB{
	width: 100%;
}
.career_imgbox_3 img{
	width:100%;
	height:100%;
}
}
/* 縦2 */
.career_imgbox_4 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.career_imgbox_4 div{
	width: 49.5%;
}

.career_imgbox_4 img{
	margin-bottom: 10px;
	display:block;
	width:100%;
	height:540px;
	object-fit:cover;
}
/* 768px */
@media screen and (max-width : 480px){
.career_imgbox_4 div{
	width: 100%;
	margin-bottom: 10px;
}
.career_imgbox_4 img{
	width:100%;
	height:100%;
}
}
/* 縦3 */
.career_imgbox_5 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.career_imgbox_5 div{
	width: 32.8%;
}
.career_imgbox_5 img{
	margin-bottom: 10px;
	display:block;
	width:100%;
	height:480px;
	object-fit:cover;
}
/* 768px */
@media screen and (max-width : 480px){
.career_imgbox_5 div{
	width: 100%;
	margin-bottom: 10px;
}
.career_imgbox_5 img{
	width:100%;
	height:100%;
}
}
/* 縦1+横1 */
.career_imgbox_6 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.career_imgbox_6 div.innerA{
	width: 33.5%;
}
.career_imgbox_6 div.innerB{
	width: 65.5%;
}
.career_imgbox_6 img{
	margin-bottom: 10px;
	display:block;
	width:100%;
	height:450px;
	object-fit:cover;
}
/* 768px */
@media screen and (max-width : 480px){
.career_imgbox_6 div.innerA{
	width: 100%;
	margin-bottom: 10px;
}
.career_imgbox_6 div.innerB{
	width: 100%;
}
.career_imgbox_6 img{
	width:100%;
	height:100%;
}
}


.career_txtbox {
	font-size: 14px;
	margin: 2% auto 3% auto;
	text-align: left;
	width: 95%;
}
.career_txtbox_3 {
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0 20px 0;
	/* background-color: #eeeeee; */
	border: #000 1px solid;
	padding: 10% 5%;
	text-align: center;
	font-family: 'EB Garamond', "Times New Roman", Times, serif;
}
.career_txtbox_3 span{
	font-size: 36px;
}

/* 768px */
@media screen and (max-width : 480px){
.career_txtbox {
	margin: 5% auto 9% auto;

}
}

/* 480px */
@media only screen and (max-width: 30em) {
	.career_imgbox_2 div{
		width: 100%;
	}
	.career_txtbox {
		text-align: left;
	}
	.career_box_topics h4{
		font-size: 16px;
	}
	.career_txtbox_3 {
		font-size: 14px;
	}
	.career_txtbox_3 span{
		font-size: 18px;
	}
}


.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0px !important;
    left: 0;
    width: 100%;
}
/* ===================== swiper ==================== */



/* ===================== ピープル/swiper ==================== */
/* swiper-setting */
.swiper-container{
	width: 100%;
	margin: 15px;
}
div.people_slide {
	height: auto;
}
div.people_slide a{
	text-decoration: none;
}
div.people_slide_inner {
    padding: 30px 20px;
	text-align: left;
}
div.people_slide_inner h4{
	font-size: 18px;
	margin-bottom: 15px;
}
div.people_slide_inner p.style1{
	color: #a37e39;
	font-size: 12px;
}
div.people_slide_inner p.style2{
	color: #666666;
	font-size: 14px;
}
/* ===================== swiper ==================== */



/* =====================フッター他事業リンクエリア==================== */
section.link-businessArea {
	text-align: center;
	margin-bottom: 50px;
	width: 100%;
}
section.link-businessArea p {
	color: #000;
    font-size: 22px;
    font-weight: normal;
    font-family: 'EB Garamond', "Times New Roman", Times, serif;
}
.link-btn_business {
	display: flex;
	flex-wrap:wrap;
	justify-content: space-evenly;
}
.link-btn_business div {
	width: 20%;
	margin-bottom: 10px;
}
.link-btn_business img {
	transition: 0.5s;
}
.link-btn_business img:hover {
	opacity: 0.5;
	transition: 0.5s;
}
/* 480px */
@media only screen and (max-width: 30em) {
	section.link-businessArea {
		width: 90%;
		margin: auto;
	}
	.link-btn_business div {
		width: 50%;
	}
}
/* =====================フッター他事業リンクエリアEND==================== */



/* =====================採用マインドページ==================== */
.mind_textArea {
	width: 90%;
	margin: auto;
}
.mind_textArea p {
	font-weight: normal;
}


/* ===================== 採用ページボタン上書き ==================== */
a.link_01 {
	text-decoration: none;
	font-size: 14px !important;
	margin: 30px auto !important;
}


/*アニメーション要素のスタイル*/
.animation {
	opacity : 0;
	visibility: hidden;
	transition: 1s;
	transform: translateY(20px);
}
/*アニメーション要素までスクロールした時のスタイル*/
.active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}



/* ===================== フューチャーページ ==================== */
.futurearea_box hr {
	margin: auto;
	margin-bottom: 10%;
	background-color: #a37e39;
	height: 1px;
	max-width: 150px;
}
/* 768px */
@media only screen and (max-width: 30em) {
	.futurearea_box hr {
		max-width: 150px;
		margin-bottom: 15%;
	}
}


.mb_show { display: none; }

/* 768px */
@media only screen and (max-width: 30em) {
	.mb_show { display: block; }
}




/* ===================== 10spiritsページ ==================== */
.spirits_content {
	position: relative;
}
.spirits_imgbox{
	height: 550px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.spirits_imgbox.img-R{
	margin-left: 350px;
}
.spirits_imgbox.img-L{
	margin-right: 350px;
}



/* ===================== 採用トピックスページ ==================== */
#topics h1 {
	font-family: 'EB Garamond', "Times New Roman", Times, serif;
}
dl.definition_list_02 {
	margin: 0 auto;
}
dl.definition_list_02 a{
	text-decoration: none;
}
dl.definition_list_02 dt {
	float: left;
	width: 7em;
	margin: 0;
	padding: 15px 0;
	text-align: left;
	font-size: 14px;
	font-family: 'Crimson Text', serif;
}
dl.definition_list_02 dd {
	margin: 0 0 0 7em;
	padding: 15px 0 15px 5px;
	text-align: left;
	font-size: 14px;
	font-family: "Noto Sans Japanese","メイリオ", "Meiryo", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}
dl.definition_list_02 dd.caterogy_001::before {
	display: inline-block;
	content:"TOPICS";
	color: #fff;
	background-color: #000;
	font-size: 12px;
	text-align: center;
	padding: 3px 10px;
	margin: 0 10px 0 0;
	width: 80px;
	font-family:'Jost', sans-serif;
}
dl.definition_list_02 dd.caterogy_002::before {
	display: inline-block;
	content:"MEDIA";
	color: #fff;
	background-color: #000;
	font-size: 12px;
	text-align: center;
	padding: 3px 10px;
	margin: 0 10px 0 0;
	width: 80px;
	font-family:'Jost', sans-serif;
}
dl.definition_list_02 dd.caterogy_003::before {
	display: inline-block;
	content:"EVENT";
	color: #fff;
	background-color: #000;
	font-size: 12px;
	text-align: center;
	padding: 3px 10px;
	margin: 0 10px 0 0;
	width: 80px;
	font-family:'Jost', sans-serif;
}
/* 768px */
@media only screen and (max-width: 48em) {
dl.definition_list_02 dt {
	width: 5em;
	font-size: 13px;
}
dl.definition_list_02 dd {
	margin: 0 0 0 5em;
	line-height: 2;
	font-size: 13px;
}
dl.definition_list_02 dd.caterogy_001::before {
	font-size: 10px;
}
dl.definition_list_02 dd.caterogy_002::before {
	font-size: 10px;
}
}



.back_img_01 { background-image: url(/recruiting/spirits/img/img_001.jpg); }
.back_img_02 { background-image: url(/recruiting/spirits/img/img_002.jpg); }
.back_img_03 { background-image: url(/recruiting/spirits/img/img_003.jpg); }
.back_img_04 { background-image: url(/recruiting/spirits/img/img_004.jpg); }
.back_img_05 { background-image: url(/recruiting/spirits/img/img_005.jpg); }
.back_img_06 { background-image: url(/recruiting/spirits/img/img_006.jpg); }
.back_img_07 { background-image: url(/recruiting/spirits/img/img_007.jpg); }
.back_img_08 { background-image: url(/recruiting/spirits/img/img_008.jpg); }
.back_img_09 { background-image: url(/recruiting/spirits/img/img_009.jpg); }
.back_img_10 { background-image: url(/recruiting/spirits/img/img_010.jpg); }

/* img-R + txt-L */
.spirits_txtbox.txt-L {
	position: absolute;
	bottom: 50px;
	left: 50px;
	background-color: #ffffff;
	padding: 50px;
	display: flex;
	width: 600px;
}
/* img-L + txt-R */
.spirits_txtbox.txt-R {
	position: absolute;
	bottom: 50px;
	right: 50px;
	background-color: #ffffff;
	padding: 50px;
	display: flex;
	width: 600px;
}
.spirits_txtbox .spirits_txtbox_inner1{
	width: 25%;
	padding-right: 30px;
}
.spirits_txtbox .spirits_txtbox_inner2{
	width: 75%;
}


.spirits_txtbox .spirits_txtbox_inner1 img{
	width: auto;
	height: 160px;
}
.spirits_txtbox h3{
	font-size: 28px;
	margin-bottom: 10px;
	text-align: left;
}
.spirits_txtbox_inner2 p{
	font-size: 14px;
	line-height: 2;
	text-align: left;
}

/* 960px */
@media only screen and (max-width: 60em) {
.spirits_imgbox{
	height: 250px;
}
.spirits_imgbox.img-R{
	margin-left: 0;
	width: 100%;
}
.spirits_imgbox.img-L{
	margin-left: 0;
	width: 100%;
}
.spirits_txtbox {
	width: 100%;
}
.spirits_txtbox.txt-R,.spirits_txtbox.txt-L {
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0;
}
.spirits_txtbox .spirits_txtbox_inner1{
	position: absolute;
	padding: 0;
	top: -25px;
	left: 25px;
	width: 50px;
}
.spirits_txtbox .spirits_txtbox_inner2{
	width: 90%;
	margin: auto;
	padding-top: 30px;
	margin-bottom: 30px;
}
.spirits_txtbox .spirits_txtbox_inner1 img{
	height: auto;
}
.spirits_txtbox h3{
	font-size: 21px;
}
}


/* ===================== topics買い付けページ ==================== */
.mainArea_special {
	padding-top: 5% !important;
	padding-bottom: 5% !important;
}
.specialTopics_area h1{
	font-size: 36px;
	margin: auto;
	line-height: 1.3;
}
.specialTopics_area h1 span{
	font-family: 'Jost', sans-serif;
	font-size: 72px;
}
.specialTopics_area h2{
	font-size: 36px;
	margin: auto;
	line-height: 1.3;
	padding-top: 20px;
	padding-bottom: 20px;
}

.specialTopics_blog_box {
	border: 1px solid #231815;
	padding: 50px;
}
.specialTopics_blog_box img{
	margin-bottom: 30px;
}
.specialTopics_blog_box .specialTopics_blog_box_txt{
	font-size: 13px;
	text-align: left;
	width: 90%;
	margin: auto;
	color: #333333;
}
.specialTopics_blog_box .specialTopics_blog_box_txt h3{
	font-size: 32px;
}
.specialTopics_blog_box .specialTopics_blog_box_txt h3 strong{
	font-family: 'Jost', sans-serif;
}
.specialTopics_blog_box a{
	text-decoration: none !important;
	font-size: 16px !important;
}
.specialTopics_area .contents_box_1 {
	background-color: #faf9f6;
	padding: 50px;
	border-top: #333333 solid 1px;
	border-bottom: #333333 solid 1px;
}
.specialTopics_area .contents_box_1 p span{
	display: block;
	font-size: 24px;
	font-weight: bold;
	font-family: 'Jost', sans-serif;
}
.specialTopics_area .contents_box_2{
	display: flex;
	align-content: space-between;
	flex-wrap: wrap;
}
.specialTopics_area .contents_box_2 .img_box{
	width: 20%;
	margin: auto;
}
.specialTopics_area .contents_box_2 .img_box img{
	width: 100%;
	margin: auto;
}
.specialTopics_area .contents_box_2 .txt_box{
	width: 75%;
	margin: auto;
	text-align: left !important;
}

/* トピックス内にバナー設置 */
.topics_banner {
	display: inline-block;
	width: 100%;
	margin: auto;
	padding-top: 50px;
	padding-bottom: 50px;
	text-decoration: none;
}
.topics_banner p{
	font-size: 36px;
	font-family: 'Jost', sans-serif;
	font-weight: bold;
	line-height: 1.3;
}
.topics_banner p span{
	font-size: 24px;
	font-weight: bold;
}
.topics_banner a.btn{
	background-color: #000;
	color: #ffffff;
	padding: 10px 30px;
	display: inline-block;
	text-decoration: none;
}
.bg_image_m {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	border-top: 1px solid #231815;
	border-bottom: 1px solid #231815;
	width: 90%;
}
.bg_image_m img{
	width: 50%;
	margin: auto;
	display: block;
}
/* 960px */
@media only screen and (max-width: 60em) {
	.topics_banner p{
		font-size: 24px;
	}
	.topics_banner p span{
		font-size: 16px;
	}
	.bg_image_m img{
		width: 90%;
	}
}



p.aaa {
    position: relative;
    line-height: 1.8;
    padding-bottom: 30px;
    border-bottom: 3px solid #e6cb9a;	
}

p.aaa::before,
p.aaa::after {
    position: absolute;
    left: 50%;
    transform:translate(-50%);
    bottom: -15px;
    width: 30px;
    height: 15px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

p.aaa::before {
    background-color: #e6cb9a;
}

p.aaa::after {
    bottom: -11px;
    background-color: #fff;
}

/* ===== YouTube ===== */
.post_movie-outer {
    max-width: 1024px;
    margin: 50px auto;
    position: relative;
    overflow: hidden;
    transition-timing-function: linear;
    transition-duration: 0.15s;
    transition-property: opacity;
}
.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 960px */
@media only screen and (max-width: 60em) {
	.mainArea_special {
		padding-top: 10% !important;
		padding-bottom: 5% !important;
	}
	.specialTopics_area h1{
		font-size: 28px;
		margin: auto;
		line-height: 1.3;
	}
	.specialTopics_area h1 span{
		font-size: 32px;
	}
	.specialTopics_area h2{
		font-size: 18px;
	}
	.specialTopics_area .contents_box_1 {
		padding: 50px 20px;
	}
	.specialTopics_area .contents_box_1 p span{
		font-size: 28px;
		margin-bottom: 10px;
	}
	.specialTopics_area .contents_box_2{
		width: 90%;
		margin: auto;
	}
	.specialTopics_area .contents_box_2 .img_box{
		width: 100%;
	}
	.specialTopics_area .contents_box_2 .img_box img{
		width: 60%;
		margin: auto;
	}
	.specialTopics_area .contents_box_2 .txt_box{
		width: 100%;
	}
	.specialTopics_blog_box .specialTopics_blog_box_txt h3{
		font-size: 24px;
		line-height: 35px;
	}
	.specialTopics_area .imp-txt_003 {
		font-size: 14px;
	}
	.specialTopics_blog_box {
		padding: 20px 20px 30px 20px;
	}
}






@media print {
  header,
  nav,
  .global-nav {
    display: none !important;
  }
}


/* ========== marginBottom ========== */
.mb0{ margin-bottom:0 !important; }
.mb5{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb20{ margin-bottom:20px !important; }
.mb30{ margin-bottom:30px !important; }
.mb40{ margin-bottom:40px !important; }
.mb50{ margin-bottom:50px !important; }
.mb60{ margin-bottom:60px !important; }
.mb70{ margin-bottom:70px !important; }
.mb80{ margin-bottom:80px !important; }
.mb90{ margin-bottom:90px !important; }
.mb100{ margin-bottom:100px !important; }