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

html {
	font-size: 62.5%;
}
body {
	color: #221714;
	font-family: Meiryo, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 14px;
	font-size: 1.4em;
	line-height: 1.6;
}
h1, h2, h3, h4, h5, h6, ul, li, dl, dd {
	margin: 0;
	padding: 0;
}
p {
	margin: 0 0 1em 0;
}
a {
	color: #CF121B;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
ul, ol {
	list-style-type: none;
}
table {
	width: 100%;
}
/*margin*/
.mb-0 {
	margin-bottom: 0;
}
.mb-5 {
	margin-bottom: 5px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-15 {
	margin-bottom: 15px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-25 {
	margin-bottom: 25px;
}
.mb-30 {
	margin-bottom: 30px;
}
.mb-35 {
	margin-bottom: 35px;
}
.mb-40 {
	margin-bottom: 40px;
}
.mb-45 {
	margin-bottom: 45px;
}
.mb-50 {
	margin-bottom: 50px;
}
.mb-55 {
	margin-bottom: 55px;
}
.mb-60 {
	margin-bottom: 60px;
}
.mb-65 {
	margin-bottom: 65px;
}
.mb-70 {
	margin-bottom: 70px;
}
.mr-5 {
	margin-right: 5px;
}
.mr-10 {
	margin-right: 10px;
}
.mr-15 {
	margin-right: 15px;
}
.mr-20 {
	margin-right: 20px;
}
.mr-25 {
	margin-right: 25px;
}
.mr-30 {
	margin-right: 30px;
}
.mr-35 {
	margin-right: 35px;
}
.mr-40 {
	margin-right: 40px;
}
.mr-45 {
	margin-right: 45px;
}
.mr-50 {
	margin-right: 50px;
}
.mr-55 {
	margin-right: 55px;
}
.mr-60 {
	margin-right: 60px;
}
/*Padding*/
.pb-0 {
	padding-bottom: 0;
}
.pb-5 {
	padding-bottom: 5px;
}
.pb-10 {
	padding-bottom: 10px;
}
.pb-15 {
	padding-bottom: 15px;
}
.pb-20 {
	padding-bottom: 20px;
}
.pb-25 {
	padding-bottom: 25px;
}
.pb-30 {
	padding-bottom: 30px;
}
.pb-35 {
	padding-bottom: 35px;
}
.pb-40 {
	padding-bottom: 40px;
}
.pb-45 {
	padding-bottom: 45px;
}
.pb-50 {
	padding-bottom: 50px;
}
.pb-55 {
	padding-bottom: 55px;
}
.pb-60 {
	padding-bottom: 60px;
}
.pb-65 {
	padding-bottom: 65px;
}
.pb-70 {
	padding-bottom: 70px;
}
.pt-5 {
	padding-top: 5px;
}
.pt-10 {
	padding-top: 10px;
}
.pt-15 {
	padding-top: 15px;
}
.pt-20 {
	padding-top: 20px;
}
.pt-25 {
	padding-top: 25px;
}
.pt-30 {
	padding-top: 30px;
}
.pt-35 {
	padding-top: 35px;
}
.pt-40 {
	padding-top: 40px;
}
.pt-45 {
	padding-top: 45px;
}
.pt-50 {
	padding-top: 50px;
}
.pt-55 {
	padding-top: 55px;
}
.pt-60 {
	padding-top: 60px;
}
.pt-65 {
	padding-top: 65px;
}
.pt-70 {
	padding-top: 70px;
}
/*Width*/
.w-5 {
	width: 5%;
}
.w-10 {
	width: 10%;
}
.w-15 {
	width: 15%;
}
.w-20 {
	width: 20%;
}
.w-25 {
	width: 25%;
}
.w-30 {
	width: 30%;
}
.w-33 {
	width: 33%;
}
.w-35 {
	width: 35%;
}
.w-40 {
	width: 40%;
}
.w-45 {
	width: 45%;
}
.w-50 {
	width: 50%;
}
/*Section*/
.section {
	margin: 0 0 65px 0;
}
.clearfix:after {
	clear: both;
	content: "";
	display: block;
}
.clearfix {
	display: block;
}
.container {
	box-sizing: border-box;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.f-l {
	float: left;
}
.f-r {
	float: right;
}
.txt-B {
	font-weight: bold;
}
img {
	max-width: 100%;
}
/* Header */
#totop {
	position: fixed;
	bottom: 40px;
	right: 20px;
	z-index: 1001;
	width:60px;
}
#totop:hover {
	opacity: .8;
}
.sp-dis {
	display:none !important;
}
#wrapper {
	min-width:960px;
}
.container {
	width:960px;
	margin:0 auto;
}
.header-info {
	text-align:center;
}
.header-info li {
	display:inline-block;
	vertical-align:middle;
}
.logo {
	width:140px;
	padding:20px 30px 0 0;
}
.header-ttl {
	font-size:24px;
	padding:0 20px 0 0;
}
.header-txt {
	width:269px;
	padding:10px 0 0 0;
}
/* Mainvisual */
#index #mainvisual {
	background:url(../images/mainvisual_bg.jpg) no-repeat center top;
	background-size:cover;
	height:600px;
}
#index #mainvisual h2 {
	width:828px;
	margin:0 auto;
	padding:55px 0 0 0;
}
/* FOOTER */
#footer {
	background:#40210F;
}
.footer01 {
	padding:45px 0 40px 0;
	border-bottom:1px solid #362013;
}
.footer01 .container {
	padding:0 0 0 80px;
}
.f-link {
	float:left;
	margin:0 40px 0 0;
}
.f-link.link1 {
	width:85px;
}
.f-link.link2 {
	width:155px;
}
.f-link.link3 {
	width:220px;
}
.f-link.link4 {
	width:210px;
}
.f-link:last-child {
	margin:0;
}
.f-link li {
	margin:0 0 10px 0;
}
.f-link li a {
	color:#fff;
	text-decoration:none;
}
.f-link li a:hover {
	text-decoration:underline;
}
.footer02 {
	border-top: 1px solid #452818;
	padding:5px 0;
	font-size:0;
}
.f-txt {
	float:left;
	margin:0;
}
.f-txt a {
	color:#fff;
	text-decoration:none;
	font-size:13px;
}
.f-txt a:hover {
	text-decoration:underline;
}
address {
	float:right;
	color:#C6A890;
	font-size:11px;
	font-style:normal;
}
/* Gnavi */
#gnavi {
	width:960px;
	margin:0 auto;
	display:table;
	height:90px;
}
#gnavi > li {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	padding:0 40px 0 0;
}
#gnavi > li:last-child {
	padding:0 0 0 0;
	width:230px;
	text-align:center;
	background:#CF121B;
}
#gnavi > li:last-child a,
#gnavi > li:last-child a:hover {
	color:#fff;
	font-size:18px;
}
#gnavi > li:last-child a span {
	color:#F0A03C;
	font-size:12px;
}
#gnavi > li:last-child:hover {
	background:#DA484F;
}
#gnavi > li > a {
	font-family: "小塚明朝 Pr6N M", "DFHSMinchoR Pro-6N", "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size:16px;
	text-decoration:none;
	color:#221714;	
	display: block;
	letter-spacing:2px;
}
#gnavi > li > a > span {
	color: #CF121B;
	font-size: 12px;
	display: block;
	font-weight: bold;
}
#gnavi > li > a:hover {
	color:#999999;
}
#gnavi > li > a:hover > span {
	color:#E7888D;
}
/* SUB GNAVI */
.submenu {
	display:none;
}
#gnavi .sub, #gnavi .sub > a {
	position:relative;
	cursor:pointer;
}
#gnavi .submenu {
	position: absolute;
	top: 90px;
	left: calc( 50% - 125px);
	width: 190px;
	z-index: 999;
	background:#fff;
	text-align:center;
}
#gnavi .submenu > li > a {
	display: block;
	color: #221714;
	text-decoration: none;
	padding: 10px 0;
	font-family: "小塚明朝 Pr6N M", "DFHSMinchoR Pro-6N", "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
}
#gnavi .submenu > li > a:hover {
	color:#999999;
}
/* MENU-ICON */
.menu-icon {
	display: none;
	cursor: pointer;
	height: 38px;
	width: 40px;
	text-indent: -9999px;
}
.menu-icon span {
	display: block;
	top: 17px;
	width: 40px;
	height: 3px;
	margin: 0;
	background-color: #CF121B;
	position: relative;
	-webkit-transition-duration: 0;
	-moz-transition-duration: 0;
	-ms-transition-duration: 0;
	-o-transition-duration: 0;
	transition-duration: 0;
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.menu-icon span::after, .menu-icon span::before {
	display: block;
	content: '';
	position: absolute;
	width: 40px;
	height: 3px;
	background-color: #CF121B;
	-webkit-transition-property: margin, -webkit-transform;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-delay: 0.2s, 0;
	-moz-transition-delay: 0.2s, 0;
	-ms-transition-delay: 0.2s, 0;
	-o-transition-delay: 0.2s, 0;
	transition-delay: 0.2s, 0;
}
.menu-icon span::before {
	margin-top: -12px;
}
.menu-icon span::after {
	margin-top: 12px;
}
.menu-icon.active span {
	background-color: transparent;
}
.menu-icon.active span::before, .menu-icon.active span::after {
	margin-top: 0px;
	-webkit-transition-delay: 0, 0.2s;
	-moz-transition-delay: 0, 0.2s;
	-ms-transition-delay: 0, 0.2s;
	-o-transition-delay: 0, 0.2s;
	transition-delay: 0, 0.2s;
}
.menu-icon.active span::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.menu-icon.active span::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* INDEX */
#index .box01 h3, #index .box02 h3 {
	font-size:20px;
	letter-spacing:4px;
	text-align:center;
	margin:0 auto 50px;
	width:180px;
	background:url(../images/idx_h3_bg.png) no-repeat center center;
}
/* BOX 01 */
.box01 {
	background:#FAFAFA;
	padding:50px 0;
}
#tiny li {
	font-size:12px;
	color:#40210F;
	margin:0 0 20px 0;
}
#tiny li a {
	color:#40210F;
	text-decoration:none;
}
#tiny li a:hover {
	text-decoration:underline;
}
#tiny li:last-child {
	margin:0;
}
#tiny li span {
	color:#CF121B;
	font-size:13px;
	margin:0 30px 0 0;
}
.scroll-bar {
	height:100px;
}
/* BOX 02 */
.box02 {
	padding:60px 0 100px 0;
}
.b02-ttl {
	background:url(../images/pattern.gif) repeat 0 0;
	border:6px solid #FDFDFD;
	text-align:center;
	padding:40px 0;
	margin:0 0 60px 0;
}

