body {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	-webkit-text-size-adjust: 100%;
	height: 100%;

}
img {
	display: block;
	width: 100%;
}
a {
	text-decoration: none;
	color: #000;
}
a:hover {
	opacity: 0.7;
}
p {
	line-height: 1.8;
}
input, textarea {
-webkit-appearance: none;
}

.fe{
font-size:23px;
}
.fh{
font-size:16px;
}

.nobreak{
  display:inline-block;
}
/*==================================================================================
ヘッダー
==================================================================================*/
header {
	width: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
header.btm_shadow {
	box-shadow: 0 2px 6px #999;
}
.head_menu {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	width: calc(1200px - 30px);
	padding: 10px 15px;
	margin: auto;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-size: 14px;
	color: #444f58;
}
.head_menu .left_cont {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
.head_menu .logo {
	display: block;
	width: 334px;
}
.head_menu .left_cont p {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.4;
	margin: 0 20px;
}
.head_menu nav ul {
	display: flex;
	flex-wrap: nowrap;
}
.head_menu nav ul li {
	padding: 0 20px;
	border-right: 1px #000 solid;
}
.head_menu nav ul li:first-child {
	border-left: 1px #000 solid;
}
.head_menu nav ul li a {
	display: block;
	font-weight: bold;
}
.head_menu nav ul li a:hover {
	opacity: 1;
	color: #d80013;
}
.head_menu .right_cont {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
.head_menu .right_cont a {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	width: 110px;
	height: 30px;
	background: #444f58;
	font-size: 14px;
	color: #fff;
}
.head_menu .right_cont a.btn_entry {
	width: 60px;
	background: #d80013;
}
.head_menu .right_cont a.btn_mypage {
	width: 60px;
	background: #027bd7;
}

/* スマホ版 メニュー -----------------------*/
.navToggle {
    z-index: 9999;
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 15px;
    top: 17px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    text-align: center;
}
.navToggle span {
    display: block;
    width: 100%;
    border-bottom: solid 6px #434f58;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    position: absolute;    /* .navToggleに対して */
    left: 0;
}
.navToggle span:nth-child(1) {
    top: 2px;
}
.navToggle span:nth-child(2) {
    top: 13px;
}
.navToggle span:nth-child(3) {
    top: 24px;
}

/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 13px;
    left: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 13px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

nav.sp_menu {
    z-index: 8888;
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% - 40px);
	height: calc(100% - 60px);
	padding: 50px 20px 0;
	background: #E6E6E6;
    transform: translateY(-150%);
    transition: all 0.8s;
}
nav.sp_menu ul {
	display: flex;
	flex-wrap: wrap;
}
nav.sp_menu ul li {
	width: 100%;
	border-bottom: 1px #000 solid;
}
nav.sp_menu ul li:nth-child(6),
nav.sp_menu ul li:nth-child(7) {
	width: 30%;
	border-bottom: none;
	margin-top: 40px;
}
nav.sp_menu ul li:nth-child(8) {
	width: 40%;
	border-bottom: none;
	margin-top: 40px;
}
nav.sp_menu ul li a {
	display: block;
    font-size: 16px;
	font-weight: bold;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    color: #434f58;
	padding: 16px;
}
nav.sp_menu ul li:nth-child(6) a,
nav.sp_menu ul li:nth-child(7) a,
nav.sp_menu ul li:nth-child(8) a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 34px;
	background: #444f58;
	padding: 0;
	color: #fff;
}
nav.sp_menu ul li:nth-child(6) a {
	background: #d80013;
}
nav.sp_menu ul li:nth-child(7) a {
	background: #027bd7;
}

/* このクラスを、jQueryで付与・削除する */
nav.sp_menu.active {
    transform: translateY(0%);
}

/*==================================================================================
メイン
==================================================================================*/
main {
	display: block;
	margin-bottom: 120px!important;
	margin-top: 97px!important;
}
section {
	padding-top: 100px!important;
	padding-bottom: 60px!important;
}

.container {
	width: calc(1200px - 30px);
	padding: 0 15px;
	margin: auto;
}
.mb_120 {
	margin-bottom: 120px;
}
.mb_60 {
	margin-bottom: 60px;
}
.mb_30 {
	margin-bottom: 30px;
}
.mb_20 {
	margin-bottom: 20px;
}
.mb_10 {
	margin-bottom: 10px;
}
.mb_5 {
	margin-bottom: 5px;
}
.txt_center {
	text-align: center;
}
.txt_right {
	text-align: right;
}
.bold {
	font-weight: bold;
}
.red {
	color: #d90013;
}
.gothic {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.font_s {
	font-size: 14px;
}
.font_m {
	font-size: 18px;
}
.font_l {
	font-size: 24px;
}
.line2 {
	line-height: 2;
}
.indent {
	padding-left: 1rem;
	text-indent: -1rem;
}
.link_line {
	display: inline-block;
	text-decoration: underline;
}

h1 {
	font-size: 34px;
	font-weight: normal;
	line-height: 1.6;
}
h2 {
	font-size: 38px;
	font-weight: normal;
	color: #444f58;
	text-align: center;
	line-height: 1.4;
	margin-bottom: 100px!important;
	position: relative;
}
h2::after {
	content: "";
	display: block;
	width: 80px;
	height: 5px;
	position: absolute;
	left: 50%;
	bottom: -18px;
	margin-left: -40px;
}
#index h2 {
	margin-bottom: 30px!important;
}
#index h2::after {
	display: none;
}
/* 各ページの色指定 */
#voice h2::after {
	background: #9CA0CC;
}
#recruit h2::after {
	background: #d3d9dc;
}
#message h2::after {
	background: #132c8d;
}
#about h2::after {
	background: #ced700;
}

.row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.row.flx_end {
	align-items: flex-end;
}
.row.flx_start {
	justify-content: flex-start;
}
.row.align_center {
	align-items: center;
}
.row.just_center {
	justify-content: center;
}
.col2 {
	width: 48%;
}
.col3 {
	width: 32%;
}
.col4 {
	width: 24%;
}
.w380 {
	max-width: 380px;
	margin: auto;
}
.w680 {
	max-width: 680px;
	margin: auto;
}
.w980 {
	max-width: 980px;
	margin: auto;
}

/* index -----------------------------------------------------------*/
#index .main {
	width: 100%;
	height: calc(100vh - 97px - 120px);
	padding-top: 120px;
	min-height:700px;/* 追加*/
	/*background: url("../img/top_layer_main.png") center bottom 88px / contain no-repeat, url("../img/index_main.jpg") left center / cover no-repeat;
	background: url("../img/top_layer_main.png") center bottom 88px / contain no-repeat;*/
	background: url("../img/top_layer_main.png") center bottom -2px / contain no-repeat;
	color: #fff;
	overflow: hidden;
	position: relative;
}
/*
#index .main::before {
	content: "";
	width: 100%;
	height: 100%;
	background: #d80013;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -9999;
}
*/
.zoom_img {
	z-index: -1;
	opacity: 0;
	width: 100%;
	height: 100%;
	/*min-height: 100vh;*/
	position: absolute;
	left: 0;
	top: 0;
	background: url("../index_images/i_00.jpg") center center / cover no-repeat;
	-webkit-animation: anime 36s 0s infinite;
	-moz-animation: anime 36s 0s infinite;
	-mos-animation: anime 36s 0s infinite;
	animation: anime 36s 0s infinite;
}

.zoom_img:nth-of-type(2) {
	background: url("../index_images/i_01.jpg") center center / cover no-repeat;
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	-ms-animation-delay: 3s;
	animation-delay: 3s;
}

/*オレンジ*/
.zoom_img:nth-of-type(3) {
	background: url("../index_images/i_02.jpg") center center / cover no-repeat;
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	-ms-animation-delay: 6s;
	animation-delay: 6s;
}
.zoom_img:nth-of-type(4) {
	background: url("../index_images/i_03.jpg") center center / cover no-repeat;
	-webkit-animation-delay: 9s;
	-moz-animation-delay: 9s;
	-ms-animation-delay: 9s;
	animation-delay: 9s;
}
/*車*/
.zoom_img:nth-of-type(5) {
	background: url("../index_images/i_04.jpg") center center / cover no-repeat;
	-webkit-animation-delay: 12s;
	-moz-animation-delay: 12s;
	-ms-animation-delay: 12s;
	animation-delay: 12s;
}


.zoom_img:nth-of-type(6) {
	background: url("../index_images/i_05.jpg") center center / cover no-repeat;
	-webkit-animation-delay: 15s;
	-moz-animation-delay: 15s;
	-ms-animation-delay: 15s;
	animation-delay: 15s;
}


.zoom_img:nth-of-type(7) {
	background: url("../index_images/i_07.jpg") center center / cover no-repeat;
	-webkit-animation-delay: 18s;
	-moz-animation-delay: 18s;
	-ms-animation-delay: 18s;
	animation-delay: 18s;
}

.zoom_img:nth-of-type(8) {
	background: url("../index_images/i_08.jpg") center center / cover no-repeat;
	-webkit-animation-delay: 21s;
	-moz-animation-delay: 21s;
	-ms-animation-delay: 21s;
	animation-delay: 21s;
}
/*町*/
.zoom_img:nth-of-type(9) {
	background: url("../index_images/i_09.jpg") center center / cover no-repeat;
	-webkit-animation-delay: 24s;
	-moz-animation-delay: 24s;
	-ms-animation-delay: 24s;
	animation-delay: 24s;
}
.zoom_img:nth-of-type(10) {
	background: url("../index_images/i_10.jpg") center center / cover no-repeat;
	-webkit-animation-delay: 27s;
	-moz-animation-delay: 27s;
	-ms-animation-delay: 27s;
	animation-delay: 27s;
}
.zoom_img:nth-of-type(11) {
	background: url("../index_images/i_11.jpg") center center / cover no-repeat;
	-webkit-animation-delay: 30s;
	-moz-animation-delay: 30s;
	-ms-animation-delay: 30s;
	animation-delay: 30s;
}
.zoom_img:nth-of-type(12) {
	background: url("../index_images/i_11.jpg") center center / cover no-repeat;
	-webkit-animation-delay: 33s;
	-moz-animation-delay: 33s;
	-ms-animation-delay: 33s;
	animation-delay: 33s;
}

@keyframes anime {
  0% {
        opacity: 0;
    }
    8% {
		z-index: -1;
        opacity: 1;
    }
    17% {
		z-index: -1;
        opacity: 1;
   }
    25% {
		z-index: -1;
        opacity: 0;
        /*transform: scale(1.2) ;*/
    }
    100% { opacity: 0 }
}

#index .main .container {
	height: 100%;
	position: relative;
}
#index .main .copy p:first-child {
	font-size: 58px;
	letter-spacing: 10px;
	margin-bottom: 60px!important;
text-shadow: 0 0px 10px #000;
}
#index .main .copy p {
	font-size: 24px;
	letter-spacing: 8px;
text-shadow: 0 2px 3px #000;
}
/*
#index .main .news {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	position: absolute;
	bottom: 70px;
	right: 0;
	z-index: 2;
}
#index .main .news a {
	color: #fff;
}
#index .main .news a:hover {
	opacity: 0.9;
}
#index .main .news iframe a {
	color: #fff;
}
#index .main .news a.btn_newslist {
	display: flex;
	align-items: center;
	padding: 0 5px;
	background: #fff;
	color: #d80013;
	font-size: 14px;
	text-align: center;
	margin-left: 10px;
}
*/
#index .main .top_scroll {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	width: 100%;
	height: calc(90px - 30px);
	padding-bottom: 30px;
	background: #d80013;
	position: absolute;
	left: 0;
	bottom: 0;
}
#index .main .top_scroll a {
	display: block;
	color: #fff;
	font-size: 14px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	position: relative;
}
#index .main .top_scroll a::after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border-right: 1px #fff solid;
	border-bottom: 1px #fff solid;
	transform: rotate(45deg);
	position: absolute;
	left: 50%;
	bottom: -12px;
	margin-left: -6px;
}

