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

.clearfix:after {
    content: "";
    /* 新しいコンテンツ */
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    /* 非表示に */
}

.clearfix {
    min-height: 0px;
}

* html .clearfix {
    height: 1px;
    /*¥*/
    /*/
  height: auto;
  overflow: hidden;
  /**/
}

body {
    color: #333;
    font-size: 14px;
    font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
    line-height: 1.5;
}

/* リンク設定 */

a {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #999;
    opacity: 0.6;
}

a:active,
a:focus {
    outline: 0;
}

/*header*/

.header {
    background-color: #fff;
    width: 100%;
}

.header__bar {
    background-color: #333;
    padding: 6px 0;
}

.header__bar p {
    color: #fff;
    font-size: 12px;
    max-width: 960px;
    margin: 0 auto;
}

.header__items {
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
}

.header__title {
    float: left;
    margin: 10px 0;
}

.header__title img {
    max-width: 92px;
    width: 100%;
}

.header__qr {
    float: right;
    margin: 30px 0;
    padding: 5px;
    border: 1px solid #333;
}

.header__qr__txt {
    float: left;
    font-size: 12px;
    padding-right: 10px;
    padding-top: 4px;
    line-height: 1.3em;
    color: #131463;
}

.header__qr__img {
    float: right;
}

.header__qr__img img {
    width: 60px;
}

.header__btn {
    float: right;
    margin-top: 33px;
}

.header__btn ul a li {
    color: #fff;
    background-color: #208EE8;
    padding: 11px 30px 9px;
    font-size: 16px;
    border-radius: 0.5em;
    -moz-border-radius: 22em;
    -webkit-border-radius: 22em;
    -o-border-radius: 22em;
    -ms-border-radius: 22em;
    float: left;
    background-position: 94% 49%;
    background-image: url(../img/arrow_s_white.png);
    background-repeat: no-repeat;
    background-size: 6px 10px;
}

.header__btn ul a li:hover {
    opacity: 0.6;
}

.header__btn ul a li:last-child {
    margin-right: 10px;
}

/*nav*/

.mainnav {
    max-width: 960px;
    margin: 100%;
    margin: 0 auto;
}

.mainnav ul {
    width: 77%;
    margin: 0 auto;
    float: left;
    margin: 20px 0;
}

.mainnav ul li {
    float: left;
    border-left: 1px solid #333;
    padding: 0 34px;
}

.mainnav ul li a:hover {
    border-bottom: 2px solid #e7838c;
}

.mainnav ul li:last-child {
    border-right: 1px solid #333;
}

.mainnav_border {
    border-bottom: 2px solid #e7838c;
}

.BorderRight {
    border-right: 1px solid #333;
}

.gnav {
    background-color: #c8171e;
    text-align: center;
    height: 52px;
}

.gnav ul {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding-top: 15px;
}

.gnav ul li {
    margin-right: 165px;
    float: left;
}

.gnav ul li:last-child {
    margin-right: 0;
}

.gnav ul li a {
    color: #fff;
    font-size: 16px;
}

/*求人一覧ボタン*/

.go-list-btn_bg {
    padding: 0;
}

.go-list-btn {
    margin: 0px auto;
    width: 300px;
    color: #fff;
    background-color: #c8171e;
    font-size: 16px;
    border: 1px solid #c8171e;
}

.go-list-btn a {
    display: block;
    font-size: 16px;
    padding: 18px 0px 18px 0px;
    text-align: center;
    color: #fff;
    background-position: 97% 50%;
    background-image: url(../img/arrow_white.png);
    background-repeat: no-repeat;
    background-size: 6px 14px;
    vertical-align: middle;
}

.go-list-btn:hover {
    background-color: #fff;
}

.go-list-btn a:hover {
    color: #c8171e;
    background-image: url(../img/arrow_red.png);
}

.go-list-btn02 {
    margin: 30px 0 0;
    width: 300px;
    color: #fff;
    background-color: #ca8584;
    font-size: 16px;
    border: 1px solid #ca8584;
}

.go-list-btn02 a {
    display: block;
    font-size: 16px;
    padding: 10px 0px 10px 0px;
    text-align: center;
    color: #fff;
    background-position: 97% 50%;
    background-image: url(../img/arrow_white.png);
    background-repeat: no-repeat;
    background-size: 6px 14px;
    vertical-align: middle;
}

.go-list-btn02:hover {
    background-color: #fff;
    border: 1px solid #ca8584;
}

