@import url("https://use.typekit.net/stb5lqg.css");

.sp_only {
	display: none;
}

@media screen and (min-width: 768px) {
	#nav {
		display: none;
	}
}

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

	* {
		box-sizing: border-box;
	}

	.sp_only {
		display: block;
	}

	.pc_only {
		display: none;
	}

}

/* 共通ヘッダ */

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

	header {
		position: fixed;
	}

	header#top {
		position: static;
	}

	.header-area {
		width: 100%;
		height: 70px;
		display: flex;
		padding: 0;
		align-items: center;
	}

	.header-area h1 {
		float: none;
	}

	.header-area h1 img {
		margin: 0 0 0 20px;
		display: block;
	}

	.header-area .area {
		display: none;
	}

	#slide,
	#main,
	.contents {
		margin: 70px auto 0;
	}

	#hamburger {
		display: block;
		position: absolute;
		right: 30px;
		width: 26px;
		height: 18px;
		cursor: pointer;
		transition: .5s;
	}

	#hamburger #line1 {
		top: 0;
		right: 0;
		width: 26px;
	}

	#hamburger #line2 {
		top: 8px;
		right: 0;
		width: 20px;
	}

	#hamburger #line3 {
		bottom: 0;
		right: 0;
		width: 11px;
	}

	#hamburger .inner_line {
		display: block;
		position: absolute;
		height: 2px;
		background-color: #000;
		transition: .5s;
		border-radius: 4px;
	}

	#hamburger .line_1,
	#hamburger .line_2,
	#hamburger .line_3 {
		background: #000000;
	}

	#hamburger #line1.line_1 {
		transform: rotate(-45deg);
		top: 6px;
	}

	#hamburger #line2.line_2 {
		opacity: 0;
	}

	#hamburger #line3.line_3 {
		transform: rotate(45deg);
		top: 6px;
		width: 26px;
	}

	@keyframes fade-in {
		from {
			opacity: 0;
		}

		to {
			opacity: 1;
		}
	}

	#nav {
		visibility: hidden;
		position: fixed;
		width: 100%;
		height: 100vh;
	}

	#nav.in {
		visibility: visible;
		display: block;
		top: 70px;
		background: url('/cmn/img/spnav_bg.png');
		background-position: 0 0;
		background-repeat: repeat;
		background-color: rgba(28, 27, 27, 0.9);
		z-index: 9999;
		animation-name: fade-in;
		animation-duration: .3s;
	}

	#nav ul.nav_main {
		padding-top: 19px;
	}

	#nav ul.nav_main li {
		list-style-type: none;
		margin-left: 19px;
		position: relative;
	}

	#nav ul.nav_main li:not(:first-child) {
		margin-top: 30px;
	}

	#nav ul.nav_main li img {
		height: 32px;
		width: auto;
	}

	#nav ul.nav_main li:after {
		content: url('/cmn/img/triangle.png');
		width: 16px;
		height: 16px;
		position: absolute;
		right: 19px;
		top: 9px;
	}

	#nav ul.nav_sub {
		display: none;
		border-left: solid 1px #fff;
		margin: 15px auto 0 15px;
		padding: 4px 0;
	}

	#nav ul.nav_sub li:not(:first-child) {
		margin-top: 10px;
	}

	#nav ul.nav_sub li:after {
		content: none;
	}

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

	body.is_fixed,
	body.is_fixed {
		height: 100%;
		overflow: hidden;
	}

}

