@charset "utf-8";

html{height:100%;}
body{margin:0; padding:0; font-size:93.7%; font-family:'Noto Sans CJK JP', 'Noto Sans JP', sans-serif, "游ゴシック", "Yu Gothic", Yu Gothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック"; line-height:1.7em; color:#333; height:100%; position:relative; letter-spacing:0.1em;overflow-wrap:break-word;word-wrap:break-word;}
header,main,article,section,nav,footer{display:block;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; font-size:100%;}
input{font-family:'Noto Sans CJK JP', 'Noto Sans JP', sans-serif, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック"; line-height:1.7em; color:#333; position:relative; letter-spacing:0.1em;overflow-wrap:break-word;word-wrap:break-word;}
table{	border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal; font-weight:normal;}
em{font-style:normal; font-weight:500;}
ol,ul{list-style:none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
input[type="button"],input[type="submit"],input[type="email"]{
	-webkit-appearance:none;
	border-radius:0;
}
select::-ms-expand{display:none;}
/* ↑ここまでリセットcss */

/* フォーム入力欄 */
::-webkit-input-placeholder{color:#ccc;}
::-moz-placeholder{color:#ccc; opacity:1;}
:-ms-input-placeholder{color:#ccc;}
input:focus::-webkit-input-placeholder{color:#ccc;}
input:focus:-moz-placeholder{color:#ccc;}
input:focus::-moz-placeholder{color:#ccc;}

html{visibility:hidden;}
html.wf-active, html.wf-inactive{visibility:visible;}

.cf:after{
	content:"";
	clear:both;
	display:block;
}
#content_area a{color:#0065A7; text-decoration:underline;}
#content_area a:visited{color:#80448C;}
#content_area a:hover{text-decoration:none;}
#content_area a[target="_blank"]{
	background:url(/img/common/popup.svg) no-repeat center left;
	padding-left:20px;
}
#content_area a.non[target="_blank"]{
	background:none;
	padding-left:0;
}
#content_area a[href$=".pdf"]{
	background:url(/img/common/icon_pdf.svg) no-repeat center left;
	padding-left:20px !important;
}
#content_area a[href$=".doc"], #content_wrap a[href$=".docx"]{
	background:url(/img/common/icon_word.svg) no-repeat center left;
	padding-left:20px !important;
}
#content_area a[href$=".xls"], #content_wrap a[href$=".xlsx"]{
	background:url(/img/common/icon_excel.svg) no-repeat center left;
	padding-left:20px !important;
}
#content_area .link_pdf a[href$=".pdf"]{
	padding-left:0 !important;
}
#content_area a[href$=".pdf"].none{
	padding-left:0 !important;
	background:none !important;
}
#content_area a[download]{
	background:url(/img/common/icon_download.svg) no-repeat center left;
	padding-left:20px !important;
}

/*---------- ページに関する指定 ----------*/
#nojs{
	width:940px;
	background:#fff;
	color:#f00;
	padding:25px;
	border:5px solid #F00;
	text-align:center;
	margin:20px auto;
}

#wrapper{
	overflow:hidden;
}
.sp_size{display:none !important;}

/*----- header -----*/
#header_wrap{
	position:fixed;
	z-index:100;
	top:0;
	right:0;
	left:0;
	background:#fff;
}
.header_area{
	max-width:1140px;
	width:100%;
	padding:0 20px;
	margin:auto;
	box-sizing:border-box;
}
#logo{
	float:left;
	margin-top:40px;
}
#logo a, #logo a img{display:block;}
#logo a img{width:100%;}

#menu-box{
	position:relative;
	float:right;
	margin-top:22px;
}
#toggle{display:none;}
#menu{margin-top:32px;}
#menu nav ul, #submenu nav ul{
	display:flex;
	/* flex-wrap:wrap; */
}
#menu nav ul li{margin-left:33px;}
#menu nav ul li:first-child{margin-left:0;}
#menu nav ul li a{
	position:relative;
	display:block;
	color:#333;
	font-weight:bold;
	line-height:25px;
	text-decoration:none;
	padding-bottom:25px;
	transition:color 0.3s;
}
#menu nav ul li.on a, #menu nav ul li a:hover, #submenu nav ul li.on a, #submenu nav ul li a:hover{
	color:#0065a7;
}
#menu nav ul li a::after, #submenu nav ul li a::after{
	content:'';
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background:#0065a7;
	-webkit-transform:scaleX(0);
	transform:scaleX(0);
	transition:transform 0.3s;
}
#menu nav ul li.on a::after, #menu nav ul li a:hover::after, #submenu nav ul li.on a::after, #submenu nav ul li a:hover::after{
	-webkit-transform:scaleX(1);
	transform:scaleX(1);
}
#menu nav ul li a::after{height:4px;}

#submenu{
	position:absolute;
	top:0;
	right:0;
}
#submenu nav ul li{
	margin-left:22px;
	white-space:nowrap;
}
#submenu nav ul li.en_link, #submenu nav ul li.youtube_link{
	position:relative;
	margin-left:27px;
}
.en_link::before, .youtube_link::before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:-14px;
	bottom:0;
	margin:auto;
	width:2px;
	height:12px;
	background:#ccc;
}
#submenu nav ul li:first-child{margin-left:0;}
#submenu nav ul li a{
	position:relative;
	display:block;
	color:#333;
	font-size:80%;
	letter-spacing:1.2px;
	line-height:1.5em;
	text-decoration:none;
	padding-bottom:4px;
	transition:color 0.3s;
}
#submenu nav ul li a::after{
	height:1px;
}
#submenu nav ul li.en_link a{
	padding-left:20px;
	background:url(/img/common/popup.svg) no-repeat top 4px left/10px;
}
#submenu nav ul li.youtube_link a{
	padding-left:20px;
	background:url(/img/common/icon_youtube.svg) no-repeat top 5px left;
}
#submenu nav ul li.insta_link{margin-left:15px;}
#submenu nav ul li.insta_link a{
	padding-left:20px;
	background:url(/img/common/icon_instagram.png) no-repeat top 2px left/16px;
}


/*----- footer -----*/
#return{position:relative;}
#return a{
	display:block;
	position:fixed;
	z-index:50;
	right:20px;
	bottom:20px;
	width:60px;
	height:60px;
	background:#000;
	border:1px solid #fff;
	box-sizing:border-box;
	transition:background 0.3s;
}
#return a:hover{background:#0065a7;}
#return a::after{
	content:'';
	display:block;
	position:absolute;
	top:10px;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	width:14px;
	height:14px;
	border-top:2px solid #fff;
	border-left:2px solid #fff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
#return a span{display:none;}

#footer_area{
	background:#0065a7;
	background:linear-gradient(to bottom, #0065a7 0%, #003f7b 100%);
}
#footer_menu{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	max-width:1140px;
	width:100%;
	padding:0 20px;
	margin:auto;
	box-sizing:border-box;
}
#footer_menu nav{
	width:auto;
	padding-right:5px;
}
#footer_menu nav:last-child{
	width:auto;
	padding:0;
}
#footer_menu nav ul{
	overflow:hidden;
	padding:35px 0 0;
}
#footer_menu nav ul li{
	float:left;
	margin:0 30px 0 0;
}
#footer_menu nav ul li a{
	position:relative;
	color:#fff;
	font-size:86.7%;
	font-weight:normal;
	letter-spacing:1px;
	text-decoration:none;
	padding-left:0;
}
#footer_menu nav ul li a:hover{text-decoration:underline;}

#footer_link{
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	margin:30px -5px;
	padding-right:7px;
}
#footer_link li{margin:0 5px;}
#footer_link li.link_btn a{
	color:#fff !important;
	font-size:86.666%;
	line-height:2em;
	text-align:left;
	width:210px;
	max-width:210px;
	padding:7px 10px 8px 15px;
	border:1px solid rgba(255,255,255,0.3);
	letter-spacing:0.03em;
	font-weight:bold;
	transition:background 0.3s;
}
#footer_link li.link_btn a:hover{border-color:#000;}
#footer_link li.link_btn a::after{background:#000;}
#footer_link li.link_btn a span{display:block; position:relative;}
#footer_link li.link_btn a span::after{
	content:'';
	display:block;
	position:absolute;
	top:calc(50% - 3px);
	right:7px;
	width:6px;
	height:6px;
	border-top:2px solid #fff;
	border-left:2px solid #fff;
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
}

#footer_submenu{
	max-width:1140px;
	width:100%;
	padding:9px 20px 14px;
	margin:auto;
	overflow:hidden;
	box-sizing:border-box;
}
#footer_submenu ul{
	float:left;
	display:flex;
	flex-wrap:wrap;
}
#footer_submenu ul li{
	position:relative;
	margin-right:67px;
}
#footer_submenu ul li::after{
	content:'';
	display:block;
	position:absolute;
	top:2px;
	right:-34px;
	bottom:0;
	margin:auto;
	width:1px;
	height:12px;
	background:#999;
}
#footer_submenu ul li:last-child::after{display:none;}
#footer_submenu ul li a{
	color:#333;
	font-size:80%;
	letter-spacing:1.2px;
	text-decoration:none;
}
#footer_submenu ul li a:hover{
	text-decoration:underline;
}
#footer_submenu span{
	float:right;
	letter-spacing:0.6px;
	padding:0 5px 0 124px;
	background:url(img/common/footer_logo.svg) no-repeat center left/100px 20px;
}


/*----- sitetop -----*/
#index_wrap{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	margin:160px auto 20px;
}
#index_wrap div{width:100%;}

.mv a{
	position:relative;
	overflow:hidden;
}
.mv a::after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:#0065A7;
	opacity:0;
	transition:opacity 0.3s;
}
.mv a:hover::after{opacity:0.1;}
.mv img{width:100%;}
.slick-prev, .slick-next{
	z-index:10;
	width:45px;
	height:45px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#000;
	transition:background 0.3s;
}
.slick-prev{left:10px;}
.slick-next{right:10px;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{background:#0065a7;}
.slick-prev::before, .slick-next::before{
	content:'';
	display:block;
	width:12px;
	height:12px;
	border-top:2px solid #fff;
	opacity:1;
}
.slick-prev::before{
	margin-left:5px;
	border-left:2px solid #fff;
	transform:rotate(-45deg);
}
.slick-next::before{
	margin-right:5px;
	border-right:2px solid #fff;
	transform:rotate(45deg);
}
.slick-dots{bottom:-30px;}
.slick-dots li button::before{
	width:20px;
	height:20px;
	opacity:1 !important;
	color:#ccc;
	font-size:30px;
}
.slick-dots li.slick-active button::before, .slick-dots li button:hover::before{color:#0065a7;}

.slidein_txt{
	opacity:0 !important;
	-webkit-transform:translateY(30px);
	transform:translateY(30px);
	transition:0.75s all cubic-bezier(0.7, 0, 0.7, 1);
}
.slidein_txt.displayed{
	opacity:1 !important;
	-webkit-transform:translateY(0);
	transform:translateY(0);
}
.slidein_block{
	position:relative;
	overflow:hidden;
}
.slidein_block::before{
	content:"";
	display:block;
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#002859;
	overflow:hidden;
	-webkit-transform:translateY(100%);
	transform:translateY(100%);
	transition:1s all cubic-bezier(0.7, 0, 0.7, 1);
}
.slidein_block.displayed::before{
	-webkit-transform:translateY(0);
	transform:translateY(0);
}
.slidein_block .slidein_item{
	position:relative;
	z-index:1;
	height:100%;
	-webkit-transform:translateY(100%);
	transform:translateY(100%);
	transition:0.5s all cubic-bezier(0.7, 0, 0.7, 1);
	transition-delay:0.5s;
}
.slidein_block.displayed .slidein_item{
	-webkit-transform:translateY(0);
	transform:translateY(0);
}

.bg_word{
	position:absolute;
	top:-52px;
	right:-3px;
}
.bg_word img{
	display:block;
}

#news_area, #products_area, #solution_area, #case_area, #column_area, #download_area, #support_wrap, #contact_area, .movie_area{
	max-width:1140px;
	width:100%;
	padding:0 20px;
	margin:auto;
	box-sizing:border-box;
}

#news_wrap{
	padding:60px 0;
	margin:0 auto 95px;
	background:#f1f1f1;
}
#news_area{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.news_h2{
	width:180px;
	padding-top:6px;
}
.news_h2 > span{
	margin:20px auto 44px;
}
.top_news_list{
	width:77.272%;
	margin-left:20px;
	border-top:1px solid #ccc;
}
.top_news_list li{
	border-bottom:1px solid #ccc;
}
.top_news_list li a{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	color:#333;
	text-decoration:none;
	padding:15px 20px;
	overflow:hidden;
	transition:color 0.3s;
}
.top_news_list li a:hover{color:#0065a7;}
.top_news_list li a::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:23px;
	bottom:0;
	margin:auto;
	width:100%;
	background:url(/img/common/arrow_r_blue.svg) no-repeat center right;
	transition:right 0.3s;
}
.top_news_list li a:hover::after{right:8px;}
.top_news_list li a span{
	position:relative;
	font-size:80%;
	box-sizing:border-box;
}
.top_news_list li a span.news_date{
	width:112px;
	padding-top:3px;
	margin-right:32px;
}
.top_news_list li a span.news_date::after{
	content:'';
	display:block;
	position:absolute;
	top:3px;
	right:0;
	bottom:0;
	margin:auto;
	width:1px;
	height:12px;
	background:#ccc;
	transition:background 0.3s;
}
.top_news_list li a:hover span.news_date::after{
	background:#0065a7;
}
.top_news_list li a span.news_cate{
	width:81px;
	padding-top:3px;
	margin-right:25px;
}
.top_news_list li a span.news_title{
	font-size:100%;
	font-weight:bold;
	width:calc(100% - 250px);
	padding-right:30px;
}

#products_wrap{
	position:relative;
	margin-bottom:100px;
}
#products_wrap .bg_word, #download_wrap .bg_word{
	z-index:-1;
}
.products_h2{
	margin-bottom:50px;
}
.products_h2 h2, .news_h2 h2{
	font-size:213.333%;
	font-weight:bold;
	letter-spacing:3px;
}
.products_h2 span,
.news_h2 > span{
	display:block;
	color:#002859;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:bold;
	letter-spacing:0;
	margin-top:20px;
}
#products_list{
	display:flex;
	flex-wrap:wrap;
}
.products_img{
	width:49.090%;
	margin-right:1.818%;
}
.products_img img{
	display:block;
	width:100%;
}
#products_list ul{
	display:flex;
	flex-wrap:wrap;
	width:49.090%;
}
#products_list ul li{
	width:48.148%;
	margin-right:3.703%;
	border-bottom:1px solid #ccc;
}
#products_list ul li:nth-child(odd){margin-right:0;}
#products_list ul li:nth-child(-n+3){border-top:1px solid #ccc;}
#products_list ul li:first-child{
	width:100% !important;
	margin-bottom:15px;
	border:none;
}
#products_list ul li a{
	display:flex;
	align-items:center;
	color:#333 !important;
	font-size:93.333%;
	font-weight:bold;
	line-height:1.5em;
	text-decoration:none;
	height:100%;
	padding:17px 10px 15px;
	box-sizing:border-box;
	transition:color 0.3s;
}
#products_list ul li a:hover{color:#0065a7 !important;}
#products_list ul li:first-child a{
	padding:0;
	font-size:0;
	overflow:hidden;
}
#products_list ul li a span{
	position:relative;
	width:100%;
	padding-right:35px;
}
#products_list ul li:first-child a span{
	padding:0 0 33.333%;
	background:url(/img/index/bnr_product.jpg) no-repeat center/100%;
	transition:background 0.3s;
}
#products_list ul li:first-child a:hover span{background-size:105%;}
#products_list ul li a span::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:10px;
	bottom:0;
	margin:auto;
	width:100%;
	background:url(/img/common/arrow_r_blue.svg) no-repeat center right;
	transition:right 0.3s;
}
#products_list ul li a:hover span::after{right:0;}
#products_list ul li:first-child a span::after{
	right:20px;
	background:none;
}
#products_list ul li:first-child a:hover span::after{right:10px;}
#products_area .link_btn a{margin-top:40px;}

#solution_wrap{
	position:relative;
	padding:143px 0 113px;
	margin-bottom:106px;
	background:url(/img/index/bnr_solution.jpg) no-repeat center/cover;
}
#solution_wrap .bg_word{
	display:flex;
	flex-direction:column;
	justify-content:center;
	top:0;
	right:-1px;
	bottom:31px;
	margin:auto;
	opacity:0.1 !important;
}
#solution_area{
	position:relative;
}
.solution_h2{
	margin-bottom:28px;
}
.solution_h2 h2, .column_h2 h2, .bnr_h2 h2{
	color:#fff;
	font-size:213.333%;
	font-weight:bold;
	letter-spacing:4px;
	text-align:center;
}
.solution_h2 span, .column_h2 span, .bnr_h2 span, .contact_h2 span{
	display:block;
	color:#fff;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:bold;
	letter-spacing:0;
	text-align:center;
	margin-top:18px;
}
#solution_area p{
	color:#fff;
	text-align:center;
	margin-bottom:63px;
}
#solution_area .link_btn a{
	color:#fff !important;
	border-color:#fff;
}

#case_wrap{
	position:relative;
	background: #F1F1F1;
	padding: 105px 0 100px;
}
#case_wrap .bg_word{
	top:49px;
	right:-7px;
}
.case_h2{
	margin-bottom:50px;
}
.case_h2 h2, .download_h2 h2{
	font-size:213.333%;
	font-weight:bold;
	letter-spacing:4px;
}
.case_h2 span, .download_h2 span{
	display:block;
	color:#002859;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:bold;
	letter-spacing:0;
	margin-top:18px;
}
#case_area ul, #column_area ul{
	display:flex;
	flex-wrap:wrap;
}
#case_area ul{margin-bottom:35px;}
#case_area ul li{
	width:32%;
	margin-right:2%;
}
#case_area ul li:last-child, #column_area ul li:last-child{margin-right:0;}
#case_area ul li a{
	position:relative;
	z-index:1;
	display:block;
	color:#333;
	font-weight:bold;
	text-decoration:none;
	height:100%;
	background:#fff;
	transition:color 0.3s;
}
#case_area ul li a:hover{color:#0065a7;}
#case_area ul li a div, #column_area ul li a .column_icon{overflow:hidden;}
#case_area ul li a div img, #column_area ul li a .column_icon img, #bnr_wrap ul li a img{
	display:block;
	width:100%;
	transition:transform 0.3s;
}
#case_area ul li a:hover div img,
#column_area ul li a:hover .column_icon img,
#bnr_wrap ul li a:hover img{
	-webkit-transform:scale(1.05);
	transform:scale(1.05);
}
#case_area ul li a span{
	position:relative;
	display:block;
	padding:10px 45px 10px 0;
	transition:background-position 0.3s;
}
#case_area ul li a span::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:20px;
	bottom:0;
	margin:auto;
	width:100%;
	background:url(/img/common/arrow_r_blue.svg) no-repeat center right;
	transition:right 0.3s;
}
#case_area ul li a:hover span::after{right:5px;}

#column_wrap{
	position:relative;
	padding:105px 0 80px;
	background:#0065a7;
	background:linear-gradient(to bottom, #0065a7 0%, #003f7b 100%);
}
#column_wrap .bg_word{
	top:57px;
	right:-5px;
	opacity:0.1 !important;
}
.column_h2{
	margin-bottom:53px;
}
.column_h2 h2, .column_h2 span{
	text-align:start;
}
#column_area ul{
	margin-bottom:51px;
}
#column_area ul li{
	width:23.636%;
	margin-right:1.818%;
}
#column_area ul li div.slidein_item{height:100%;}
#column_area ul li a{
	position:relative;
	display:block;
	color:#333;
	text-decoration:none;
	height:100%;
	background:#fff;
	overflow:hidden;
	transition:color 0.3s;
}
#column_area ul li a:hover{color:#0065a7;}
#column_area ul li a::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:30px;
	bottom:0;
	margin:auto;
	width:100%;
	background:url(/img/common/arrow_r_blue.svg) no-repeat right bottom 30px;
	transition:right 0.3s;
}
#column_area ul li a:hover::after{right:15px;}
#column_area ul li a .column_icon img{margin:auto;}
#column_area ul li a .column_txt_box{
	padding:10px 15px 35px;
}
#column_area ul li a .column_txt_box span{
	display:inline-block;
	font-size:80%;
}
#column_area ul li a .column_txt_box span.column_date{
	position:relative;
	margin-right:6px;
}
#column_area ul li a .column_txt_box span.column_date::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:-6px;
	bottom:0;
	margin:auto;
	width:2px;
	height:12px;
	background:#ccc;
}
#column_area ul li a .column_txt_box span.column_title{
	display:block;
	font-size:100%;
	font-weight:bold;
	margin-top:8px;
}
#column_area .link_btn a{
	color:#fff !important;
	border-color:#fff;
}
#column_area .link_btn a:hover{
	color:#0065a7 !important;
}
#column_area .link_btn a::after{
	background:#fff;
}