.go-list-btn02:hover a {
    color: #c8171e;
    background-image: url(../img/arrow_red.png);
}

/*footer*/

footer {
    background-color: #333;
    margin-top: 100px;
}

.footer_inner {
    margin: 0 auto;
    padding: 20px 0 0;
}

small {
    font-size: 16px;
}

footer .footer_inner ul {
    width: 100%;
    max-width: 307px;
    margin: 0 auto 10px;
}

footer .footer_inner ul li {
    float: left;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 0 20px;
}

footer .footer_inner ul li a {
    color: #fff;
    font-size: 14px;
}

footer .footer_inner ul li:last-child {
    border-left: none;
}

footer small {
    text-align: center;
    display: block;
    background-color: #333;
    color: #fff;
    padding: 0 0 20px;
    font-size: 14px;
}

.content_none {
    display: block;
}

.menu_sp_bg {
    display: none;
}

#mv {
    background-image: url(../img/mv.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 680px;
    background-size: cover;
    background-position: center top;
    margin-bottom: 30px;
}

h2 {
    padding-top: 60px;
    text-align: center;
}

h2 img {
    max-height: 47px;
}

section {
    max-width: 960px;
    margin: 0 auto;
}

/*job*/

#job section {}

#job h2 img {}

#job section .boxAll {
    padding: 60px 0;
    border-bottom: 1px solid #c8171e;
}

.borderNone {
    border-bottom: 0px solid #c8171e!important;
}

#job section .boxAll .boxLeft {
    float: left;
    max-width: 450px;
}

#job section .boxAll .boxRight {
    float: right;
    max-width: 480px;
}

#job section .boxAll .boxRight img {
    max-width: 100%;
}

#job section .boxAll .boxLeft_switch {
    float: right;
    max-width: 450px;
}

#job section .boxAll .boxRight_switch {
    float: left;
    max-width: 480px;
}

#job section .boxAll .boxRight_switch img {
    max-width: 100%;
}

#job section h3 {
    font-size: 56px;
    font-weight: bold;
    color: #ca8584;
    margin-top: -20px;
}

#job section h3 span {
    font-size: 16px;
}

#job section dl {
    margin-top: 30px;
}

#job section dl dt {
    font-size: 24px;
    font-weight: bold;
    border-left: 10px solid #c8171e;
    padding-left: 5px;
}

#job section dl dd {
    margin-top: 10px;
}

#job section dl dd ul {
    margin-bottom: 10px;
}

#job section .box02 dd ul li {
    padding-left: 1em;
    text-indent: -1em;
}

.text_red {
    color: #c8171e;
}

.text_bold {
    font-weight: bold;
}

/*about*/

#about {
    background-image: url(../img/about_bg.jpg);
    background-size: cover;
}

#about section .boxAll {
    padding: 60px 0;
}

#about section .boxAll h3 {
    text-align: center;
    font-size: 18px;
    margin-top: 15px;
    font-weight: bold;
    color: #c8171e;
}

#about section .boxAll p {
    padding: 5px 20px 20px;
}

#about section .boxAll .boxLeft {
    float: left;
    max-width: 450px;
    background-color: #fff;
    min-height: 519px
}

#about section .boxAll .boxLeft img {
    width: 100%;
}

#about section .boxAll .boxRight {
    float: right;
    max-width: 450px;
    background-color: #fff;
    min-height: 519px
}

#about section .boxAll .boxRight img {
    width: 100%;
}

/*employment*/

#employment section .boxAll {
    padding: 60px 0;
}

#employment section .boxAll .boxLeft {
    float: left;
}

#employment section .boxAll .boxLeft img {
    max-width: 450px;
}

#employment section .boxAll .boxRight {
    float: right;
}

#employment section .boxAll .boxRight img {
    max-width: 450px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
SP用
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