/* 共通フッタ */

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

	footer .area {
		width: 100%;
		flex-direction: column;
		padding: 40px 30px 28px !important;
	}

	footer .area .company {
		width: 100%;
		margin-top: 8px;
		order: 3;
	}

	footer .area .company img {
		margin: 0 auto;
		display: block;
	}

	footer .area .company address {
		text-align: center;
	}

	footer .area .company small {
		text-align: center;
		margin: 10px 0 0;
	}

	footer .area .contents_link {
		order: 2;
	}

	footer .area .bnr_wrap {
		width: 100%;
		order: 1;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	footer .area .bnr_wrap>a:first-child {
		margin: 8px auto 0;
	}

	footer .area .bnr_wrap .ippan {
		width: 135px;
		height: 42px;
		margin: 14px auto 0;
	}

	footer .area .bnr_wrap .ippan:after {
		width: 135px;
		height: 42px;
		top: 0;
		left: 0;
	}

	footer .area .bnr_wrap .ippan span {
		font-size: 11px;
	}

	footer .area .bnr_wrap a {
		display: block;
		margin: 8px auto;
		width: 135px;
		height: 42px;
	}

	footer .area .bnr_wrap a img {
		width: 100%;
		height: auto;
	}

	footer .contents_link.sp_only {
		width: 90%;
		margin: 40px auto;
		display: flex;
	}

	footer .contents_link ul li {
		float: none;
	}

	footer .contents_link_block {
		width: 50%;
	}

	footer .contents_link_block h4:not(:first-child) {
		margin-top: 12px;
	}

}

/* 共通ヘッダ画像 */
@media screen and (max-width: 767px) {
	.page-header h2 {
		font-size: 30px;
		width: 50%;
		left: 30%;
	}
}

/* home トップページ */

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

	#slide img {
		width: 100%;
		height: auto;
	}

	.strongpoints {
		width: 100%;
	}

	.strongpoints p {
		font-size: 14px;
	}

	.strongpoints .strongpoints-container .strongpoints-item {
		width: 50%;
		margin-bottom: 0;
	}

	.strongpoints .strongpoints-container .strongpoints-item .sp-item-point {
		top: 15%;
		font-size: 12px;
	}

	.strongpoints .strongpoints-container .strongpoints-item .sp-item-title {
		font-size: 20px;
	}

	.contents {
		width: 100%;
	}

	.contents ul {
		width: 100%;
	}

	.contents ul li img {
		width: 100%;
		height: auto;
	}

	.news {
		width: 100%;
	}

	.news .title-h1 {
		flex-direction: column;
	}

	.news .title-h1 a {
		flex-direction: column;
		align-items: center;
	}

	.news .title-h1 a p {
		margin-left: 0;
	}

	.news .look {
		margin-right: 20px;
	}

	.news .item {
		width: 100%;
		height: auto;
	}

	.news .item a {
		width: 100%;
		flex-direction: column;
	}

	.news .item .roup {
		align-items: center;
	}

	.news .item .roup .date {
		margin: 0 0 0 10px;
	}

	.news .item .roup .categ {
		width: 70px;
		font-size: 0.8em;
	}

	.news .item a .title {
		margin: 0 0 0 10px;
	}

	.news .item a img {
		margin: 0 10px 10px auto;
	}

	.strongpoints h2.top_h2,
	.contents h2.top_h2,
	.news h2.top_h2 {
		font-size: 30px;
		line-height: 1.2
	}

	.contents .top_bnr h2 {
		width: 50%;
		left: 30%;
		font-size: 30px;
	}

	.contents .top_bnr h2 .h2_sub {
		font-size: 12px;
	}

}

/* news ニュース記事個別ページ・一覧ページ */

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

	.wrap {
		width: 100%;
		flex-direction: column;
	}

	.wrap .news a .title-h1 {
		align-items: center;
		margin: 80px 0 0;
	}

	.wrap .news a .title-h1 p {
		margin: auto;
	}

	.wrap .news .box {
		width: 100%;
		border: none;
	}

	.wrap .news .box .content-area {
		width: 100%;
		margin: 40px auto;
	}

	.wrap .news .box .content-area h1 {
		padding: 0 20px;
	}

	.wrap .news .box .content-area .roup {
		padding: 0 20px;
	}

	.wrap .news .box .content-area .content-text {
		margin: 0;
	}

	.wrap .news .box .content-area .content-text~div {
		padding: 0 20px;
		line-height: 2;
		margin: 20px auto;
	}

	.wrap .news .box .content-area .content-text~div img {
		width: 100%;
	}

	.wrap .box2 {
		width: 100%;
		margin: 0;
	}

	.wrap .box2 .category-list {
		width: 90%;
		margin: 0 auto;
	}

	.wrap .box2 .category-list ul li a {
		display: block;
		width: 100%;
	}

	.pager {
		width: 100%;
	}

	.wrap .news .box .pager {
		width: 100%;
		justify-content: center;
		margin: 50px auto 0;
	}

	.wrap .wp-pagenavi .page-numbers {
		margin: auto 8px;
	}

	.pager .center {
		margin: 0;
		display: flex;
		justify-content: center;
	}

	.wrap .news .box .content {
		width: 100%;
	}

	.wrap .news .item {
		width: 90%;
		height: auto;
		margin: 24px auto 0;
	}

	.wrap .news .item a {
		width: 100%;
	}

}