#bnr_wrap{
	margin-bottom:106px;
}
#bnr_wrap ul{
	display:flex;
}
#bnr_wrap ul li{
	width:50%;
}
#bnr_wrap ul li a{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
}
.bnr_h2{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:30px auto 0;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
.bnr_h2::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:30px;
	bottom:0;
	margin:auto;
	width:100%;
	background:url(/img/common/arrow_r_white.svg) no-repeat right bottom 30px;
	transition:right 0.3s;
}
#bnr_wrap a:hover .bnr_h2::after{right:15px;}
.bnr_h2 h2{
	font-size:213.333%;
	letter-spacing:3px;
}
.bnr_h2 span{
	margin-top:19px;
}

#download_wrap{
	position:relative;
	margin-bottom:149px;
}
#download_wrap .bg_word{
	top:-45px;
}
.download_h2{
	margin-bottom:54px;
}
.download_h2 h2, .download_h2 span{
	text-align:center;
}
#download_area ul{
	display:flex;
	flex-wrap:wrap;
}
#download_area ul li{
	width:49.090%;
	margin-right:1.818%;
}
#download_area ul li:last-child{
	margin:0;
}
#download_area ul li a{
	position:relative;
	display:block;
	color:#fff;
	text-decoration:none;
	overflow:hidden;
}
#download_area ul li a::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	visibility:hidden;
	-webkit-transform:translateY(100%);
	transform:translateY(100%);
	transition:all 0.5s;
}
#download_area ul li.tech_box a::after{
	background:#003f7b;
}
#download_area ul li.catalog_box a::after{
	background:#002859;
}
#download_area ul li a:hover::after{
	visibility:visible;
	-webkit-transform:translateY(0);
	transform:translateY(0);
}
#download_area ul li a h3{
	position:relative;
	z-index:1;
	font-size:133.333%;
	font-weight:bold;
}
#download_area ul li a span{
	position:relative;
	z-index:1;
	display:block;
	color:rgba(255,255,255,0.5);
	font-family:'Roboto Condensed', sans-serif;
	font-weight:bold;
	letter-spacing:0;
	margin-top:6px;
}
.download_h3{
	height:150px;
	padding:54px 0 0 200px;
	box-sizing:border-box;
}
.tech_h3{
	background:#0065a7;
}
.catalog_h3{
	background:#004079;
}
.download_img{
	position:relative;
	z-index:1;
	height:50px;
}
.download_img::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:20px;
	bottom:0;
	margin:auto;
	width:100%;
	background:url(/img/common/arrow_r_white.svg) no-repeat center right;
	transition:right 0.3s;
}
a:hover .download_img::after{right:10px;}
.tech_img{
	background-color:#003f7b;
}
.catalog_img{
	background-color:#002859;
}
.download_img img{
	position:absolute;
	bottom:0;
	width:160px;
	padding-left:20px;
}

#contact_wrap{
	position:relative;
	background:url(/img/index/pic_contact.jpg) no-repeat center/cover;
}
#support_wrap{
	position:relative;
	padding:78px 20px 53px;
}
#support_wrap::after{
	content:'';
	display:block;
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	width:calc(100% - 100px);
	height:1px;
	background:rgba(255,255,255,0.3);
}
#contact_area{padding:49px 20px 82px;}
.contact_h2{
	position:relative;
	padding-bottom:24px;
	margin-bottom:25px;
	color:#fff;
	font-size:160%;
	font-weight:bold;
	letter-spacing:2px;
	text-align:center;
}
.contact_h2::after{
	content:'';
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	width:62px;
	height:4px;
	background:#0065a7;
}
#contact_area .contact_h2{
	padding-bottom:26px;
	margin-bottom:29px;
}
.support_area{
	display:flex;
	margin:0 auto 40px;
}
.support_box{
	position:relative;
	width:50%;
}
.support_box::after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	width:1px;
	height:calc(100% - 10px);
	background:rgba(255,255,255,0.3);
}
.support_box:last-child::after{display:none;}
#support_wrap p,
#contact_area p{
	color:#fff;
	letter-spacing:0;
	text-align:center;
}
.top_tel,
.cta_tel{
	margin:51px auto 11px;
	font-family:'Roboto Condensed', sans-serif;
	font-size:160%;
	font-weight:bold;
	letter-spacing:2px !important;
}
.top_tel a,
.cta_tel a{
	color:#fff;
	font-size:175%;
	letter-spacing:0.5px;
	padding-left:4px;
	text-decoration:none;
	pointer-events:none;
}
.reception,
.mailer{
	margin-bottom:0;
	letter-spacing:1.7px !important;
}
.mailer a{
	color:#fff !important;
	text-decoration:none !important;
}
.mailer a:hover{text-decoration:underline !important;}
#support_wrap .link_btn.cta_btn,
#contact_area .link_btn.cta_btn,
.cta_support .link_btn.cta_btn,
.cta_contact .link_btn.cta_btn{
	margin-top:21px;
}
#contact_wrap .link_btn a{
	color:#fff !important;
	font-size:100%;
	font-weight:bold;
	padding:12px 0;
	border:none;
	background:#0065a7;
	background:linear-gradient(to right, #0065a7 0%, #003f7b 100%);
}
#contact_wrap .link_btn a:hover{color:#0065a7 !important;}
#contact_wrap .link_btn a::after{background:#fff;}

/* 2022/03 add movie */
.home_movie{
	position:relative;
	margin:105px 0 100px;
}
.home_movie .bg_word{
	top:-49px;
	right:-7px;
}
.movie_h2{margin-bottom:50px;}
.movie_h2 h2{
	font-size:213.333%;
	font-weight:bold;
	letter-spacing:4px;
}
.movie_h2 span{
	display:block;
	color:#002859;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:bold;
	letter-spacing:0;
	margin-top:18px;
}
.index_movie_list{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:10px;
}
.index_movie_list li{
	width:32%;
	margin:0 2% 40px 0;
}
.index_movie_list li:nth-child(3n){margin-right:0;}
.index_movie_list li .movie_wrap, .movie_wrap{
	position:relative;
	height:0;
	padding-bottom:56.25%;
	overflow:hidden;
}
.index_movie_list li iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-height:auto !important;
	height:100%;
	border:none;
}
.movie_area .link_btn a{
	padding:11px 0;
	background:url(/img/common/popup.svg) no-repeat center right 15px/10px;
	font-size:100%;
}
.movie_area .link_btn a:hover{background-image:url(/img/common/popup_white.svg);}
.movie_area .link_btn a::after{z-index:-1;}
.movie_area .link_btn span{
	display:inline-block;
	padding-left:30px;
	background:url(/img/common/icon_youtube.svg) no-repeat center left/22px;
}
.movie_area .link_btn span::after{display:none;}


/*----- common -----*/
.link_btn a{
	position:relative;
	display:block;
	color:#333 !important;
	font-size:86.666%;
	line-height:2em;
	text-align:center;
	text-decoration:none !important;
	max-width:260px;
	width:100%;
	padding:13px 0;
	margin:auto;
	overflow:hidden;
	border:1px solid #666;
	box-sizing:border-box;
	transition:color 0.3s;
}
.link_btn a:hover{
	color:#fff !important;
}
.link_btn a::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#0065a7;
	visibility:hidden;
	-webkit-transform:translateY(100%);
	transform:translateY(100%);
	transition:all 0.3s;
}
.link_btn a:hover::after{
	visibility:visible;
	-webkit-transform:translateY(0);
	transform:translateY(0);
}
.link_btn a span{
	position:relative;
	z-index:1;
}

#content_wrap{
	margin-top:160px;
	border-top:1px solid #ccc;
}

#pankuzu{
	max-width:1140px;
	width:100%;
	padding:9px 20px 0;
	margin:auto;
	box-sizing:border-box;
}
#pankuzu ol{overflow:hidden;}
#pankuzu li{
	float:left;
	font-size:80%;
	padding-bottom:10px;
	margin-right:13px;
}
#pankuzu li a{
	color:#333;
	text-decoration:none;
	margin-right:8px;
}
#pankuzu li a:hover{text-decoration:underline;}

#content_h{position:relative;}
#h_area{
	position:absolute;
	left:0;
	right:0;
	max-width:1140px;
	width:100%;
	padding:0 20px;
	margin:auto;
	box-sizing:border-box;
}
#h_area h1, #h_area span{
	display:inline-block;
	color:#fff;
	font-size:186.666%;
	font-weight:bold;
	letter-spacing:3px;
	line-height:1.5em;
	margin-bottom:9px;
}
#h_area span{
	font-family:'Roboto Condensed', sans-serif;
	font-size:100%;
	letter-spacing:0.7px;
	line-height:1.2em;
	text-transform:uppercase;
}

#content_area h2{
	position:relative;
	font-size:160%;
	font-weight:bold;
	letter-spacing:2px;
	line-height:1.5em;
	padding-bottom:30px;
	margin:70px 0 40px;
}
#content_area h2::before, #content_area h2::after{
	content:'';
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	height:4px;
}
#content_area h2::before{
	width:100%;
	background:#ccc;
}
#content_area h2::after{
	width:64px;
	background:#0065a7;
}
#content_area h2.col_gray::after{
	width:64px;
	background:#261c19;
}
#content_area h2.col_tn-multi::after{
	width:64px;
	background:#5D91C3;
}
#content_area h3{
	position:relative;
	font-size:120%;
	font-weight:bold;
	padding-left:25px;
	margin:60px 0 25px;
}
#content_area h3::before, #content_area h3::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	width:8px;
	height:18px;
}
#content_area h3::before{
	left:0;
	background:#0065a7;
}
#content_area h3.col_gray::before{
	background:#ccc;
}
#content_area h3.col_pink::before{
	background:#E7398E;
}
#content_area h3.col_blue::before{
	background:#2EA7E0;
}
#content_area h3.col_green::before{
	background:#1BA74F;
}
#content_area h3.col_purple::before{
	background:#9070AF;
}
#content_area h3::after{
	left:8px;
	background:#261c19;
}
#content_area h4{
	position:relative;
	font-size:106.666%;
	font-weight:bold;
	padding-left:15px;
	margin:55px 0 20px;
}
#content_area h4::before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	margin:auto;
	width:5px;
	height:18px;
	background:#0065a7;
}
#content_area h4.col_gray::before{
	background:#ccc;
}
#content_area h4.col_pink::before{
	background:#E7398E;
}
#content_area h4.col_blue::before{
	background:#2EA7E0;
}
#content_area h4.col_green::before{
	background:#1BA74F;
}
#content_area h4.col_purple::before{
	background:#9070AF;
}
#content_area ul, #content_area ol{
	padding-left:35px;
	margin:20px 0;
}
#content_area ul li{list-style:disc;}
#content_area ol li{list-style:decimal;}
#content_area p{margin:20px 0;}
#content_area img{
	display:block;
	max-width:100%;
	height:auto;
}

#content_area table{
	width:100%;
	margin:20px 0;
}
#content_area table th, #content_area table td{
	padding:24px 21px;
	text-align:left;
}
#content_area table th{
	font-weight:bold;
	vertical-align:top;
	width:24%;
	border-bottom:1px solid #000;
}
#content_area table td{
	border-bottom:1px solid #ccc;
}
#content_area table tr:first-child th{border-top:1px solid #000;}
#content_area table tr:first-child td{border-top:1px solid #ccc;}
#content_area table td ul{
	padding-left:20px;
	margin:0;
}
#content_area table td p{margin:0;}

#content_area table.col_table{
	table-layout:fixed;
	width:100%;
	margin:20px 0 0 !important;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
#content_area table.col_table th, #content_area table.col_table td{
	padding:10px 18px 13px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#content_area table.col_table thead th{
	text-align:center;
	border-top:none;
	background:#f7f7f7;
}

.table{overflow-x:auto;}
.table::-webkit-scrollbar{height:5px;}
.table::-webkit-scrollbar-track{
	border-radius:5px;
	background:#eee;
}
.table::-webkit-scrollbar-thumb{
	border-radius:5px;
	background:#666;
}
.table th, .table td{min-width:100px !important;}
.sp_table_txt{
	display:table;
	margin:20px 0 -20px;
}
.sp_table_txt p{
	display:table-cell;
	padding:10px 0 10px 45px;
	background:url(/img/common/icon_hand.svg) no-repeat center left;
}
.table table.scroll{
	margin-top:0 !important;
	white-space:nowrap;
}
.table table.col_table.scroll{
	table-layout:auto !important;
	margin:0 !important;
}

#content_area .center{text-align:center;}
#content_area .right{text-align:right;}
#content_area .m_top{margin-top:60px;}

.column_2, .column_3{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:20px;
}
.column_2.reverse{flex-direction:row-reverse;}
.column_2 > div{
	width:48.636%;
	margin-right:2.727%;
}
.column_2.reverse > div{margin:0 0 0 2.727%;}
.column_3 > div{
	width:30.909%;
	margin-right:3.636%;
}
.column_2 > div:nth-child(2n), .column_3 > div:nth-child(3n){margin:0;}
.column_2 > div p, .column_3 > div p{margin:10px 0 !important;}

.img_l{
	float:left;
	margin:0 20px 20px 0;
	max-width:50%;
}
#content_area .cf + *{margin-top:30px !important;}

.movie_wrap iframe{
	display:block;
	width:100%;
	min-height:500px;
}


/*----- parent/C1(product/company) -----*/
#content_h.parent{height:443px;}
#content_h.parent::before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:-6px;
	bottom:0;
	margin:auto;
	width:100%;
	opacity:0.3;
}
#content_h.product{background:url(/img/common/h1_product.jpg) no-repeat center/cover;}
#content_h.product::before{background:url(/img/common/h1_product.svg) no-repeat right bottom;}
#content_h.solution{background:url(/img/common/h1_solution.jpg) no-repeat center/cover;}
#content_h.solution::before{background:url(/img/common/h1_solution.svg) no-repeat right bottom;}
#content_h.company{background:url(/img/common/h1_company.jpg) no-repeat center/cover;}
#content_h.company::before{background:url(/img/common/h1_company.svg) no-repeat right bottom;}
#content_h.recruit{background:url(/img/common/h1_recruit.jpg) no-repeat center/cover;}
#content_h.recruit::before{background:url(/img/common/h1_recruit.svg) no-repeat right bottom;}
#content_h.parent #h_area{top:90px;}
#content_h.parent #h_area h1{font-size:146.666%;}

#content_area.parent{
	max-width:1140px;
	width:100%;
	padding:0 20px;
	margin:auto;
	box-sizing:border-box;
}
#content_area.parent #c_list, #content_area.product .product_c_list{
	display:flex;
	flex-wrap:wrap;
	padding:0;
	margin:50px auto 70px;
}
#content_area.parent #c_list li, #content_area.product .product_c_list li{
	list-style:none;
	width:30.909%;
	margin:0 3.636% 50px 0;
}
#content_area.parent #c_list li:first-child, #content_area.parent #c_list li:nth-child(2){
	width:48.636%;
	margin-right:2.727%;
}
#content_area.parent #c_list li:nth-child(3n+2){margin-right:0;}
#content_area.parent #c_list li a, #content_area.product .product_c_list li a{
	display:block;
	color:#333 !important;
	text-decoration:none;
	overflow:hidden;
}
#content_area.parent #c_list li a:hover, #content_area.product .product_c_list li a:hover{color:#0065a7;}
#content_area.parent #c_list li a div, #content_area.product .product_c_list li a div{overflow:hidden;}
#content_area.parent #c_list li a img, #content_area.product .product_c_list li a img{
	display:block;
	width:100%;
	transition:transform 0.3s;
}
#content_area.parent #c_list li a:hover img, #content_area.product .product_c_list li a:hover img{
	-webkit-transform:scale(1.05);
	transform:scale(1.05);
}
#content_area.parent #c_list li a h2, #content_area.product .product_c_list li a h2{
	display:block;
	font-size:100%;
	padding:0 45px 0 0;
	margin:17px 0 9px;
	transition:color 0.3s;
}
#content_area.parent #c_list li a:hover h2, #content_area.product .product_c_list li a:hover h2{color:#0065a7 !important;}
#content_area.parent #c_list li a h2::before, #content_area.product .product_c_list li a h2::before{display:none;}
#content_area.parent #c_list li a h2::after, #content_area.product .product_c_list li a h2::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:auto;
	right:20px;
	bottom:0;
	margin:auto;
	width:100%;
	height:auto;
	background:url(/img/common/arrow_r_blue.svg) no-repeat center right;
	transition:right 0.3s;
}
#content_area.parent #c_list li a:hover h2::after, #content_area.product .product_c_list li a:hover h2::after{right:5px;}
#content_area.parent #c_list li a p, #content_area.product .product_c_list li a p{
	font-size:86.666%;
	letter-spacing:1.7px;
	margin:0;
}


/*----- parent(middle)/C1, child(common)/C2 -----*/
#content_h.common #h_area, #content_h.child #h_area{position:static;}
#content_h.common #h_area h1, #content_h.child #h_area h1{
	margin:30px 0 0;
	color:#333;
}
#content_area.common #c_list li:first-child, #content_area.common #c_list li:nth-child(2){
	width:30.909%;
	margin-right:3.636%;
}
#content_area.common #c_list li:nth-child(3n+2){margin-right:3.636%;}
#content_area.common #c_list li:nth-child(3n){margin-right:0;}


/*----- child/C2 -----*/
#content_h.child #h_area{position:static;}

#content_area.child{
	max-width:1140px;
	width:100%;
	padding:0 20px;
	margin:50px auto 150px;
	box-sizing:border-box;
}

.page_link{
	overflow:hidden;
	padding:0 !Important;
	margin:45px 0 !important;
}
.page_link li{
	position:relative;
	float:left;
	list-style:none !important;
	margin-right:65px;
}
.page_link li::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:-32px;
	bottom:0;
	margin:auto;
	width:1px;
	height:13px;
	background:#ccc;
}
.page_link li:last-child::after{display:none;}
.page_link li a{
	display:inline-block;
	color:#333 !important;
	font-size:86.666%;
	letter-spacing:1.2px;
	text-decoration:none !important;
	padding-left:20px;
	background:url(/img/common/page_link.svg) no-repeat center left;
}
.page_link li a:hover{text-decoration:underline !important;}

#ln_b{
	padding:65px 0;
	background:#261c19;
}
#ln_list{
	display:flex;
	flex-wrap:wrap;
	max-width:1140px;
	width:100%;
	padding:0 20px 30px;
	margin:auto;
	box-sizing:border-box;
}
#ln_list li{
	display:flex;
	align-items:center;
	width:23.636%;
	margin:0 1.818% 30px 0;
	border-bottom:2px solid rgba(255,255,255,0.3);
}
#ln_list li:nth-child(4n){margin-right:0;}
#ln_list li.on{border-color:#0065a7;}
#ln_list li.on a{background:#0065a7 !important;}
#ln_list li a{
	display:flex;
	align-items:center;
	color:#fff !important;
	text-decoration:none;
	width:100%;
	height:100%;
	padding:20px 15px;
	box-sizing:border-box;
	transition:background 0.3s;
}
#ln_list li a:hover{background:rgba(255,255,255,0.3) padding-box;}
#ln_list li a span{
	display:block;
	width:100%;
	padding-right:30px;
	background:url(/img/common/arrow_r_white.svg) no-repeat center right;
}
#ln_b .link_btn{text-align:center;}
#ln_b .link_btn a{
	display:inline-block;
	font-weight:bold;
	max-width:100%;
	width:auto;
	padding:13px 20px;
	background:#fff;
	border:none;
}