/* index メッセージ ---------------------*/
#index #top_company {
	background: #d80013;
	color: #fff;
	padding-bottom: 160px!important;
	position: relative;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 946px);
	padding-top: 30px!important;
}
#index #top_company::after {
	content: "";
	display: block;
	width: 100%;
	height: 600px;
	background: rgba(255,255,255,0.23);
	clip-path: polygon(0 140px, 100% 0, 100% 100%, 0 460px);
	position: absolute;
	left: 0;
	bottom: -430px;
}
#index #top_company .r_b_border {
	position: relative;
}
#index #top_company .r_b_border::after {
	content: "";
	display: block;
	width: calc(100% + 60px);
	height: 100%;
	border-right: 1px #fff solid;
	border-bottom: 1px #fff solid;
	position: absolute;
	top: 0;
	left: -30px;
}
#index #top_company h1 {
	text-align: center;
	letter-spacing: 8px;
	margin-bottom: 40px;
	position: relative;
	z-index: 2;
}
#index #top_company h2 {
	color: #fff;
	position: relative;
	z-index: 2;
}
#index #top_company a.btn_newslist {
	display: inline-block;
	padding: 15px 10px;
	background: #fff;
	color: #d80013;
	font-size: 14px;
	text-align: center;
	position: relative;
	z-index: 2;
}
#index #top_company p,
#index #top_company a,
#index #top_company .row {
	position: relative;
	z-index: 2;
}
/*
#index #top_company .youtube {
	width: 540px;
	height: 315px;
	margin: auto;
	position: relative;
}
#index #top_company .youtube::before {
	content: "";
	display: block;
	width: 740px;
	height: 315px;
	background: linear-gradient(to right, rgba(0,0,0,0.00) 0, rgba(0,0,0,100) 40%, rgba(0,0,0,100) 60%, rgba(0,0,0,0.00) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,0.00) 0, rgba(0,0,0,100) 40%, rgba(0,0,0,100) 60%, rgba(0,0,0,0.00) 100%);
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -370px;
	z-index: -1;
}
*/

#index .btn_more {
	display: block;
	width: 160px;
	padding: 12px 0;
	border: 2px #fff solid;
	border-radius: 30px;
	color: #fff;
	font-size: 18px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;	
	text-align: center;
	letter-spacing: 1px;
	margin: 0 auto 60px;
	transition: all .3s;
}
#index .btn_more:hover {
	opacity: 1;
	background: #fff;
	color: #d80013;
}

#index #top_about,
#index #top_voice,
#index #top_recruit {
	width: 100%;
	height: 600px;
	padding: 0!important;
	position: relative;
	margin-top: -140px;
}
#index .photo {
width: 100%;
	max-width: 560px;
	height: 100%;
z-index:-1;
}
#index #top_about .container,
#index #top_voice .container,
#index #top_recruit .container {
	display: flex;
	position: absolute;
	top: 50%;
/*
	left: 50%;
	transform: translate(-50%, -50%);
*/
}
#index #top_about .container,
#index #top_recruit .container {
	justify-content: flex-end;
}

#index .color {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	width: 50%;
	height: 100%;
	color: #444f58;
}
#index h2 {
	width: 100%;
	margin-bottom: 10px!important;
}
#index h2 span {
	display: block;
	font-size: 20px;
	letter-spacing: 2px;
}
#top_about .container p,
#top_voice .container p,
#top_about .container p,
#top_recruit .container p,
ul.link {
	width: 100%;
}
ul.link {
	display: flex;
	flex-wrap: nowrap;
}
ul.link li {
	width: calc(100% - 6px);
	margin: 0 3px;
}
ul.link li a {
	display: block;
	padding: 10px;
	background: #444f58;
	color: #fff;
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
	transition: all .3s;
	z-index:2;
}
ul.link li a:hover {
	opacity: 1;
	background: #242D33;
}

#index .color .btn_more {
	margin: 0 auto 0 0;
}

/* index ロームのものづくり ----------------*/
#index #top_about {
	background: #ced700;
	clip-path: polygon(0 0, 100% 140px, 100% 460px, 0 100%);
    /*clip-path: polygon(0 140px, 100% 0, 100% 100%, 0 460px);*/
}
#index #top_about::before {
	content: "";
	display: block;
	width: 100%;
	height: 600px;
	background: rgba(255,255,255,0.23);
	clip-path: polygon(0 0, 100% 140px, 100% 460px, 0 100%);
	/*clip-path: polygon(0 0, 100% 0, 100% 100%);*/
	position: absolute;
	left: 0;
	top: -490px;
}
#index #top_about::after {
	content: "";
	display: block;
	width: 100%;
	height: 200px;
	background: rgba(255,255,255,0.23);
	clip-path: polygon(0 0, 100% 140px, 100% 100%, 0 100%);
	/*clip-path: polygon(0 100%, 100% 0, 100% 100%);*/
	position: absolute;
	left: 0;
	bottom: -30px;
}
#index #top_about .photo {
	background: url("../img/top_about.jpg") center center / cover no-repeat;
	/*margin-left: auto;*/
}
#index #top_about .container {
	/*right: 20px;*/
}
#index #top_about .color {
	/*color: #fff;*/
}
#index #top_about h2 {
	text-align: left;
}
/*#index #top_about h2 {
	text-align: right;
	color: #fff;
}
#index #top_about .container p {
	text-align: right;
}
#index #top_about ul.link {
	justify-content: flex-end;
}*/
#index #top_about ul.link li {
	width: auto;
}
/*#index #top_about .color .btn_more {
	margin: 0 0 0 auto;
}*/
#index #top_about .btn_more:hover {
	color: #ced700;
}
/* index 社員の声 -------------------------*/
#index #top_voice  {
	background: #9ca0cc;
	clip-path: polygon(0 140px, 100% 0, 100% 100%, 0 460px);
}
#index #top_voice::before {
	content: "";
	display: block;
	width: 100%;
	height: 140px;
	background: rgba(255,255,255,0.23);
	clip-path: polygon(0 0, 100% 0, 100% 100%);
	position: absolute;
	left: 0;
	top: -30px;
}
#index #top_voice::after {
	content: "";
	display: block;
	width: 100%;
	height: 140px;
	background: rgba(255,255,255,0.23);
	clip-path: polygon(0 100%, 100% 0, 100% 100%);
	position: absolute;
	left: 0;
	bottom: -30px;
}
#index #top_voice .photo {
	background: url("../img/top_voice.jpg") center center / cover no-repeat;
	margin-left: auto;
/*
	position: absolute;
	right: 0;
*/
}
#index #top_voice .container {
	right: 20px;
}
#index #top_voice .color {
	color: #fff;
}
#index #top_voice h2 {
	text-align: right;
	color: #fff;
}
#top_voice .container p {
	text-align: right;
}
#top_voice ul.link {
	justify-content: flex-end;
}
#top_voice ul.link li {
	width: auto;
	margin: 0 3px;
}
#index #top_voice .color .btn_more {
	margin: 0 0 0 auto;
}
#index #top_voice .btn_more:hover {
	color: #9ca0cc;
}
/* index 採用について -------------------------*/
#index #top_recruit {
	background: #d3d9dc;
	clip-path: polygon(0 0, 100% 140px, 100% 460px, 0 100%);
}
#index #top_recruit::after {
	content: "";
	display: block;
	width: 100%;
	height: 180px;
	background: rgba(255,255,255,0.23);
	clip-path: polygon(0 0, 100% 0, 100% 40px, 0% 100%);
	position: absolute;
	left: 0;
	top: -10px;
}
#index #top_recruit .photo {
	background: url("../img/top_recruit.jpg") center center / cover no-repeat;
}
#index #top_recruit h2 {
	text-align: left;
}
#index #top_recruit .btn_more:hover {
	color: #d3d9dc;
}
/* index もっと知りたいローム ----------------*/
#index #top_rohm .col3 .ttl {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 56px;
	font-size: 20px;
	line-height: 1.2;
	text-align: center;
	border-top: 1px #000 solid;
	border-bottom: 2px #000 solid;
}
#index .btn_viewmore {
	margin-top: 0;
}

/* IEのみ適応 */
@media all and (-ms-high-contrast: none) {
	#index #top_about,
	#index #top_voice,
	#index #top_recruit {
		height: 400px;
		margin-top: 0;
		clip-path: none;
	}
	#index #top_company::after,
	#index #top_about::after,
	#index #top_voice::before,
	#index #top_voice::after,
	#index #top_recruit::after {
		display: none;
	}
	ul.link li {
		width: auto;
		margin: 0 3px;
	}
}


/* 下層ページ インデックス メイン画像 ------------------------------------*/
.main_img {
	width: 100%;
	min-width: 1200px;
	position: relative;
}
.main_img::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url("../img/main_layer_wh.png") left bottom / contain no-repeat;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}
/* 各ページの色指定 */
#voice .main_img {
	border-top: 20px #9ca0cc solid;
}
#recruit .main_img {
	border-top: 20px #d3d9dc solid;
}
#message .main_img {
	border-top: 20px #132c8d solid;
}
#about .main_img {
	border-top: 20px #ced700 solid;
}
.main_img .index_ttl {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	width: 360px;
	height: 260px;
	background-blend-mode: multiply;
	position: absolute;
	top: 20%;
	left: 50%;
	margin-left: -180px;
}
/* 各ページの色指定 */
#voice .main_img .index_ttl {
	background: rgba(37,42,114,0.50);
}
#recruit .main_img .index_ttl {
	background: rgba(121,135,147,0.30);
}
#message .main_img .index_ttl {
	background: rgba(6,11,51,0.55);
}
#about .main_img .index_ttl {
	background: rgba(78,92,0,0.65);
}
.main_img .index_ttl p {
	color: #fff;
	font-size: 28px;
	text-align: center;
	letter-spacing: 5px;
}
.main_img .index_ttl p span {
	display: block;
	font-size: 54px;
	font-weight: bold;
}
.intro {
	font-size: 18px;
	text-align: center;
}

/* 下層ページ パンくず ------------------------------------------------*/
.pan-nav {
	height: 40px;
}
.pan-nav .container {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	height: 100%;
	font-size: 14px;
	line-height: 1;
}
.pan-nav .parent {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	width: 300px;
	height: 100%;
	background: #434f58;
	color: #fff;
}
.pan-nav .parent span {
	display: block;
	font-size: 24px;
	font-weight: bold;
	margin-right: 20px;
}
.pan-nav .child {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	width: 100%;
	height: 100%;
	padding-left: 20px;
	color: #434f58;
}
/* 各ページの色指定 */
#voice .pan-nav {
	background: linear-gradient(to right, #434f58 50%, #9ca0cc 50% 100%);
	background: -ms-linear-gradient(left, #434f58 50%, #9ca0cc 50% 100%);
}
#recruit .pan-nav,
#news .pan-nav {
	background: linear-gradient(to right, #434f58 50%, #d3d9dc 50% 100%);
	background: -ms-linear-gradient(left, #434f58 50%, #d3d9dc 50% 100%);
}
#about .pan-nav {
	background: linear-gradient(to right, #434f58 50%, #ced700 50% 100%);
	background: -ms-linear-gradient(left, #434f58 50%, #ced700 50% 100%);
}
#voice .child {
	background: #9ca0cc;
}
#recruit .child,
#news .child {
	background: #d3d9dc;
}
#about .child {
	background: #ced700;
}