/* statement/offroad オフロード */
/* statement/topmessage トップメッセージ */

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

	#statement .contents .offroad-box {
		background: url('/statement/offroad-img/offroad-bg-sp.jpg') no-repeat;
		background-size: 100% 100%;
		width: 100%;
		height: auto;
		padding-bottom: 200px;
	}

	#statement .contents .topmessage-box {
		background: url('/statement/topmessage-img/topmessage-bg-sp.jpg') no-repeat;
		background-size: 100% 100%;
		width: 100%;
		height: auto;
		padding-bottom: 80px;
	}

	#statement .contents .offroad-box h2 img {
		width: 60%;
		height: auto;
		display: block;
		margin: 0 auto;
		padding-top: 80px;
	}

	#statement .contents .offroad-box p {
		margin: 80px auto 0;
		padding: 0 30px;
		color: #D2DCE5;
		font-size: 14px;
		line-height: 2;
		text-align: justify;
	}

	#statement .contents .topmessage-box h2 {
		font-family: good-times, sans-selif;
		font-weight: 500;
		font-style: normal;
		font-size: 32px;
		color: #fff;
		text-align: center;
		width: 100%;
		padding-top: 80px;
		margin: 0 auto;
	}

	#statement .contents .topmessage-box p {
		margin: 60px auto 0;
		padding: 0 30px;
		color: #fff;
		font-size: 14px;
		line-height: 2;
		text-align: justify;
	}

	#statement .contents .topmessage-box img.signature {
		display: block;
		width: 208px;
		height: auto;
		margin-top: 8px;
		padding: 0 30px;
	}

	#statement footer {
		margin: 0;
	}

}

/* strongpoint/strength オフロムの強み */
/* strongpoint/product 製品紹介 */

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

	#strongpoint #main {
		width: 100%;
	}

	#strongpoint #main h2 img {
		width: 100%;
		height: auto;
	}

	#strongpoint .topicPath {
		width: 100%;
		padding-left: 14px;
	}

	#strongpoint .head-tab {
		width: 100%;
	}

	#strongpoint .head-tab ul li {
		width: 50%;
	}

	#strongpoint .head-tab ul li.tab-space {
		display: none;
	}

	#strongpoint .contents {
		padding: 30px 30px;
		border-left: none;
		border-right: none;
	}

	#strongpoint .contents .title-box .title {
		width: 100%;
		margin-top: 12px;
	}

	#strongpoint .contents #support p br {
		display: none;
	}

	#strongpoint .contents #support img {
		width: 100%;
		height: auto;
	}

	#strongpoint .contents #support .support-box {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	#strongpoint .contents #support .support-box span {
		margin: 8px auto;
	}

	#strongpoint .contents #quality .description-box,
	#strongpoint .contents #manufacturing .description-box,
	#strongpoint .contents #correspondence .description-box,
	#strongpoint .contents #develop-capabilities .description-box {
		width: 100%;
	}

	#strongpoint .contents #quality .description-box ul li,
	#strongpoint .contents #manufacturing .description-box ul li,
	#strongpoint .contents #correspondence .description-box ul li,
	#strongpoint .contents #develop-capabilities .description-box ul li {
		width: 100%;
		height: auto !important;
		margin-left: 0 !important;
	}

	#strongpoint .contents #quality .description-box ul li .wording,
	#strongpoint .contents #manufacturing .description-box ul li .wording,
	#strongpoint .contents #correspondence .description-box ul li .wording,
	#strongpoint .contents #develop-capabilities .description-box ul li .wording {
		width: calc(60% - 12px);
		margin-right: 12px;
	}

	#strongpoint .contents #quality .description-box ul li img,
	#strongpoint .contents #manufacturing .description-box ul li img,
	#strongpoint .contents #correspondence .description-box ul li img,
	#strongpoint .contents #develop-capabilities .description-box ul li img {
		width: 40%;
		margin: 0;
	}

	#strongpoint .contents #design-Product img {
		width: 100%;
		height: auto;
	}

	#strongpoint .contents h2 img {
		width: 100%;
		height: auto;
	}

	#strongpoint .contents #sensor ul,
	#strongpoint .contents #security ul,
	#strongpoint .contents #ems ul {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	#strongpoint .contents #sensor ul li,
	#strongpoint .contents #security ul li,
	#strongpoint .contents #ems ul li {
		width: 48%;
		height: auto;
		margin: 0 0 37px 0 !important;
	}

	#strongpoint .contents .product-top {
		width: 100%;
		height: 180px;
	}

	#strongpoint .contents .product-top h2 {
		font-size: 22px;
	}

	#strongpoint .contents .product-top h2 .h2_sub {
		font-size: 10px;
	}

	/* 強みの流れの画像 */
	#strongpoint .support-box .strong_bnr {
		position: relative;
	}

	#strongpoint .support-box .strong_bnr h2 {
		font-family: good-times, sans-selif;
		font-weight: 500;
		font-style: normal;
		font-size: 24px;
		width: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #fff;
		line-height: 1;
		text-align: center;
		letter-spacing: 1px;
	}

	#strongpoint .support-box .strong_bnr h2 .h2_sub {
		font-size: 14px;
	}

}