#pagenav{margin:50px auto 150px;}
.wp-pagenavi{
	position:relative;
	text-align:center;
}
.wp-pagenavi .current, .wp-pagenavi a{
	display:inline-block;
	color:#333 !important;
	font-family:'Roboto Condensed', sans-serif;
	letter-spacing:0;
	text-decoration:none !important;
	width:44px;
	height:44px;
	padding-top:8px;
	margin:0 5px;
	border:1px solid #666;
	box-sizing:border-box;
	transition:all 0.3s;
}
.wp-pagenavi .current, .wp-pagenavi a:hover{
	color:#fff !important;
	border-color:#0065a7;
	background:#0065a7;
}

#content_area.child .link_btn a{margin:0;}

#content_wrap.child .cta_area{
	max-width:1140px;
	width:100%;
	padding:0 20px;
	margin:0 auto 100px;
	box-sizing:border-box;
}
#content_wrap.child .cta_area ul{margin-bottom:20px;}
.cta_area ul{
	display:flex;
	flex-wrap:wrap;
	padding:0 !important;
}
.cta_area ul li{
	width:49.090%;
	margin-right:1.818%;
	list-style:none !important;
}
.cta_area ul li:last-child{
	margin:0;
}
.cta_area ul li a{
	position:relative;
	display:block;
	color:#fff;
	text-decoration:none !important;
	overflow:hidden;
}
.cta_area ul li a::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	visibility:hidden;
	-webkit-transform:translateY(100%);
	transform:translateY(100%);
	transition:all 0.5s;
}
.cta_area ul li.tech_box a::after{
	background:#003f7b;
}
.cta_area ul li.catalog_box a::after{
	background:#002859;
}
.cta_area ul li a:hover::after{
	visibility:visible;
	-webkit-transform:translateY(0);
	transform:translateY(0);
}
.cta_area ul li a h2{
	position:relative;
	z-index:1;
	font-size:133.333% !important;
	font-weight:bold;
}
.cta_area ul li a span{
	position:relative;
	z-index:1;
	display:block;
	color:rgba(255,255,255,0.5);
	font-family:'Roboto Condensed', sans-serif;
	font-weight:bold;
	letter-spacing:0;
	text-align:start;
	margin-top:6px;
	background:none;
}
.cta_area .download_h{
	height:150px;
	padding:50px 0 0 200px;
	box-sizing:border-box;
}
.tech_h{background:#0065a7;}
.catalog_h{background:#004079;}
.cta_area .download_h h2{
	position:relative;
	z-index:1;
	padding:0 !important;
	margin:0 !important;
	color:#fff !important;
	text-align:start;
}
.cta_area ul li a:hover .download_img{background-position:center right 10px;}
.tech_img{background-color:#003f7b;}
.catalog_img{background-color:#002859;}
.cta_area .catalog_box a:hover .download_img, .cta_area .download_box a:hover .download_img{background-position:center right 10px;}

.cta_area .contact_box{background:url(/img/index/pic_contact.jpg) no-repeat center/cover;}
.cta_support{
	position:relative;
	padding:78px 15px 51px;
}
.cta_support::after{
	content:'';
	display:block;
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	width:calc(100% - 100px);
	height:1px;
	background:rgba(255,255,255,0.3);
}
.cta_contact{padding:49px 20px 82px;}
.cta_contact.only{padding:49px 20px 50px;}
.contact_box h2{
	position:relative;
	padding-bottom:23px;
	margin-bottom:30px;
	color:#fff;
	font-size:160%;
	font-weight:bold;
	letter-spacing:2px;
	text-align:center;
}
.contact_box h2::after{
	content:'';
	display:block;
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	width:62px;
	height:4px;
	background:#0065a7;
}
.contact_box p{
	color:#fff;
	letter-spacing:0;
	text-align:center;
}

.link_btn.cta_btn a{
	color:#0065a7 !important;
	font-size:100%;
	font-weight:bold;
	min-width:240px;
	padding:10px 0 14px;
	background:#fff;
	border:none;
}
.link_btn.cta_btn a:hover{color:#fff !important;}
.link_btn.cta_btn a::after{background:#000;}


/*----- product -----*/
#content_area.product{margin:50px auto;}
#content_area.product .product_c_list li:first-child, #content_area.product .product_c_list li:nth-child(2){
	width:30.909%;
	margin-right:3.636%;
}
#content_area.product .product_c_list li:nth-child(3n+2){margin-right:3.636%;}
#content_area.product .product_c_list li:nth-child(3n){margin-right:0;}

#content_h.pro_p, #content_h.pro_c{height:auto !important;}
#content_h.pro_p::before, #content_h.pro_c::before, #content_h.pro_c::after{display:none;}
#content_h.pro_p #h_area, #content_h.pro_c #h_area{
	position:static;
	margin:50px auto;
}
#content_h.pro_p #h_area img{
	display:block;
	margin:0 auto 12px;
}
#content_h.pro_p #h_area h1, #content_h.pro_c #h_area h1{
	display:block;
	color:#261c19;
	font-size:213.333%;
	text-align:center;
	padding:0;
	margin:0;
	background:none;
}
#content_area.pro_p{margin-bottom:100px;}
#content_area.pro_p #c_list{margin:45px auto 0;}

/*----- product/post -----*/
#content_h.pro_c #h_area{
	text-align:center;
	margin-bottom:24px;
}
#content_h.pro_c #h_area img{
	display:inline-block;
	margin:0 5px 24px;
}
#content_h.pro_c #h_area span{
	display:block;
	color:#333;
	font-family:'Noto Sans JP', sans-serif, "游ゴシック", "Yu Gothic", Yu Gothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック";
	letter-spacing:1.5px;
	text-align:center;
	padding:0;
	margin:0 auto 5px;
	background:none;
	text-transform: none;
}
#content_h.pro_c #h_area .product_name_b{margin:5px auto 0;}

#content_area.pro_c{margin:24px auto 100px;}
ul.tag_list{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	padding:0 !important;
	margin-bottom:50px !important;
}
ul.tag_list li{
	list-style:none !important;
	margin:0 5px 5px;
}
ul.tag_list li:not(.useicon){
	color:#000;
	font-size:86.666%;
	letter-spacing:0.8px;
	line-height:2em;
	padding:6px 9px;
	border:1px solid #000;
}

#content_area.pro_c .cta_content_txt{
	text-align:center;
	margin-bottom:40px;
}
#content_area.pro_c .cta_content_txt a{
	position:relative;
	display:inline-block;
	padding:0 25px 0 0 !important;
	margin-right:30px;
	color:#0065a7;
}
#content_area.pro_c .cta_content_txt a:last-child{margin-right:0;}
#content_area.pro_c .cta_content_txt .cta_catalog{background:url(/img/common/icon_pdf.svg) no-repeat center right 5px;}
#content_area.pro_c .cta_content_txt .cta_download::before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:10px;
	bottom:0;
	margin:auto;
	width:6px;
	height:6px;
	border-top:2px solid #0065a7;
	border-right:2px solid #0065a7;
	transform:rotate(45deg);
}
#content_area.pro_c .cta_content_txt a::after{
	content:'';
	display:block;
	position:absolute;
	top:2px;
	right:-15px;
	bottom:0;
	margin:auto;
	width:1px;
	height:15px;
	background:#ccc;
}
#content_area.pro_c .cta_content_txt a:last-child::after{display:none;}

.cta_content_in{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	padding:23px 20px 3px;
	margin:30px auto;
	background:#edf5fa;
}
.cta_content_in div{margin:0 15px 20px;}
.catalog_link, .download_link{
	display:flex;
	max-width:300px;
	width:100%;
}
.catalog_link a, .download_link a{
	position:relative;
	display:flex;
	align-items:center;
	color:#fff !important;
	font-weight:bold;
	text-decoration:none !important;
	width:100%;
	padding:19px 15px !important;
	overflow:hidden;
	box-sizing:border-box;
}
.catalog_link a, .download_link a{background:#0065a7 !important;}
.catalog_link a::after, .download_link a::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#000;
	visibility:hidden;
	transform:translateY(100%);
	transition:all 0.3s;
}
.catalog_link a:hover::after, .download_link a:hover::after{
	visibility:visible;
	transform:translateY(0);
}
.catalog_link a span, .download_link a span{
	position:relative;
	z-index:1;
	text-align:center;
	width:100%;
}
.catalog_link a span{background:url(/img/common/icon_pdf.svg) no-repeat center right;}
.download_link a span::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	width:6px;
	height:6px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	transform:rotate(45deg);
}
.link_btn.p_center{margin:50px 0 100px;}
.link_btn.p_center a{
	max-width:360px;
	margin:auto !important;
	letter-spacing:0.5px;
}

#content_area table.unique{margin:30px 0;}
#content_area table.unique th, #content_area table.unique td{border:none !important;}
#content_area table.unique th{
	color:#fff;
	padding:10px 21px 12px;
	background:#0065a7;
}
#content_area table.unique td{
	padding:10px 21px;
	background:#ededed;
}
#content_area table.unique tr:first-child th, #content_area table.unique tr:first-child td{border-bottom:1px solid #fff !important;}
#content_area table.dialen thead th{width:100px;}
#content_area table.dialen tbody td{text-align:right;}

#product_c_more{background:#ededed; padding:30px;}
#content_area #product_c_more h2{margin:0 0 30px; padding:0; border:none; text-align:center;}
#content_area #product_c_more h2::before, #content_area #product_c_more h2::after{display:none;}
#case_list li a{background:#fff; height:100%;}
.case_c_box{padding:0 20px 5px;}
#case_list li a .case_c_box span{margin-right:-20px;}
#product_c_more .link_btn{margin:0 0 30px;}


/*----- product/faq -----*/
#content_area p.bold{
	margin:50px auto 15px;
	font-weight:bold;
}
#content_area p.bold + *{margin-top:0;}


/*----- solution -----*/
#content_area.solution #c_list{
	display:flex;
	flex-wrap:wrap;
	padding:0;
	margin:50px auto 70px;
}
#content_area.solution #c_list li{
	list-style:none;
	width:48.636% !important;
	margin:0 2.727% 60px 0 !important;
}
#content_area.solution #c_list li:nth-child(2n){margin-right:0 !important;}
#content_area.solution #c_list li a{
	display:block;
	color:#333 !important;
	text-decoration:none;
}
#content_area.solution #c_list li a:hover{color:#0065a7;}
#content_area.solution #c_list li a div{overflow:hidden;}
#content_area.solution #c_list li a img{
	display:block;
	width:100%;
	transition:transform 0.3s;
}
#content_area.solution #c_list li a:hover img{
	-webkit-transform:scale(1.05);
	transform:scale(1.05);
}
#content_area.solution #c_list li a h2{
	display:block;
	font-size:133.333%;
	padding:17px 45px 9px 0;
	margin:0;
	transition:color 0.3s;
}
#content_area.solution #c_list li a:hover h2{color:#0065a7 !important;}
#content_area.solution #c_list li a span{
	display:block;
	color:#0065a7;
	font-family:'Roboto Condensed', sans-serif;
	font-size:70%;
	letter-spacing:0.5px;
	text-transform:uppercase;
	margin-top:-4px;
}

a.hover_g, a.hover_o{
	position:relative;
	display:block;
}
a.hover_g::after, a.hover_o::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	visibility:hidden;
	transition:all 0.3s;
}
a.hover_g::after{background:#399d55;}
a.hover_o::after{background:#d13e2c;}
a.hover_g:hover::after, a.hover_o:hover::after{
	opacity:0.5;
	visibility:visible;
}


/*----- technology -----*/
#content_area.child p.bg_b{
	background:#0065a7;
	padding:15px 20px 18px;
	margin:0;
	color:#fff;
	font-size:133.333%;
	font-weight:bold;
	letter-spacing:2px;
}


/*----- case -----*/
#content_h.case{background:url(/img/common/h1_case.jpg) no-repeat center/cover;}
#content_h.case::before{background:url(/img/common/h1_case.svg) no-repeat right bottom;}

#search_area{
	border-bottom:1px solid #ddd;
	background:#f7f7f7;
}
#search_area form{
	position:relative;
	max-width:1140px;
	width:100%;
	padding:40px 20px;
	margin:auto;
	box-sizing:border-box;
}
#search_area form div > span, #checked_area span{
	position:relative;
	display:block;
	font-weight:bold;
	line-height:1.2;
	padding-left:11px;
	margin-bottom:20px;
}
#search_area form div > span::before, #checked_area span::before{
	content:'';
	display:block;
	position:absolute;
	top:2px;
	left:0;
	bottom:0;
	margin:auto;
	width:3px;
	height:14px;
	background:#0065a7;
}
#search_area form ul{
	display:flex;
	flex-wrap:wrap;
	padding:0;
	margin:0 0 21px;
}
#search_area form ul li{
	display:flex;
	width:24.727%;
	margin:0 0.363% 4px 0;
	list-style:none;
}
#search_area form ul li:nth-of-type(4n){
	margin-right:0;
}
#search_area form ul li label{
	position:relative;
	font-size:86.666%;
	width:100%;
	background:#fff;
	cursor:pointer;
}
#search_area form ul li label input[type="checkbox"]{
	position:absolute;
	opacity:0;
	-webkit-appearance:none;
	appearance:none;
}
#search_area form ul li label span{
	position:relative;
	display:flex;
	align-items:center;
	padding:11px 19px 11px 36px;
	width:100%;
	height:100%;
	border:1px solid #e8e8e8;
	box-sizing:border-box;
	transition:all 0.3s;
}
#search_area form ul li label:hover span, #search_area form ul li label input[type="checkbox"]:checked +span{
	color:#0065a7;
	border-color:#0065a7;
}
#search_area form ul li label span::before, #search_area form ul li label span::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
}
#search_area form ul li label span::before{
	left:20px;
	width:8px;
	height:8px;
	border:1px solid #888;
	transition:border-color 0.3s;
}
#search_area form ul li label:hover span::before, #search_area form ul li label input[type="checkbox"]:checked + span::before{border-color:#0065a7;}
#search_area form ul li label span::after{
	left:23px;
	width:2px;
	height:6px;
	border-right:2px solid #0065a7;
	border-bottom:2px solid #0065a7;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	opacity:0;
	transition:opacity 0.3s;
}
#search_area form ul li label input[type="checkbox"]:checked + span::after{opacity:1;}
#search_area form .column_2 div{
	width:49.818%;
	margin-right:0.363%;
}
#search_area form .column_2 div:last-child{margin-right:0;}	
#search_area form .column_2 div:first-child ul li{width:49.635%;}
.freeword{
	width:100%;
	padding:11px 20px;
	margin-bottom:50px;
	border:1px solid #e8e8e8;
	box-sizing:border-box;
}
.freeword::placeholder{
	color:#999;
	font-size:86.666%;
}
.search_btn div{
	position:relative;
	max-width:200px;
	margin:0 auto 16px;
	background:#0065a7;
	background:linear-gradient(to right, #0065a7 0%, #003f78 100%);
	overflow:hidden;
}
.search_btn div::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#261c19;
	visibility:hidden;
	-webkit-transform:translateY(100%);
	transform:translateY(100%);
	transition:all 0.3s;
}
.search_btn div:hover::after{
	visibility:visible;
	-webkit-transform:translateY(0);
	transform:translateY(0);
}
.submit_btn{
	position:relative;
	z-index:1;
	display:block;
	color:#fff !important;
	text-align:center;
	text-decoration:none !important;
	width:100%;
	padding:14px 0;
	border:none;
	background:transparent;
	cursor:pointer;
}
.submit_btn span{
	padding:4px 0 !important;
	margin:0 !important;
}
.submit_btn span::before{display:none !important;}
.check_reset{
	display:block;
	position:absolute;
	right:20px;
	bottom:70px;
	color:#333 !important;
	font-size:86.666%;
	text-decoration:none !important;
}
.check_reset:hover{text-decoration:underline !important;}

#checked_area{
	max-width:1140px;
	width:100%;
	padding:0 20px;
	margin:80px auto;
	box-sizing:border-box;
}
#checked_area > div{
	position:relative;
	padding:37px 39px 23px;
	border:1px solid #ddd;
	background:#f7f7f7;
}
#checked_area div table{margin:30px 0 40px !important;}
#checked_area div table th{
	width:200px;
	padding:14px 21px;
	box-sizing:border-box;
}
#checked_area div table td{
	width:calc(100% - 200px);
	padding:14px 21px;
}
#checked_area .check_reset{
	right:38px;
	bottom:53px;
}

#result_area{
	max-width:1140px;
	width:100%;
	padding:0 20px;
	margin:25px auto;
	box-sizing:border-box;
}
#result_sort{
	display:flex;
	justify-content:space-between;
}
#result_sort p{
	font-size:80% !important;
	letter-spacing:1px !important;
}
#result_sort p span{font-size:166.666%;}
.sort_wrap{
	display:flex;
	align-items:center;
}
.sort_wrap a{
	position:relative;
	color:#666 !important;
	font-size:80%;
	text-decoration:none !important;
	padding-bottom:1px;
	margin-top:1px;
	transition:color 0.3s;
}
.sort_wrap a:first-child{margin-right:38px;}
.sort_wrap a.on, .sort_wrap a:hover{color:#0065a7 !important;}
.sort_wrap a::before{
	content:'';
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:2px;
	background:#0065a7;
	visibility:hidden;
	opacity:0;
	transition:all 0.3s;
}
.sort_wrap a.on::before, .sort_wrap a:hover::before{
	visibility:visible;
	opacity:1;
}
.sort_wrap a:first-child::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:-18px;
	bottom:0;
	margin:auto;
	width:1px;
	height:12px;
	background:#888;
}
#case_list{
	display:flex;
	flex-wrap:wrap;
	padding:0 !important;
	margin-top:3px !important;
}
#case_list li{
	width:32%;
	margin:0 2% 30px 0;
	list-style:none !important;
}
#case_list li:nth-child(3n){margin-right:0;}
#case_list li a{
	display:block;
	color:#333 !important;
	text-decoration:none !important;
	overflow:hidden;
}
.case_thumb{overflow:hidden;}
.case_thumb img{transition:transform 0.3s;}
#case_list li a:hover .case_thumb img{
	-webkit-transform:scale(1.05);
	transform:scale(1.05);
}
#case_list li a span{
	position:relative;
	display:block;
	font-weight:bold;
	padding-right:50px;
	margin:10px 0;
	transition:color 0.3s;
}
#case_list li a:hover span{color:#0065a7 !important;}
#case_list li a span::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:20px;
	bottom:0;
	margin:auto;
	width:100%;
	background:url(/img/common/arrow_r_blue.svg) no-repeat center right;
	transition:right 0.3s;
}
#case_list li a:hover span::after{right:10px;}
#case_list li a table{margin:10px 0 !important;}
#case_list li a table th, #case_list li a table td{
	line-height:1em;
	padding:3px 0 4px;
	border:none !important;
}
#case_list li a table th{
	color:#fff;
	font-size:73.333%;
	font-weight:normal;
	letter-spacing:1px;
	text-align:center;
	width:60px;
	padding:4px 0 5px;
	background:#666;
	border-bottom:4px solid #fff !important;
}
#case_list li a table td{
	font-size:86.666%;
	padding-left:10px;
}


/*----- case/post -----*/
#content_area.case_post{
	max-width:1140px;
	margin:50px auto 100px;
}
#content_area.case_post > img, #content_area.case_post > p img{width:100%;}
#content_area.case_post table{margin:30px auto 50px;}
#content_area.case_post > .link_btn{margin:60px auto 120px;}
.related{
	display:flex;
	flex-wrap:wrap;
	padding:0 !important;
	margin:20px auto 37px !important;
}
.related li{
	width:31.777%;
	margin:0 2.333% 20px 0;
	list-style:none !important;
}
.related li:nth-child(3n){margin-right:0;}
.related li a{
	display:block;
	color:#333 !important;
	text-decoration:none !important;
	overflow:hidden;
}
.related li a span{
	position:relative;
	display:block;
	font-weight:bold;
	padding-right:50px;
	margin:10px 0;
	transition:color 0.3s;
}
.related li a:hover span{color:#0065a7 !important;}
.related li a span::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:20px;
	bottom:0;
	margin:auto;
	width:100%;
	background:url(/img/common/arrow_r_blue.svg) no-repeat center right;
	transition:right 0.3s;
}
.related li a:hover span::after{right:10px;}
.related li a div{
	position:relative;
	max-height:200px;
	height:17.543vw;
	overflow:hidden;
}
.related li a div img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	transition:transform 0.3s;
}
.related li a:hover div img{
	-webkit-transform:scale(1.05);
	transform:scale(1.05);
}
#content_area.case_post .link_btn a{margin:auto;}
#content_area.case_post .cta_tel a{
	color:#fff !important;
	text-decoration:none;
}