/* VOICE ---------------------------------------------------------*/
.interview_cate {
	display: flex;
	align-items: center;
	padding: 0 60px 10px;
	margin-bottom: 10px;
	border-bottom: 2px #444F58 solid;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.interview_cate ul {
	display: flex;
	align-items: center;
}
.interview_cate ul:nth-child(2) {
	margin-left: 100px;
}
.interview_cate ul li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100px;
	border-right: 1px #929292 solid;
}
.interview_cate ul li:last-child {
	border-right: none;
}
.interview_cate ul li:first-child {
	height: 30px;
	border-right: none;
	background: #444F58;
	color: #fff;
}
.interview_cate ul li a {
	color: #929292;
}
#voice .btn_all {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 140px;
	height: 36px;
	background: #444F58;
	color: #fff;
	margin: 20px 0 60px auto;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
/* クロストーク ---------------------*/
/*
#voice #xtalk img {
	max-width: 840px;
	margin: auto;
}
*/
.slide .sp-slide a.xtalk_slide01 {
	background: url("../img/voice_xtalk01.jpg") center top / cover no-repeat;
}
.slide .sp-slide a.xtalk_slide02 {
	background: url("../img/voice_xtalk02.jpg") center top / cover no-repeat;
}
.slide .sp-slide a.xtalk_slide03 {
	background: url("../img/voice_xtalk03.jpg") center top / cover no-repeat;
}
#xtalk .slide .sp-slide .talk_ttl {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	width: 100%;
	height: 180px;
	background: rgba(14, 22, 53, 0.17);
	position: absolute;
	left: 0;
	bottom: 0;
}
#xtalk .slide .sp-slide .talk_ttl p {
	color: #fff;
	font-size: 34px;
	line-height: 1.4;
}
#xtalk .slide .sp-slide .talk_ttl p span {
	font-size: 24px;
	text-shadow: 0px 1px 3px #000000; 
}

#xtalk .slide .sp-slide .talk_ttl p span.gothic {
	font-size: 18px;
	display: block;
	margin-bottom: 5px;
}

/* クロストーク 詳細ページ ------------*/
.xtalk_ttl {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 40px 0;
}
.xtalk_ttl p:first-child {
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 5px;
	border-bottom: 3px #9ca0cc solid;
	margin-right: 25px;
}
.xtalk_ttl p:last-child {
	font-size: 34px;

}
.xtalk_ttl p:last-child span {
	font-size: 24px;
}
.xtalk_main_pc {
	display: block;
}
.xtalk_main {
	display: none;
}
.xtalk_main_sp {
	display: none;
}
.xtalk_main .comment01,
.xtalk_main .comment02,
.xtalk_main .comment03 {
	display: none;
}
.syain_expo {
	display: none;
}
.syain {
	width: calc(100% / 4 - 21px);
	border-left: 1px #444f58 solid;
	padding-left: 20px;
}
.syain p:last-child {
	line-height: 1.6;
}
.syain .name_label {
	display: inline-block;
	margin-left: 10px;
}
.name_label {
	padding: 3px 8px;
	color: #fff;
	line-height: 1;
}
.name_label.colr01 {
	background: #928075;
}
.name_label.colr02 {
	background: #73c6c2;
}
.name_label.colr03 {
	background: #9ca0cc;
}
.name_label.colr04 {
	background: #d5b245;
}
.conversation {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.conversation p {
	width: calc(100% - 70px);
	line-height: 1.6;
}

.xtalk_bana {
	position: relative;
}
.xtalk_bana .talk_ttl {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	width: 100%;
	height: 90px;
	background: rgba(14,22,53,0.50);
	position: absolute;
	left: 0;
	bottom: 0;
}
.xtalk_bana .talk_ttl p {
	color: #fff;
	font-size: 24px;
	line-height: 1.4;
}
.xtalk_bana .talk_ttl p {
	font-size: 24px;
}
.xtalk_bana .talk_ttl p span {
	font-size: 18px;
}
.xtalk_bana .talk_ttl p span.gothic {
	font-size: 16px;
	display: block;
}


#voice .col3 {
	width: calc(100% / 3 - 2px);
	margin-bottom: 4px;
	position: relative;
	overflow: hidden;
}
#voice div.col3 {
	pointer-events: none;
}
#voice .col3:hover {
	opacity: 1;
}
#voice .col3:hover::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.40);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
#voice .col3 img {
	transition: all .6s ease;
}
#voice .col3:hover img {
	transform: scale(1.1);
}
#voice ul.cate_list {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}
#voice ul.cate_list li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 110px;
	height: 28px;
	color: #fff;
	font-size: 14px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
#voice ul.cate_list li.cate01 {
	background: #29A4DB;
}
#voice ul.cate_list li.cate01_2 {
	background: #EA5A24;
}
#voice ul.cate_list li.cate02 {
	background: #444F58;
}
#voice ul.cate_list li.cate03 {
	background: #8F959B;
}
#voice .col3 .prof {
	display: none;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 30px;
	z-index: 3;
}
#voice .col3 .prof p {
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 1.4;
}
#voice .col3 .prof p span {
	display: block;
	font-size: 28px;
	margin-bottom: 5px;
}
#voice .col3:hover .prof {
	display: block;
}

/* Voice 詳細ページ ------------*/
.voice_main {
	width: 100%;
	min-width: calc(1200px - 30px);
	height: 500px;
	margin-bottom: 200px;
	position: relative;
}
.voice_main#voice01 {
	background: url("../img/voice_01_main.jpg") left center / 1400px no-repeat;
}
.voice_main#voice02 {
	background: url("../img/voice_02_main.jpg") right center / 1400px no-repeat;
}
.voice_main#voice03 {
	background: url("../img/voice_03_main.jpg") left center / 1300px no-repeat;
}
.voice_main#voice04 {
	background: url("../img/voice_04_main.jpg") left center / 1400px no-repeat;
}
.voice_main#voice05 {
	background: url("../img/voice_05_main.jpg") left center / 1400px no-repeat;
}
.voice_main#voice06 {
	background: url("../img/voice_06_main.jpg") left center / 1400px no-repeat;
}
.voice_main#voice07 {
	background: url("../img/voice_07_main.jpg") left center / 1400px no-repeat;
}
.voice_main#voice08 {
	background: url("../img/voice_08_main.jpg") left top / 1400px no-repeat;
}
.voice_main#voice09 {
	background: url("../img/voice_09_main.jpg") right center / 1400px no-repeat;
}
.voice_main#voice10 {
	background: url("../img/voice_10_main.jpg") left center / 1400px no-repeat;
}
.voice_main#voice11 {
	background: url("../img/voice_11_main.jpg") left center / 1400px no-repeat;
}
.voice_main#voice12 {
	background: url("../img/voice_12_main.jpg") right center / 1400px no-repeat;
}
.voice_main#voice13 {
	background: url("../img/voice_13_main.jpg") left center / 1400px no-repeat;
}
.voice_main#voice14 {
	background: url("../img/voice_14_main.jpg") left center / 1400px no-repeat;
}
.voice_main h1 {
	position: absolute;
	top: 35%;
	left: 50%;
}
.voice_main h1.left {
	width: calc(1200px - 30px);
	margin: auto;
	position: relative;
	left: 0;
}
.prof_label {
	display: flex;
	justify-content: center;
	width: 540px;
	min-height: 200px;
	background: rgba(255,255,255,0.70);
	box-shadow: 5px 5px 3px rgba(0,0,0,0.30);
	position: absolute;
	left: 50%;
	bottom: -100px;
	margin-left: -270px;
}
.prof_label ul.cate_list {
	top: 5px!important;
	left: 5px!important
}
.prof_label p {
	color: #444f58;
	font-size: 18px;
	line-height: 1.6;
	padding: 45px 0 30px;
	text-align: center;
}
.prof_label p span {
	display: block;
	font-size: 38px;
}

.btn_back {
	font-size: 24px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #444f58;
}
.btn_back:hover {
	opacity: 1;
	color: #d80013;
}

/* RECRUIT ---------------------------------------------------------*/
#recruit_info .col2 {
	width: calc(100% / 2 - 2px);
	margin-bottom: 4px;
	position: relative;
	overflow: hidden;
}
#recruit_info .col2::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url("../img/rec_layer.png") left bottom / contain no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
#recruit_info .col2:hover {
	opacity: 1;
}
#recruit_info .col2 img {
	transition: all .6s ease;
}
#recruit_info .col2:hover img {
	transform: scale(1.1);
}
#recruit_info .col2 p {
	width: calc(100% - 60px);
	padding: 30px;
	font-size: 24px;
	color: #fff;
	line-height: 1;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
}
#recruit_info .col2 p::after {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	border-top: 1px #fff solid;
	border-right: 1px #fff solid;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 30px;
	margin-top: -10px;
}
#recruit .btn_detail {
	font-size: 20px;
	color: #444f58;
	position: relative;
}
#recruit .btn_detail::after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border-top: 1px #444f58 solid;
	border-right: 1px #444f58 solid;
	transform: rotate(45deg);
	position: absolute;
	top: 5px;
	right: -30px;
}
#company_profile .col3 {
	background: #444f58;
	background-position: center top 10px;
	background-size: 100px;
	background-repeat: no-repeat;
	height: 160px;
	margin-bottom: 20px;
	position: relative;
}
#company_profile .col3:nth-child(1) {
	background-image: url("../img/rec_icon01.png");
}
#company_profile .col3:nth-child(2) {
	background-image: url("../img/rec_icon02.png");
}
#company_profile .col3:nth-child(3) {
	background-image: url("../img/rec_icon03.png");
}
#company_profile .col3:nth-child(4) {
	background-image: url("../img/rec_icon04.png");
}
#company_profile .col3:nth-child(5) {
	background-image: url("../img/rec_icon05.png");
}
#company_profile .col3:last-child {
	background: none;
	height: 0;
}
#company_profile .col3 p {
	width: calc(100% - 60px);
	padding: 20px 30px;
	font-size: 20px;
	color: #fff;
	letter-spacing: 10px;
	line-height: 1;
	position: absolute;
	left: 0;
	bottom: 0;
}
#company_profile .col3 p::after {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: url("../img/icon_arrow.png") center center / contain no-repeat;
	position: absolute;
	top: 50%;
	right: 30px;
	margin-top: -10px;
}