.b02-txt {
	width:877px;
	text-align:center;
}
.b02-txt2 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height:3em;
}

/* youtu */
.youtu {
	background:url(../images/youtu_pc_bg.jpg) no-repeat center top;
	height:500px;
}
.youtu-cont{
	padding:340px 0 0 0;
	text-align: center;
}
.youtu p{
	text-align: center;
}
.youtu a:focus {
  outline: none;
}


/* BOX 03 */
.box03 {
	background:url(../images/b03_pc_bg.jpg) no-repeat center top;
	height:500px;
}
.box-cont {
	width:574px;
	padding:110px 0 0 0;
}
.box-txt {
	text-align:center;
	margin:0 auto 50px;
}

.idx-btn {
	border:2px solid #AFAFAF;
	text-align:center;
	width:75%;
	margin:0 auto;
}
.idx-btn a {
	color:#221714;
	text-decoration:none;
	text-align:center;
	font-size:20px;
	display:block;
	padding:15px 0;
}
.idx-btn:hover {
	opacity:.8;
}
/* BOX 04 */
.box04 {
	background:url(../images/b04_pc_bg.jpg) no-repeat center top;
	height:500px;
}
.b04-txt img {
	max-width:640px;
	width:100%;
}
/* BOX 05 */
.box05 {
	background:url(../images/b05_pc_bg.jpg) no-repeat center top;
	height:500px;
}
.box05 .box-cont {
	width:415px;
}