/*----- column -----*/
#content_h.column{background:url(/img/common/h1_column.jpg) no-repeat center/cover;}
#content_h.column::before{background:url(/img/common/h1_column.svg) no-repeat right bottom;}

#column_tab{
	display:flex;
	flex-wrap:wrap;
	padding:0 !important;
	margin:50px auto !important;
}
#column_tab li{
	width:140px;
	margin-right:20px;
	list-style:none !important;
}
#column_tab li:last-child{margin-right:0;}
#column_tab li a{
	display:block;
	color:#333 !important;
	text-align:center;
	text-decoration:none !important;
	padding:10px 0;
	border-bottom:3px solid #999;
	transition:all 0.3s;
}
#column_tab li.active a, #column_tab li a:hover{
	color:#0065a7 !important;
	border-color:#0065a7;
}

#column_list{
	display:flex;
	flex-wrap:wrap;
	padding:0 !important;
}
#column_list li{
	width:23.636%;
	margin:0 1.818% 20px 0;
	list-style:none !important;
	border:1px solid #ccc;
	box-sizing:border-box;
}
#column_list li:nth-child(4n){margin-right:0;}
#column_list li a{
	position:relative;
	display:block;
	color:#333 !important;
	text-decoration:none;
	height:100%;
	background:#fff;
	overflow:hidden;
	transition:color 0.3s;
}
#column_list li a:hover{color:#0065a7 !important;}
#column_list li a::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:30px;
	bottom:30px;
	margin:auto;
	width:100%;
	background:url(/img/common/arrow_r_blue.svg) no-repeat right bottom;
	transition:right 0.3s;
}
#column_list li a:hover::after{right:15px;}
#column_list li a .column_icon{overflow:hidden;}
#column_list li a .column_icon img{
	width:auto;
	margin:auto;
	transition:transform 0.3s;
}
#column_list li a:hover .column_icon img{
	-webkit-transform:scale(1.05);
	transform:scale(1.05);
}
#column_list li a .column_txt_box{
	padding:15px 25px 35px;
}
#column_list li a .column_txt_box span, #content_area.column_post .column_txt_box span{
	display:inline-block;
	font-size:80%;
}
#column_list li a .column_txt_box span.column_date{
	position:relative;
	margin-right:6px;
}
#column_list li a .column_txt_box span.column_date::after, #content_area.column_post .column_txt_box span.column_date::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:-6px;
	bottom:0;
	margin:auto;
	width:2px;
	height:12px;
	background:#ccc;
}
#column_list li a .column_txt_box span.column_title{
	display:block;
	font-size:100%;
	font-weight:bold;
	margin-top:8px;
}


/*----- column/post -----*/
#content_area.column_post{margin-top:50px;}
#content_area.column_post .column_txt_box{margin-bottom:30px;}
#content_area.column_post .column_txt_box span.column_date{
	position:relative;
	margin-right:33px;
}
#content_area.column_post .column_txt_box span.column_date::after{right:-20px;}
#content_area.column_post .link_btn a{margin:50px auto;}


/*----- news -----*/
#content_h.news{background:url(/img/common/h1_news.jpg) no-repeat center/cover;}
#content_h.news::before{background:url(/img/common/h1_news.svg) no-repeat right bottom;}

#news_top{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin:35px auto 40px;
}
#news_tab{
	display:flex;
	flex-wrap:wrap;
	width:70.909%;
	padding:0 !important;
}
#news_tab li{
	width:17.948%;
	margin-right:2.564%;
	list-style:none !important;
}
#news_tab li:last-child{margin-right:0;}
#news_tab li a{
	display:block;
	color:#333 !important;
	text-align:center;
	text-decoration:none !important;
	padding:10px 0;
	border-bottom:3px solid #999;
	transition:all 0.3s;
}
#news_tab li.active a, #news_tab li a:hover{
	color:#0065a7 !important;
	border-color:#0065a7;
}
#year_select{margin-top:5px;}
#year_select form{
	position:relative;
	cursor:pointer;
}
#year_select form::after{
	content:'';
	display:block;
	position:absolute;
	top:2px;
	right:16px;
	bottom:0;
	margin:auto;
	width:0;
	height:0;
	border:4px solid transparent;
	border-top:6px solid #0065a7;
}
#year_select form select{
	width:144px;
	padding:11px 10px 13px;
	border:1px solid #666;
	cursor:pointer;
	-webkit-appearance:none;
	appearance:none;
}

#news_list{
	padding:0 !important;
	margin:auto !important;
}
#news_list li{
	list-style:none !important;
	border-bottom:1px solid #ccc;
}
#news_list li:first-child{border-top:1px solid #ccc;}
#news_list li a{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	color:#333 !important;
	text-decoration:none !important;
	padding:20px 21px 21px;
	transition:all 0.3s;
}
#news_list li a:hover{color:#0065a7 !important;}
#news_list li a::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:23px;
	bottom:0;
	margin:auto;
	width:100%;
	background:url(/img/common/arrow_r_blue.svg) no-repeat center right;
	transition:right 0.3s;
}
#news_list li a:hover::after{right:8px;}

#news_list li a span:not(.news_title){
	font-size:80%;
}
#news_list li a span.news_date{
	position:relative;
	width:80px;
	padding:3px 31px 0 0;
}
#news_list li a span.news_date::after{
	content:'';
	display:block;
	position:absolute;
	top:3px;
	right:0;
	bottom:0;
	margin:auto;
	width:1px;
	height:12px;
	background:#888;
	transition:background 0.3s;
}
#news_list li a:hover span.news_date::after{background:#0065a7;}
#news_list li a span.news_cate{
	width:85px;
	padding:3px 21px 0 33px;
}
#news_list li a span.news_title{
	font-weight:bold;
	width:calc(100% - 250px);
	padding-right:30px;
	box-sizing:border-box;
}


/*----- news/post -----*/
#content_area.news_post{margin:50px auto 150px;}
.post_info_box{
	display:flex;
	margin-bottom:30px;
}
.post_info_box span{font-size:80%;}
.post_info_box span.news_date{
	position:relative;
	padding-right:33px;
	margin-right:32px;
}
.post_info_box span.news_date::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	width:1px;
	height:12px;
	background:#888;
}

#content_area.news_post .link_btn{margin-top:100px;}
#content_area.news_post .link_btn a{margin:auto;}


/*----- recruit -----*/
#content_area.recruit{margin:50px auto 70px;}
#content_area.recruit #c_list{padding:0;}
#content_area.recruit #c_list li{
	list-style:none;
	width:100% !important;
	margin:0 0 20px 0 !important;
}
#content_area.recruit #c_list li:last-child{margin-bottom:0 !important;}
#content_area.recruit #c_list li a{
	display:flex;
	flex-wrap:wrap;
	color:#fff !important;
}
#content_area.recruit #c_list li a .c_thumb{
	width:50%;
	overflow:hidden;
}
#content_area.recruit #c_list li a .c_box{
	position:relative;
	display:flex;
	flex-direction:column;
	width:50%;
	background:linear-gradient(135deg, #0065a7 0%, #003f7b 100%);
}
#content_area.recruit #c_list li a .c_box::after{
	content:'';
	flex-shrink:0;
	height:75px;
	background:#261c19 url(/img/common/arrow_r_white.svg) no-repeat center right 30px;
	transition:background 0.3s;
}
#content_area.recruit #c_list li a:hover .c_box::after{background-position:center right 20px;}
#content_area.recruit #c_list li a .c_txt{
	position:relative;
	display:flex;
	align-items:center;
	height:100%;
	padding:0 50px;
	overflow:hidden;
	box-sizing:border-box;
}
#content_area.recruit #c_list li a .c_txt::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:calc(100% + 75px);
	background:#261c19;
	visibility:hidden;
	-webkit-transform:translateY(100%);
	transform:translateY(100%);
	transition:all 0.3s;
}
#content_area.recruit #c_list li a:hover .c_txt::after{
	visibility:visible;
	-webkit-transform:translateY(0);
	transform:translateY(0);
}
#content_area.recruit #c_list li a .c_txt h2{
	position:relative;
	z-index:1;
	color:#fff !important;
	font-size:173.333%;
	padding:0;
	margin:2px 0 0;
	background:none;
}
#content_area.recruit #c_list li a .c_txt h2::after{display:none;}
#content_area.recruit #c_list li a .c_txt p{
	position:relative;
	z-index:1;
	margin:0;
}
.cta_entry{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.cta_entry .link_btn{
	width:49.090%;
	margin-bottom:20px;
}
.cta_entry .link_btn:first-child{margin-right:1.818%;}
.cta_entry .link_btn a{
	max-width:none;
	padding:37px 0;
	border:3px solid #0065a7;
	color:#0065a7 !important;
	font-size:133.333%;
	font-weight:bold;
	letter-spacing:2px;
}
.cta_entry .link_btn a:hover{color:#fff !important;}
.cta_entry .link_btn a span:after{
	right:30px;
	border-color:#0065a7;
}


/*----- data -----*/
.page_link.data li a{background-image:url(/img/recruit/data/page_link_data.svg);}
.column_2.data, .column_3.data{
	padding:28px 0;
	margin:0;
	border-top:1px solid #ccc;
}
h2 + .column_2.data, h2 + .column_3.data, .column_2.data > .column_2.data{
	padding-top:0;
	border-top:none;
}
.column_2.data div, .column_3.data div{
	width:50%;
	padding:30px 15px;
	margin:0;
	border-right:1px solid #ccc;
	box-sizing:border-box;
}
.column_3.data div{width:33.333%;}
.column_2.data div:first-child, .column_3.data div:first-child{border-left:1px solid #ccc;}
.column_2.l_large div:first-child{width:66.666%;}
.column_2.l_large div:last-child{width:33.333%;}
.column_2.data > .column_2.data{padding:0;}
.column_2.data > .column_2.data div{
	border-left:1px solid #ccc;
	border-right:0;
}
.column_2.data > .column_2.data div:first-child{border-left:none;}
.column_2.data > div p, .column_3.data > div p{
	font-size:86.666%;
	line-height:1.7em;
	text-align:center;
	margin:0 auto 29px !important;
}
.column_2.data > div p.comment, .column_3.data > div p.comment{
	font-size:80%;
	margin:14px auto 0 !important;
}
.column_2.data > div img, .column_3.data > div img{margin:auto;}
#content_area.data h3{
	text-align:center;
	padding:49px 0 0;
	margin:0 0 20px;
}
h3.com_1{background:url(/img/recruit/data/icon_company_1.png) no-repeat top center;}
h3.com_2{background:url(/img/recruit/data/icon_company_2.png) no-repeat top center;}
h3.com_3{background:url(/img/recruit/data/icon_company_3.png) no-repeat top center;}
h3.com_4{background:url(/img/recruit/data/icon_company_4.png) no-repeat top center;}
h3.com_5{background:url(/img/recruit/data/icon_company_5.png) no-repeat top center;}
h3.com_6{background:url(/img/recruit/data/icon_company_6.png) no-repeat top center;}
h3.com_7{background:url(/img/recruit/data/icon_company_7.png) no-repeat top center;}
h3.com_8{background:url(/img/recruit/data/icon_company_8.png) no-repeat top center;}
h3.com_9{background:url(/img/recruit/data/icon_company_9.png) no-repeat top center;}
h3.com_10{background:url(/img/recruit/data/icon_company_10.png) no-repeat top center;}
h3.com_11{background:url(/img/recruit/data/icon_company_11.png) no-repeat top center;}
h3.per_1{background:url(/img/recruit/data/icon_personal_1.png) no-repeat top center;}
h3.per_2{background:url(/img/recruit/data/icon_personal_2.png) no-repeat top center;}
h3.per_3{background:url(/img/recruit/data/icon_personal_3.png) no-repeat top center;}
h3.per_4{background:url(/img/recruit/data/icon_personal_4.png) no-repeat top center;}
h3.int_1{background:url(/img/recruit/data/icon_interest_1.png) no-repeat top center;}
h3.int_2{background:url(/img/recruit/data/icon_interest_2.png) no-repeat top center;}
#content_area.data h3::before, #content_area.data h3::after{display:none;}
.column_2.data + h2{margin-top:50px !important;}
.column_2.living_area{
	position:relative;
	padding:60px 0 45px;
}
.column_2.living_area::before, .column_2.living_area::after{
	content:'';
	display:block;
	position:absolute;
	top:-15px;
	bottom:0;
	margin:auto;
	width:1px;
	height:calc(100% - 70px);
	background:#ccc;
}
.column_2.living_area::before{left:0;}
.column_2.living_area::after{right:0;}
.column_2.living_area div{
	padding-bottom:0;
	border:none;
}
.column_2.living_area div:nth-of-type(2n){border-left:1px dotted #ccc;}
#content_area.data .column_2.living_area h3{width:100%;}
#content_area.data h4{
	padding:0;
	margin:2px 0 28px;
	text-align:center;
}
#content_area.data h4::before{display:none;}
#content_area.data .living_area > h4{
	width:100%;
	padding:25px 0;
	margin:30px 30px 0;
	border-top:1px dotted #ccc;
}


/*----- senior -----*/
#content_area.senior #c_list{margin-top:50px;}
#content_area.senior #c_list li{
	width:48.636% !important;
	margin:0 2.727% 45px 0 !important;
}
#content_area.senior #c_list li:nth-child(2n){margin-right:0 !important;}
#content_area.senior #c_list .senior_txt{
	position:relative;
	overflow:visible;
}
#content_area.senior #c_list .senior_txt h2{
	display:inline-block;
	position:absolute;
	z-index:10;
	top:-20px;
	left:0;
	color:#fff !important;
	font-size:133.333%;
	font-weight:bold;
	padding:7px 13px;
	margin:0;
	background:#0065a7;
	transition:none;
}
#content_area.senior #c_list a:hover .senior_txt h2{color:#fff !important;}
#content_area.senior #c_list .senior_txt h2::after{display:none !important;}
.senior_txt_in{
	position:relative;
	z-index:1;
	padding:38px 21px 14px;
}
.senior_txt_in::before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#000;
	visibility:hidden;
	-webkit-transform:translateY(100%);
	transform:translateY(100%);
	transition:all 0.3s;
}
a:hover .senior_txt_in::before{
	visibility:visible;
	-webkit-transform:translateY(0);
	transform:translateY(0);
}
.senior_txt_in::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url(/img/common/arrow_r_blue.svg) no-repeat right 31px bottom 53px;
	transition:background-image 0.3s;
}
a:hover .senior_txt_in::after{background-image:url(/img/common/arrow_r_white.svg);}
.senior_txt_in span{
	position:relative;
	z-index:1;
	display:block;
	font-size:83.333%;
	transition:color 0.3s;
}
a:hover .senior_txt_in span{color:#fff !important;}
.senior_txt_in span.department{margin-bottom:2px;}
.senior_txt_in span.senior_name_jp{
	display:inline-block;
	font-size:120%;
}
.senior_txt_in span.senior_name_en{
	display:inline-block;
	color:#0065a7;
	font-family:'Roboto Condensed', sans-serif;
	font-size:80%;
}
.senior_txt_in span.enter{margin-top:1px;}


/*----- interview -----*/
#content_h.interview::before, #content_h.interview::after{height:210px !important;}
#content_h.interview #h_area{
	top:50px !important;
	display:flex;
	padding:0 20px 50px;
}
#content_h.interview #h_area img{
	width:51.636%;
	height:100%;
}
#content_h.interview .senior_info{
	width:48.363%;
	padding:8.545% 4.454% 0;
	background:#f7f7f7;
	box-sizing:border-box;
}
#content_h.interview #h_area h1{
	color:#0065a7;
	font-size:173.333%;
}
#content_h.interview #h_area span{
	display:block;
	color:#333;
	font-size:86.666%;
	font-weight:normal;
	letter-spacing:1.5px;
	padding:0;
	margin:0;
	background:none;
}
#content_h.interview #h_area span.department{
	position:relative;
	padding-bottom:15px;
	margin:80px 0 23px;
}
#content_h.interview #h_area span.department::after{
	content:'';
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:30px;
	height:2px;
	background:#0065a7;
}
#content_h.interview #h_area span.senior_name_jp{
	display:inline-block;
	font-size:160%;
	letter-spacing:2.5px;
	margin:0 7px 12px 0;
}
#content_h.interview #h_area span.senior_name_en{
	display:inline-block;
	color:#0065a7;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:bold;
	font-size:100%;
	letter-spacing:0;
}

#ln_b.interview #ln_list{padding-top:50px;}
#ln_b.interview #ln_list li{
	width:49.090%;
	margin-bottom:20px;
	border:none;
}
#ln_b.interview #ln_list li:nth-child(2n){margin-right:0;}
#ln_b.interview #ln_list li a{
	color:#333 !important;
	padding:0;
	background:#fff url(/img/common/arrow_r_blue.svg) no-repeat center right 20px;
	transition:all 0.3s;
}
#ln_b.interview #ln_list li.on a, #ln_b.interview #ln_list li a:hover{
	color:#fff !important;
	background:#0065a7 url(/img/common/arrow_r_white.svg) no-repeat center right 20px !important;
}
#ln_b.interview #ln_list li a .senior_thumb{
	width:33.333%;
	overflow:hidden;
}
#ln_b.interview #ln_list li a .senior_thumb img{
	display:block;
	width:100%;
	transform:scale(1.02);
	transition:transform 0.3s;
}
#ln_b.interview #ln_list li.on a .senior_thumb img, #ln_b.interview #ln_list li a:hover .senior_thumb img{transform:scale(1.05);}
#ln_b.interview #ln_list li a .senior_info{
	display:flex;
	flex-direction:column;
	width:66.666%;
	padding-left:28px;
	box-sizing:border-box;
}
#ln_b.interview #ln_list li a .senior_info span{
	width:auto;
	background:none;
}
#ln_b.interview #ln_list li a .part_enter, #ln_b.interview #ln_list li a .senior_name{display:flex;}
#ln_b.interview #ln_list li a .part_enter{margin-bottom:5px;}
#ln_b.interview #ln_list li a .part_enter span{
	font-size:80%;
	padding:0;
	background:none;
}
#ln_b.interview #ln_list li a .part_enter .department{
	position:relative;
	padding-right:20px;
}
#ln_b.interview #ln_list li a .part_enter .department::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:10px;
	bottom:0;
	margin:auto;
	width:1px;
	height:12px;
	background:#999;
	transition:background 0.3s;
}
#ln_b.interview #ln_list li.on a .part_enter .department::after, #ln_b.interview #ln_list li a:hover .part_enter .department::after{background:#fff;}
#ln_b.interview #ln_list li a .senior_name{align-items:baseline;}
#ln_b.interview #ln_list li a .senior_name span{padding:0;}
#ln_b.interview #ln_list li a .senior_name .senior_name_jp{
	font-size:133.333%;
	padding-right:10px;
}
#ln_b.interview #ln_list li a .senior_name .senior_name_en{
	color:#0065a7 !important;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:bold;
	letter-spacing:0;
	transition:color 0.3s;
}
#ln_b.interview #ln_list li.on a .senior_name .senior_name_en, #ln_b.interview #ln_list li a:hover .senior_name .senior_name_en{color:#fff !important;}


/*----- requirements -----*/
#content_area.requirements{margin-bottom:150px;}
#content_area.requirements .recruit_list{
	/* display:flex; */
	flex-wrap:wrap;
	padding:0 !important;
	margin:0 !important;
}
#content_area.requirements .recruit_list li{
	border-bottom:1px solid #ccc;
	list-style:none !important;
	/* width:49.090%;
	margin-right:1.818%; */
}
#content_area.requirements .recruit_list li:first-child{border-top:1px solid #ccc;}
/* #content_area.requirements .recruit_list li:first-child, #content_area.requirements .recruit_list li:nth-child(2){border-top:1px solid #ccc;}
#content_area.requirements .recruit_list li:nth-child(2n){margin-right:0;} */
#content_area.requirements .recruit_list li a{
	position:relative;
	display:flex;
	align-items:center;
	color:#333 !important;
	text-decoration:none !important;
	height:100%;
	transition:color 0.3s;
}
#content_area.requirements .recruit_list li a:hover{color:#0065a7 !important;}
#content_area.requirements .recruit_list li a::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:23px;
	bottom:0;
	margin:auto;
	width:100%;
	background:url(/img/common/arrow_r_blue.svg) no-repeat center right;
	transition:right 0.3s;
}
#content_area.requirements .recruit_list li a:hover::after{right:13px;}
#content_area.requirements .recruit_list li a h3{
	padding:27px 50px 27px 18px !important;
	margin:0 !important;
}
#content_area.requirements .recruit_list li a h3::before, #content_area.requirements .recruit_list li a h3::after{display:none !important;}