/* 採用情報 ------------*/
.rec_info_main {
	width: 100%;
	height: 500px;
	min-width: 1200px;
	background: #d3d9dc url("../img/bg_border.png") left top / 8px repeat;
	position: relative;
}
.rec_info_main::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url("../img/main_layer_wh.png") left bottom / contain no-repeat;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}
.rec_info_main .index_ttl {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	width: 680px;
	height: 100px;
	background: linear-gradient(to right, rgba(255,255,255,0.00) 0%, #fff 50%, rgba(255,255,255,0.00) 100%);
	background: -ms-linear-gradient(to right, rgba(255,255,255,0.00) 0%, #fff 50%, rgba(255,255,255,0.00) 100%);
	font-size: 38px;
	color: #434f58;
	position: absolute;
	top: 25%;
	left: 50%;
	margin-left: -340px;
}

/* 新卒採用について */
#recruit_newg {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #444f58;
}
.request_ttl {
	font-size: 20px;
	font-weight: bold;
	color: #d90013;
	letter-spacing: 3px;
	line-height: 1;
	padding-bottom: 15px;
	border-bottom: 1px #000 solid;
	margin-bottom: 15px;
}
#recruit_newg table {
	width: 100%;
	border: 1px #444f58 solid;
}
#recruit_newg table th {
	font-weight: normal;
	padding: 15px 0;
	border-right: 1px #444f58 solid;
	border-bottom: 1px #444f58 solid;
	box-sizing: border-box;
	vertical-align: middle;
	line-height: 1.4;
}
#recruit_newg table tr:first-child th:nth-child(1) {
	width: 200px;
}
#recruit_newg table tr:first-child th:nth-child(3) {
	width: 160px;
}
#recruit_newg table.major tr:first-child th:nth-child(2) {
	width: 280px;
}
#recruit_newg table.major tr:first-child th:nth-child(3) {
	width: 680px;
}
#recruit_newg table.major tr:first-child th:nth-child(4) {
	width: 160px;
}
#recruit_newg table.major tr:nth-child(2) th {
	width: 40px;
  	height: 90px;
	position: relative;
}
#recruit_newg table.major tr:nth-child(2) th span {
  	-ms-writing-mode: vertical-rl;
  	writing-mode: vertical-rl;
	text-align: left;
 	display: block;
	height: calc(100% - 40px);
	padding: 15px 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#recruit_newg table.allowance th {
	width: calc(100% / 5)!important;
}
#recruit_newg table.allowance td {
	text-align: center;
}

#recruit_newg table td {
 	padding: 15px;
	border-right: 1px #444f58 solid;
	border-bottom: 1px #444f58 solid;
	box-sizing: border-box;
	vertical-align: middle;
}
#recruit_newg table td:first-child {
/* 	text-align: center;*/
}
#recruit_newg table th p {
	line-height: 1.2;
}
#recruit_newg table td p {
	line-height: 1.6;
}

/* キャリア採用について */
#recruit_carrier .col2 {
	background: #444f58;
	background-position: left 60px center;
	background-size: 100px;
	background-repeat: no-repeat;
	height: 200px;
	margin-bottom: 40px;
	position: relative;
}
#recruit_carrier .col2:nth-child(1) {
	background-image: url("../img/rec_carrier_icon01.png");
}
#recruit_carrier .col2:nth-child(2) {
	background-image: url("../img/rec_carrier_icon02.png");
}
#recruit_carrier .col2:nth-child(3) {
	background-image: url("../img/rec_carrier_icon03.png");
}
#recruit_carrier .col2:nth-child(4) {
	background-image: url("../img/rec_carrier_icon04.png");
}
#recruit_carrier .col2:nth-child(5) {
	background-color: #d3d9dc;
	background-image: url("../img/rec_carrier_icon05.png");
}
#recruit_carrier .col2 p {
	width: 300px;
	font-size: 20px;
	color: #fff;
	line-height: 1;
	position: absolute;
	top: 50%;
	right: 60px;
	margin-top: -10px;
}
#recruit_carrier .col2 p::after {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: url("../img/icon_arrow.png") center center / contain no-repeat;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -10px;
}
#recruit_carrier .col2:nth-child(5) p {
	color: #444f58;
}
#recruit_carrier .col2:nth-child(5) p::after {
	background: url("../img/icon_arrow2.png") center center / contain no-repeat;
}

#recruit .btn_entry {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 360px;
	height: 46px;
	background: #d80013;
	color: #fff;
	font-size: 24px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	margin: auto;
}

/* 留学生採用について */
#recruit_intl_st .btn_request,
#recruit_intl_st .btn_entry {
	display: flex;
	align-items: center;
	width: calc(48% - 40px);
	height: 50px;
	padding: 0 20px;
	font-size: 18px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #fff;
}
#recruit_intl_st .btn_request {
	background: #434f58;
}
#recruit_intl_st .btn_entry {
	background: #d90013;
}
#recruit_intl_st .btn_request span,
#recruit_intl_st .btn_entry span {
	display: block;
	width: 100%;
	position: relative;
}
#recruit_intl_st .btn_request span::after,
#recruit_intl_st .btn_entry span::after {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	border-top: 1px #fff solid;
	border-right: 1px #fff solid;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -7px;
}

/* グループ会社の採用について */
#recruit_group {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #444f58;
}
#recruit_group .ttl {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #d90013;
	line-height: 1;
	letter-spacing: 2px;
	padding-bottom: 15px;
	border-bottom: 5px #d90013 solid;
}
#recruit_group .group_co {
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 2px;
	padding-left: 38px;
	padding-bottom: 6px;
	border-bottom: 1px #444f58 solid;
	margin-bottom: 10px;
	position: relative;
}
#recruit_group .group_co span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	background: #444f58;
	color: #fff;
	letter-spacing: 0;
	position: absolute;
	left: 0;
	bottom: 0;
}
#recruit_group .co_img {
	width: 160px;
}
#recruit_group .add p {
	padding-left: 15px;
	line-height: 1.4;
}
#recruit_group .btn_website {
	display: block;
	width: calc(100px - 20px);
	padding: 5px 10px;
	background: #444f58;
	color: #fff;
	font-size: 14px;
	margin: 20px 0 60px auto;
	position: relative;
}
#recruit_group .btn_website::after {
	display: block;
	content: "\03e";
	position: absolute;
	top: 5px;
	right: 10px;
}
#recruit_group .group_ttl {
    font-size: 20px;
    font-weight: bold;
    color: #444f58;
    line-height: 1;
    padding-bottom: 10px;
    border-bottom: 1px #000 solid;
    margin-bottom: 15px;
}
#recruit_group .btn_detail {
	box-sizing: border-box;
    padding: .8em;
	border: 2px #d90013 solid;
    color: #444f58;
    text-align: center;
}
#recruit_group .btn_detail::after {
    top: calc(50% - 6px);
	right: 30px;
}
sup {
    font-size: 0.6em;
    position: relative;
    top: -.5em;
}

/* 入社後のフォロー体制 ------------------*/
#recruit_support {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #444f58;
}
#recruit_support .ttl {
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	padding: 10px 0;
	border-top: 2px #444f58 solid;
	border-bottom: 2px #444f58 solid;
	margin-bottom: 20px;
	color: #444f58;
}
#recruit_support .sub_ttl {
	font-size: 18px;
	line-height: 1.4;
	color: #d90013;
	border-left: 10px #d90013 solid;
	margin-bottom: 20px;
}
#recruit_support .sub_ttl span {
	display: block;
	margin-left: 8px;
	border-bottom: 1px #d90013 solid;
}
#recruit_support .ojt {
	padding-left: 70px;
	background: url("../img/rec_support_icon01.jpg") left top / contain no-repeat;
}
#recruit_support .menter {
	padding-left: 70px;
	background: url("../img/rec_support_icon02.jpg") left top / contain no-repeat;
}
/* タブ切り替え */
.tabs {
	position: relative;
}
.tabs::before {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #d90013;
	position: relative;
	top: 34px;
	left: 0;
}
.tab_item {
 	display: flex;
	justify-content: center;
	align-items: center;
 	width: calc(100% / 3 - 10px);
 	height: 30px;
 	background: #929292;
  	color: #fff;
 	font-size: 16px;
 	font-weight: bold;
 	text-align: center;
	cursor: pointer;
}
/*ラジオボタンを全て消す*/
.tabs input {
  	display: none;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  	background: #d90013;
	border-bottom: 2px #d90013 solid;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
  	display: none;
	padding-top: 20px;
}
/*選択されているタブのコンテンツのみを表示*/
#tab01:checked ~ #tab_cont01,
#tab02:checked ~ #tab_cont02,
#tab03:checked ~ #tab_cont03 {
  	display: block;
	width: 100%;
}

/* 採用フロー --------------------------*/
.rec_flow  {
	display: flex;
	flex-wrap: wrap;
}
.rec_flow .step,
.rec_flow .detail {
	display: flex;
	align-items: center;
	height: 90px;
	padding: 0 30px;
}
.rec_flow .step  {
	width: calc(280px - 60px);
	color: #fff;
	font-size: 18px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: bold;
}
.rec_flow .step.no1  {
	background: #444f58 url("../img/rec_flow_01.png") right 30px center / 90px no-repeat;
}
.rec_flow .step.no2  {
	background: #444f58 url("../img/rec_flow_02.png") right 30px center / 90px no-repeat;
}
.rec_flow .step.no3  {
	background: #444f58 url("../img/rec_flow_03.png") right 30px center / 90px no-repeat;
}
.rec_flow .step.no4  {
	background: #444f58 url("../img/rec_flow_04.png") right 30px center / 90px no-repeat;
}
.rec_flow .step.no5  {
	background: #444f58 url("../img/rec_flow_05.png") right 30px center / 90px no-repeat;
}
.rec_flow .step.no6  {
	background: #444f58 url("../img/rec_flow_06.png") right 30px center / 90px no-repeat;
}
.rec_flow .detail {
	width: calc(100% - 280px - 60px);
	background: #d3d9dc;
}
.rec_flow .detail p {
	line-height: 1.6;
}

/* FAQ ----------------------------------*/
#recruit #selection,
#recruit #after,
#recruit #international,
#recruit #other {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
ul.faq_list li a {
	display: block;
	font-size: 18px;
	padding-bottom: 8px;
	border-bottom: 2px #d90013 solid;
}
/* accordion */
dl.accordion {
	display: block;
	width: 100%;
	border-bottom: 1px #444f58 solid;
}
dl.accordion dt {
	width: 100%;
	padding: 15px 0;
	cursor: pointer;
	position: relative;
}
dl.accordion dt::after {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: url("../img/faq_open.gif") center center / contain no-repeat;
	position: absolute;
	top: 50%;
	right: 30px;
	margin-top: -10px;
}
dl.accordion dt.open::after {
	background: url("../img/faq_close.gif") center center / contain no-repeat;
}
dl.accordion dt p {
	padding: 0 70px 0 30px;
	position: relative;
}
dl.accordion dt p span {
	position: absolute;
	top: 0;
	left: 0;
}
dl.accordion dd {
	display: none;
	padding: 0 0 15px;
}
dl.accordion dd p {
	padding: 0 30px;
	position: relative;
}
dl.accordion dd p::before {
	content: "A";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
dl.accordion dd a {
	color: #d90013;
	text-decoration: underline;
}

/* ENTRY, MY PAGE --------------------------*/
.recruit_entry {
	width: 735px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.recruit_entry.only {
	width: 100%;
}
.intern_entry {
	width: 300px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.recruit_entry .ttl,
.intern_entry .ttl {
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	color: #444f58;
	line-height: 1;
	padding-bottom: 10px;
	border-bottom: 2px #444f58 solid;
}
.recruit_entry a,
.intern_entry a {
	display: block;
	width: calc(300px - 4px);
	border: 2px #d80013 solid;
	position: relative;
}
#mypage .recruit_entry a,
#mypage .intern_entry a {
	border: 2px #027bd7 solid;
}
.recruit_entry a::after,
.intern_entry a::after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	border-right: 2px #444f58 solid;
	border-bottom: 2px #444f58 solid;
	transform: rotate(45deg);
	position: absolute;
	left: 50%;
	bottom: 20px;
	margin-left: -8px;
}
.recruit_entry a p ,
.intern_entry a p {
	background: #d80013;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	letter-spacing: 1px;
	padding: 26px 0;
}
#mypage .recruit_entry a p ,
#mypage .intern_entry a p {
	background: #027bd7;
}
.recruit_entry a span ,
.intern_entry a span {
	display: flex;
	justify-content: center;
	width: 100%;
	height: calc(110px - 20px);
	padding-top: 20px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	color: #444f58;
}
.recruit_entry a span {
	height: calc(110px - 30px);
	padding-top: 30px;
}
.recruit_entry a.carrier span {
	background: #e5f2fb;
}
.intern_entry a span {
	background: #d3d9dc;
}
.text {
	display: block;
	padding-top:20px;
	padding-left:5px;
}