@media screen and (max-width: 768px) {
    /*nav*/
    .gnav_none {
        display: none!important;
    }
    .overlay01_outer {
        padding-top: 60px!important;
    }
    /*求人一覧ボタン*/
    .go-list-btn_bg {
        padding: 0;
    }
    .menu_sp_bg {
        display: block;
    }
    .content_none {
        display: none;
    }
    .logo_sp {
        margin: 5px 0 0 10px;
    }
    .logo_sp a img {
        max-width: 44px;
    }
    h2 {
        margin-top: -90px;
        padding-top: 90px;
    }
    h2 img {
        max-height: 28px;
    }
    #area,
    #job,
    #employment {
        padding: 30px 10px;
    }
    #area {
        padding-bottom: 20px!important;
    }

    #area h2 {
        margin-bottom: 30px!important;
    }
    #job section .boxAll {
        padding: 30px 0;
    }
    #job section h3 {
        font-size: 46px;
    }
    #job section h3 span {
        font-size: 14px;
    }
    #job section dl {
        margin-top: 10px;
    }
    #job section dl dt {
        font-size: 18px;
        border-left: 8px solid #c8171e;
        padding-left: 3px;
    }
    #about {
        margin-top: -20px;
        padding: 30px 10px 10px;
    }
    #employment section .boxAll .boxLeft img {
        max-width: 100%!important;
    }
    #employment section .boxAll .boxRight img {
        max-width: 100%!important;
    }
    #about section .boxAll {
        padding: 30px 0;
    }
    #employment section .boxAll {
        padding: 30px 0 0;
    }
    footer {
        margin-top: 30px;
    }
    footer .footer_inner ul {
        max-width: 240px;
    }
    footer .footer_inner ul li {
        padding: 0 10px;
    }
    footer small {
        font-size: 12px;
    }
}

@media screen and (max-width: 375px) {
    #mv {
        height: 200px!important;
    }
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
tablet用
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

@media screen and (max-width: 980px) {
    .gnav ul {
        max-width: 770px;
    }
    .gnav ul li {
        margin-right: 102px;
    }
}

@media screen and (max-width: 960px) {
    .go-list-btn02 {
        margin: 20px auto 30px;
    }
    #mv {
        height: 400px;
    }
    #job section .boxAll .boxLeft {
        float: none;
        max-width: 960px;
    }
    #job section .boxAll .boxRight {
        float: none;
        margin: 0 auto;
    }
    #job section .boxAll .boxLeft_switch {
        float: none;
        max-width: 960px;
    }
    #job section .boxAll .boxRight_switch {
        float: none;
        margin: 0 auto;
    }
    #about section .boxAll .boxLeft {
        float: none;
        max-width: 450px;
        background-color: #fff;
        margin: 0 auto 30px;
        min-height: 0px;
    }
    #about section .boxAll .boxRight {
        float: none;
        max-width: 450px;
        background-color: #fff;
        margin: 0 auto;
        min-height: 0px;
    }
    #employment section .boxAll .boxLeft {
        float: none;
        text-align: center;
        margin-bottom: 30px;
    }
    #employment section .boxAll .boxLeft img {
        max-width: 450px;
    }
    #employment section .boxAll .boxRight {
        float: none;
        text-align: center;
    }
    #employment section .boxAll .boxRight img {
        max-width: 450px;
    }
}

/*map_area*/

.body__block__search {
    width: 960px;
    margin: 0 auto;
    background-color: #FFF;
}

#area .category {
    width: 960px;
    margin: 0px auto;
    padding: 40px 0;
}

#area .category ul li {
    display: block;
    margin-left: 10px;
    float: left;
}

#area .category ul li:first-child {
    margin-left: 0;
}

@media screen and (max-width: 767px) {
    .body__block__search {
        width: 100%;
        margin: 0 auto;
    }
    #area .category {
        width: 100%;
        margin: 0px auto;
        padding: 20px 0;
    }
    #area .category ul li img {
        display: block;
        margin: 0 auto;
    }
    #area .category ul li {
        display: block;
        margin: 0px 10px;
        float: none;
        padding: 10px 0;
        text-align: center;
    }
    #area .category ul li:first-child {
        margin: 0px 10px;
    }
    .hidden-sp {
        display: none;
    }
}

@media screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .body__block__search {
        width: 100%;
        margin: 0 auto;
        /*padding: 0 20px;*/
        background-color: inherit;
    }
    #area .category {
        width: 100%;
        margin: 0px auto;
        padding: 40px 0;
    }
    #area .category ul {
        margin: 0 auto;
        width: 768px;
    }
    #area .category ul li {
        display: block;
        margin-left: 10px;
        width: 30%;
        float: left;
    }
    #area .category ul li:first-child {
        margin-left: 0;
    }
}
/*area*/

#area {
    background-image: url(../img/area_bg.jpg);
    background-size: cover;
    padding-bottom: 60px;
    margin-top: 30px;
}
#area h2 {
    margin-bottom: 60px;
}

#area .content__title {
    font-size: 16px;
    text-align: center;
    margin-bottom: 60px;
    font-weight: bold;
    position: relative;
}