/* BOX 06 */
.box06 {
	background:url(../images/b06_pc_bg.jpg) no-repeat center top;
	height:500px;
}

/* BOX 07 */
.box07 {
	background:url(../images/b07_pc_bg.jpg) no-repeat center top;
	height:500px;
}
.box07 .box-cont {
	width:600px;
	padding:60px 0 0 0;
}

.idx-bnr {
	padding:60px 0 50px 0;
	width:840px;
	margin:0 auto;
	line-height:0;
}
.hover:hover {
	opacity:.7;
}


/* Under */
.font {
	font-family: 'EB Garamond', serif;
	font-weight:400;
}
.font2 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.image-l{
	float: left;
	width: 455px;
	margin: 0 50px 0 0;
}
.image-r{
	float: right;
	width: 455px;
	margin: 0 0 0 50px;
}
/*UDNER*/
.under #header{
	background-color: #f1f1f1;
}
.under #content{
	width: 960px;
	margin: 0 auto;
	line-height: 28px;
}
.box-l{
	float: left;
	width: 455px;
	margin-right: 50px;
}
.box-r{
	float: right;
	width: 455px;
	margin-left: 50px;
}
.box-l01{
	float: left;
	width: 455px;
	margin:0 50px 0 0;
}
.box-r01{
	float: right;
	width: 455px;
}
#content h3{
	font-size: 24px;
	margin-bottom: 50px;	
}
#content h4{
	margin-bottom: 40px;
	position: relative;
	height: 180px;
	padding: 50px 0 0 0;
}
#content h4.h4-01{
	margin-bottom: 25px;
	height: auto;
	padding: 0 0 0 15px;
	font-size: 20px;
	border-left: 5px solid #CF121B;
}
#content h4.h4-01:after,
#content h4.h4-01:before{
	content:none;
}
#content h4:after{
	content:url('../images/border-left01.png');
	position: absolute;
	top: 0;
	left: 0;	
}
#content h4:before{
	content:url('../images/border-right01.png');
	position: absolute;
	top: 0;
	right: 0;	
}