.mt_60 {
	margin-top: 60px;
}
.icon_pdf {
	display: inline-block;
	padding-left: 45px;
	text-decoration: underline;
	position: relative;
}
.icon_pdf::before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	background: url("../img/icon_pdf.png") center center / contain no-repeat;
	position: absolute;
	top: -5px;
	left: 0;
}

/* メッセージ ---------------------------------------------------------*/
#message #personal img {
	max-width: 680px;
	margin: -120px auto 0;
}

/* ニュース一覧 ---------------------------------------------------------*/
#news section {
	padding-top: 80px!important;
}
#news article {
	display: block;
}
#news article a {
	display: block;
	padding: 40px 0;
	border-bottom: 1px #8f959b solid;
}
#news article a:first-child {
	padding: 0 0 40px;
}
#news article span {
	display: inline-block;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
#news article span.date {
	padding-bottom: 5px;
	border-bottom: 1px #444f58 solid;
	margin-right: 10px;
}
#news article span.important {
	font-size: 14px;
	background: #d80013;
	color: #fff;
	padding: 5px 10px;
}
#news article p {
	margin-top: 20px;
}

/* ロームのものづくり ---------------------------------------------------------*/
/* ここにもローム ---------------------*/
.slide {
	width: 100%;
}
.slide .sp-slide a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.slide .sp-slide a.slide01 {
	background: url("../img/about_rohm01.jpg") center center / cover no-repeat;
}
.slide .sp-slide a.slide02 {
	background: url("../img/about_rohm02.jpg") center center / cover no-repeat;
}
.slide .sp-slide a.slide03 {
	background: url("../img/about_rohm03.jpg") center center / cover no-repeat;
}
#rohm .slide .sp-slide a p {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 240px;
	height: 240px;
	background: rgba(36,48,56,0.35);
	color: #fff;
	font-size: 28px;
	text-align: center;
	line-height: 1.4;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -120px 0 0 -120px;
}
#rohm .slide .sp-slide a p::after {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	border-right: 2px #fff solid;
	border-bottom: 2px #fff solid;
	transform: rotate(45deg);
	position: absolute;
	left: 50%;
	bottom: 40px;
	margin-left: -10px;
}
.slide .sp-buttons {
	padding-top: 40px;
}
.slide .sp-button {
	width: 15px;
    height: 15px;
	background: #bec1c5;
	border-radius: 50%;
	border: none;
    margin: 0 10px;
    display: inline-block;
    cursor: pointer;
}
.slide .sp-selected-button {
	background: #444f58;
}

/* マンガでみるプロジェクトストーリー ---------*/
#story a {
	display: block;
}
input#hidden {
	display: none;
}
.btn_viewmore {
	display: block;
	margin-top: 60px;
	font-size: 18px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	cursor: pointer;
	position: relative;
}
.btn_viewmore::after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	border-right: 1px #000 solid;
	border-bottom: 1px #000 solid;
	transform: rotate(45deg);
	position: absolute;
	left: 50%;
	bottom: -25px;
	margin-left: -8px;
}
.hidden .hidden_cont {
	display: none;
}
input#hidden:checked + .hidden_cont {
	display: block;
}
input#hidden:checked ~ center .btn_viewmore {
	display: none;
}

/* 製品 --------------------------------*/
#products .col3 {
	width: 350px;
	height: 350px;
	position: relative;
}
#products .col3:nth-child(1) {
	background: url("../img/about_products01.jpg") center bottom 20px / 220px no-repeat;
}
#products .col3:nth-child(2) {
	background: url("../img/about_products02.jpg") center bottom 20px / 220px no-repeat;
}
#products .col3:nth-child(3) {
	background: url("../img/about_products03.jpg") center bottom 20px / 220px no-repeat;
}
#products .col3:nth-child(1)::after,
#products .col3:nth-child(2)::after{
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background: #444f58;
	position: absolute;
	top: 0;
	right: -30px;
}
#products .product_num {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 36px;
	background: #444f58;
	color: #fff;
	font-weight: bold;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	margin: auto;
}
#products .product {
	width: 100%;
	padding: 20px 0 10px;
	background: #444f58;
	color: #fff;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	text-align: center;
	margin: -15px 0 50px;
}
#products .product p {
	line-height: 1;
}
#products .product p.en {
	font-size: 28px;
	margin-bottom: 8px;
}
#products .product p.en span {
	display: inline-block;
	font-weight: bold;
	color: #ced700;
	margin-right: 5px;
}
#products .col3 a {
	display: block;
	width: calc(100% - 30px);
	padding: 15px;
	background: rgba(206,215,0,0.85);
	position: absolute;
	left: 0;
	bottom: 0;
}
#products .col3 a span {
	display: block;
	width: 100%;
	font-size: 14px;
	color: #444f58;
	position: relative;
}
#products .col3 a span::after {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	background: url("../img/icon_arrow2.png") center center / contain no-repeat;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -9px;
}
#products .col3 .yellow_line {
	width: 100%;
	height: 15px;
	background: rgba(206,215,0,0.85);
	position: absolute;
	left: 0;
	bottom: 0;
}

/* ここにもローム ---------------------------------------------------------*/
.products_rohm {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	width: 100%;
	height: 300px;
	background: #444f58;
	color: #fff;
}
.products_rohm h1 {
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
}
#products_item {
	padding-top: 20px!important;
}
#home, #town {
	padding-top: 0!important;
}
#products_item .scene a {
	display: block;
	width: calc(100% / 3 - 5px);
	padding: 15px 0;
	background: #d3d9dc;
	color: #fff;
	font-size: 14px;
	text-align: center;
}
#products_item .scene a:hover {
	background: #909EA4;
}
#products_item .scene a.on {
	background: #444f58;
	pointer-events: none;
}
#products_item .parts {
	border-top: 2px #444f58 solid;
	position: relative;
}
#products_item .parts.bt_non {
	border-top: none;
}

/* クリッカブルマスク -------------------------*/
#products_item .balloon {
	display: none;
	width: calc(340px - 4px);
	border: 2px #ced700 solid;
	background: #fff;
	margin: 0 auto 20px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
#products_item .balloon.no1 {
	margin: 30px auto 20px;
}
#products_item .balloon .ttl {
	display: flex;
	align-items: center;
	height: 55px;
	background: #ced700;
	font-size: 18px;
	line-height: 1.2;
	padding: 0 10px;
}
#products_item .balloon img {
	width: 160px;
	margin: auto;
}
#products_item .balloon .space {
	padding: 10px;
}

#products_other a {
	display: block;
	height: 240px;
	overflow: hidden;
	position: relative;
}
#products_other a:hover {
	opacity: 0.9;
}
#products_other a img {
	position: absolute;
	top: -50%;
	transition: all .6s ease;
}
#products_other a:hover img {
	transform: scale(1.1);
}
#products_other p {
	width: 100%;
	background: rgba(47,55,61,0.70);
	color: #fff;
	font-size: 18px;
	line-height: 1;
	text-align: center;
	padding: 25px 0;
	position: absolute;
	left: 0;
	bottom: 0;
}


.fix_btn {
	display: none;
	transform: all .3s;
}

/*==================================================================================
フッター
==================================================================================*/
footer {
	border-top: 2px #000 solid!important;
	padding: 60px 0!important;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
footer a:hover {
	opacity: 1;
	color: #d80013;
}
footer .foot_company {
	width: calc(270px - 1px);
	border-right: 1px #000 solid;
}
footer .foot_company .logo {
	width: 100px;
	margin-bottom: 15px;
}
footer .foot_company .contact {
	display: block;
	padding-left: 25px;
	font-size: 14px;
	background: url("../img/icon_mail.png") left top 3px / 18px no-repeat;
}
footer .foot_company .tel {
	padding-left: 25px;
	font-size: 14px;
	margin-bottom: 30px;
	background: url("../img/icon_tel.png") left top 3px / 18px no-repeat;
}
footer .foot_company .btn_companysite {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 140px;
	height: 36px;
	border: 1px #000 solid;
	border-radius: 20px;
	font-size: 14px;
	margin-bottom: 10px;
}
footer .foot_company .btn_companysite:hover {
	border: 1px #d80013 solid;
}
footer .foot_company .copy {
	font-size: 12px;
}

footer nav {
	width: calc(100% - 270px);
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
footer nav .col2 {
	width: auto;
	display: flex;
	flex-wrap: wrap;
}
footer nav .col2 ul {
	margin-left: 40px;
}
footer nav .col2 ul li p {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
}
footer nav .col2 ul li ul {
	margin-left: 0;
}
footer nav .col2 ul li ul li p {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 2px;
}

.pc {
	display: inline;
}
.sp {
	display: none;
}
.sp2 {
	display: none;
}

.topline{
transform: translate(0%, -50%);
}


@media screen and (max-width : 1199px) {



	p {
		font-size: 14px;
	}
	.pc {
		display: none;
	}
	.sp {
		display: inline;
	}

.topline{
transform: translate(0%, 0%);
padding-bottom: 50px!important;
padding-top: 15px!important;
}


	.fix_btn {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: calc(100% - 30px);
		height: calc(70px - 30px);
		padding: 15px;
		background: #fff;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 10;
		box-shadow: -2px 0 5px #ccc;
	}
	.fix_btn a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 40%;
		height: 100%;
	    background: #444f58;
		color: #fff;
		font-size: 16px;
		font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	}
	.fix_btn a:first-child {
        width: 30%;
		background: #d80013;
	}
	.fix_btn a:nth-child(2) {
        width: 30%;
		background: #027bd7;
	}

	/*==================================================================================
	ヘッダー
	==================================================================================*/
	header {
		position: relative;
	}
	header.btm_shadow {
		box-shadow: none;
	}
	.head_menu {
		width: calc(100% - 30px);
	}
	.head_menu .logo {
		width: 200px;
	}
	.head_menu .left_cont p {
		font-size: 12px;
	}
	.head_menu nav {
		display: none;
	}
	.head_menu .right_cont {
		display: none
	}
	
	/*==================================================================================
	メイン
	==================================================================================*/
	main {
		margin-bottom: 80px!important;
		margin-top: 0!important;
	}
	section {
		padding-top: 60px!important;
		padding-bottom: 20px!important;
	}
	main .container {
		max-width: calc(680px - 30px);
		margin: auto;
	}
	.container {
		width: calc(100% - 30px);
	}
	.mb_120 {
		margin-bottom: 80px;
	}
	.mb_60 {
		margin-bottom: 40px;
	}
	.font_s {
		font-size: 12px;
	}
	.font_m {
		font-size: 16px;
	}
	.font_l {
		font-size: 20px;
	}
	.line2 {
		line-height: 1.8;
	}
	h1 {
		font-size: 20px;
	}
	h2 {
		font-size: 24px;
		margin-bottom: 60px!important;
	}
	h2::after {
		width: 60px;
		height: 4px;
		bottom: -12px;
		margin-left: -30px;
	}
	
	.col2 {
		width: 100%;
	}
	.col2 .col2 {
		width: 49%;
	}
	.col3 {
		width: 49%;
	}
	.col4 {
		width: 49%;
	}
	.order2 {
		order: 2;
	}

	/* index -----------------------------------------------------------*/
	#index .main {
		height: calc(100vh - 66px - 120px);
		padding-top: 120px;
		background: url("../img/top_layer_main.png") right bottom -2px / 2000px no-repeat;
		/*min-height:600px; 追加*/
		/*background-color: #d80013; 追加*/
		/*z-index: -9999; 追加*/
	}
/*
	.zoom_img:nth-of-type(10),
	.zoom_img:nth-of-type(11),
	.zoom_img:nth-of-type(12) {
		background-position: right center;
	}*/

.zoom_img:nth-of-type(10) {
	background-image: url("../index_images/index_10_sp3.jpg");
	background-size: 1199px;
	background-position: right top;
}
.zoom_img:nth-of-type(11) {
	background-image: url("../index_images/index_11_sp3.jpg");
	background-size: 1199px;
	background-position: right top;
}
.zoom_img:nth-of-type(12) {
	background-image: url("../index_images/index_11_sp3.jpg");
	background-size: 1199px;
	background-position: right top;
}

	#index .main .container {
		width: calc(100% - 80px);
		padding: 0 40px;
	}
	#index .main .copy p:first-child {
		font-size: 34px;
		letter-spacing: 8px;
	}
	#index .main .copy p {
		font-size: 18px;
		letter-spacing: 3px;
	}
	#index .main .news {
		align-items: flex-end;
		width: calc(100% - 30px);
		padding: 0 15px;
	}
	#index .main .news a p {
		margin-bottom: 8px;
		text-align: left;
	}
	#index .main .news a.btn_newslist {
		display: inline-block;
		padding: 8px 10px;
		margin-left: 0;
		margin-bottom: 8px;
	}
	#index .main .top_scroll a {
		font-size: 14px;
	}
	#index .main .top_scroll a::after {
		width: 12px;
		height: 12px;
		bottom: -12px;
		margin-left: -6px;
	}

	/* index メッセージ ---------------------*/
	#index #top_company {
		padding-bottom: 100px!important;
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
	#index #top_company::after {
		display: none;
	}
	#index #top_company h1 {
		letter-spacing: 5px;
	}
	/*
	#index #top_company .youtube {
		width: 340px;
		height: 200px;
	}
	#index #top_company .youtube::before {
		width: 400px;
		height: 200px;
	}
	*/

	#index .btn_more {
		width: 140px;
		padding: 10px 0;
		font-size: 16px;
		margin: 0 auto 80px;
	}
	#index #top_about,
	#index #top_voice,
	#index #top_recruit {
		width: 100%;
		height: auto;
		margin-top: -50px!important;
	}

	#index .photo {
		width: 100%;