#area .content__title::after {
    border-bottom: 4px solid #fb969f;
    content: "";
    position: absolute;
    top: 28px;
    left: 47%;
    width: 60px;
}

/*スタッフアンケート*/
#questionnaire ul{
	width: 780px;
	margin: 40px auto 0 auto;
}
#questionnaire ul li{
	float: left;
	text-align: center;
	font-size: 22px;
}
#questionnaire ul li:nth-child(even){
	float: right;
}
#questionnaire ul li p{
	padding: 10px 0 100px 0;
}

@media screen and (max-width: 768px) {
	#questionnaire h2{
		padding-top: 130px;
	}
	#questionnaire ul{
		width: 100%;
		margin: 40px auto 0 auto;
	}
	#questionnaire ul li{
		padding: 0 5%;
		float: inherit;
		font-size: 16px;
	}
	#questionnaire ul li:nth-child(even){
		float: inherit;
	}
	#questionnaire ul li img{
		width: 100%;
	}
	#questionnaire ul li p{
		padding: 10px 0 40px 0;
	}
}

/*------------------------------------------
  新トップ
------------------------------------------*/
@media screen and (max-width: 768px) {
	.hidden-sp{
		display: none !important;
	}
}
@media screen and (min-width: 769px) {
	.hidden-pc{
		display: none !important;
	}
}
.topPage{
	header{
		height: 110px;
		background: #FFF;
		position: relative;
		border-top: 5px solid #e50012;
	}
	h1{
		padding: 10px 0;
		font-size: 13px;
		text-align: center;
	}
	.logoBox{
		width: 120px;
		position: absolute;
		bottom: -58px;
		left: 50%;
		z-index: 2;
		margin-left: -60px;
		img{
			width: 120px;
		}
	}
	#mv_top{
		li{
			height: 710px;
			&.mv_01{
				background: url("../img/mv_index_01.jpg") no-repeat center top / cover;
			}
			&.mv_02{
				background: url("../img/mv_index_02.jpg") no-repeat center top / cover;
			}
			&.mv_03{
				background: url("../img/mv_index_03.jpg") no-repeat center top / cover;
			}
		}
	}
	#content_01{
		width: 960px;
		margin: 0 auto 90px auto;
		h2{
			margin-bottom: 60px;
		}
		ul{
			li{
				float: left;
				&:nth-child(even){
					float: right;
				}
			}
		}
	}
	#content_02{
		padding: 60px 0;
		background: url("../img/bg_owner.jpg") no-repeat center / cover;
		.innerBox{
			width: 960px;
			height: 280px;
			margin: 0 auto;
			background: url("../img/bg_franchise.png") no-repeat center / 960px;
			h2{
				padding: 30px 0 15px 0;
			}
			h2 img{
				max-height: inherit;
			}
			p{
				margin-bottom: 15px;
				text-align: center;
				font-size: 17px;
			}
			.btnBox{
				a{
					width: 462px;
					height: 80px;
					margin: 0 auto;
					border: 2px solid #c9161e;
					background: #c9161e url("../img/arrow_white.png") no-repeat right 10px center / 9px;
					color: #FFF;
					font-size: 22px;
					font-weight: bold;
					display: table;
					&:hover{
						background: #FFF url("../img/arrow_red.png") no-repeat right 10px center / 9px;
						color: #c9161e;
						opacity: 1;
					}
					span{
						display: table-cell;
						text-align: center;
						vertical-align: middle;
					}
				}
			}
		}
	}
	footer{
		margin-top: 0;
	}
}
@media screen and (max-width: 768px) {
	.topPage{
		*{
			box-sizing: border-box;
		}
		header{
			height: 80px;
		}
		h1{
			padding: 10px 0;
			font-size: 12px;
		}
		.logoBox{
			width: 60px;
			position: absolute;
			bottom: -25px;
			margin-left: -30px;
			img{
				width: 60px;
			}
		}
		#mv_top{
			li{
				height: auto;
				&.mv_01,&.mv_02,&.mv_03{
					background: none;
				}
				img{
					width: 100%;
				}
			}
		}
		#content_01{
			width: 100%;
			margin: 0 auto 90px auto;
			padding: 0 5%;
			h2{
				padding-top: 100px;
				margin-bottom: 30px;
				img{
					width: 100%;
					max-height: inherit;
				}
			}
			ul{
				li{
					float: inherit;
					margin-bottom: 15px;
					&:nth-child(even){
						float: inherit;
					}
					img{
						width: 100%;
					}
				}
			}
		}
		#content_02{
			padding: 60px 0;
			background: url("../img/bg_owner.jpg") no-repeat center / cover;
			.innerBox{
				width: 100%;
				height: 280px;
				margin: 0 auto;
				padding: 0 5%;
				background: url("../img/bg_franchise.png") no-repeat center / 960px;
				h2{
					padding: 45px 0 15px 0;
				}
				h2 img{
					max-height: inherit;
					width: 100%;
				}
				p{
					margin-bottom: 15px;
					text-align: center;
					font-size: 17px;
				}
				.btnBox{
					a{
						width: 100%;
						height: 60px;
						margin: 0 auto;
						border: 2px solid #c9161e;
						background: #c9161e url("../img/arrow_white.png") no-repeat right 10px center / 9px;
						color: #FFF;
						font-size: 18px;
						font-weight: bold;
						display: table;
						&:hover{
							background: #FFF url("../img/arrow_red.png") no-repeat right 10px center / 9px;
							color: #c9161e;
							opacity: 1;
						}
						span{
							display: table-cell;
							text-align: center;
							vertical-align: middle;
						}
					}
				}
			}
		}
		footer{
			margin-top: 0;
		}
	}
}