/*----- requirements/post -----*/
#content_area.rec_post{margin:70px auto 150px;}
#content_area.rec_post .flow_box h3{
	color:#fff;
	letter-spacing:2px;
	text-align:center;
	padding:23px 0;
	margin:0;
	background:#0065a7;
}
#content_area.rec_post .flow_box h3::before, #content_area.rec_post .flow_box h3::after{display:none;}
#content_area.rec_post .flow_box p{
	text-align:center;
	padding:20px 0 21px;
	margin:0;
	border:1px solid #ccc;
	background:#f7f7f7;
}
.flow_box .link_btn{
	display:block;
	margin:15px 0 0 !important;
}
.flow_box .link_btn a{
	margin:auto !important;
	border:1px solid;
}
#content_area.rec_post .flow_box .flow_arrow{
	width:100%;
	height:75px;
	background:url(/img/common/arrow_flow.svg) no-repeat center;
}
#content_area.child .flow_arrow.beam{
	width:100%;
	height:36px;
	background:url(/img/common/arrow_flow.svg) no-repeat left 30% top;
}
#content_area.rec_post > .link_btn a{margin:80px auto 0;}


/*----- catalog -----*/
.caution_box{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	padding:24px 29px;
	margin-bottom:25px;
	background:#edf5fa;
}
.caution_box span{
	position:relative;
	font-weight:bold;
	width:116px;
	padding-right:49px;
	margin-right:31px;
}
.caution_box span::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	width:1px;
	height:40px;
	background:#333;
}
.caution_box p{
	width:calc(100% - 196px);
	margin:0 !important;
}
.caution_box p a{
	background-position:center left 5px !important;
	background-size:10px !important;
}
#content_area.catalog ul{
	display:flex;
	flex-wrap:wrap;
	padding:0;
}
#content_area.catalog ul.column_2 li{
	width:49.090%;
	margin-right:1.818%;
	list-style:none;
}
#content_area.catalog ul.column_2 li:last-child{
	margin:0;
}
#content_area.catalog ul.column_2 li a{
	position:relative;
	display:block;
	color:#fff;
	text-decoration:none;
	padding:0;
	background:none;
	overflow:hidden;
}
#content_area.catalog ul.column_2 li a::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	visibility:hidden;
	-webkit-transform:translateY(100%);
	transform:translateY(100%);
	transition:all 0.5s;
}
#content_area.catalog ul.column_2 li.catalog_box a::after{background:#002859;}
#content_area.catalog ul.column_2 li a:hover::after{
	visibility:visible;
	-webkit-transform:translateY(0);
	transform:translateY(0);
}
#content_area.catalog ul.column_2 li a span{
	position:relative;
	z-index:1;
	font-size:133.333%;
	font-weight:bold;
}
.catalog_name{
	max-height:150px;
	height:13.157vw;
	padding:62px 0 0 40.740%;
	background:#004079;
	box-sizing:border-box;
}
#content_area.catalog .catalog_img{
	position:relative;
	z-index:1;
	height:50px;
	background:#002859;

}
#content_area.catalog .catalog_img::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:20px;
	bottom:0;
	margin:auto;
	width:100%;
	background:url(/img/common/arrow_r_white.svg) no-repeat center right;
	transition:right 0.3s;
}
#content_area.catalog a:hover .catalog_img::after{right:10px;}
#content_area.catalog .catalog_img img{
	position:absolute;
	bottom:0;
	width:29.5%;
	padding-left:5.555%;
}
#content_area.catalog ul.column_3 li{
	width:32%;
	margin-right:2%;
	list-style:none;
	border-bottom:1px solid #ccc;
}
#content_area.catalog ul.column_3 li:nth-child(3n){margin-right:0;}
#content_area.catalog ul.column_3 li:first-child, #content_area.catalog ul.column_3 li:nth-child(2), #content_area.catalog ul.column_3 li:nth-child(3){border-top:1px solid #ccc;}
#content_area.catalog ul.column_3 li a{
	display:flex;
	align-items:center;
	color:#333 !important;
	font-weight:bold;
	text-decoration:none;
	padding:15px !important;
	background:none;
	transition:color 0.3s;
}
#content_area.catalog ul.column_3 li a:hover{color:#0065a7 !important;}
#content_area.catalog ul.column_3 li a span{
	position:relative;
	width:calc(100% - 71px);
	padding:0 30px 0 20px;
	box-sizing:border-box;
}
#content_area.catalog ul.column_3 li a span::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:5px;
	bottom:0;
	margin:auto;
	width:100%;
	background:url(/img/common/arrow_r_blue.svg) no-repeat center right;
	transition:right 0.3s;
}
#content_area.catalog ul.column_3 li a:hover span::after{right:0;}


/*----- download -----*/
form.post_password span{
	position:relative;
	display:block;
	max-width:240px;
	width:100%;
	margin-top:10px;
	background:#0065a7;
	background:linear-gradient(to right, #0065a7 0%, #003f7b 100%);
	box-sizing:border-box;
	overflow:hidden;
}
form.post_password span::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:#261c19;
	visibility:hidden;
	-webkit-transform:translateY(100%);
	transform:translateY(100%);
	transition:all 0.3s;
}
form.post_password span:hover::after{
	visibility:visible;
	-webkit-transform:translateY(0);
	transform:translateY(0);
}
form.post_password input[type="submit"]{
	position:relative;
	z-index:1;
	display:block;
	width:100%;
	padding:12px 0;
	background:none;
	border:none;
	cursor:pointer;
	color:#fff;
	font-weight:bold;
	line-height:2em;
}
/* 2022/03 add */
#content_h.download{height:auto !important;}
#content_h.download #h_area{position:static;}
#content_h.download #h_area h1{
	margin:30px 0 0;
	color:#333;
	font-size:186.666%;
}
#content_h.download #h_area span{display:none;}
#content_area.download{margin:50px auto 120px;}
#content_area.download .c_thumb{display:none;}
#content_area.download #c_list{margin-bottom:55px;}
#content_area.download #c_list li{
	width:48.636%;
	margin:0 2.727% 0 0;
	border-bottom:1px solid #ccc;
}
#content_area.download #c_list li:nth-child(2n){margin-right:0;}
#content_area.download #c_list li:nth-child(-n+2){border-top:1px solid #ccc;}
#content_area.download #c_list li a{height:100%;}
#content_area.download #c_list li a h2{
	display:flex;
	align-items:center;
	height:100%;
	padding:26px 50px 26px 20px;
	margin:0 !important;
	box-sizing:border-box;
	font-size:120%;
}
#content_area.download .caution_box{padding:28px;}
#content_area.download .caution_box span{
	width:145px;
	padding:0;
	margin-right:15px;
	font-size:86.666%;
	letter-spacing:1.3px;
}
#content_area.download .caution_box p{
	width:calc(100% - 160px);
	font-size:86.666%;
	letter-spacing:1.3px;
	line-height:1.7em;
}
#content_wrap.download #ln_list li, #content_area.download + #ln_b #ln_list li{
	width:48.636%;
	margin-right:2.727%;
}
#content_wrap.download #ln_list li:nth-child(2n), #content_area.download + #ln_b #ln_list li:nth-child(2n){margin-right:0;}

#content_area.download.dl_mid{margin-bottom:90px;}
#content_area.download.dl_mid .c_thumb{display:block;}
#content_area.download.dl_mid #c_list li{
	width:30.909%;
	margin:0 3.636% 45px 0;
	border:none !important;
}
#content_area.download.dl_mid #c_list li:nth-child(3n){margin-right:0;}
#content_area.download.dl_mid #c_list li a h2{
	height:auto;
	padding:15px 50px 15px 0;
	font-size:100%;
}

#content_area.download.dl_small #c_list{display:none;}
#content_area.download.dl_small ul{
	padding:0;
	border-top:1px solid #ccc;
}
#content_area.download.dl_small li{
	list-style:none;
	border-bottom:1px solid #ccc;
	font-size:120%;
	letter-spacing:1.8px;
	line-height:1.444;
}
#content_area.download.dl_small li a{
	display:flex;
	align-items:center;
	padding:26px 60px 27px 10px;
	background:url(/img/common/arrow_r_blue.svg) no-repeat center right 20px;
	color:#333 !important;
	font-weight:bold;
	text-decoration:none !important;
	transition:background 0.3s, color 0.3s;
}
#content_area.download.dl_small li a:hover{
	background-position:center right 10px;
	color:#0065a7 !important;
}

#content_wrap.download a[target="_blank"]{background-image:url(/img/common/icon_pdf.svg);}
#content_wrap.download a.link_excel{
	background:url(/img/common/icon_excel.svg) no-repeat center left;
	padding-left:20px !important;
}
#content_wrap.download a.link_word{
	background:url(/img/common/icon_word.svg) no-repeat center left;
	padding-left:20px !important;
}

.download_btn{
	font-size:80% !important;
	font-weight:bold;
	letter-spacing:1.2px;
	line-height:1.416;
	text-align:right;
}
.download_btn a{
	display:inline-block;
	width:240px;
	padding:12px 20px 12px 0 !important;
	margin-left:20px;
	background:#0065A7 url(/img/common/icon_pdf.svg) no-repeat center right 15px !important;
	box-sizing:border-box;
	color:#fff !important;
	text-align:center;
	text-decoration:none !important;
	transition:background 0.3s;
}
.download_btn a:hover{background-color:#000 !important;}
#content_wrap.download .sp_table_txt{margin-bottom:0;}
#content_wrap.download table{
	table-layout:fixed;
	margin-top:0;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
#content_wrap.download th, #content_wrap.download td{
	min-width:120px !important;
	width:auto;
	padding:4px 10px 5px;
	border-top:none !important;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	box-sizing:border-box;
	font-size:80%;
	letter-spacing:0;
	line-height:1.7;
}
#content_wrap.download th{
	background:#EDF5FA;
	vertical-align:middle;
}
#content_wrap.download td a[target="_blank"]{background:url(/img/common/icon_pdf.svg) no-repeat top 2px left 2px;}
#content_wrap.download thead th{text-align:center;}
#content_wrap.download thead tr:first-child th:first-child{width:220px;}
.table + p{margin-top:0 !important;}
#content_wrap.child.download #ln_list{display:none !important;}

/* 2023/01 add */
#content_area.download.cad #c_list li{
	width:30.909%;
	margin:0 3.636% 0 0;
}
#content_area.download.cad #c_list li:nth-child(3n){margin-right:0;}
#content_area.download.cad #c_list li:nth-child(-n+3){border-top:1px solid #ccc;}
#content_area.download.cad #c_list li a h2{
	padding:26px 60px 27px 10px;
	font-size:100%;
}
.deco-01 .product_name, .deco-02 .product_name, .deco-03 .product_name{display:none !important;}
.deco-03 .cta_content_txt{display:none !important;}
.tn-burring-wall .cta_content_in{display:none !important;}

/*----- contact -----*/
a.tel{pointer-events:none;}


/*----- form -----*/
#header_wrap.form #header_area{
	max-width:1100px;
	padding:0 20px;
	margin:auto;
}
#header_wrap.form #logo{
	padding:40px 0 35px;
	margin:auto;
}
#footer_wrap.form{border-top:1px solid #ccc;}
#footer_wrap.form #copyright{
	letter-spacing:1px;
	text-align:center;
	padding:15px 0;
}

#content_area.form{margin:80px auto 150px;}
#form_step{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:45px;
}
#form_step div{
	display:flex;
	justify-content:center;
	width:31.818%;
	margin-right:2.272%;
	border:1px solid #0065a7;
	box-sizing:border-box;
}
#form_step div.now{background:#0065a7;}
#form_step div:last-child{margin-right:0;}
#form_step div span{
	color:#0065a7 !important;
	padding:16px 0;
}
#form_step div.now span{
	color:#fff !important;
	font-weight:bold;
}
#content_area.form .red{
	color:#fff;
	font-size:73.333%;
	font-weight:bold;
	line-height:1em;
	padding:2px 7px 3px 8px;
	background:#d90000;
}
.note .red{
	position:relative;
	top:-1px;
	display:inline-block;
	margin:0 4px 0 8px;
}
#content_area.form form{margin:45px auto;}
#content_area.form table{
	table-layout:fixed;
	margin-bottom:45px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
#content_area.form table th, #content_area.form table td{
	padding:10px 14px;
	border-top:none !important;
	border-right:1px solid #ccc;
	border-bottom-color:#ccc;
	box-sizing:border-box;
}
#content_area.form table th{
	width:250px;
	background:#f7f7f7;
}
#content_area.form table th .red{
	float:right;
	margin:6px 1px 0 0;
}
#content_area.form table td ul{padding:0;}
#content_area.form table td ul li{list-style:none;}
#content_area.form table td label{
	position:relative;
	padding-left:20px;
}
#content_area.form table td input.radio,
#content_area.form table td input[type="checkbox"]{
	position:absolute;
	top:1px;
	left:0;
	bottom:0;
	margin:auto;
}
#content_area.form table td input.textbox{
	width:100%;
	padding:11px 15px;
	margin:5px 0;
	border:1px solid #ccc;
	background:#e5eff6;
	box-sizing:border-box;
}
#content_area.form table td input#postcode{
	width:170px;
	margin:5px 0 10px 8px;
}
#content_area.form table td input.birth_y,
#content_area.form table td input.grad_y,
#content_area.form table td input.from_y,
#content_area.form table td input.to_y{
	width:115px;
	margin-right:10px;
}
#content_area.form table td input.grad_m{
	width:80px;
	margin:5px 10px;
}
#content_area.form table td input.history_y{
	width:120px;
	margin:8px 10px 5px 20px;
}
#content_area.form table td select.birth_m,
#content_area.form table td select.birth_d,
#content_area.form table td select.grad_m,
#content_area.form table td select.grad_select,
#content_area.form table td select.from_m,
#content_area.form table td select.to_m{
	height:49px;
	padding:15px 5px;
	margin:5px 10px;
}
#content_area.form table td textarea{
	font-family:'Noto Sans JP', sans-serif, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック";	width:100%;
	min-height:150px;
	padding:11px 15px;
	margin:5px 0;
	background:#e5eff6;
	border:1px solid #ccc;
	box-sizing:border-box;
	resize:vertical;
	overflow:auto;
}
#content_area.form table td p.remarks{
	font-size:80%;
	letter-spacing:1.2px;
	margin:3px 0;
}
#content_area.form table td #email_confirm{
	font-size:160%;
	font-weight:bold;
	letter-spacing:3px;
	margin:22px 0 24px;
}
#content_area.form form p.doi{
	margin:45px 0 50px;
	border:1px solid #ccc;
	background:#f7f7f7;
	box-sizing:border-box;
}
#content_area.form form p.doi label{
	position:relative;
	display:block;
	text-align:center;
	padding:26px 0 27px;
	cursor:pointer;
}
#content_area.form form p.doi label input{
	position:absolute;
	width:15px;
	top:0;
	left:-250px;
	right:0;
	bottom:0;
	margin:auto;
	cursor:pointer;
}
#content_area.form form p.doi label span{padding-left:20px;}

#form_btn{
	position:relative;
	max-width:240px;
	width:100%;
	margin:auto;
	background:#0065a7;
	background:linear-gradient(to right, #0065a7 0%, #003f7b 100%);
	box-sizing:border-box;
	overflow:hidden;
}
#form_btn::after, .form_check a::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#261c19;
	visibility:hidden;
	-webkit-transform:translateY(100%);
	transform:translateY(100%);
	transition:all 0.3s;
}
#form_btn:hover::after, .form_check a:hover::after{
	visibility:visible;
	-webkit-transform:translateY(0);
	transform:translateY(0);
}
#form_btn input{
	position:relative;
	z-index:1;
	display:block;
	color:#fff;
	font-weight:bold;
	line-height:2em;
	width:100%;
	padding:12px 0;
	background:none;
	border:none;
	cursor:pointer;
}

.form_check{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:420px;
}
.form_check a{
	position:relative;
	color:#fff !important;
	font-weight:bold;
	line-height:2em;
	text-align:center;
	text-decoration:none !important;
	max-width:140px;
	width:100%;
	padding:12px 0;
	margin:auto;
	background:#666;
	overflow:hidden;
}
.form_check a span{
	position:relative;
	z-index:1;
}

#form_btn.form_thanks{margin:50px auto;}
#form_btn.form_thanks a{
	position:relative;
	z-index:1;
	display:block;
	color:#fff !important;
	font-weight:bold;
	line-height:2em;
	text-align:center;
	text-decoration:none !important;
	padding:12px 0;
}

.mode{ime-mode:disabled;}
.unmode{ime-mode:active !important;}

.work_term dt{
	float:left;
	margin-top:17px;
}
.work_term dd{margin-left:80px;}
.from, .to{display:inline-block;}

.grecaptcha-badge{visibility:hidden !important;}


/*----- sitemap -----*/
#content_area.sitemap a{color:#333 !important;}
#content_area.sitemap li ul{margin-top:5px;}


/*----- add later -----*/
.link_btn a span{display:block;}
.link_btn a span::after{
	content:'';
	display:block;
	position:absolute;
	top:calc(50% - 3px);
	right:17px;
	width:6px;
	height:6px;
	border-top:2px solid #333;
	border-left:2px solid #333;
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
}
.link_btn a:hover span::after{border-color:#fff;}

#solution_area .link_btn a span::after, #column_area .link_btn a span::after, #support_wrap .link_btn a span::after, #contact_area .link_btn a span::after, .link_btn.cta_btn a:hover span::after{border-color:#fff;}
#column_area .link_btn a:hover span::after, #support_wrap .link_btn a:hover span::after, #contact_area .link_btn a:hover span::after{border-color:#0065a7;}
.link_btn.cta_btn a span::after{border-color:#0065a7;}
#ln_b .link_btn a span::after{right:-10px;}

#case_area .slick-prev{left:0;background:#0065A7;z-index:1;width:40px;height:40px;}
#case_area .slick-next{right:0;background:#0065A7;z-index:1;width:40px;height:40px;}
#case_area .slick-prev,#case_area .slick-next{transform:translate(0, -50px);}
#case_area .slick-prev:before{
	content:'';
	display:block;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	width:10px;
	height:10px;
	margin:auto;
}
#case_area .slick-next:before{
	content:'';
	display:block;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	width:10px;
	height:10px;
	margin:auto;
}
#index_case_list .slick-dots{display:block !important;}
#index_case_list .slick-dots li{width:10px !important; margin:0 8px !important;}
#index_case_list .slick-dots li button{
	width:10px;
	height:10px;
	border-radius:10px;
	background:#ccc;
}
#index_case_list .slick-dots li.slick-active button{background:#0065A7;}
#index_case_list .slick-dots li button::before{display:none !important;}

/* 2021/12 add hiuchi-less */
.acc h3{
	cursor:pointer;
	border-bottom:1px solid #ccc;
	transition:color 0.3s;
}
.acc h3:hover, .acc h3.open{color:#0065a7;}
.acc h3 span{
	position:relative;
	display:block;
	padding:15px 50px 15px 0;
}
.acc h3 span::before, .acc h3 span::after{
	content:'';
	position:absolute;
	top:8px;
	right:8px;
	bottom:0;
	width:14px;
	height:2px;
	margin:auto;
	background:#333;
}
.acc h3 span::after{
	transform:rotate(90deg);
	transition:opacity 0.3s;
}
.acc h3.open span::after{opacity:0;}
.acc div{
	display:none;
	padding-bottom:5px;
}
.acc div p{margin-top:0 !important;}
.bnr_link{margin:80px auto 50px !important;}
.bnr_link a{
	display:block;
	max-width:840px;
	margin:auto;
	border:3px solid #0065A7;
	overflow:hidden;
}
.bnr_link img{transition:transform 0.3s;}
.bnr_link a:hover img{transform:scale(1.03);}

/* 2022/03 add C1-movie */
#content_area.solution, #content_area.company{margin-bottom:130px;}
#content_area.solution #c_list{margin-bottom:0 !important;}
#content_area.company #c_list{margin-bottom:20px !important;}
.movie_iframe{
	padding:33px 40px 40px;
	background:#EDF5FA;
}
.movie_txt{
	margin:0 0 25px !important;
	font-size:133.333% !important;
	font-weight:bold;
	letter-spacing:2px;
	text-align:center;
}
.movie_list{
	display:flex;
	justify-content:center;
	padding:0 !important;
	margin:0 !important;
}
.movie_item{
	list-style:none !important;
	max-width:500px;
	width:100%;
}
.movie_item:nth-child(2){margin-left:20px;}
.movie_item .movie_wrap{
	position:relative;
	height:0;
	padding-bottom:56.25%;
	overflow:hidden;
}
.movie_item iframe, .movie_wrap iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-height:auto !important;
	height:100%;
	border:none;
}