/* factory 工場・設備 */

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

	#factory #main {
		width: 100%;
	}

	#factory #main h2 img {
		width: 100%;
		height: auto;
	}

	#factory .topicPath {
		width: 100%;
		padding-left: 14px;
	}

	#factory .contents {
		padding: 40px 30px;
		border-right: none;
		border-left: none;
	}

	#factory .contents .title-box .title {
		width: 100%;
		margin-top: 12px;
	}

	#factory .contents #implement img,
	#factory .contents #constitution img,
	#factory .contents #peripheral img,
	#factory .contents #solder img {
		width: 100%;
		height: auto;
	}

}

/* recruit 採用情報・社員個別ページ */
/* entry_graduate 新卒採用エントリー */

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

	#recruit #main {
		width: 100%;
	}

	#recruit #main img {
		width: 100%;
		height: auto;
	}

	#recruit .topicPath {
		width: 100%;
		padding-left: 14px;
	}

	#recruit .contents {
		width: 100%;
		padding: 40px 30px;
		border: none;
	}

	#recruit .bnr-area .bnr-overlay {
		width: 100%;
		height: 160px;
		background-size: cover;
	}

	#recruit .bnr-area .bnr-overlay h2 {
		font-size: 20px;
	}

	#recruit .contents h3 img {
		width: 100%;
		height: auto;
	}

	#recruit .contents .interview-contents h4 {
		font-size: 120%;
	}

	#recruit .contents p {
		padding: 12px 0;
		text-align: justify;
	}

	#recruit .contents br {
		display: none;
	}

	#recruit .contents .bnr-area ul li {
		margin: 0 0 10px !important;
		width: 100%;
		height: auto;
	}

	#recruit .contents .recruitment-area {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	#recruit .recruitment-area .recruitment-area-btn {
		margin-bottom: 12px;
	}

	#recruit .contents .recruitment-area img {
		width: 100%;
		height: auto;
	}

	#recruit .contents .recruitment-area .left img {
		margin-bottom: 12px;
	}

	#recruit #recruit-lonav {
		width: 100%;
	}

	#recruit #recruit-lonav ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	#recruit #recruit-lonav ul li {
		width: 30%;
		margin: 0 0 10px !important;
	}

	#recruit .contents table th,
	#recruit .contents table td {
		display: block;
		padding: 0;
	}

	#recruit .contents table th {
		padding: 16px 0 0;
	}

	#recruit .contents table td {
		padding: 0 0 16px;
	}

	.page-template-entory_graduate #main,
	.page-template-entry_career #main {
		width: 100%;
	}

	.page-template-entory_graduate #main h2 img,
	.page-template-entry_career #main h2 img {
		width: 100%;
		height: auto;
	}

	.page-template-entory_graduate .topicPath,
	.page-template-entry_career .topicPath {
		width: 100%;
		padding-left: 14px;
	}

	.page-template-entory_graduate h3,
	.page-template-entry_career h3 {
		width: 100%;
	}

	.page-template-entory_graduate h3 img,
	.page-template-entry_career h3 img {
		display: block;
		margin: 0 auto;
	}

	.page-template-entory_graduate .contents,
	.page-template-entry_career .contents {
		border: none;
		padding: 40px 20px !important;
	}

	.page-template-entory_graduate .contents table,
	.page-template-entry_career .contents table {
		width: 100%;
	}

	.page-template-entory_graduate .contents table th,
	.page-template-entory_graduate .contents table td,
	.page-template-entry_career .contents table th,
	.page-template-entry_career .contents table td {
		display: block;
		width: 100%;
	}

	.page-template-entory_graduate .contents table td,
	.page-template-entry_career .contents table td {
		padding: 0 0 24px;
	}

	.page-template-entory_graduate .contents table th img,
	.page-template-entry_career .contents table th img {
		float: none;
		padding: 0 0 0 5px;
		margin-left: 12px;
	}

	.page-template-entory_graduate .contents table td span,
	.page-template-entry_career .contents table td span {
		padding: 0;
	}

	.page-template-entory_graduate .contents table td span.year,
	.page-template-entry_career .contents table td span.year {
		padding: 0 10px 0 0;
	}

	.page-template-entory_graduate .input-area td input,
	.page-template-entory_graduate .input-area td textarea,
	.page-template-entry_career .input-area td input,
	.page-template-entry_career .input-area td textarea {
		width: 100%;
	}




}