/*------------------------------------------
  社員採用
------------------------------------------*/
.employee{
	*{
		box-sizing: border-box;
	}
	h2{
		padding-top: 0;
	}
	h2 img{
		max-height: inherit;
	}
	header{
		border-top: 5px solid #000;
		.boxLR{
			width: 960px;
			margin: 0 auto;
			padding: 10px 0;
			.boxL{
				float: left;
				.logoBox{
					float: left;
					img{
						width: 90px;
					}
				}
				h1{
					padding: 40px 0 0 10px;
					float: left;
					font-size: 13px;
				}
			}
			.boxR{
				width: 480px;
				float: right;
				img{
					float: left;
				}
				
				ul{
					width: 385px;
					padding-top: 12px;
					float: right;
					li{
						width: 190px;
						float: left;
						&:nth-child(even){
							float: right;
						}
						a{
							width: 190px;
							height: 80px;
							display: table;
							background: #00913a url("../img/employee/arrow_01.png") no-repeat right 10px center / 6px;
							border-radius: 3px;
							span{
								display: table-cell;
								text-align: center;
								vertical-align: middle;
								font-size: 14px;
								color: #FFF;
							}
						}
					}
				}
			}
		}
	}
	.gnav{
		height: auto;
	}
	.gnav ul{
		padding: 10px 0;
		li{
			width: 20%;
			border-left: 1px solid #FFF;
			margin: 0;
			&:last-child{
				border-right: 1px solid #FFF;
			}
			a{
				display: block;
				padding: 20px 0;
				text-align: center;
			}
		}
	}
	#mv{
		background: url("../img/employee/mv.jpg") no-repeat center top / cover;
		margin-bottom: 0;
	}
	.btnList{
		a{
			width: 500px;
			height: 100px;
			margin: 0 auto;
			display: table;
			background: #c6171e url("../img/employee/arrow_double.png") no-repeat right 15px center / 18px;
			span{
				display: table-cell;
				text-align: center;
				vertical-align: middle;
				font-size: 24px;
				font-weight: bold;
				color: #FFF;
			}
		}
		&.top{
			padding: 70px 0;
		}
		&.bottom{
			padding: 70px 0 240px 0;
		}
	}
	#links_01{
		padding: 100px 0;
		background: url("../img/employee/bg_what.jpg") no-repeat center / cover;
		h2{
			margin-bottom: 60px;
		}
		p{
			font-size: 18px;
			line-height: 2;
			text-align: center;
			color: #FFF;
		}
	}
	#links_02{
		padding: 60px 0 80px 0;
		background: #f4f2ee;
		h2{
			margin-bottom: 65px;
		}
		ul{
			width: 960px;
			margin: 0 auto;
			li{
				width: 316px;
				margin-right: 6px;
				float: left;
				.imgBox{
					position: relative;
					z-index: 2;
				}
				dl{
					padding: 190px 0 0 0;
					margin-bottom: -158px;
					position: relative;
					top: -158px;
					dt{
						margin-bottom: 15px;
						color: #FFF;
						font-size: 24px;
						text-align: center;
					}
					dd{
						min-height: 340px;
						padding: 0 20px;
						color: #FFF;
						font-size: 17px;
						line-height: 1.8;
					}
				}
				&:nth-child(3n){
					margin-right: 0;
				}
				&:nth-child(1) dl{
					background: #c6171e;
				}
				&:nth-child(2) dl{
					background: #00913a;
				}
				&:nth-child(3) dl{
					background: #fdd000;
					dt,dd{
						color: #000;
					}
				}
			}
		}
	}
	#links_03{
		padding: 80px 0 0 0;
		margin-bottom: -70px;
		h2{
			margin-bottom: 75px;
		}
		.boxLR{
			width: 960px;
			margin: 0 auto;
			.imgBox{
				width: 460px;
				position: relative;
			}
			.txtBox{
				padding: 70px 0 0 0;
				width: 440px;
				dl{
					margin-bottom: 50px;
					&:last-child{
						margin-bottom: 0;
					}
					dt{
						padding: 5px 0 5px 50px;
						margin-bottom: 15px;
						font-size: 21px;
						font-weight: bold;
						color: #c6171e;
						background: url("../img/employee/icon_q.png") no-repeat left center / 33px;
					}
					dd{
						font-size: 17px;
						line-height: 1.7;
					}
				}
			}
			&.box_01{
				padding-bottom: 70px;
				margin-bottom: 70px;
				border-bottom: 1px solid #c6171e;
				.imgBox{
					float: right;
					h3{
						position: absolute;
						top: 0;
						left: -500px;
					}
				}
				.txtBox{
					float: left;
				}
			}
			&.box_02{
				.imgBox{
					float: left;
					h3{
						position: absolute;
						top: 0;
						right: -500px;
						left: right;
					}
				}
				.txtBox{
					float: right;
				}
			}
		}
	}
	#carmTop{
		min-height: 892px;
		margin-bottom: -50px;
		background: #fff5e4 url("../img/employee/bg_charmtop.png") no-repeat center top / 3000px;
		position: relative;
		z-index: 2;
		.imgBox{
			padding: 150px 0 0 0;
			margin-bottom: 10px;
			text-align: center;
		}
		h3{
			text-align: center;
		}
	}
	#links_04{
		padding: 0 0 60px 0;
		background: #fff5e4;
		h2{
			margin-bottom: 50px;
			position: relative;
			z-index: 3;
		}
		ul{
			width: 960px;
			margin: 0 auto;
			li{
				width: 306px;
				margin-right: 14px;
				float: left;
				&:last-chil{
					margin-right: 0;
				}
				.imgBox{
					margin-bottom: 20px;
				}
				dt{
					padding: 10px 0;
					margin-bottom: 20px;
					font-size: 22px;
					color: #c6171e;
					text-align: center;
					border-top: 1px solid #c6171e;
					border-bottom: 1px solid #c6171e;
				}
				dd{
					padding: 0 10px;
					font-size: 17px;
					line-height: 1.7;
				}
			}
		}
	}
	#links_05{
		padding: 60px 0 85px 0;
		h2{
			margin-bottom: 55px;
		}
		.topTxt{
			text-align: center;
			margin-bottom: 65px;
			font-size: 20px;
			line-height: 1.7;
		}
		#planBox{
			width: 890px;
			margin: 0 auto;
			.box{
				position: relative;
				margin-bottom: 28px;
				&:after{
					content: "";
					width: 46px;
					height: 26px;
					display: block;
					background: url("../img/employee/arrow_career.png") no-repeat center / 46px;
					position: absolute;
					left: 50%;
					bottom: -15px;
				}
			}
			.chara , h3{
				position: absolute;
			}
			dl{
				width: 500px;
				margin: 0 auto;
				color: #FFF;
				dt{
					position: relative;
					padding-bottom: 10px;
					margin-bottom: 10px;
					font-size: 22px;
					font-weight: bold;
					text-align: center;
					&:before{
						content: "";
						width: 20px;
						height: 1px;
						margin-left: -10px;
						background: #FFF;
						display: block;
						position: absolute;
						left: 50%;
						bottom: 0;
					}
				}
				dd{
					font-size: 17px;
					line-height: 1.7;
				}
			}
			.box_01{
				padding: 40px 0;
				background: linear-gradient(#c6181e, #d24016);
				.chara{
					left: 60px;
					top: -37px;
				}
				h3{
					right: 3px;
					top: 1px;
				}
			}
			.box_02{
				padding: 25px 0 35px 0;
				background: linear-gradient(#d44716, #e17110);
				.chara{
					right: 40px;
					bottom: -16px;
				}
				h3{
					left: 2px;
					top: 1px;
				}
			}
			.box_03{
				padding: 30px 0 45px 0;
				background: linear-gradient(#e3780d, #efa008);
				&:after{
					content: none;
				}
				.chara{
					left: 40px;
					bottom: -15px;
				}
				h3{
					right: 2px;
					top: 1px;
				}
			}
			.box_04{
				width: 430px;
				padding: 50px 0 35px 0;
				background: linear-gradient(#f1a707, #fcd002);
				&:after{
					bottom: inherit;
					top: -40px;
				}
				dl{
					width: 100%;
					padding: 0 25px;
					color: #000;
					dt:before{
						background: #000;
					}
				}
				h3{
					right: 2px;
					top: 1px;
				}
				&.boxL{
					float: left;
				}
				&.boxR{
					float: right;
				}
			}
		}
	}
	#links_06{
		padding: 60px 0 0 0;
		background: #f4f2ee;
		h2{
			margin-bottom: 45px;
			background: url("../img/employee/bg_ttl_06.png") no-repeat center center / 3000px;
		}
		p{
			text-align: center;
			font-size: 18px;
			line-height: 2;
		}
	}
	footer{
		margin-top: 0;
	}
}
@media screen and (max-width: 768px) {
	.employee{
		img{
			max-width: 100%;
		}
		header *{
			box-sizing: content-box;
		}
		h2{
			padding-top: 0;
			margin-top: 0;
		}
		h2 img{
			max-height: inherit;
		}
		
		.gnav{
			height: auto;
		}
		.gnav ul{
			padding: 10px 0;
			li{
				width: 20%;
				border-left: 1px solid #FFF;
				margin: 0;
				&:last-child{
					border-right: 1px solid #FFF;
				}
				a{
					display: block;
					padding: 20px 0;
					text-align: center;
				}
			}
		}
		#mv{
			background: url("../img/employee/mv.jpg") no-repeat center top / cover;
			margin-bottom: 0;
			height: auto !important;
		}
		.btnList{
			a{
				width: 100%;
				height: 60px;
				margin: 0 auto;
				display: table;
				background: #c6171e url("../img/employee/arrow_double.png") no-repeat right 15px center / 18px;
				span{
					display: table-cell;
					text-align: center;
					vertical-align: middle;
					font-size: 18px;
					font-weight: bold;
					color: #FFF;
				}
			}
			&.top{
				padding: 40px 5%;
			}
			&.bottom{
				padding: 70px 5% 100px 5%;
			}
		}
		#links_01{
			padding: 50px 5%;
			background: url("../img/employee/bg_what.jpg") no-repeat center left / cover;
			h2{
				margin-bottom: 40px;
			}
			p{
				font-size: 14px;
			}
		}
		#links_02{
			padding: 40px 0 40px 0;
			h2{
				margin-bottom: 65px;
			}
			ul{
				width: 100%;
				margin: 0 auto;
				padding: 0 5%;
				li{
					width: 100%;
					margin: 0 auto 20px auto;
					float: inherit;
					.imgBox{
						position: relative;
						z-index: 2;
						img{
							width: 100%;
						}
					}
					dl{
						padding: 190px 0 0 0;
						margin-bottom: -158px;
						position: relative;
						top: -158px;
						dt{
							font-size: 20px;
						}
						dd{
							min-height: inherit;
							padding: 0 5% 5% 5%;
							color: #FFF;
							font-size: 14px;
							line-height: 1.8;
						}
					}
					&:nth-child(3n){
						margin-right: auto;
					}
					&:nth-child(1) dl{
						background: #c6171e;
					}
					&:nth-child(2) dl{
						background: #00913a;
					}
					&:nth-child(3) dl{
						background: #fdd000;
						dt,dd{
							color: #000;
						}
					}
				}
			}
		}
		#links_03{
			padding: 40px 0 30px 0;
			margin-bottom: 0;
			h2{
				margin-bottom: 40px;
			}
			.boxLR{
				width: 100%;
				padding: 0 5%;
				margin: 0 auto;
				.imgBox{
					width: 100%;
					position: relative;
				}
				.txtBox{
					padding: 40px 0 0 0;
					width: 100%;
					dl{
						margin-bottom: 40px;
						&:last-child{
							margin-bottom: 0;
						}
						dt{
							padding: 5px 0 5px 50px;
							margin-bottom: 15px;
							font-size: 21px;
							font-weight: bold;
							color: #c6171e;
							background: url("../img/employee/icon_q.png") no-repeat left center / 33px;
						}
						dd{
							font-size: 17px;
							line-height: 1.7;
						}
					}
				}
				&.box_01{
					padding-bottom: 50px;
					margin-bottom: 50px;
					border-bottom: 1px solid #c6171e;
					.imgBox{
						float: inherit;
						h3{
							position: absolute;
							top: inherit;
							left: inherit;
							bottom: 0;
						}
					}
					.txtBox{
						float: inherit;
					}
				}
				&.box_02{
					.imgBox{
						float: inherit;
						h3{
							position: absolute;
							top: inherit;
							right: inherit;
							bottom: 0;
							left: right;
						}
					}
					.txtBox{
						float: inherit;
					}
				}
			}
		}
		#carmTop{
			min-height: inherit;
			margin-bottom: 0;
			padding-bottom: 20px;
			background: #fff5e4;
			position: relative;
			z-index: -1;
			.imgBox{
				padding: 150px 0 30px 0;
				margin-bottom: 10px;
				text-align: center;
			}
			h3{
				text-align: center;
			}
		}
		#links_04{
			padding: 0 0 20px 0;
			background: #fff5e4;
			h2{
				margin-bottom: 50px;
				position: relative;
				z-index: 3;
			}
			ul{
				width: 100%;
				margin: 0 auto;
				padding: 0 5%;
				li{
					width: 100%;
					margin-right: 0;
					margin-bottom: 40px;
					float: inherit;
					&:last-chil{
						margin-right: 0;
						margin-bottom: 0;
					}
					.imgBox{
						margin-bottom: 20px;
						img{
							width: 100%;
						}
					}
					dt{
						padding: 10px 0;
						margin-bottom: 20px;
						font-size: 22px;
						color: #c6171e;
						text-align: center;
						border-top: 1px solid #c6171e;
						border-bottom: 1px solid #c6171e;
					}
					dd{
						padding: 0 10px;
						font-size: 17px;
						line-height: 1.7;
					}
				}
			}
		}
		#links_05{
			padding: 60px 0 40px 0;
			h2{
				margin-bottom: 55px;
			}
			.topTxt{
				text-align: center;
				margin-bottom: 65px;
				padding: 0 5%;
				font-size: 18px;
				line-height: 1.7;
			}
			#planBox{
				width: 100%;
				margin: 0 auto;
				.box{
					position: relative;
					margin-bottom: 28px;
					&:after{
						content: "";
						width: 46px;
						height: 26px;
						display: block;
						background: url("../img/employee/arrow_career.png") no-repeat center / 46px;
						position: absolute;
						left: 50%;
						bottom: -15px;
						margin-left: -23px;
					}
				}
				.chara , h3{
					position: absolute;
				}
				.chara{
					display: none;
				}
				dl{
					width: 90%;;
					margin: 0 auto;
					color: #FFF;
					dt{
						position: relative;
						padding-bottom: 10px;
						margin-bottom: 10px;
						font-size: 18px;
						font-weight: bold;
						text-align: center;
						&:before{
							content: "";
							width: 20px;
							height: 1px;
							margin-left: -10px;
							background: #FFF;
							display: block;
							position: absolute;
							left: 50%;
							bottom: 0;
						}
					}
					dd{
						font-size: 14px;
						line-height: 1.7;
					}
				}
				.box_01,
				.box_02,
				.box_03{
					padding: 50px 0;
				}
				.box_03{
					&:after{
						content: none;
					}
				}
				.box_04{
					width: 48%;
					padding: 50px 0;
					&:after{
						bottom: inherit;
						top: -40px;
					}
					dl{
						width: 100%;
						padding: 0 25px;
						color: #000;
						dt:before{
							background: #000;
						}
					}
					h3{
						right: 2px;
						top: 1px;
					}
					&.boxL{
						float: left;
					}
					&.boxR{
						float: right;
					}
				}
			}
		}
		#links_06{
			padding: 60px 0 0 0;
			background: #f4f2ee;
			h2{
				margin-bottom: 45px;
				background: url("../img/employee/bg_ttl_06.png") no-repeat center center / 3000px;
			}
			p{
				padding: 0 5%;
				text-align: center;
				font-size: 16px;
				line-height: 2;
			}
		}
		footer{
			margin-top: 0;
		}
	}
}