/* 2022/09 add environment */
.column_3.environment div{margin-bottom:30px !important;}
.column_3.environment h3{
	padding:0 !important;
	margin:15px 0 0 !important;
}
.column_3.environment h3::before, .column_3.environment h3::after{display:none !important;}
.img_txt{
	display:flex;
	flex-wrap:wrap;
}
.img_txt div:first-child{
	width:340px;
	margin-right:40px;
}
.img_txt div:last-child{width:calc(100% - 380px);}
.img_txt img{margin:auto;}
.img_txt p{margin-top:0 !important;}

/* 2023/01 add new-products */
#content_area.new .tag_list, #content_area.new .cta_content_txt, #content_area.new .cta_content_in{display:none;}
#content_area.new .new_list{
	padding:0;
	margin:50px 0 110px;
}
#content_area.new .new_item{
	list-style:none;
	margin-bottom:50px;
}
#content_area.new .new_link, #content_area.new .new_box{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	justify-content:space-between;
	color:#333 !important;
	text-decoration:none !important;
}
#content_area.new .new_thumb{
	width:calc((100% - 30px) / 2);
	overflow:hidden;
}
#content_area.new .new_img{
	width:100%;
	transition:transform 0.3s;
}
#content_area.new a:hover .new_img{transform:scale(1.05);}
#content_area.new .new_txt{width:calc((100% - 30px) / 2);}
#content_area.new .new_date{
	margin:-4px 0 7px;
	color:#0065A7;
	font-size:86.666%;
	font-weight:bold;
	letter-spacing:1.3px;
}
#content_area.new .new_name{
	position:relative;
	padding-bottom:30px;
	margin:0 0 40px;
	color:#261C19;
	font-size:160%;
	font-weight:bold;
	letter-spacing:2.4px;
	line-height:1.5;
	transition:color 0.3s;
}
#content_area.new a:hover .new_name{color:#0065a7;}
#content_area.new .new_name::before, #content_area.new .new_name::after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	height:4px;
}
#content_area.new .new_name::before{
	width:100%;
	background:#ccc;
}
#content_area.new .new_name::after{
	width:64px;
	background:#0065A7;
}
#content_area.new a .new_name_txt{
	display:block;
	padding-right:60px;
	background:url(/img/common/arrow_r_blue.svg) no-repeat center right 20px;
	transition:background 0.3s;
}
#content_area.new a:hover .new_name_txt{background-position:center right 5px;}
#content_area.new .new_desc{white-space:pre-wrap;}

/* 20230130-会社情報ページ企業紹介追加 */
.introduction{padding-top:40px;}
.introduction_inner{border-top:1px dotted #0065A7;}
.introduction_txt{
	margin:30px 0 25px !important;
	font-size:133.333% !important;
	font-weight:bold;
	letter-spacing:2px;
	text-align:center;
}
.introduction_inner a{
	width:100%;
	max-width:500px;
	display:block;
	margin:0 auto;
}
.introduction_inner a img{transition:transform 0.3s;}
.introduction a div{overflow:hidden;}
.introduction a:hover img{
	-webkit-transform:scale(1.05);
	transform:scale(1.05);
}

/* 20230130-採用ページ企業紹介追加 */
.recruit_movie_item{padding-right:40px;}
.recruit_movie_list li:nth-child(2n){
	padding-right:0;
	padding-left:40px;
	margin-left:0;
	border-left:1px dotted #0065A7;
}
.introduction_inner a img, .recruit_movie_item a img{transition:transform 0.3s;}
.introduction a div, .recruit_movie_item a div{overflow:hidden;}
.introduction a:hover img, .recruit_movie_item a:hover img{
	-webkit-transform:scale(1.05);
	transform:scale(1.05);
}

/* 2023/02 add header_news */
.header_news_inactive .header_news{display:none;}
.header_news{
	padding:17px 20px;
	background:linear-gradient(90deg, #231557 0%, #3E1174 24%, #8F116F 44%, #E81264 62%, #FF683C 100%);
}
.header_news_box{
	position:relative;
	max-width:1100px;
	margin:auto;
}
.header_news_box::before{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:14px;
	height:36px;
	margin:auto;
	background:url(/img/common/icon_header.png) no-repeat center/cover;
}
.header_news_title, .header_news_link{
	color:#fff !important;
	font-size:100%;
	letter-spacing:1.8px;
	line-height:1.466;
	text-decoration:none !important;
}
.header_news_title{padding:0 35px;}
.header_news_link{
	display:inline-block;
	padding-right:40px;
	background:url(/img/common/arrow_r_white.svg) no-repeat center right 10px;
	transition:background 0.3s;
}
.header_news_link:hover{background-position:center right;}
.header_news_close{
	position:absolute;
	top:0;
	right:-10px;
	bottom:0;
	width:30px;
	height:30px;
	margin:auto;
}
.header_news_close a{
	position:relative;
	display:block;
	width:30px;
	height:30px;
	font-size:0;
	text-decoration:none !important;
}
.header_news_close a::before, .header_news_close a::after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:1px;
	height:13px;
	margin:auto;
	background:#fff;
}
.header_news_close a::before{transform:rotate(45deg);}
.header_news_close a::after{transform:rotate(-45deg);}
.header_news_inactive #index_wrap, .header_news_inactive #content_wrap{margin-top:104px;}

/* 2023/09 add tn-multi */
#content_area.multi #pl1::after, #content_area.multi #pl1 ~ h2::after,
#content_area.multi #pl1 ~ h3::before, #content_area.multi #pl1 ~ h4::before{
	background:#EF859B;
}
#content_area.multi #pl1 ~ table th{
	background:#FDF0F4;
	border-color:#ccc;
}
#content_area.multi h2#pl3::after, #content_area.multi #pl3 ~ h2::after,
#content_area.multi #pl3 ~ h3::before, #content_area.multi #pl3 ~ h4::before{
	background:#F1A71C;
}
#content_area.multi #pl3 ~ table th{background:#FFFAE5;}
#content_area.multi h2#pl4::after, #content_area.multi #pl4 ~ h2::after,
#content_area.multi #pl4 ~ h3::before, #content_area.multi #pl4 ~ h4::before{
	background:#5D91C3;
}
#content_area.multi #pl4 ~ table th{background:#EFF4FA;}

/* 20240822 会社情報_動画 */
.movie_item p{text-align: center;}

/*---------- ページに関する指定(tab) ----------*/
@media screen and (min-width:768px) and (max-width:1120px){

#footer_link li.link_btn a{
	width:180px;
	max-width:180px;
	padding:7px 10px 8px 10px;
	white-space:nowrap;
}
#footer_link li.link_btn a span::after{right:0;}

}


@media screen and (min-width:768px) and (max-width:999px){

#logo{width:150px;}
#menu nav ul li{margin-left:12px;}
#menu nav ul li a{font-size:93.333%;}
#submenu nav ul li{margin-left:17px;}
#submenu nav ul li a{
	font-size:73.333%;
	letter-spacing:0;
}

#footer_link li.link_btn a span::after{border-color:#fff !important;}

#news_wrap{padding:50px 0;}
.news_h2 h2, .products_h2 h2, .solution_h2 h2, .column_h2 h2, .bnr_h2 h2, .case_h2 h2, .download_h2 h2, .movie_h2 h2{font-size:173.333% !important;}
.news_h2 > span, .products_h2 span, .solution_h2 span, .column_h2 span, .bnr_h2 span, .case_h2 span, .download_h2 span, .movie_h2 span{margin-top:8px !important;}
.news_h2 > span{margin-top:8px;}
.top_news_list{
	width:calc(100% - 230px);
	margin:0;
}
.top_news_list li a{justify-content:start;}
.top_news_list li a span{font-size:73.333%;}
.top_news_list li a span.news_date{
	width:90px;
	margin-right:15px;
}
.top_news_list li a span.news_title{
	font-size:93.333%;
	width:100%;
}
#products_wrap{margin-bottom:100px;}
#products_area ul li a div{margin-bottom:5px;}
#products_area ul li a{
	font-size:86.666%;
	padding:12px 10px 13px;
}
#products_area ul li a span{
	letter-spacing:0.8px;
	padding-right:30px;
	background-position:center right 8px;
	background-size:18px;
}
#solution_area p{font-size:93.333%;}
#case_area ul li a span{font-size:93.333%;}
#column_area ul li a .column_icon img{width:100%;}
#column_area ul li a .column_txt_box span{
	font-size:73.333%;
	letter-spacing:1px;
}
#column_area ul li a .column_txt_box span.column_date::after{
	right:-5px;
	width:1px;
	height:10px;
}
#column_area ul li a .column_txt_box span.column_title{
	font-size:93.333%;
	line-height:1.7em;
	margin-top:4px;
}
#download_wrap{margin-bottom:100px;}
.download_h3{
	height:120px;
	padding:37px 0 0 150px;
}
#download_area ul li a h3{font-size:113.333%;}
#download_area ul li a span{font-size:93.333%;}
.download_img{height:40px;}
.download_img img{
	width:120px;
	padding-left:15px;
}

.support_area{
	display:block;
	margin-bottom:0;
}
.support_box{
	width:auto;
	margin-bottom:60px;
}
.support_box::after{
	top:auto;
	left:0;
	bottom:-30px;
	width:calc(100% - 200px);
	height:1px;
}
.support_box:last-child::after{display:block;}
.contact_h2, .contact_box h2{
	padding-bottom:18px;
	font-size:140%;
}
#support_wrap p, #contact_area p, .contact_box p{font-size:93.333%;}
.top_tel, .cta_tel{
	margin-top:41px;
	font-size:146.666% !important;
}
.top_tel a, .cta_tel a{font-size:165%;}
#column_area .link_btn a:hover, #contact_wrap .link_btn a:hover{color:#fff !important;}

.link_btn a:hover{color:#333 !important;}
.link_btn a span::after{border-color:#333 !important;}
#solution_area .link_btn a span::after, #column_area .link_btn a span::after, #support_wrap .link_btn a span::after, #contact_area .link_btn a span::after{border-color:#fff !important;}

.movie_wrap iframe{min-height:400px;}

#h_area h1{font-size:146.666%;}
.page_link{margin:35px 0 !important;}

#ln_b{padding:40px 0;}
#ln_list li a{font-size:93.333%;}

#content_h.parent{height:290px;}
#content_h.parent #h_area{top:60px;}
#h_area span{font-size:93.333%;}
#content_area.parent #c_list li a h2, #content_area.product .product_c_list li a h2{font-size:93.333%;}

#content_wrap.child .cta_area{margin-bottom:80px;}

#content_area.child{margin:40px auto 100px;}
#content_area.child #h_area h1{margin-top:20px;}
#content_area h2{font-size:133.333%;}
#content_area h3{font-size:113.333%;}
#content_area h4{font-size:100%;}
#content_area p, #content_area table th, #content_area table td, #content_area > ul, #content_area > ol{font-size:93.333%;}
.link_btn a::after{display:none;}
.link_btn.p_center{margin:30px 0;}

#content_h.pro_p #h_area h1, #content_h.pro_c #h_area h1{font-size:173.333%;}

.cta_area .catalog_box a::after, .cta_area .download_box a::after, .cta_area .tech_box a::after{display:none;}
.cta_area .download_h{
	height:120px;
	padding:37px 0 0 150px;
}
.cta_area .download_h h2{font-size:113.333% !important;}
.cta_area ul li a span{font-size:93.333%;}
.cta_area .catalog_box p, .cta_area .download_box p{line-height:1.5em;}
.download_img{height:40px;}
.download_img img{
	width:120px;
	padding-left:15px;
}
.link_btn.cta_btn a:hover{color:#0065a7 !important;}
.link_btn.cta_btn a span::after{border-color:#0065a7 !important;}

#content_area p.bold{margin-top:40px;}

#content_area.solution #c_list li a h2{font-size:120%;}
#content_area.solution #c_list li a span{font-size:72.222%;}

#content_area.child p.bg_b{
	padding:10px 20px 13px;
	font-size:120%;
}

#case_list li a span, #news_list li a span.news_title{font-size:93.333%;}
#case_list li a table th{
	width:55px;
	font-size:66.666%;
}
#case_list li a table td{font-size:80%;}

#column_tab{margin:40px auto !important;}
#column_list li a .column_icon img{width:100%;}
#column_list li a .column_txt_box{padding:10px 15px 35px;}
#column_list li a .column_txt_box span{
	font-size:73.333%;
	letter-spacing:1px;
}
#column_list li a .column_txt_box span.column_date::after{
	right:-5px;
	width:1px;
	height:10px;
}
#column_list li a .column_txt_box span.column_title{
	font-size:93.333%;
	line-height:1.7em;
	margin-top:4px;
}

#news_list li a span:not(.news_title){font-size:73.333%;}
#news_tab li a{font-size:86.666%;}

.column_2.data > div p, .column_3.data > div p{
	font-size:80%;
	letter-spacing:1px;
}
.column_2.data > div p.comment, .column_3.data > div p.comment{font-size:73.333%;}

#content_h.parent #h_area h1{font-size:133.333%;}
#content_area.parent #c_list li a p, #content_area.product .product_c_list li a p{font-size:80%;}
#content_area.product, #content_area.parent #c_list, #content_area.product .product_c_list{margin:40px auto;}

#content_h.pro_p #h_area, #content_h.pro_c #h_area{margin:40px auto;}
#content_h.pro_c #h_area{margin-bottom:20px;}
#content_area.pro_c{margin-top:20px !important;}
ul.tag_list{margin-bottom:40px !important;}
#content_area.pro_p #c_list{margin-top:40px;}

#content_area.recruit{margin-top:40px;}
#content_area.recruit #c_list li a .c_box::after{height:50px;}
#content_area.recruit #c_list li a .c_txt h2{font-size:142.857%;}
#content_area.recruit #c_list li a .c_txt::after{display:none;}
.cta_entry .link_btn a{
	padding:25px 0;
	font-size:106.666%;
}
.cta_entry .link_btn a:hover{color:#0065a7 !important;}
.cta_entry .link_btn a span:after{
	right:15px;
	border-color:#0065a7 !important;
}

#content_area.senior #c_list li{margin-bottom:30px !important;}
#content_area.senior #c_list .senior_txt h2{
	font-size:113.333%;
	letter-spacing:1.5px;
	padding:9px 5px;
}
.senior_txt_in{
	padding:25px 15px 10px;
}
.senior_txt_in::before{display:none;}
.senior_txt_in::after{
	background-position:right 21px bottom 42px;
	background-image:url(/img/common/arrow_r_blue.svg) !important;
}
.senior_txt_in span{font-size:73.333%;}
a:hover .senior_txt_in span{color:#333 !important;}
.senior_txt_in span.department{margin-bottom:-1px;}
.senior_txt_in span.senior_name_jp{
	font-size:100%;
	margin-right:6px;
}
.senior_txt_in span.senior_name_en{
	font-size:73.333%;
	letter-spacing:1px;
}
a:hover .senior_txt_in span.senior_name_en{color:#0065a7 !important;}
.senior_txt_in span.enter{
	letter-spacing:1px;
	margin-top:-5px;
}

#content_h.interview #h_area h1{font-size:146.666%;}
#content_h.interview .senior_info{padding-top:5.859%;}
#content_h.interview #h_area span{font-size:80%;}
#content_h.interview #h_area span.senior_name_jp{font-size:133.333%;}
#content_h.interview #h_area span.senior_name_en{font-size:93.333%;}
#content_h.interview #h_area span.department{margin:13.937% 0 15px;}
#ln_b.interview #ln_list li{
	width:49.175%;
	margin-right:1.648%;
}
#ln_b.interview #ln_list li a, #ln_b.interview #ln_list li.on a, #ln_b.interview #ln_list li a:hover{background-position:center right 40px;}
#ln_b.interview #ln_list li a .senior_thumb{width:41.899%;}
#ln_b.interview #ln_list li a .senior_info{
	width:58.100%;
	padding-left:10px;
}
#ln_b.interview #ln_list li a .part_enter, #ln_b.interview #ln_list li a .senior_name{display:block;}
#ln_b.interview #ln_list li a .part_enter{margin-bottom:2px;}
#ln_b.interview #ln_list li a .part_enter span{
	font-size:73.333%;
	line-height:1.5em;
}
#ln_b.interview #ln_list li a .part_enter .department::after{display:none;}
#ln_b.interview #ln_list li a .senior_name .senior_name_jp{font-size:106.666%;}
#ln_b.interview #ln_list li a .senior_name .senior_name_en{
	font-size:73.333%;
	line-height:1.5em;
}
#content_area.requirements .recruit_list li a h3{
	font-size:121.428%;
	padding:20px 50px 20px 18px !important;
}

.caution_box span{font-size:93.333%;}
.catalog_name{padding-top:30px;}
#content_area.catalog ul.column_2 li a span{font-size:128.571%;}

.work_term dt{margin-top:16px;}


/*----- add later -----*/
/* 2021/12 add hiuchi-less */
.acc h3 span{padding-right:40px;}
.bnr_link{margin:80px auto 50px !important;}

/* 2022/03 add download */
#content_wrap.download th, #content_wrap.download td{font-size:73.333%;}
#content_wrap.download thead tr:first-child th:first-child{width:160px;}

/* 2022/03 add movie */
.home_movie .bg_word{
	top:-57px;
	right:-17px;
}
.index_movie_list{margin-bottom:20px;}
.index_movie_list li{
	width:calc((100% - 20px) / 2);
	margin:0 20px 20px 0 !important;
}
.index_movie_list li:nth-child(2n){margin-right:0 !important;}
.movie_area .link_btn a{background-image:url(/img/common/popup.svg) !important;}

#content_area.solution, #content_area.company{margin-bottom:110px;}
#content_area.company #c_list{margin-bottom:15px !important;}
.movie_iframe{padding:24px 20px 30px;}
.movie_txt{
	font-size:120% !important;
	margin-bottom:20px !important;
}
.movie_list{display:block;}
.movie_item{margin:auto !important;}
.movie_item:nth-child(2){margin-top:25px !important;}

#content_h.download #h_area h1{font-size:146.666%;}
#content_area.download #c_list li a h2{
	padding:20px 50px 20px 18px;
	font-size:121.428%;
}

/* 2023/01 add new-products */
#content_area.new .new_list{margin:40px 0 100px;}
#content_area.new .new_thumb, #content_area.new .new_txt{width:calc((100% - 20px) / 2);}
#content_area.new .new_name{
	padding-bottom:25px;
	margin-bottom:20px;
	font-size:150%;
	letter-spacing:2.1px;
}
#content_area.new .new_desc{font-size:100%;}

/* 20230130-会社情報ページ企業紹介 */
.introduction_inner{
	max-width:500px;
	margin:0 auto;
}
.introduction_txt{
	font-size:120% !important;
	margin-bottom:20px !important;
	margin-top:20px !important;
}

/* 20230130-採用ページ企業紹介 */
.recruit_movie_item{
	width:auto;
	padding:0 0 40px 0;
}
.recruit_movie_list li:nth-child(2n){
	margin:0 auto !important;
	padding:0 0 10px 0;
	border-left:none;
	border-top:1px dotted #0065A7;
}
.recruit_introduction_txt{margin-top:20px !important;}

}


/*---------- ページに関する指定(SP) ----------*/
@media screen and (max-width:767px){

input[type="button"],input[type="submit"]{-webkit-appearance:none;}
body{
	background:#fff;
	width:auto;
	-webkit-text-size-adjust:100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
input,textarea,select{font-size:16px;}
img{
	width:auto;
	height:auto !important;
	max-width:100%;
}

#nojs{
	width:auto;
	background:#fff;
	color:#f00;
	padding:10px;
	border:5px solid #F00;
	text-align:center;
	margin:10px auto;
}

.pc_size{display:none !important;}
.sp_size{display:block !important;}

#wrapper.fixed{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

/*----- header -----*/
.header_area{padding:0;}
#logo{
	width:152px;
	margin:17px 0 0 20px;
}