/* company 会社概要 */
/* aboutus/access アクセス */
/* aboutus/sitemap サイトマップ */

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

	.page-template-default #main {
		width: 100%;
	}

	.page-template-default #main h2 img {
		width: 100%;
		height: auto;
	}

	.page-template-default .topicPath {
		width: 100%;
		padding-left: 14px;
	}

	.page-template-default .head-tab,
	#about .head-tab {
		width: 100%;
	}

	.page-template-default .head-tab ul li,
	#about .head-tab ul li {
		width: 33%;
	}

	.page-template-default .head-tab ul li.tab-space,
	#about .head-tab ul li.tab-space {
		display: none;
	}

	.page-template-default .contents {
		padding: 80px 30px 50px;
		border-right: none;
		border-left: none;
	}

	.page-template-default #profile .right,
	.page-template-default #profile .left {
		width: 100%;
	}

	.page-template-default #profile table tr>td,
	.page-template-default #history table tr>td {
		width: 30%;
	}

	.page-template-default #profile table td+td,
	.page-template-default #history table td+td {
		width: 70%;
	}

	#about #main {
		width: 100%;
	}

	#about #main h2 img {
		width: 100%;
		height: auto;
	}

	#about .topicPath {
		width: 100%;
		padding-left: 14px;
	}

	#about .contents {
		border-right: none;
		border-left: none;
		padding: 40px 30px;
	}

	#about .contents iframe {
		width: 100%;
		height: 300px;
	}

	#about .kotuannai .train {
		margin-left: 0;
	}

	#about .contents .sec table th,
	#about .contents .sec table td {
		display: block;
	}

	#about .contents .sec table td.firstsite {
		padding-top: 0;
	}

}

/* contact お問い合わせフォーム */

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

	.page-template-contact .information p {
		width: 100%;
		padding: 0 14px;
	}

	.page-template-contact .information p br {
		display: none;
	}

	.page-template-contact #main {
		width: 100%;
	}

	.page-template-contact #main h2 img {
		width: 100%;
		height: auto;
	}

	.page-template-contact .topicPath {
		width: 100%;
		padding-left: 14px;
	}

	.page-template-contact .contents {
		padding: 0 30px !important;
		margin-top: 30px;
		border: none;
	}

	.page-template-contact .contents table {
		width: 100%;
	}

	.page-template-contact .contents table th,
	.page-template-contact .contents table td {
		display: block;
	}

	.page-template-contact .contents table th {
		width: 100%;
	}

	.page-template-contact .contents table td {
		width: 100%;
	}

	.page-template-contact .contents table td span {
		padding: 0;
	}

	.page-template-contact .contents table th img {
		float: none;
		margin: 0 0 4px 8px;
		padding: 0;
	}

	.page-template-contact .input-area td input {
		width: calc(100% - 2px);
	}

	.page-template-contact .input-area td textarea {
		width: calc(100% - 2px);
	}

}