#content h4 .h4-txt01,
#content h4 .h4-txt02{
	display: block;
	text-align: center;		
}
#content h4 .h4-txt01{
	color: #CF121B;	
	font-family: 'EB Garamond', serif;
	font-weight:bold;
	font-size: 17px;
	letter-spacing: 3px;
	margin-bottom: 15px;
}
#content h4 .h4-txt01 span{
	color: #CF121B;	
	font-family: 'EB Garamond', serif;
	font-weight:400;
	font-size: 30px;
}
#content h4 .h4-txt02{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 30px;
	font-style: normal;	
	line-height: 40px;
	letter-spacing: 4px;
}
#content h5{
	font-weight: bold;
	font-size: 20px;
	position: relative;
	margin-bottom: 65px;
	display: inline-block;
	line-height: 30px;
}
#content h5:after{
	content:'';
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 30px;
	height: 2px;
	background-color: #CF121B;
}

.frame{
	padding: 30px 60px;
	position: relative;
}
.frame:after{
	content:url('../images/border-left.png');
	position: absolute;
	top: 0;
	left: 0;
}
.frame:before{
	content:url('../images/border-right.png');
	position: absolute;
	top: 0;
	right: 0;
}
.frame-l{
	width: 270px;
	float: left;
}
.frame-r{
	width: 520px;
	float: right;
}
.frame-tit{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #CF121B;
	font-size: 25px;
	letter-spacing: 2px;
}
.frame-btn{
	margin: 0;
	text-align: right;
}
.frame-btn a{
	display: inline-block;
	border: 2px solid #AFAFAF;
	padding: 20px 30px;
	color: #221714;
	text-decoration: none;
	font-size: 18px;
}
.frame-btn a:hover{
	opacity: 0.6;
}
.frame-name{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #000;
	font-size: 16px;	
	text-align: center;
	font-weight: bold;
}
/*Interview01*/
.container{
	width: 960px;
	margin: 0 auto;
}
#interview01 #mainvisual{
	background: url(../images/interview01_bg.jpg) top center no-repeat;
	height: 500px;
	margin-bottom: 100px;
}
#interview01 #mainvisual h2,
#interview01 #mainvisual h3{
	float: left;
	padding-top: 105px;
}
#interview01 #mainvisual h2{
	margin-right: 90px;
}
/*Interview02*/
#interview02 #mainvisual{
	background: url(../images/interview02_bg.jpg) top center no-repeat;
	height: 500px;
	margin-bottom: 100px;
}
#interview02 #mainvisual h2,
#interview02 #mainvisual h3{
	float: right;
	padding-top: 105px;
}
#interview02 #mainvisual h2{
	margin-left: 85px;
}

/*Interview03*/
#interview03 #mainvisual{
	background: url(../images/interview03_bg.jpg) top center no-repeat;
	height: 500px;
	margin-bottom: 100px;
}
#interview03 #mainvisual h2,
#interview03 #mainvisual h3{
	float: right;
	padding-top: 105px;
}
#interview03 #mainvisual h2{
	margin-left: 85px;
}
/*Interview04*/
#interview04 #mainvisual{
	background: url(../images/interview04_bg.jpg) top center no-repeat;
	height: 500px;
	margin-bottom: 100px;
}
#interview04 #mainvisual h2,
#interview04 #mainvisual h3{
	float: left;
	padding-top: 105px;
}
#interview04 #mainvisual h2{
	margin-right: 90px;
}
/*Job*/
.topic-path{
	margin: 0 0 50px 0;
}
.topic-path li{
	display: inline-block;
}
.topic-path li a{
	text-decoration: none;
}
.topic-path li:after{
	content: '>';
    margin-right: 5px;
    padding-left: 10px;
}
.topic-path li:last-child:after{
	content: none;
}
.topic-path li a:hover{
	text-decoration: underline;
}
#job #mainvisual{
	background-color: #40210F;
	margin-bottom: 50px;
}
#job #mainvisual h2{
	text-align: center;
	color: #fff;
	padding: 80px 0;
	font-size: 30px;
	letter-spacing: 3px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.under-tb th,
.under-tb td{
	border: 1px solid #ddd;
	padding: 15px;
}
.under-tb .th01{
	background-color: #CBCBCB;
	width: 25%;	
}
.signature{
	text-align: right;
	font-size: 28px;
	letter-spacing: 3px;
	line-height: 40px;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.bnr {
	width:840px;
	margin:0 auto;
}

.job_anc li{
	display: inline; 
	float: left;
	margin: 0 10px;
}
#job .anc{
	 padding:180px 0 0 0;
	 margin:-180px 0 0 0;
}
#job .anc02{
	 padding:180px 0 0 0;
}
.job-bnr {
	padding:0 0 80px 0;
	width:840px;
	margin:0 auto;
}
.f_li_bg {
    padding-top: 8px;
	display: block;
}