#toggle{
	display:block;
	float:right;
}
#toggle a{
	position:relative;
	display:block;
	color:#000 !important;
	font-family:'Roboto Condensed', sans-serif;
	font-size:66.666%;
	letter-spacing:0;
	text-align:center;
	text-decoration:none;
	width:64px;
	height:67px;
}
#toggle a span{
	position:relative;
	display:block;
	padding-top:31px;
}
#toggle a::before, #toggle a::after, #toggle a span::before{
	content:'';
	display:block;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	width:24px;
	height:2px;
	background:#0065a7;
	transition:all 0.3s;
}
#toggle a::before{top:17px;}
#toggle a::after{top:31px;}
#toggle a span::before{top:24px;}
#toggle a.open::before{
	top:24px;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
#toggle a.open::after{
	top:24px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
#toggle a.open span::before{
	opacity:0;
	visibility:hidden;
}
.menu_dis{display:none !important;}
#menu-box{
	float:none;
	position:fixed;
	z-index:100;
	top:119px;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	padding-bottom:100px;
	margin:0;
	background:#0065a7;
	box-sizing:border-box;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}
#menu{
	margin:0;
	border-top:1px solid #0a5892;
}
#menu nav ul, #submenu nav ul{display:block;}
#menu nav ul li, #submenu nav ul li{
	margin:0 !important;
	border-bottom:1px solid #0a5892;
}
#menu nav ul li a{
	color:#fff !important;
	font-size:86.666%;
	letter-spacing:2.5px;
	line-height:1.7em;
	padding:10px 22px;
}
#menu nav ul li a::before, #submenu nav ul li a::before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:22px;
	bottom:0;
	margin:auto;
	width:6px;
	height:6px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	transform:rotate(45deg);
}
#menu nav ul li a::after, #submenu nav ul li a::after{display:none;}
#submenu{position:relative;}
.en_link::before, .youtube_link::before{display:none;}
#submenu nav ul li a{
	color:#fff !important;
	font-size:86.666%;
	font-weight:bold;
	line-height:1.7em;
	padding:10px 22px!important;
}
#submenu nav ul li.en_link a{
	padding:10px 22px 10px 43px !important;
	background:url(/img/common/popup_white.svg) no-repeat center left 23px/10px;
}
#submenu nav ul li.youtube_link a{
	padding:10px 22px 10px 43px !important;
	background:url(/img/common/icon_youtube.svg) no-repeat center left 21px;
}
#submenu nav ul li.insta_link a{
	padding:10px 22px 10px 43px !important;
	background:url(/img/common/icon_instagram.png) no-repeat center left 21px/16px;
}


/*----- footer -----*/
#return a{
	right:10px;
	width:50px;
	height:50px;
}
#return a::after{top:8px;}

#footer_wrap{background:linear-gradient(to bottom, #0065a7 0%, #003f7b 100%);}
#footer_area{background:none;}
#footer_menu{
	display:block;
	padding:0;
}
#footer_menu nav{
	width:100% !important;
	padding:0;
}
#footer_menu nav ul{
	padding:0;
	border-bottom:1px solid rgba(0,40,109,0.5);
}
#footer_menu nav ul li{
	position:relative;
	width:50%;
	margin:0;
	border-bottom:1px solid rgba(0,40,109,0.5);
	box-sizing:border-box;
}
#footer_menu nav ul li:nth-child(2n+1){border-right:1px solid rgba(0,40,109,0.5);}
#footer_menu nav ul li:last-child{border-bottom:none;}
#footer_menu nav ul li a{
	display:block;
	padding:10px 20px;
}

#footer_link{
	flex-wrap:nowrap;
	justify-content:center;
	padding:10px 0 10px 10px;
	margin:0 10px 0 0;
}
#footer_link li{
	max-width:210px;
	width:50%;
	margin:5px;
}
#footer_link li.link_btn a{
	width:auto;
	max-width:100%;
	padding:7px 10px 8px 10px;
}
#footer_link li.link_btn a span::after{
	top:calc(50% - 3px);
	right:0;
	width:6px;
	height:6px;
}

#footer_submenu{
	padding:0;
	background:#fff;
}
#footer_submenu ul{
	float:none;
	justify-content:center;
	border-top:none;
	border-bottom:1px solid #ccc;
}
#footer_submenu ul li{
	position:relative;
	margin:18px 10px;
	border-bottom:none;
}
#footer_submenu ul li::after{right:-10px;}
#footer_submenu ul li a{
	display:block;
	color:#333;
	padding:0;
}
#footer_submenu span{
	float:none;
	display:block;
	text-align:center;
	padding:40px 0 10px;
	background:#fff url(img/common/footer_logo.svg) no-repeat top 20px center;
}


/*----- sitetop -----*/
#index_wrap{margin-top:119px;}
.slick-prev, .slick-next{
	width:30px;
	height:30px;
}
.slick-prev::before, .slick-next::before{
	width:8px;
	height:8px;
}
.slick-prev::before{margin-left:3px;}
.slick-next::before{margin-right:3px;}
.slick-dots{bottom:-20px;}
.slick-dots li button::before{font-size:25px;}

.bg_word{
	top:-4px;
	width:85%;
}

#news_wrap{
	padding:40px 0;
	margin:0 auto 50px;
}
#news_area{display:block;}
.news_h2{
	width:auto;
	padding:0;
}
.news_h2 > span{margin-bottom:23px;}
.top_news_list{
	width:100%;
	margin:0 0 30px 0;
}
.top_news_list li a{
	justify-content:start;
	padding:9px 15px 14px;
}
.top_news_list li a::after{right:8px !important;}
.top_news_list li a span{
	font-size:66.666%;
	letter-spacing:1px;
}
.top_news_list li a span.news_date{
	width:80px;
	margin-right:15px;
}
.top_news_list li a span.news_title{
	font-size:86.666%;
	letter-spacing:1.8px;
	width:100%;
	padding-right:20px;
	margin-top:-1px;
}

#products_wrap{margin-bottom:50px;}
.products_h2{margin-bottom:24px;}
.products_h2 h2, .news_h2 h2{
	font-size:133.333%;
	letter-spacing:2px;
}
.products_h2 span, .news_h2 > span{
	font-size:80%;
	letter-spacing:0.2px;
	margin-top:0;
}
#products_list{display:block;}
.products_img{
	width:100%;
	margin:0 0 20px 0;
}
#products_list ul{width:100%;}
#products_list ul li{
	width:47.761% !important;
	margin-right:4.477%;
}
#products_list ul li:first-child{margin-bottom:20px;}
#products_area ul li a{font-size:86.666%;}
#products_list ul li:first-child a::before{font-size:73.333%;}
#products_area ul li a span{
	display:block;
	letter-spacing:1.5px;
	padding-right:25px;
}
#products_list ul li a span::after{right:0 !important;}
#products_list ul li:first-child a span::after{right:10px !important;}

#solution_wrap{
	padding:76px 0;
	margin-bottom:47px;
}
#solution_wrap .bg_word{
	bottom:190px;
	width:78%;
	opacity:0.2 !important;
}
.solution_h2{margin-bottom:18px;}
.solution_h2 h2, .column_h2 h2, .bnr_h2 h2{
	font-size:133.333%;
	letter-spacing:2px;
}
.solution_h2 span, .column_h2 span, .bnr_h2 span, .contact_h2 span{
	font-size:80%;
	letter-spacing:0.2px;
	margin:0;
}
#solution_area p{
	font-size:86.666%;
	letter-spacing:1.3px;
	line-height:1.7em;
	margin-bottom:51px;
}

#case_area{padding:0;}
#case_area .case_h2{padding:0 20px;}
#case_area ul li{width:280px !important; margin:0 10px 18px !important;}
#case_area .slick-prev{
	padding-left:5px;
	background:#000;
	z-index:1;
}
#case_area .slick-next{
	padding-right:5px;
	background:#000;
	z-index:1;
}
#index_case_list .slick-dots{display:none !important;}

#case_wrap{padding:50px 0;}
#case_wrap .bg_word{
	top:45px;
	right:-3px;
	width:41%;
}
.case_h2{margin-bottom:24px;}
.case_h2 h2, .download_h2 h2{
	font-size:133.333%;
	letter-spacing:2px;
}
.case_h2 span, .download_h2 span{
	font-size:80%;
	letter-spacing:0.2px;
	margin:0;
}
#case_area ul{display:block;}
#case_area ul{margin-bottom:18px;}
#case_area ul li{
	width:100%;
	margin:0 0 18px 0;
}
#case_area ul li a span{
	font-size:86.666%;
	padding:6px 30px 6px 0;
}
#case_area ul li a span::after{right:15px !important;}

#column_wrap{padding:45px 0 50px;}
#column_wrap .bg_word{
	top:42px;
	right:0;
	width:66%;
	opacity:0.2 !important;
}
.column_h2{margin-bottom:23px;}
#column_area ul{margin-bottom:12px;}
#column_area ul li{
	width:47.761% !important;
	margin:0 4.477% 18px 0 !important;
}
#column_area ul li:nth-child(2n){margin-right:0 !important;}
#column_area ul li a::after{right:15px !important;}
#column_area ul li a .column_txt_box span{
	font-size:66.666%;
	letter-spacing:1px;
}
#column_area ul li a .column_txt_box span.column_date::after{
	right:-5px;
	width:1px;
	height:10px;
}
#column_area ul li a .column_txt_box span.column_title{
	font-size:86.666%;
	line-height:1.7em;
	margin-top:4px;
}
#column_area .link_btn a:hover{color:#fff !important;}

#bnr_wrap{margin-bottom:47px;}
#bnr_wrap ul{display:block;}
#bnr_wrap ul li{width:100%;}
.bnr_h2{margin-top:5px;}
#bnr_wrap a .bnr_h2::after{right:15px !important;}

#download_wrap{margin-bottom:50px;}
#download_wrap .bg_word{
	top:-4px;
	width:88%;
}
.download_h2{margin-bottom:20px;}
#download_area ul{display:block;}
#download_area ul li{
	width:100%;
	margin:0 0 20px 0;
}
.download_h3{
	height:24.8vw;
	padding:7.2vw 0 0 36vw;
}
#download_area ul li a h3{
	font-size:93.333%;
	letter-spacing:1.5px;
}
#download_area ul li a span{
	font-size:80%;
	margin-top:-2px;
}
.download_img{height:8.266vw;}
.download_img::after{right:10px !important;}
.download_img img{width:26.666vw;}

#support_wrap, .cta_support{padding:50px 20px 30px;}
#support_wrap::after, .cta_support::after{width:calc(100% - 40px);}
.support_area{
	display:block;
	margin-bottom:0;
}
.support_box{
	width:auto;
	margin-bottom:40px;
}
.support_box::after{
	top:auto;
	left:0;
	bottom:-20px;
	width:calc(100% - 40px);
	height:1px;
}
.support_box:last-child::after{display:block;}
#contact_area{padding:30px 20px 75px;}
.contact_h2{
	padding-bottom:13px;
	margin-bottom:20px;
	font-size:120%;
}
#support_wrap p, #contact_area p{
	font-size:86.666%;
	line-height:1.7em;
}
.top_tel, .cta_tel{
	font-size:133.333% !important;
	margin:30px auto 8px;
}
.top_tel a, .cta_tel a{
	font-size:160%;
	pointer-events:auto;
}
#contact_wrap .link_btn a{
	font-size:86.666%;
	max-width:230px;
	padding:8px 0 10px;
}
#contact_wrap .link_btn a:hover{color:#fff !important;}
#contact_wrap .link_btn a span::after{border-color:#fff !important;}

/* 2022/03 add movie */
.home_movie{margin:45px 0 50px;}
.home_movie .bg_word{
	top:-4px;
	right:-5px;
	width:50%;
}
.movie_h2{margin-bottom:25px;}
.movie_h2 h2{
	font-size:133.333%;
	letter-spacing:2px;
}
.movie_h2 span{
	font-size:80%;
	letter-spacing:0.2px;
	margin:0;
}
.index_movie_list{
	display:block;
	margin-bottom:35px;
}
.index_movie_list li{
	width:100%;
	margin:0 0 25px 0;
}
.movie_area .link_btn a{
	padding:13px 0;
	font-size:86.666%;
}


/*----- common -----*/
#content_wrap{margin-top:119px;}
#pankuzu{display:none;}

.link_btn.p_center{margin:40px 0;}
.link_btn a{
	font-size:80%;
	padding:8px 0 10px;
}
.link_btn a:hover{color:#333 !important;}
.link_btn a::after{display:none;}

.movie_wrap iframe{min-height:300px;}


/*----- parent -----*/
#h_area h1, #h_area span{
	font-size:133.333%;
	letter-spacing:2px;
	line-height:1em;
	margin-bottom:1px;
}
#h_area span{
	font-size:86.666%;
	letter-spacing:1px;
	line-height:1em;
}

#content_h.parent{height:130px;}
#content_h.parent::before{
	right:0;
	width:100%;
	height:130px;
	background-size:55%;
}
#content_h.parent #h_area{top:20px;}
#content_h.parent #h_area h1{font-size:120%;}

#content_area.parent #c_list, #content_area.product .product_c_list{margin:30px auto 70px;}
#content_area.parent #c_list li, #content_area.product .product_c_list li{
	width:48.358% !important;
	margin:0 3.283% 25px 0 !important;
}
#content_area.parent #c_list li:nth-child(2n), #content_area.product .product_c_list li:nth-child(2n){margin-right:0 !important;}
#content_area.parent #c_list li a h2, #content_area.product .product_c_list li a h2{
	font-size:100%;
	letter-spacing:1.5px;
	padding-right:30px;
	margin:9px 0 3px;
}
#content_area.parent #c_list li a h2::after, #content_area.product .product_c_list li a h2::after{right:5px !important;}
#content_area.parent #c_list li a p, #content_area.product .product_c_list li a p{
	font-size:84.615%;
	letter-spacing:1.4px;
	line-height:1.7em;
}


/*----- parent,child/common -----*/
#content_h.common #h_area{padding:21px 20px 24px;}
#content_h.common #h_area h1{line-height:1.7em;}


/*----- child -----*/
#content_area.child{margin:30px auto 80px;}

#content_area h2{
	font-size:120%;
	padding-bottom:20px;
	margin:45px 0 30px;
}
#content_area h3{
	font-size:106.666%;
	margin:35px 0 12px;
}
#content_area h4{
	font-size:93.333%;
	margin:25px 0 15px;
}
#content_area p{
	font-size:86.666%;
	letter-spacing:1.3px;
	line-height:1.7em;
	margin:10px 0;
}
#content_area ul, #content_area ol{
	font-size:86.666%;
	margin:15px 0;
}
#content_area table th, #content_area table td{
	font-size:86.666%;
	line-height:1.7em;
	padding:8px 10px 10px;
}
#content_area table td p, #content_area table td ul, #content_area table td ol{font-size:100%;}
#content_area table.col_table{table-layout:auto;}
#content_area table.col_table th, #content_area table.col_table td{padding:5px 10px 7px;}
#content_area table.sp_li{
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
}
#content_area table.sp_li th, #content_area table.sp_li td{
	display:list-item;
	list-style:none;
	padding:13px 10px 15px;
	border-top:none !important;
	border-left:1px solid #ccc;
	box-sizing:border-box;
}
#content_area table.sp_li th{
	width:100%;
	background:#f7f7f7;
	border-bottom-color:#ccc;
}
#content_area table.sp_li th br{display:none;}

.page_link{margin:25px 0 !important;}
.page_link li{
	width:50%;
	padding-right:10px;
	margin:0 0 7px 0;
	box-sizing:border-box;
}
.page_link li::after{display:none;}
.page_link li a{font-size:92.307%;}

.column_2, .column_3{
	display:block;
	margin-bottom:10px;
}
.column_2 > div, .column_3 > div{
	width:100%;
	margin:0 0 15px !important;
}
.column_2 > div img, .column_3 > div img{margin:auto;}
.column_2 > div p, .column_3 > div p{margin:5px 0 !important;}

#pagenav{margin:40px auto 100px;}

#ln_b{padding:20px 0 80px;}
#ln_list{
	display:block;
	padding:0 20px 50px;
}
#ln_list li{
	width:100%;
	margin:0;
}
#ln_list li a{
	font-size:86.666%;
	padding:19px 14px;
}

#content_wrap.child .cta_area{margin-bottom:80px;}
.cta_area ul{display:block;}
.cta_area ul li{
	width:100%;
	margin:0 0 20px 0;
}
.cta_area .download_h{
	height:24.8vw;
	padding:7.2vw 0 0 36vw;
}
.cta_area ul li a h2{
	font-size:107.692% !important;
	letter-spacing:1.5px !important;
}
#content_wrap.child .cta_area ul li a h2{font-size:93.333% !important;}
.cta_area ul li a span{
	font-size:92.307%;
	margin-top:-2px;
}
#content_wrap.child .cta_area ul li a span{font-size:80%;}
.cta_area .download_img img{height:auto !important;}
.cta_contact{padding:30px 20px 50px;}
.cta_contact.only{padding:30px 20px;}
.contact_box h2{
	padding-bottom:13px;
	margin-bottom:20px;
	font-size:120%;
}
.contact_box p{
	font-size:86.666%;
	line-height:1.7em;
}
.cta_area a::after{display:none !important;}
.link_btn.cta_btn a{
	font-size:86.666%;
	max-width:230px;
	padding:8px 0 10px;
}
.link_btn.cta_btn a:hover{color:#0065a7 !important;}
.link_btn.cta_btn a:hover span::after{border-color:#0065a7;}


/*----- product -----*/
#content_h.pro_p #h_area img{margin-bottom:15px;}
#content_h.pro_p #h_area, #content_h.pro_c #h_area{margin:30px auto;}
#content_h.pro_p #h_area h1, #content_h.pro_c #h_area h1{font-size:133.333%;}

#content_area.product{margin:30px auto;}
ul.tag_list{
	font-size:80% !important;
	margin-bottom:30px !important;
}
.cta_content_in{
	padding:15px 20px 5px;
	margin:20px auto;
}
.cta_content_in div{margin:0 0 10px;}
.catalog_link, .download_link{
	display:block;
	max-width:none;
}
.catalog_link a, .download_link a{
	font-size:86.666%;
	padding:15px !important;
}
.catalog_link a::after, .download_link a::after{display:none;}

#case_list.product_child li a .case_thumb img{width:100%;}


/*----- product/post -----*/
#content_h.pro_c #h_area img{margin-bottom:15px;}
#content_h.pro_c #h_area{margin-bottom:20px;}
#content_h.pro_c #h_area span{margin-bottom:14px;}
#content_h.pro_c #h_area .product_name_b{margin-top:14px;}
#content_area.pro_c{margin:20px auto 50px;}
#content_area.pro_c .cta_content_txt a{
	font-size:86.666%;
	margin:0 7px 7px !important;
}
#content_area.pro_c .cta_content_txt a::after{display:none;}
#content_area #product_c_more h2{margin:0 0 20px;}
#product_c_more{background:#ededed; padding:20px;}
#case_list li a .case_c_box span{margin-right:0;}
.case_c_box{padding:0 10px 12px;}
#product_c_more .link_btn{margin-bottom:10px;}


/*----- product/faq -----*/
#content_area p.bold{margin:25px auto 10px;}


/*----- solution -----*/
#content_area.solution #c_list li a h2{
	font-size:123.076%;
	padding:0 30px 0 0;
}
#content_area.solution #c_list li a span{
	font-size:75%;
	margin:0;
}


/*----- technology -----*/
#content_area.child p.bg_b{
	padding:5px 15px 8px;
	font-size:106.666%;
}