min-width:100%;/*追加*/
		height: 260px;

	}

	#index #top_about .container,
	#index #top_voice .container,
	#index #top_recruit .container {
		display: block;
		position: relative;
		top: 0;
		left: 0;
		transform: none;
	}
	#index .color {
		display: block;
		width: 100%;
		padding: 0px 0 0px;
	}
	#index .color .mb_30 {
		margin-bottom: 20px;
	}
	#index h2 span {
		font-size: 16px;
	}
	#index #top_about .container p,
	#index #top_voice .container p,
	#index #top_recruit .container p {
		font-size: 12px;
	}
	ul.link {
		flex-wrap: wrap;
	}
	ul.link li {
		width: auto;
		margin: 0 5px 5px 0;
	}
	ul.link li a {
		padding: 6px 10px;
	}

	#index .color .btn_more {
		margin: 0 auto 0 0;
	}


	/* index ロームのものづくり ----------------*/
	#index #top_about {
		clip-path: polygon(0 0, 100% 40px, 100% 495px, 0 100%);
        /*clip-path: polygon(0 40px, 100% 0, 100% 100%, 0 495px);*/
	}
	#index #top_about::before,
	#index #top_about::after {
		display: none;
	}
	/* index 社員の声 -------------------------*/
	#index #top_voice  {
		clip-path: polygon(0 40px, 100% 0, 100% 100%, 0 495px);
	}
	#index #top_voice::before,
	#index #top_voice::after {
		display: none;
	}
	#index #top_voice .photo {
		background: url("../img/top_voice_sp.jpg") center top / cover no-repeat;