/* en 英語版ページ */

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

	.page-template-en .ofof img {
		width: 60%;
		height: auto;
	}

	.page-template-en header {
		height: 100vh;
	}

	.page-template-en header .hdrdot {
		background: url('/cmn/img/hdr_bg_sp.jpg') no-repeat;
		background-position: center bottom;
		background-size: cover;
	}

	.page-template-en header .hdrSec .ofof.pc_only {
		display: none;
	}

	.page-template-en header .hdrSec .ofof.sp_only {
		display: table-cell;
		vertical-align: middle;
	}

	.page-template-en header .hdrSec p {
		padding: 0 40px;
		margin-top: 40px;
		text-align: justify;
		line-height: 1.5;
		font-size: 13px;
	}

	.page-template-en .header-area {
		justify-content: center;
		align-items: center;
	}

	.page-template-en .strong_bar {
		width: 100%;
		max-width: 100%;
	}

	.page-template-en .strong_bar img {
		width: 100%;
		height: auto;
	}

	.page-template-en .h2_1 {
		margin: 0 30px 0 20px;
	}

	.page-template-en .sec .inner,
	.page-template-en .lefencn {
		width: 100%;
	}

	.page-template-en .sec .inner img {
		width: 100%;
		height: auto;
	}

	.page-template-en .sec .inner img.flowC {
		padding: 0 20px;
	}

	.page-template-en .sec p {
		padding: 0 20px;
	}

	.page-template-en .sec h3+p {
		padding: 0;
	}

	.page-template-en .lefencn h4 {
		padding: 0 20px;
	}

	.page-template-en .lefencn h4 br {
		display: none;
	}

	.page-template-en .lefencn .spbar {
		margin-left: 20px;
	}

	.page-template-en .rigencn {
		float: none;
		margin: 20px auto 0;
	}

	.page-template-en .rigencn img {
		margin-top: 10px;
	}

	.page-template-en #product img,
	.page-template-en #contact img {
		padding: 20px;
		width: 80%;
		height: auto;
	}

	.page-template-en #profile img {
		width: 90%;
		height: auto;
	}

	.page-template-en .slide7 .enpro {
		display: flex;
		flex-wrap: wrap;
	}

	.page-template-en .slide7 .enpro .product-title {
		width: 100%;
		padding: 40px;
		color: #fff;
	}

	.page-template-en .slide7 .enpro .product-title p {
		border-left: solid 3px #fff;
		font-size: 18px;
		font-family: good-times, sans-selif;
		font-weight: 500;
		font-style: normal;
	}

	.page-template-en .slide7 .enpro .product-title .p_sub {
		font-size: 12px;
		font-weight: 100;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Microsoft Sans Serif', 'sans-serif';
	}

	.page-template-en .slide7 figure {
		width: 50%;
		background: #fff;
	}

	.page-template-en .slide8 img.enmap {
		width: 154px;
	}

	.page-template-en .slide9 .conenarea {
		width: 90%;
		margin: 0 auto;
	}

	.page-template-en .slide9 table,
	.page-template-en .slide9 input,
	.page-template-en .slide9 textarea {
		width: 100%;
	}

	.page-template-en .support-box-en {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.page-template-en .support-box-en span {
		margin: 8px auto;
	}

	.page-template-en .support-box-en .strong_bnr {
		position: relative;
	}

	.page-template-en .support-box-en .strong_bnr h2 {
		font-family: good-times, sans-selif;
		font-weight: 500;
		font-style: normal;
		font-size: 24px;
		width: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #fff;
		line-height: 1;
		text-align: center;
		letter-spacing: 1px;
		opacity: 1;
	}

}