/*----- case -----*/
#search_area form{padding:29px 20px 21px;}
#search_area form div > span, #checked_area span{
	font-size:93.333%;
	margin-bottom:17px;
}
#search_area form ul li{
	width:49.253%;
	margin-right:1.492%;
}
#search_area form ul li:nth-child(2n){margin-right:0;}
#search_area form ul li label{font-size:100%;}
#search_area form ul li label span{
	line-height:1.6em;
	padding:14px 15px 14px 30px;
}
#search_area form ul li label span::before{left:14px;}
#search_area form ul li label span::after{left:17px;}
#search_area form .column_2 div{
	width:100% !important;
	margin:0 !important;
}
#search_area form .column_2 div:first-child ul li{width:49.253%;}
.freeword{
	padding:11px;
	margin-bottom:20px;
}
.submit_btn{
	font-size:86.666%;
	padding:16px 0;
}
.check_reset{
	position:relative;
	right:auto;
	bottom:auto;
	width:145px;
	margin:24px auto 0;
}

#checked_area{margin:30px auto;}
#checked_area > div{padding:27px 19px 23px;}
#checked_area div table{margin:20px 0 30px !important;}
#checked_area div table th{
	width:90px;
	padding:14px 18px 15px;
}
#checked_area div table td{
	width:calc(100% - 90px);
	padding:14px;
}
#checked_area .check_reset{
	right:auto;
	bottom:auto;
}
#content_area.case_post table{margin:20px auto 30px;}

#result_area{margin:30px auto;}
#result_sort{display:block;}
.sort_wrap{margin:20px 0 30px;}
#case_list li{
	width:48.358%;
	margin:0 3.283% 20px 0 !important;
}
#case_list li:nth-child(2n){margin-right:0 !important;}
#case_list li a span{
	line-height:1.5em;
	padding-right:25px;
	margin:10px 0 0;
}
#case_list li a span::after{right:0 !important;}
#case_list li a table{display:none;}


/*----- case/post -----*/
#content_area.case_post{margin-bottom:50px;}
#content_area.case_post > .link_btn{margin:40px auto 60px;}
.related{margin-bottom:25px !important;}
.related li{
	width:48.358%;
	margin-right:3.283% !important;
}
.related li:nth-child(2n){margin-right:0 !important;}
.related li a div{height:25.066vw;}
.related li a span{
	font-size:86.666%;
	line-height:1.7em;
	padding-right:25px;
	margin:7px 0;
}
.related li a span::after{right:0 !important;}


/*----- column -----*/
#column_tab{margin:17px auto 30px !important;}
#column_tab li{
	width:23.880%;
	margin-right:1.492%;
}
#column_tab li a{
	font-size:92.307%;
	letter-spacing:1.2px;
}
#column_list{border-top:1px solid #ccc;}
#column_list li{
	width:100%;
	margin:0;
	border:none;
	border-bottom:1px solid #ccc;
}
#column_list li a{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
#column_list li a::after{
	right:15px !important;
	bottom:0 !important;
	background-position:center right;
}
#column_list li a .column_icon{
	width:130px;
	padding:8px 15px 8px 8px;
	box-sizing:border-box;
}
#column_list li a .column_txt_box{
	width:calc(100% - 130px);
	padding:0;
	margin-bottom:5px;
}
#column_list li a .column_txt_box span, #content_area.column_post .column_txt_box span{
	font-size:76.923%;
	letter-spacing:0.8px;
}
#column_list li a .column_txt_box span.column_date, #content_area.column_post .column_txt_box span.column_date{margin-right:9px;}
#column_list li a .column_txt_box span.column_date::after, #content_area.column_post .column_txt_box span.column_date::after{
	right:-8px;
	width:1px;
}
#column_list li a .column_txt_box span.column_title{
	letter-spacing:1.3px;
	line-height:1.7em;
	padding-right:40px;
	margin-top:0;
}


/*----- news -----*/
#news_top{
	display:block;
	margin:0 auto 30px;
}
#news_tab{
	justify-content:center;
	width:100%;
	margin:17px 0 25px !important;
}
#news_tab li{
	width:31.940%;
	margin:0 2.089% 5px 0;
}
#news_tab li:nth-child(2n+3){margin-right:0;}
#news_tab li a{
	font-size:92.307%;
	padding:7px 0;
}
#year_select form{
	width:180px;
	margin:auto;
}
#year_select form select{
	width:100%;
	padding:16px 10px 18px;
}
#news_list li a{padding:9px 15px 16px;}
#news_list li a::after{right:15px !important;}
#news_list li a span:not(.news_title){
	font-size:76.923%;
	letter-spacing:0.8px;
}
#news_list li a span.news_date{padding-right:5px;}
#news_list li a span.news_cate{padding-left:18px;}
#news_list li a span.news_title{
	letter-spacing:1.3px;
	width:100%;
	margin:0 !important;
}


/*----- news/post -----*/
.post_info_box{margin-bottom:17px;}
.post_info_box span{font-size:73.333%;}
.post_info_box span.news_date{
	letter-spacing:0.8px;
	padding-right:18px;
	margin-right:18px;
}
#content_area.news_post .link_btn{margin-top:50px;}


/*----- recruit -----*/
#content_area.recruit{margin:30px auto 60px;}
#content_area.recruit #c_list{margin-bottom:30px;}
#content_area.recruit #c_list li{
	width:100% !important;
	margin:0 0 20px 0 !important;
}
#content_area.recruit #c_list li a .c_box::after{
	height:25px;
	background-position:center right 10px !important;
}
#content_area.recruit #c_list li a .c_txt{padding:0 15px;}
#content_area.recruit #c_list li a .c_txt::after{display:none;}
#content_area.recruit #c_list li a .c_txt h2{
	font-size:107.692%;
	letter-spacing:1.2px;
}
.cta_entry .link_btn a{
	padding:10px 0;
	font-size:93.333%;
}
.cta_entry .link_btn a:hover{color:#0065a7 !important;}
.cta_entry .link_btn a span:after{
	right:15px;
	border-color:#0065a7 !important;
}


/*----- data -----*/
.column_2.data, .column_3.data{padding:0;}
.column_2.data div, .column_3.data div{
	width:100% !important;
	padding:30px 0;
	border:none !important;
	border-bottom:1px solid #ccc !important;
}
.column_2.data div:last-child, .column_3.data div:last-child{border:none !important;}
.column_2.data > div p, .column_3.data > div p{
	font-size:80% !important;
	letter-spacing:1px;
}
.column_2.data > div p.comment, .column_3.data > div p.comment{font-size:73.333% !important;}
#content_area.data h3{
	padding-top:34px;
	background-size:25px;
}
.column_2.living_area{padding:45px 0 0;}
.column_2.living_area::before, .column_2.living_area::after{display:none;}
.column_2.living_area div{padding-top:10px;}
.column_2.living_area div:nth-of-type(2n+1){border-bottom-style:dotted !important;}
.column_2.living_area div:nth-of-type(2){
	margin-bottom:0 !important;
	border-bottom:none !important;
}
#content_area.data .living_area > h4{margin:0;}


/*----- senior -----*/
#content_area.senior #c_list{display:block;}
#content_area.senior #c_list li{
	width:100% !important;
	margin:0 0 25px 0 !important;
}
#content_area.senior #c_list .senior_txt{margin-top:-15px;}
#content_area.senior #c_list .senior_txt h2{
	position:static;
	font-size:115.384%;
	letter-spacing:3.5px;
	padding:9px 6px;
}
.senior_txt_in{padding:5px 17px 14px;}
.senior_txt_in::before{display:none;}
.senior_txt_in::after{
	background-image:url(/img/common/arrow_r_blue.svg) !important;
	background-position:right 24px bottom 46px;
}
.senior_txt_in span{font-size:76.923%;}
a:hover .senior_txt_in span{color:#333 !important;}
.senior_txt_in span.department{margin-bottom:-2px;}
.senior_txt_in span.senior_name_jp{
	font-size:100%;
	margin-right:8px;
}
.senior_txt_in span.senior_name_en{
	font-size:73.333%;
	letter-spacing:1px;
}
a:hover .senior_txt_in span.senior_name_en{color:#0065a7 !important;}
.senior_txt_in span.enter{
	letter-spacing:2px;
	margin-top:-5px;
}


/*----- interview -----*/
#content_h.interview #h_area{
	display:block;
	top:20px !important;
}
#content_h.interview #h_area img{width:100%;}
#content_h.interview .senior_info{
	position:relative;
	top:-10px;
	width:100%;
	padding:15px 20px 20px;
}
#content_h.interview #h_area h1{font-size:133.333%;}
#content_h.interview #h_area span{font-size:80%;}
#content_h.interview #h_area span.department{
	padding-bottom:10px;
	margin:30px 0 10px;
}
#content_h.interview #h_area span.senior_name_jp{
	font-size:133.333%;
	margin:0 5px 10px 0;
}
#content_h.interview #h_area span.senior_name_en{font-size:86.666%;}

#ln_b.interview #ln_list{padding-top:20px;}
#ln_b.interview #ln_list li{
	width:100%;
	margin-bottom:10px;
}
#ln_b.interview #ln_list li a, #ln_b.interview #ln_list li.on a, #ln_b.interview #ln_list li a:hover{background-position:center right 16px;}
#ln_b.interview #ln_list li a .senior_thumb{width:44.776%;}
#ln_b.interview #ln_list li a .senior_info{
	width:55.223%;
	padding-left:10px;
}
#ln_b.interview #ln_list li a .part_enter, #ln_b.interview #ln_list li a .senior_name{display:block;}
#ln_b.interview #ln_list li a .part_enter{margin-bottom:2px;}
#ln_b.interview #ln_list li a .part_enter span{
	font-size:84.615%;
	letter-spacing:1px;
	line-height:1.5em;
}
#ln_b.interview #ln_list li a .part_enter .department::after{display:none;}
#ln_b.interview #ln_list li a .senior_name .senior_name_jp{font-size:123.076%;}
#ln_b.interview #ln_list li a .senior_name .senior_name_en{
	font-size:84.615%;
	letter-spacing:0.3px;
	line-height:1.5em;
}


/*----- requirements -----*/
#content_area.requirements{margin-bottom:50px;}
#content_area.requirements .recruit_list{display:block;}
#content_area.requirements .recruit_list li{
	width:100%;
	margin:0;
}
#content_area.requirements .recruit_list li:nth-child(2){border-top:none;}
#content_area.requirements .recruit_list li a::after{right:14px !important;}
#content_area.requirements .recruit_list li a h3{
	font-size:123.076%;
	width:100%;
	padding:20px 45px 20px 18px !important;
}


/*----- requirements/post -----*/
#content_area.rec_post .flow_box h3{padding:15px 0;}
#content_area.rec_post .flow_box p{padding:14px 10px 15px;}
#content_area.rec_post .flow_box div{height:55px;}
#content_area.rec_post .link_btn a{margin-top:50px;}


/*----- catalog -----*/
#content_area.catalog{margin-bottom:90px;}
.caution_box{
	display:block;
	padding:17px 20px 19px !important;
}
.caution_box span{
	display:block;
	font-size:86.666%;
	text-align:center;
	width:100% !important;
	padding:0 0 8px 0;
	margin:0 0 11px 0 !important;
	border-bottom:1px solid #333;
}
.caution_box span::after{display:none;}
.caution_box p{width:100% !important;}
#content_area.catalog ul{display:block;}
#content_area.catalog ul.column_2 li{
	width:100%;
	margin:0 0 20px 0;
}
#content_area.catalog ul.column_2 li a span{font-size:123.076%;}
#content_area.catalog ul.column_2 li a::after{display:none;}
.catalog_name{
	height:93px;
	padding:36px 0 0 134px;
}
#content_area.catalog ul.column_3 li{
	width:100%;
	margin:0;
}
#content_area.catalog ul.column_3 li:not(:first-child){border-top:none;}
#content_area.catalog ul.column_3 li a{padding:13px 15px !important;}
#content_area.catalog ul.column_3 li a .catalog_icon img{width:50px;}
#content_area.catalog ul.column_3 li a span{
	width:calc(100% - 50px);
	padding:0 25px 0 15px;
}
#content_area.catalog ul.column_3 li a span::after{right:0 !important;}
#content_area.catalog .catalog_img{height:31px;}
#content_area.catalog .catalog_img::after{right:10px !important;}
#content_area.catalog .catalog_img img{
	width:98px;
	padding-left:18px;
}


/*----- download -----*/
form.post_password span{max-width:180px;}
form.post_password input[type="submit"]{padding:10px 0;}

/* 2022/03 add */
#content_area.download{margin:30px auto 100px;}
#content_h.download #h_area{padding:21px 20px 24px;}
#content_h.download #h_area h1{
	font-size:133.333%;
	line-height:1.7;
}
#content_area.download #c_list{
	display:block;
	margin-bottom:40px;
}
#content_area.download #c_list li{
	width:auto !important;
	margin:0 !important;
}
#content_area.download #c_list li:nth-child(2){border-top:none;}
#content_area.download #c_list li a h2{
	padding:20px 45px 20px 18px;
	font-size:123.076%;
}
#content_area.download #c_list li a h2::after{right:15px !important;}
#content_area.download .caution_box span, #content_area.download .caution_box p{
	font-size:80%;
	letter-spacing:1.2px;
}
#content_wrap.download #ln_list li, #content_area.download + #ln_b #ln_list li{
	width:auto;
	margin:0;
}

#content_area.download.dl_mid{margin-bottom:70px;}
#content_area.download.dl_mid #c_list{display:flex;}
#content_area.download.dl_mid #c_list li{
	width:48.358% !important;
	margin:0 3.283% 20px 0 !important;
}
#content_area.download.dl_mid #c_list li:nth-child(2n){margin-right:0 !important;}
#content_area.download.dl_mid #c_list li a h2{padding:9px 30px 9px 0;}
#content_area.download.dl_mid #c_list li a h2::after{right:5px !important;}

#content_area.download.dl_small li a{
	padding:16px 50px 17px 10px;
	background-position:center right 15px !important;
}

.download_btn{
	font-size:73.333% !important;
	letter-spacing:1.1px;
}
.download_btn a{
	width:220px;
	margin-bottom:10px;
}
.sp_table_txt p{
	font-size:80% !important;
	letter-spacing:1.2px !important;
}
#content_wrap.download table{
	table-layout:auto;
	margin-bottom:10px;
}
#content_wrap.download th, #content_wrap.download td{font-size:73.333%;}
#content_wrap.download thead tr:first-child th:first-child{min-width:80px !important;}
#content_wrap.download tbody th{min-width:80px !important;}

/* 2023/01 add */
#content_area.download.cad #c_list{display:flex;}
#content_area.download.cad #c_list li{
	width:48.358% !important;
	margin-right:3.283% !important;
}
#content_area.download.cad #c_list li:nth-child(2n){margin-right:0 !important;}
#content_area.download.cad #c_list li:nth-child(3){border-top:none;}
#content_area.download.cad #c_list li a h2{padding:16px 50px 17px 10px;}


/*----- contact -----*/
a.tel{pointer-events:auto;}


/*----- form -----*/
#header_wrap.form #logo{padding:17px 0 25px;}
#footer_wrap.form{background:#fff;}
#form_step{margin-bottom:20px;}
#form_step div span{
	font-size:86.666%;
	padding:10px 0;
}
#content_area.form{margin-bottom:80px;}
#content_area.form form{margin:25px auto;}
#content_area.form table{margin-bottom:25px;}
#content_area.form table th, #content_area.form table td{
	display:list-item;
	list-style:none;
}
#content_area.form table th{width:100%;}
#content_area.form table td p.remarks{font-size:92.307%;}
#content_area.form table td select.birth_m,
#content_area.form table td select.birth_d,
#content_area.form table td select.grad_m,
#content_area.form table td select.grad_select,
#content_area.form table td select.from_m,
#content_area.form table td select.to_m{
	height:51px;
}
.work_term dt{margin-top:21px;}
#content_area.form form p.doi{margin:25px 0 30px;}
#content_area.form form p.doi label input{left:-220px;}

.form_check{width:300px;}
.form_check a{
	max-width:100px;
	padding:10px 0;
}
#form_btn{max-width:180px;}
#form_btn input{padding:10px 0;}


/*----- add later -----*/
/* 2022/03 add C1-movie */
#content_area.solution, #content_area.company{margin-bottom:90px;}
#content_area.company #c_list{margin-bottom:10px !important;}
.movie_iframe{padding:15px 20px 20px;}
.movie_txt{
	font-size:106.666% !important;
	margin-bottom:15px !important;
}
.movie_list{display:block;}
.movie_item{margin:auto !important;}
.movie_item:nth-child(2){margin-top:20px !important;}

/* 2022/09 add environment */
.column_3.environment h3{margin-top:10px !important;}
.img_txt{
	display:block;
}
.img_txt div:first-child{
	width:auto;
	margin:0 0 10px;
}
.img_txt div:last-child{width:auto;}

/* 2023/01 add new-products */
#content_area.new .new_list{margin:35px 0 90px;}
#content_area.new .new_thumb{width:246px;}
#content_area.new .new_txt{width:calc(100% - 260px);}
#content_area.new .new_date{
	margin-bottom:4px;
	font-size:92.307%;
	letter-spacing:1.2px;
}
#content_area.new .new_name{
	padding-bottom:20px;
	margin-bottom:15px;
	font-size:138.461%;
	letter-spacing:1.8px;
}
#content_area.new a .new_name_txt{
	padding-right:35px;
	background-position:center right 5px !important;
}
#content_area.new .new_desc{font-size:100%;}

/* 20230130-会社情報ページ企業紹介 */
.introduction{padding:30px 0 10px;}
.introduction_inner{
	max-width:500px;
	margin:0 auto;
}
.introduction_txt{
	font-size:106.666% !important;
	margin-bottom:15px !important;
	margin-top:15px !important;
}
/* 20230130-採用ページ企業紹介 */
.recruit_movie_item{
	width:auto;
	padding:0 0 30px 0;
}
.recruit_movie_list li:nth-child(2n){
	margin:0 auto !important;
	padding:0 0 10px 0;
	border-left:none;
	border-top:1px dotted #0065A7;
}
.recruit_introduction_txt{margin-top:15px !important;}

/* 202302 add header_news */
.header_news{padding:15px 20px;}
.header_news_box::before{
	width:12px;
	height:32px;
}
.header_news_title{padding:0 25px;}
.header_news_link{
	padding-right:30px;
	background-position:center right !important;
	font-size:86.666%;
	letter-spacing:1.56px;
	line-height:1.466;
}
.header_news_inactive #menu-box{top:67px;}
.header_news_inactive #index_wrap, .header_news_inactive #content_wrap{margin-top:67px;}

}


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

#content_area.recruit #c_list{margin-bottom:20px;}
.cta_entry .link_btn{
	width:100%;
	margin-right:0 !important;
}
.cta_entry .link_btn a .sp_size{display:none !important;}

form.post_password input[type="password"]{
	width:100%;
	box-sizing:border-box;
	overflow-x:scroll;
}

.birth_md,
.grad_ym{
	display:block;
}
#content_area.form table td select.grad_select{
	display:block;
	margin:5px 15px 5px 0;
}
.work_term dt{
	float:none;
	margin-top:10px;
}
.work_term dd{margin:5px auto 10px;}
#content_area.form table td input.birth_y,
#content_area.form table td input.grad_y,
#content_area.form table td input.from_y,
#content_area.form table td input.to_y{
	width:100px;
}


/*----- add later -----*/
/* 2021/12 add hiuchi-less */
.acc h3 span{padding:10px 30px 10px 0;}
.acc h3 span::before, .acc h3 span::after{top:0;}
.bnr_link{margin-top:50px !important;}

/* 2023/01 add download */
#content_area.download.cad #c_list{
	display:block;
	border-top:1px solid #ccc;
}
#content_area.download.cad #c_list li{
	width:auto !important;
	margin-right:0 !important;
	border-top:none !important;
}

/* 2023/01 add new-products */
#content_area.new .new_link, #content_area.new .new_box{display:block;}
#content_area.new .new_thumb, #content_area.new .new_txt{width:auto;}
#content_area.new .new_date{margin-top:17px;}

}


@media print{
	body{
		width:1200px;
		transform:scale(1);
		-moz-transform:scale(1);
		-webkit-transform:scale(1);
		transform-origin:0 0;
		zoom:0.91;
		margin:auto;
	}
	@media all and (-ms-high-contrast:none){/* ハイコントラストモードが「オフ」の場合 */
		body{width:1200px;}
	}
	@media (-ms-high-contrast:none), (-ms-high-contrast:active){
		body{width:1200px;}
	}
	@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm){
		body{
			width:1200px;
			transform:scale(0.8);
			-moz-transform:scale(0.8);
			-webkit-transform:scale(0.8);
			transform-origin:0 0;
			margin:auto;
		}
	}
}