margin-left: auto;
/*
		position: relative;
		left: 0;
*/
	}
	#top_voice ul.link li {
		margin: 0 5px 5px 0;
	}
	/* index 採用について -------------------------*/
	#index #top_recruit {
		clip-path: polygon(0 0, 100% 40px, 100% 495px, 0 100%);
	}
	#index #top_recruit::after {
		display: none;
	}
	#index #top_recruit .photo {
		background-position: center bottom;
	}
	/* index もっと知りたいローム ----------------*/
	#index #top_rohm .col3 p {
		min-height: 84px;
	}
	#index #top_rohm .col3 .ttl {
		min-height: inherit;
		height: 50px;
		font-size: 16px;
	}


	/* 下層ページ インデックス メイン画像 --------------------------*/
	/* 各ページの色指定 */
	#voice .main_img {
		border-top: 12px #9ca0cc solid;
	}
	#recruit .main_img {
		border-top: 12px #d3d9dc solid;
	}
	#message .main_img {
		border-top: 12px #132c8d solid;
	}
	#about .main_img {
		border-top: 12px #ced700 solid;
	}
	.main_img {
		min-width: 0;
		margin-bottom: 20px;
	}
	.main_img .index_ttl {
		width: 200px;
		height: 100px;
		top: 15%;
		margin-left: -100px;
	}
	.main_img .index_ttl p {
		font-size: 18px;
		line-height: 1.4;
		letter-spacing: 3px;
	}
	.main_img .index_ttl p span {
		font-size: 32px;
	}
	.intro {
		font-size: 14px;
	}
	
	/* 下層ページ パンくず -------------------------*/
	.pan-nav {
		height: 30px;
	}
	.pan-nav .parent {
		width: 190px;
		font-size: 12px;
	}
	.pan-nav .parent span {
		font-size: 18px;
		margin-right: 15px;
	}
	.pan-nav .child {
		width: calc(100% - 190px - 20px);
		font-size: 12px;
	}

	/* VOICE----------------------------------*/
	.interview_cate {
		flex-wrap: wrap;
		padding: 0;
		margin-bottom: 0;
		border-bottom: none;
		font-size: 14px;
	}
	.interview_cate ul {
		width: 100%;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 2px #444F58 solid;
	}
	.interview_cate ul:nth-child(2) {
		margin-left: 0;
	}
	.interview_cate ul li {
		width: auto;
		padding: 0 12px;
	}
	.interview_cate ul li:first-child {
		width: 70px;
		height: 26px;
		padding: 0;
	}
	.interview_cate ul li a {
		font-size: 16px;
	}
	#voice .btn_all {
		width: 120px;
		height: 30px;
		margin: 10px 0 40px auto;
		font-size: 14px;
	}
	/* クロストーク ---------------------*/
	#xtalk .slide .sp-slide .talk_ttl {
		height: 120px;
	}
	#xtalk .slide .sp-slide .talk_ttl p {
		font-size: 24px;
		line-height: 1.2;
	}
	#xtalk .slide .sp-slide .talk_ttl p span {
		font-size: 18px;
	}
	#xtalk .slide .sp-slide .talk_ttl p span.gothic {
		font-size: 14px;
		margin-bottom: 8px;
	}
	/* クロストーク 詳細ページ ------------*/
	.xtalk_ttl {
		justify-content: flex-start;
		margin: 30px 0 20px;
	}
	.xtalk_ttl p:first-child {
		font-size: 14px;
		margin-right: 0;
		margin-bottom: 8px;
	}
	.xtalk_ttl p:last-child {
		font-size: 24px;
		font-weight: bold;
		line-height: 1.2;
		width: 100%;
	}
	.xtalk_ttl p:last-child span {
		font-size: 18px;
	}
	.syain_expo {
		display: block;
		width: 100%;
		line-height: 1;
		padding-bottom: 5px;
		border-bottom: 1px #444f58 solid;
		margin-bottom: 8px;
	}
	.syain {
		width: calc(100% - 11px);
		border-left: none;
		padding: 2px 0;
		display: flex;
	}
	.syain .name_label {
	    margin-left: 5px;
		padding: 3px;
	}	
	.syain p:first-child {
		margin-right: 5px;
		white-space: nowrap;
		font-size: 12px;
	}
	.conversation p {
		width: calc(100% - 60px);
	}


	#voice .col3 {
		width: calc(100% / 2 - 2px);
		min-width: 430px;
		margin: 0 auto 2px;
	}
	#voice .col3 .prof {
		display: block;
	}
	#voice .col3 .prof p {
		font-size: 16px;
		text-shadow: 0 2px 3px #000;
	}
	#voice .col3 .prof p span {
		font-size: 24px;
		margin-bottom: 5px;
	}
	/* Voice 詳細ページ ------------*/
	.voice_main {
		min-width: 0;
		height: 400px;
		margin-bottom: 120px;
	}
	.voice_main::after {
		content: "";
		width: 100%;
		height: 86px;
		background: #fff;
		position: absolute;
		top: 0;
		left: 0;
	}
	.voice_main#voice01,
	.voice_main#voice04,
	.voice_main#voice10,
	.voice_main#voice11,
	.voice_main#voice13,
	.voice_main#voice14 {
		background-size: cover;
		background-position: left top 30px;
	}
	.voice_main#voice02,
	.voice_main#voice09,
	.voice_main#voice12 {
		background-size: cover;
		background-position: right top 30px;
	}
	.voice_main#voice03,
	.voice_main#voice05,
	.voice_main#voice06,
	.voice_main#voice07,
	.voice_main#voice08 {
		background-size: cover;
		background-position: left top 60px;
	}
	/*
	.voice_main#voice02 {
		background-position: left 10px center;
	}
	.voice_main#voice03 {
		background-position: right 10px center;
	}
	.voice_main#voice04 {
		background-position: right center;
	}
	.voice_main#voice05 {
		background-position: right 35px center;
	}
	.voice_main#voice07 {
		background-position: right 25px center;
	}
	.voice_main#voice08 {
		background-position: right center;
	}
	.voice_main#voice09 {
		background-position: left center;
	}
	*/
	.voice_main h1 {
		font-size: 18px;
		padding: 15px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		max-width: 680px;
		margin: auto;
		z-index: 2;
	}
	.voice_main h1.left {
		width: 100%;
	}
	.prof_label {
		width: 300px;
		min-height: 0;
		box-shadow: 3px 3px 3px rgba(0,0,0,0.30);
		bottom: -80px;
		margin-left: -150px;
	}
	.prof_label p {
		font-size: 14px;
		padding: 40px 0 20px;
	}
	.prof_label p span {
		font-size: 20px;
	}
	.prof_label ul.cate_list li {
		width: 80px!important;
		height: 22px!important;
	    font-size: 12px!important;
	}
	.btn_back {
		font-size: 18px;
	}
	/* RECRUIT ---------------------------------------------------------*/
	#recruit .col2:last-child {
		margin-bottom: 0;
	}
	#recruit_info .col2 {
		width: calc(100% - 2px)!important;
		max-width: 680px;
		margin: 0 auto 4px!important;
	}
	#recruit_info .col2 p {
		width: calc(100% - 40px);
		padding: 20px;
		font-size: 20px;
	}
	#recruit_info .col2 p::after {
		width: 14px;
		height: 14px;
		right: 20px;
		margin-top: -8px;
	}
	#recruit .btn_detail {
		font-size: 18px;
		margin-top: 20px;
	}
	#recruit .btn_detail::after {
		width: 10px;
		height: 10px;
	}
	#company_profile .col3 {
		background-position: center top 10px;
		background-size: 60px;
		height: 110px;
		margin-bottom: 10px;
	}
	#company_profile .col3 p {
		width: calc(100% - 30px);
		padding: 15px;
		font-size: 18px;
		letter-spacing: 5px;
	}
	#company_profile .col3 p::after {
		width: 18px;
		height: 18px;
		right: 15px;
		margin-top: -9px;
	}
	/* Recruit 採用情報 ------------*/
	.rec_info_main {
		width: 100%;
		height: 260px;
		min-width: 0;
		background: #d3d9dc url("../img/bg_border.png") left top / 5px repeat;
		margin-bottom: 20px;
	}
	.rec_info_main .index_ttl {
		width: 90%;
		height: 60px;
		font-size: 24px;
		top: 30%;
		left: 0;
		margin-left: 0;
	}
	/* 新卒採用について */
	.request_ttl {
		font-size: 18px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.scroll {
		display: block;
	  	overflow-x: scroll;
	  	white-space: nowrap;
	  	-webkit-overflow-scrolling: touch;
		padding: 0 0 10px;
	}
	.scroll::-webkit-scrollbar {
	  height: 8px;
	}
	.scroll::-webkit-scrollbar-track {
	  margin: 0 2px;
	  background: #ccc;
	  border-radius: 5px;
	}
	.scroll::-webkit-scrollbar-thumb {
	  border-radius: 5px;
	  background: #666;
	}
	.scroll table {
		min-width: 680px;
	}
	.scroll img {
		min-width: 680px;
	}
	#recruit_newg table {
		font-size: 14px;
	}
	#recruit_newg table p {
		line-height: 1.4;
	}
	#recruit_newg table th {
		padding: 10px;
	}
	#recruit_newg table tr:first-child th:nth-child(1) {
		width: 80px;
	}
	#recruit_newg table tr:first-child th:nth-child(3) {
		width: 120px;
	}
	#recruit_newg table.major tr:nth-child(2) th {
		width: 20px;
		padding: 0;
	  	height: 110px;
	}
	#recruit_newg table.major tr:nth-child(2) th span {
		height: calc(100% - 40px);
		padding: 10px 0;
	}
	#recruit_newg table td {
	 	padding: 8px 10px;
	}
	/* キャリア採用について */
	#recruit_carrier .col2 {
		background-position: left 20px center;
		background-size: 50px;
		height: 100px;
		margin-bottom: 15px;
	}
	#recruit_carrier .col2 p {
		width: calc(100% - 120px);
		font-size: 18px;
		right: 20px;
		margin-top: -9px;
	}
	#recruit_carrier .col2 p::after {
		width: 18px;
		height: 18px;
		margin-top: -9px;
	}
	#recruit .btn_entry {
		width: 280px;
		height: 40px;
		font-size: 20px;
	}
	/* 留学生採用について */
	#recruit_intl_st .btn_request,
	#recruit_intl_st .btn_entry {
		width: calc(48% - 30px);
		min-width: calc(300px - 30px);
		height: 46px;
		padding: 0 15px;
		font-size: 16px;
		margin: 0 auto 10px;
	}
	#recruit_intl_st .btn_request span::after,
	#recruit_intl_st .btn_entry span::after {
		width: 12px;
		height: 12px;
		margin-top: -6px;
	}
	#recruit_intl_st .font_m {
		font-size: 14px;
	}
	/* グループ会社の採用について */
	#recruit_group .ttl {
		font-size: 18px;
		letter-spacing: 1px;
		padding-bottom: 10px;
		border-bottom: 4px #d90013 solid;
	}
	#recruit_group .group_co {
		font-size: 18px;
		letter-spacing: 0;
		padding-left: 36px;
	}
	#recruit_group .group_co span {
		width: 28px;
		height: 28px;
	}
	#recruit_group .co_img {
		width: 100%;
		margin-bottom: 10px;
	}
	#recruit_group .add p {
		padding-left: 0;
	}
    #recruit_group .group_ttl {
        font-size: 18px;
        padding-bottom: 8px;
        margin-bottom: 10px;
    }
    #recruit_group .btn_detail {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        min-height: 63px;
    	margin-top: 0;
        margin-bottom: 10px;
        padding: .5em;
        line-height: 1.4;
    }
    #recruit_group .btn_detail:last-child {
    	margin-bottom: 15px;
    }
    #recruit_group .btn_detail span.font_s {
    	display: block;
        width: 100%;
    }
    #recruit_group .btn_detail::after {
        top: calc(50% - 5px);
    	right: 20px;
    }
    sup {
        top: -.3em;
    }

	/* 入社後のフォロー体制 -------------------*/
	#recruit_support .ttl {
		font-size: 20px;
	}
	#recruit_support .ojt,
	#recruit_support .menter {
		background-size: 50px;
		padding-left: 60px;
	}
	/* タブ切り替え */
		.tabs::before {
			top: 44px;
		}
	.tab_item {
	 	display: flex;
		justify-content: center;
		align-items: center;
	 	width: calc(100% / 3 - 1px);
	 	height: 40px;
	 	font-size: 13px;
		line-height: 1.2;
	}
	/* 採用フロー --------------------------*/
	.rec_flow .step,
	.rec_flow .detail {
		height: auto;
		min-height: calc(90px - 30px);
		padding: 15px;
	}
	.rec_flow .step  {
		align-items: flex-start;
		width: calc(90px - 30px);
		font-size: 16px;
		background-size: 50px;
	}
	.rec_flow .step.no1,
	.rec_flow .step.no2,
	.rec_flow .step.no3,
	.rec_flow .step.no4,
	.rec_flow .step.no5,
	.rec_flow .step.no6 {
		background-position: center top 45px;
		background-size: 50px;
	}
	.rec_flow .detail {
		width: calc(100% - 90px - 30px);
	}
	.rec_flow .detail p .font_l {
		font-size: 18px;
	}
	/* FAQ ----------------------------------*/
	#recruit #selection,
	#recruit #after,
	#recruit #international,
	#recruit #other {
		padding-top: 80px!important;
	}
	ul.faq_list.row {
		align-items: flex-end;
	}
	ul.faq_list li {
		width: 47%;
		margin-bottom: 15px;
	}
	ul.faq_list li a {
		font-size: 16px;
	}
	/* accordion */
	dl.accordion dt {
		padding: 12px 0;
	}
	dl.accordion dt::after {
		width: 16px;
		height: 16px;
		right: 10px;
		margin-top: -8px;
	}
	dl.accordion dt p {
		padding: 0 40px 0 30px;
		position: relative;
	}
	dl.accordion dd {
		padding: 0 0 12px;
	}
	dl.accordion dd p {
		padding: 0 15px 0 30px;
	}
	/* ENTRY ------------------------------------*/
	.recruit_entry,
	.intern_entry {
		width: 100%;
	}
	.recruit_entry .ttl,
	.intern_entry .ttl {
		font-size: 16px;
		padding-bottom: 8px;
	}
	.recruit_entry a,
	.intern_entry a {
		width: calc(48% - 4px);
	}
	.recruit_entry a::after,
	.intern_entry a::after {
		width: 12px;
		height: 12px;
		bottom: 15px;
		margin-left: -6px;
	}
	.recruit_entry a p,
	.intern_entry a p {
		font-size: 16px;
		padding: 15px 0;
	}
	.recruit_entry a span,
	.intern_entry a span {
		height: calc(80px - 10px);
		padding-top: 10px;
		font-size: 14px;
	}
	.text {
		padding-top: 10px;
		font-size: 12px;
	}
	.icon_pdf {
		padding-left: 35px;
	}
	.icon_pdf::before {
		width: 30px;
		height: 30px;
		top: -3px;
	}
	
	/* メッセージ ---------------------------------------------------------*/
	#message #personal img {
		margin: -60px auto 0;
	}
	/* ニュース一覧 ---------------------------------------------------------*/
	#news section {
		padding-top: 60px!important;
	}
	#news article a {
		padding: 30px 0;
	}
	#news article a:first-child {
		padding: 0 0 30px;
	}
	#news article p {
		margin-top: 15px;
	}
	/* ロームのものづくり ---------------------------------------------------------*/
	/* ここにもローム ---------------------*/
	#rohm .slide .sp-slide a p {
		width: 160px;
		height: 160px;
		font-size: 20px;
		margin: -80px 0 0 -80px;
	}
	#rohm .slide .sp-slide a p::after {
		width: 16px;
		height: 16px;
		bottom: 20px;
		margin-left: -8px;
	}
	.slide .sp-buttons {
		padding-top: 20px;
	}
	.slide .sp-button {
		width: 12px;
		height: 12px;
		margin: 0 8px;
	}


	/* マンガでみるプロジェクトストーリー ---------*/
	.btn_viewmore {
		margin-top: 30px;
		font-size: 14px;
	}
	.btn_viewmore::after {
		width: 12px;
		height: 12px;
		bottom: -15px;
		margin-left: -6px;
	}

	/* 製品 --------------------------------*/
	#products .row {
		justify-content: center;
	}
	#products .col3 {
		width: 100%;
		max-width: 430px;
		height: 280px;
		margin: 0 20px 60px;
	}
	#products .col3::before {
		content: "";
		display: block;
		width: 100%;
		height: 1px;
		background: #444f58;
		position: absolute;
		left: 0;
		bottom: -30px;
	}
	#products .col3:nth-child(3)::before{
		display: none;
	}
	#products .col3:nth-child(1),
	#products .col3:nth-child(2),
	#products .col3:nth-child(3) {
		background-size: 170px;
	}
	#products .col3:nth-child(1)::after,
	#products .col3:nth-child(2)::after{
		display: none;
	}
	#products .product {
		width: 100%;
		margin: -15px 0 30px;
	}
	#products .product p.en {
		font-size: 24px;
	}
	#products .col3 .font_s {
		text-align: center;
	}
	/* ここにもローム ---------------------------------------------------------*/
	.products_rohm {
		width: calc(100% - 30px);
		height: auto;
		min-height: calc(160px - 30px);
		padding: 15px;
	}
	.products_rohm h1 {
		margin-bottom: 10px;
	}
	.products_rohm p {
		font-size: 12px;
	}
	#products_item {
		padding-top: 10px!important;
	}
	#products_item .scene a {
		width: calc(100% / 3 - 2px);
		padding: 10px 0;
		line-height: 1.2;
	}
	/* クリッカブルマスク -------------------------*/
	#products_item .balloon {
		display: block;
	}
	#products_other a {
		height: 180px;
		margin-bottom: 10px;
	}
	#products_other a img {
		top: 50%;
		margin-top: -50%;
	}
	#products_other p {
		padding: 20px 0;
	}
	
	/*==================================================================================
	フッター
	==================================================================================*/
	footer {
		padding: 30px 0 100px!important;
	}
	footer .container {
		max-width: 680px;
		margin: auto;
	}
	footer .foot_company {
		width: 100%;
		border-right: none;
		position: relative;
	}
	footer .foot_company .logo {
		width: 60px;
		margin-bottom: 20px;
	}
	footer .foot_company .contact {
		padding-left: 20px;
		font-size: 12px;
		background-size: 16px;
	}
	footer .foot_company .contact p {
		font-size: 12px;
	}
	footer .foot_company .tel {
		padding-left: 20px;
		font-size: 12px;
		margin-bottom: 20px;
		background-size: 16px;
	}
	footer .foot_company .btn_companysite {
		position: absolute;
		right: 0;
		top: 0;
	}
	footer .foot_company .copy {
		font-size: 10px;
		margin-bottom: 0;
	}
	footer nav {
		width: 100%;
		justify-content: space-between;
		border-bottom: 1px #000 solid;
		margin-bottom: 30px;
	}
	footer nav .col2 {
		width: 49%;
		display: block;
	}
	footer nav .col2 ul {
		margin-left: 0;
		margin-bottom: 30px;
	}
	footer nav .col2 ul li p {
		font-size: 16px;
		margin-bottom: 8px;
	}
	footer nav .col2 ul li ul li p {
		font-size: 12px;
		line-height: 1.4;
		margin-bottom: 8px;
	}
	
}


@media screen and (max-width : 840px) {
	#index #top_company .r_b_border::after {
		width: 100%;
		height: 100%;
		border-right: none;
		top: 0;
		left: 0;
	}

	.xtalk_main_pc {
		display: none;
	}
	.xtalk_main {
		display: flex;
		justify-content: center;
		flex-direction: row-reverse;
		align-items: flex-start;
		width: 100%;
		height: 540px;
		background-position: center bottom;
		background-size: 840px;
		background-repeat: no-repeat;
	}
	.xtalk_main.talk02,
	.xtalk_main.talk03 {
		height: 600px;
	}
	.xtalk_main.talk01 {
		background-image: url(../img/xtalk01_main.jpg);
	}
	.xtalk_main.talk02 {
		background-image: url(../img/xtalk02_main.jpg);
	}
	.xtalk_main.talk03 {
		background-image: url(../img/xtalk03_main.jpg);
	}
	.xtalk_main .comment01,
	.xtalk_main .comment02,
	.xtalk_main .comment03 {
		display: flex;
		justify-content: center;
		border: 2px #444f58 solid;
		background: rgba(255,255,255,0.50);
		padding: 15px;
		font-size: 20px;
		font-weight: bold;
		line-height: 1.4;
		writing-mode: vertical-rl;
		-webkit-writing-mode: vertical-rl;
	    -ms-writing-mode: tb-rl;
		margin: 0 20px;
	}
	.xtalk_main .comment01 {
		margin-top: 20px;
	}
	.xtalk_main .comment02 {
		margin-top: 40px;
	}
	.xtalk_main.talk01 .comment03 {
		margin-left: 120px;
	}
	
	.xtalk_main_sp {
		display: block;
	}
	.xtalk_ttl {
   		margin: 30px 0 10px;
	}
}

@media screen and (max-width : 680px) {
	.xtalk_main {
		height: 460px;
		background-size: 680px;
	}
	.xtalk_main.talk02 {
		height: 500px;
	}
	.xtalk_main.talk03 {
		height: 520px;
	}
	.xtalk_main .comment01,
	.xtalk_main .comment02,
	.xtalk_main .comment03 {
		font-size: 18px;
	}
}

@media screen and (max-width : 540px) {
#index .main {
	/*background: url("../img/top_layer_main_sp.png") center bottom 128px / 800px no-repeat;*/
	background: url(../img/top_layer_main.png) right bottom -2px / 680px no-repeat;
	padding-top: 40px;
	height: auto;
	min-height: calc(460px - 40px);
}
.zoom_img,
.zoom_img:nth-of-type(2),
.zoom_img:nth-of-type(3),
.zoom_img:nth-of-type(4),
/*オレンジ*/
.zoom_img:nth-of-type(5),
.zoom_img:nth-of-type(6),
/*車*/
.zoom_img:nth-of-type(7),
.zoom_img:nth-of-type(8),
/*町*/
.zoom_img:nth-of-type(9),
.zoom_img:nth-of-type(10),
.zoom_img:nth-of-type(11),
.zoom_img:nth-of-type(12) {
	background-size: 980px;
	background-position: center top -40px;
}
.zoom_img:nth-of-type(10) {
	background-image: url("../index_images/index_10_sp3.jpg");
	background-size: 540px;
	background-position: right top;
}
.zoom_img:nth-of-type(11) {
	background-image: url("../index_images/index_11_sp3.jpg");
	background-size: 540px;
	background-position: right top;
}
.zoom_img:nth-of-type(12) {
	background-image: url("../index_images/index_11_sp3.jpg");
	background-size: 540px;
	background-position: right top;
}
	#index .main .news {
		bottom: 160px;
	}
	#index .main .news a.btn_newslist {
		margin-bottom: 0;
	}
	#index .main .top_scroll {
		height: 80px;
		padding-bottom: 50px;
	}
	#index .main .top_scroll a {
		font-size: 12px;
	}
	#index .main .top_scroll a::after {
		width: 10px;
		height: 10px;
		bottom: -10px;
		margin-left: -5px;
	}

	/* index メッセージ ---------------------*/
	#index #top_about,
	#index #top_voice,
	#index #top_recruit {
		margin-top: -40px!important;
	}
	#index .photo {
		width: 100%;
		height: 200px;
	}
	/* index ロームのものづくり ----------------*/
	#index #top_about {
		clip-path: polygon(0 0, 100% 40px, 100% 464px, 0 100%);
        /*clip-path: polygon(0 40px, 100% 0, 100% 100%, 0 435px);*/
	}
	/* index 社員の声 -------------------------*/
	#index #top_voice  {
		clip-path: polygon(0 40px, 100% 0, 100% 100%, 0 435px);
	}
	/* index 採用について -------------------------*/
	#index #top_recruit {
		clip-path: polygon(0 0, 100% 40px, 100% 464px, 0 100%);
	}


	/* クロストーク ---------------------*/
	#xtalk .slide .sp-slide .talk_ttl p {
		font-size: 20px;
	}
	#xtalk .slide .sp-slide .talk_ttl p span {
		font-size: 14px;
	}
	.xtalk_main {
		height: 400px;
		background-size: 540px;
	}
	.xtalk_main.talk02,
	.xtalk_main.talk03 {
		height: 440px;
	}
	.xtalk_main .comment01,
	.xtalk_main .comment02,
	.xtalk_main .comment03 {
		padding: 10px;
		font-size: 16px;
		margin-left: 15px;
		margin-right: 15px;
	}
	.xtalk_main.talk01 .comment03 {
		margin-left: 80px;
	}
	.xtalk_bana .talk_ttl {
		height: 90px;
	}
	.xtalk_bana .talk_ttl p {
		font-size: 20px;
		line-height: 1.2;
	}
	.xtalk_bana .talk_ttl p span {
		font-size: 16px;
	}
	.xtalk_bana .talk_ttl p span.gothic {
		font-size: 14px;
		margin-bottom: 5px;
	}
}

@media screen and (max-width : 460px) {

	.sp2 {
		display: inline;
	}
	#index .main {
		/*
		height: calc(100vh - 66px - 45px);
		max-height: calc(360px - 40px);
		*/
		padding-top: 40px;
	}
.zoom_img,
.zoom_img:nth-of-type(2),
.zoom_img:nth-of-type(3),
.zoom_img:nth-of-type(4),
/*オレンジ*/
.zoom_img:nth-of-type(5),
.zoom_img:nth-of-type(6),
/*車*/
.zoom_img:nth-of-type(7),
.zoom_img:nth-of-type(8),
.zoom_img:nth-of-type(9),
/*町*/
.zoom_img:nth-of-type(10),
.zoom_img:nth-of-type(11),
.zoom_img:nth-of-type(12) {
	background-size: 680px;
	background-position: center top;
}

.zoom_img:nth-of-type(10) {
	background-image: url("../index_images/index_10_sp3.jpg");
	background-size: 460px;
	background-position: right top;
}
.zoom_img:nth-of-type(11) {
	background-image: url("../index_images/index_11_sp3.jpg");
	background-size: 460px;
	background-position: right top;
}
.zoom_img:nth-of-type(12) {
	background-image: url("../index_images/index_11_sp3.jpg");
	background-size: 460px;
	background-position: right top;
}
	#index .main .container {
		width: calc(100% - 60px);
		padding: 0 30px;
	}
	#index .main .copy p:first-child {
		font-size: 23px;
		letter-spacing: 5px;
		margin-bottom: 20px!important;
	}
	#index .main .copy p {
		font-size: 14px;
		letter-spacing: 2px;
	}
	#index .main .top_scroll a {
		font-size: 12px;
	}
	#index .main .top_scroll a::after {
		width: 10px;
		height: 10px;
		bottom: -10px;
		margin-left: -5px;
	}
	#index #top_rohm .ttl.small {
		font-size: 14px;
	}
	.main_img .index_ttl {
		width: 160px;
		height: 80px;
		margin-left: -80px;
	}
	#about .main_img .index_ttl {
		width: 180px;
	}
	.main_img .index_ttl p {
		font-size: 16px;
	}
	.main_img .index_ttl p span {
		font-size: 28px;
	}
	#index #top_company .row .col3:last-child {
		width: 100%;
	}

	#message #personal .sp img {
		display: none;
	}
	#xtalk .slide .sp-slide .talk_ttl {
		height: calc(120px - 20px);
		padding-top: 20px;
	}
	.xtalk_main {
		height: 360px;
		background-size: 460px;
	}
	.xtalk_main.talk02,
	.xtalk_main.talk03 {
		height: 400px;
	}
	.xtalk_bana .talk_ttl {
		justify-content: flex-start;
		width: calc(100% - 40px);
		height: calc(90px - 10px);
		padding: 10px 20px 0;
	}
	#voice .col3 {
		min-width: 0;
		width: 100%;
	}
	.voice_main#voice01,
	.voice_main#voice04,
	.voice_main#voice10,
	.voice_main#voice11,
	.voice_main#voice13,
	.voice_main#voice14 {
		background-position: left -80px top 30px;
	}
	.voice_main#voice02,
	.voice_main#voice09,
	.voice_main#voice12 {
		background-position: right -80px top 30px;
	}
	.voice_main#voice03,
	.voice_main#voice05,
	.voice_main#voice06,
	.voice_main#voice07,
	.voice_main#voice08 {
		background-position: left -80px top 60px;
	}
	#company_profile .col3 {
		background-size: 50px;
		background-position: center top 15px;
		margin-bottom: 5px;
	}
	#company_profile .col3 p {
		font-size: 16px;
		letter-spacing: 2px;
	}
	#company_profile .col3:nth-child(5) p {
		letter-spacing: 0;
	}
	#company_profile .col3 p::after {
		width: 14px;
		height: 14px;
		margin-top: -7px;
	}
	.rec_info_main {
		height: 180px;
	}
	.rec_info_main .index_ttl {
		height: 50px;
		font-size: 20px;
	}
	#recruit_carrier .col2 {
		background-size: 50px;
		height: 80px;
	}
	#recruit_carrier .col2 p {
		width: calc(100% - 140px);
		font-size: 16px;
		margin-top: -8px;
	}
	#recruit_carrier .col2 p::after {
		width: 16px;
		height: 16px;
		margin-top: -8px;
	}
	#recruit_group .scroll img {
		min-width: 680px;
	}
    #recruit_group .btn_detail {
        min-height: 58px;
        margin-bottom: 8px;
        padding: .5em;
        font-size: 16px;
    }
    #recruit_group .btn_detail:last-child {
    	margin-bottom: 10px;
    }
    #recruit_group .btn_detail::after {
        
        top: calc(50% - 5px);
    	right: 20px;
    }
    sup {
        top: -.3em;
    }

	.slide .sp-buttons {
		padding-top: 20px;
	}
	.slide .sp-button {
		width: 10px;
	    height: 10px;
	    margin: 0 5px;
	}
	#products .col3 {
		max-width: none;
		margin: 0 0 60px;
	}
	#products_other a img {
		margin-top: -30%;
	}

}