@charset "UTF-8";

a{
	text-decoration: none;
	color: #231815;
	transition: .5s all;
}
ul li{
	list-style: none;
}

body{
	font-family:"Noto Sans Japanese",YuGothic,'Yu Gothic','メイリオ', Meiryo,'Hiragino Sans','ヒラギノ角ゴシック','ＭＳ Ｐゴシック','MS PGothic';
	letter-spacing:0.05em;
	font-size: 13px;
	color: #231815;
	font-feature-settings: "palt" 1;
}

#global_header{
	background-color: #fff;
	width: 100%;
	height: 60px;
	padding: 20px;
	position: fixed;
	z-index: 100;
}
#global_header .inner{
	display: flex;
	justify-content: space-between;
}
.jp_lang .en{
	display: none;
	transition: .3s all;
}
.jp_lang .japanese,.en_lang .english{
	color: #008FC8;
}
.en_lang .japanese,.jp_lang .english{
	color: #231815;
}
.en_lang .jp{
	display: none;
	transition: .3s all;
}

.jp_change,.en_change{
	cursor: pointer;
}
.header_logo img{
	height: 18px;
}
.jp_lang .header_logo img{
	width: 324px;
}
.en_lang .header_logo img{
	width: 224px;
}

.sub_nav{
	position: absolute;
	bottom: -10px;
	left: 0;
}
.products_nav{
	display: none;
}
.technical_nav{
	display: none;
}

.sub_nav ul{
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	background-color: #6CC0EA;
}
.sub_nav ul li{
	width: 16.66%;
	height: 9vw;
	position: relative;
}
.sub_nav.technical_nav ul li{
	height: 9vw;
}
.sub_nav ul li a{
	height: 9vw;
}
.sub_nav.products_nav ul li a img{
	width: 100%;
	transition: .6s ease;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.sub_nav.technical_nav ul li a img{
	width:115%;
/*
	height: 15vh;
	object-fit: cover;
*/
	transition: .6s ease;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.sub_nav ul li a span{
	width: 100%;
	position: absolute;
	z-index: 1;
	font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	text-align: center;
	color: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.sub_nav ul li:nth-child(1) a::after,
.sub_nav ul li:nth-child(3) a::after,
.sub_nav ul li:nth-child(5) a::after,
.sub_nav ul li:nth-child(7) a::after,
.sub_nav ul li:nth-child(10) a::after,
.sub_nav ul li:nth-child(12) a::after,
.sub_nav ul li:nth-child(14) a::after,
.sub_nav ul li:nth-child(16) a::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #008FC8;
	opacity: 0.5;
	display:block;
	filter: contrast(1.5);
	transition: .6s ease;
}
.sub_nav ul li:nth-child(2) a::after,
.sub_nav ul li:nth-child(4) a::after,
.sub_nav ul li:nth-child(6) a::after,
.sub_nav ul li:nth-child(8) a::after,
.sub_nav ul li:nth-child(9) a::after,
.sub_nav ul li:nth-child(11) a::after,
.sub_nav ul li:nth-child(13) a::after,
.sub_nav ul li:nth-child(15) a::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #479AC3;
	opacity: 0.4;
	display:block;
	filter: contrast(1.5);
	transition: .6s ease;
}
.sub_nav ul li a:hover::after {
	background-color: #255b75;
	transition: .6s ease;
}
.sub_nav ul li a:hover > img{
/*	transform:scale(1.1,1.1);*/
	transition: .6s ease;
	transform: translate(-50%, -50%) scale(1.1);
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    -ms-transform: translate(-50%, -50%) scale(1.1);
}
.sub_nav ul li + li{
	border-left: 1px solid #fff;
	overflow: hidden;
}
/*
#global_header .main_nav .underline_set{
	width: 100%;
	height: 1px;
	background-color: #231815;
}
*/
.home .home_menu::after,
.post-type-archive-products .products_menu::after,
.single-products .products_menu::after,
.post-type-archive-technical .technical_menu::after,
.single-technical .technical_menu::after,
.post-type-archive-news .news_menu::after,
.single-news .news_menu::after,
.tax-news_cat  .news_menu::after,
.page.company .company_menu::after,
.page.access .access_menu::after,
.page.contact .contact_menu::after
{
	content: '';
	width: 100%;
	height: 1px;
	background-color: #231815;
	position: absolute;
	bottom: 0;
	left: 0;
}


#global_header .main_nav li{
	position: relative;
}
#global_header .main_nav a:hover{
	opacity: 0.3;
}
#global_header .main_nav .underline{
	width: 1px;
	height: 0px;
	display: block;
	position: absolute;
	top: 20px;
	right: 50%;
	transition: height .6s ease;
	background: #231815;
}
#global_header .main_nav .underline2{
	width: 1px;
	height: 0px;
	display: block;
	position: absolute;
	top: 20px;
	right: 50%;
	transition: height .6s ease;
	background: #231815;
}
#global_header .technical_nav ul{
	flex-wrap: wrap;
}
#global_header .technical_nav ul li{
	width: 12.5%;
}
#welcome video{
width: 100%;
}
#welcome img{
	display: none;
}
#second_nav{
	display: none;
}
.wraper{
	padding-top: 60px;
}
main{
	position: relative;
	text-align: center;
	margin: 0 auto;
}
.main_nav ul{
	display: flex;
	justify-content: space-around;
}
.main_nav{
	width: 60%;
	position: fixed;
	right: 20px;
}
section{
	margin-top: 50px;
	margin-bottom: 100px;
}
.products_top_wraper h2{
	margin-bottom: 70px;
	margin-top: 100px;
}
.wraper h2{
	margin-bottom: 70px;
	margin-top: 100px;
}
#products ul{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
}
#products li{
	width: 33.333%;
/*	height:32vh;*/
	height: 250px;
	position: relative;
}
#products li a{
	width: 100%;
	display: block;
/*	height: 32vh;*/
	height: 250px;
	color: #ffffff;
	background-color: #6CC0EA;
	position: relative;
	overflow: hidden;
}
#products li a img{
	width: 118%;
/*
	height: 32vh;
	object-fit: cover;
*/
	transition: .6s ease;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
#products li:nth-child(odd) a::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #008FC8;
	opacity: 0.5;
	display:block;
	filter: contrast(1.5);
	transition: .6s ease;
}
#products li:nth-child(even) a::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #479AC3;
	opacity: 0.4;
	display:block;
	filter: contrast(1.5);
	transition: .6s ease;
}
#products li a:hover::after {
	background-color: #255b75;
	transition: .6s ease;
}
#products li a:hover > img{
/*	transform:scale(1.1,1.1);*/
	transition: .6s ease;
	transform-origin: center;
	transform: translate(-50%, -50%) scale(1.1);
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    -ms-transform: translate(-50%, -50%) scale(1.1);
}
#products .title{
	width: 100%;
	position: absolute;
	z-index: 1;
/*
	left: 0;
	top:14vh;
*/
	font-size: 1.5em;
	font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);

}
#news ul{
	width: 50%;
	margin: 0 auto;
}
#news ul li{
	border-bottom: 1px solid #231815;
	transition: .6s ease;
}
#news a{
	padding: 20px 10px;
	display: block;
	text-align: left;
}
#news .news_hover:hover{
	transition: .6s ease;
	background-color: #e5e6e7;
}
#news .news_date{
	display: flex;
	align-items: center;
}
#news .date{
	width: 10em;
}
#news span{
	width: 75%;
}
#news .list_view{
	border: none;
	text-align: right;
	margin-top: 30px;
}
#news .list_view a{
	text-align: right;
	border-bottom:1px solid #231815;
	display: inline-block;
	padding: 0;
}
#news .list_view a:hover{
	opacity: 0.5;
}
#others ul{
	display: flex;
	align-items: center;
	width: 100%;
flex-wrap: wrap;
}
#others li{
	width: 50%;
	height:40vh;
	position: relative;
	overflow: hidden;
}
#others li a{
	width: 100%;
	display: block;
	height: 40vh;
	color: #ffffff;
	position: relative;
}
#others li a::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #479AC3;
	opacity: 0.4;
	display:block;
	filter: contrast(1.5);
	transition: .6s ease;
}
#others li a img{
	width: 100%;
	height: 40vh;
	object-fit: cover;
	transition: .6s ease;
}
#others .title{
	position: absolute;
	width: 100%;
	top: 16vh;
	left:0;
	z-index: 1;
	font-size: 1.5em;
	font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
#others li a:hover::after {
	background-color: #255b75;
	transition: .6s ease;
}
#others li a:hover > img{
	transform:scale(1.1,1.1);
	transition: .6s ease;
}
.bottom_index{
	display: block;
	margin-bottom: 30px;
}
.bottom_index ul{
	display: flex;
	width: 100vw;
	background-color: #6CC0EA;
}
.bottom_index ul li{
	width: 16.66%;
	height: 15vh;
	position: relative;
}
.bottom_index ul li a{
	height: 15vh;
}
.bottom_index ul li a img{
	width:100%;
	height: 15vh;
	object-fit: cover;
	transition: .6s ease;
}
.bottom_index ul li a span{
	width: 100%;
	position: absolute;
	z-index: 1;
	font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	text-align: center;
	color: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.bottom_index ul li:nth-child(1) a::after,
.bottom_index ul li:nth-child(3) a::after,
.bottom_index ul li:nth-child(5) a::after,
.bottom_index ul li:nth-child(7) a::after,
.bottom_index ul li:nth-child(10) a::after,
.bottom_index ul li:nth-child(12) a::after,
.bottom_index ul li:nth-child(14) a::after,
.bottom_index ul li:nth-child(16) a::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #008FC8;
	opacity: 0.5;
	display:block;
	filter: contrast(1.5);
	transition: .6s ease;
}
.bottom_index ul li:nth-child(2) a::after,
.bottom_index ul li:nth-child(4) a::after,
.bottom_index ul li:nth-child(6) a::after,
.bottom_index ul li:nth-child(8) a::after,
.bottom_index ul li:nth-child(9) a::after,
.bottom_index ul li:nth-child(11) a::after,
.bottom_index ul li:nth-child(13) a::after,
.bottom_index ul li:nth-child(15) a::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #479AC3;
	opacity: 0.4;
	display:block;
	filter: contrast(1.5);
	transition: .6s ease;
}
.bottom_index ul li a:hover::after {
	background-color: #255b75;
	transition: .6s ease;
}
.bottom_index ul li a:hover > img{
	transform:scale(1.1,1.1);
	transition: .6s ease;
}
.bottom_index ul li + li{
	border-left: 1px solid #fff;
	overflow: hidden;
}
.technical_bottom_index ul{
	flex-wrap: wrap;
}
.technical_bottom_index ul li{
	width: 12.5%;
}
.move_top{
	text-align: right;
	margin-bottom: 50px;
}
.footer_wrap{
	background-color: #efefef;
	padding: 40px;
}
.footer_nav{
	display: flex;
	justify-content: space-between;
}
.footer_nav div{
	margin-right: 30px;
}
.footer_nav ul li{
	position: relative;
	padding-bottom: 4px;
	max-width: 250px;
}
.footer_nav ul li a:hover{
	opacity: 0.3;
}
.footer_nav_title{
	margin-bottom: 20px;
}
.footer_nav_title_right{
	margin-bottom: 40px;
}
.footer_nav_title::after{
	 content:"";
   display:block;
   width:112px;
   height:1px;
   background-color:#727171;
   position:absolute;
   bottom:-2px;
   left:-4px;
}
.footer_nav .footer_lang{
	margin-right: 0;
}
#copyright{
	padding:0 20px;
	background-color: #fff;
	height: 120px;
	line-height: 120px;
}
#copyright ul{
	display: flex;
	justify-content: space-between;
}
.group_logo img{
	height: 15px;
}

/* products */
#products_welcome{
	background: url(../images/products_index_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
#products_welcome h1{
	position: absolute;
	text-align: center;
	width: 100%;
	color: #fff;
	font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-shadow: 0px 0px 10px #666666;
}
.wraper main{
	max-width: 1000px;
}
.products_wraper{
	padding-top: 60px;
}
.products_wraper main h2{
	margin-top: 50px;
	margin-bottom: 50px;
}
.wraper main h2{
	margin-top: 50px;
margin-bottom: 12px;
    font-size: 2em;
}
.wraper main h3{
	font-size: 1.8em;
}
.products_wraper .index_title,.wraper .index_title{
	position: relative;
}
.title_only{
	margin-bottom: 50px;
}
.products_wraper .index_bar,.wraper .index_bar{
	width:60px;
	height: 1px;
	background-color: #231815;
	position: absolute;
	left: -70px;
	top: 50%;
}
.products_wraper section,.wraper section{
	text-align: left;
	max-width: 1000px;
	margin: 0 auto;
}
.wraper .intro .main_title{
	text-align: center;
	font-size: 2em;
	font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	margin-bottom: 10px;
}
.wraper .intro .main_text{
	text-align: center;
	font-size: 1.6em;
	font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	margin-bottom: 20px;
	line-height: 1.8em;
}
.intro .sub_text{
	font-size: 1.2em;
	font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	margin-bottom: 20px;
	line-height: 1.8em;
}
#products_index{
	max-width: 700px;
}
#products_index .number{
	margin-right: 5px;
}
#products_index ul{
	margin-left: 20px;
	font-size: 1.5em;
	line-height: 2em;
	margin-top: 5px;
	margin-bottom: 50px;
}
.products_wraper section a:hover{
	opacity: 0.3;
}
.move_top a:hover{
	opacity: 0.3;
}
.move_top{
	margin-top: 50px;
}
.sub_title{
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 15px;
}
.wraper main .technical_sub_title{
	text-align: center;
	font-size: 1.2em;
}
.title_nav ul{
	display: flex;
	font-size: 1em;
	max-width: 1000px;
	margin: 0 auto;
	justify-content: center;
}
.technical_title_nav ul{
	flex-wrap: wrap;
}
.technical_title_nav ul li{
	margin: 5px 0px;
}
.title_nav ul li{
	padding: 0px 12px;
	margin: 5px 0px;
}
.title_nav ul li{
	border-right: 1px solid #231815;
}
.title_nav ul li:last-child{
	border-right: unset;
}

.technical_title_nav ul li:nth-child(6),.technical_title_nav ul li:nth-child(11){
	border-left: unset;
}
#products01_intro .title_nav ul li:nth-child(5){
	border-left: unset;
}
.title_nav .inpage_nav{
	font-size: 1em;
	flex-wrap: wrap;
}
.inner_block{
	display: flex;
	max-width: 1000px;
	justify-content: space-between;
	margin-bottom: 30px;
	line-height: 2em;
}
.en_lang .inner_block p{
	text-align: left;
}
.inner_block p{
	width: 52%;
	text-align: justify;
	font-size: 1.2em;
}
.inner_block figure{
	width: 45%;
}
.inner_block img{
	width: 100%;
}
.table{
	margin-bottom: 30px;
	font-size: 1.2em;
}
.table ul{
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #000000;
}
.table.four_columns ul{
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #000000;
}

.table ul li{
	width: 33.33%;
}
.table.two_columns ul li{
	width: 50%;
}
.table.four_columns ul li{
	width: 25%;
}
.table ul li img{
	width: 100%;
}
video{
	width: 100%;
	margin-bottom: 20px;
}

.table .table_name{
	border-bottom: 1px solid #000000;
	padding: 5px 10px;
}
.table ul li:nth-child(2){
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}
.table ul li:nth-child(5){
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}
.table.two_columns ul li:nth-child(2),.table.two_columns ul li:nth-child(5){
	border-right: unset;
}
.table.four_columns ul li:nth-child(3){
	border-right: 1px solid #000000;
}
.table figure{
	padding: 10px;
}
.related_links{
	text-align: center;
	max-width: 60%;
	margin: 30px auto;
	font-size: 1.2em;
	line-height: 2em;
}
.table .features{
	padding: 10px;
	text-align: justify;
}
.table .features_title{
	margin-bottom: 12px;
	color: #008FC8;
}
.related_links ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.related_links ul li{
	margin-right: 15px;
}
.related_links ul li a{
	color: #008FC8;
}
.nolinks_color{
	color: #008FC8;
}
.en_lang .inner_block02{
	text-align: left;
}
.inner_block02{
	margin-top: 8px;
	margin-bottom: 50px;
	text-align: justify;
	line-height: 2em;
}
.inner_block02 p{
	margin-bottom: 16px;
	font-size: 1.2em;
}
.inner_block02 img{
	width: 100%;
}
.inner_block02 ul{
	display: flex;
	justify-content: space-between;
}
.inner_block02 li{
	width: 31%;
}
figcaption{
	font-size: 0.9em;
	line-height: 1.5em;
}

#products01_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/products_products01_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
#products02_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/products_products02_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
#products03_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/products_products03_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
#products04_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/products_products04_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
#products05_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/products_products05_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
.title_h1,
.products_h1{
	position: absolute;
	text-align: center;
	width: 100%;
	color: #fff;
	font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 3em;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-shadow: 0px 0px 10px #666666;
}
/*
 main h2{
	margin-top: 50px;
	margin-bottom: 15px;
	font-size: 1.7em;
}
*/
 main h3{
	font-size: 1.4em;
}

.contents_innner{
	padding-top: 60px;
	margin-top: -60px;
}

/*technical*/

#technical_welcome{
	background: url(../images/technical_index_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
#technical_welcome h1{
	position: absolute;
	text-align: center;
	width: 100%;
	color: #fff;
	font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-shadow: 0px 0px 10px #666666;
}
.technical_index_topimage{
	margin: 40px 0;
}
#technical_index{
	max-width: 700px;
}
#technical_index .number{
	margin-right: 5px;
}
#technical_index ul{
	margin-left: 20px;
	font-size: 1.5em;
	line-height: 2em;
	margin-top: 5px;
	margin-bottom: 50px;
}
#technical01_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/technical_technical01_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
#technical02_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/technical_technical02_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
#technical03_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/technical_technical03_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
#technical04_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/technical_technical04_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
#technical05_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/technical_technical05_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
#technical06_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/technical_technical06_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
#technical07_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/technical_technical07_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
#technical08_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/technical_technical08_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
#technical09_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/technical_technical09_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
#technical10_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/technical_technical10_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
#technical11_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/technical_technical11_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
#technical12_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/technical_technical12_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
#technical13_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/technical_technical13_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
#technical14_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/technical_technical14_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
#technical15_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/technical_technical15_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
#technical16_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/technical_technical16_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
#technical17_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/technical_technical17_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
#technical18_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/technical_technical16_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}


/*dictionary*/
#dictionary_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/dictionary_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
.dictionary_wraper{
	padding-top: 60px;
}
.dictionary_wraper main{
	max-width: 1000px;
	margin: 0 auto;
}
.breadcrumb {
	margin-top: 20px;
	transform: scale(0.8);
	transform-origin: left;
}
.breadcrumb ul{
	display: flex;
}
.breadcrumb ul li img{
	width: 20px;
	height: 12px;
	margin-right: 5px;
}
.breadcrumb ul li + li:before {
	content:">";
	margin: 0 10px;
}
.breadcrumb ul .brackets{
	margin: 0px 10px;
}
.archive main .breadcrumb{
	max-width: 1000px;
	margin: 0 auto;
	margin-top: 20px;
}

.dictionary_intro{
	text-align: left;
	margin-top: 50px;
	margin-bottom: 30px;
}
.table_wrap{
	display: flex;
	align-items: center;
	border: 1px solid #000;
	background-color: #f1f0f0;
}
.table_wrap .th{
	width: 12%;
}
.table_wrap .td{
	width: 88%;
	background-color: #fff;
	border-left: 1px solid #000;
	text-align: left;
}
.table_wrap .td_title{
	height: 50px;
	font-size: 1.2em;
	padding: 14px 30px;
	cursor: pointer;

	position: relative;
}
.table_wrap .td_contents{
	padding: 10px 30px;
	opacity: 0;
	display: none;
	transition: all 0.2s;
}
.table_wrap ul {
/*	bordero-bottom: 1px solid #616161;*/
}
.table_wrap ul li + li{
	border-top: 1px solid #616161;
}
/*.table_wrap ul li:first-child,.table_wrap ul li:last-child{
	border: unset;
}*/
.table_wrap .td_title:after{
  content: '';
  position: absolute;
  right: 40px;
  top: 16px;
  width: 1px;
  height: 20px;
  background-color: #000;
  transition: all 0.2s;
}
.table_wrap .td_title:before {
  content: '';
  position: absolute;
  right: 30px;
  top: 25px;
  width: 20px;
  height: 1px;
  background-color: #000;
  transition: all 0.2s;
	opacity: 1;
}
.table_wrap .td_title.on:after{
  transform: rotate(90deg);
  transition: all 0.2s;
}
.table_wrap .td_title.on:before{
  opacity: 0;
  transition: all 0.2s;
}
.table_wrap .td_title.on + .td_contents{
	display: block;
	opacity: 1;
  transition: all 0.2s;
	border: unset;
}
.table_wrap .td_title.on{
  transition: all 0.2s;
	border-bottom: 1px dotted #ccc;
}
.table_wrap + .table_wrap{
	border-top: none;
}

/*news一覧*//*technicalblog*/

#news_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/news_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
#technicalblog_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/technicalblog_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
.news_wraper{
	padding-top: 60px;
}
.news_wraper main{
	max-width: 1000px;
	margin: 0 auto;
}
.technicalblog_container,
.staff_container,
.news_container{
	position: relative;
	margin-bottom: 100px;
	margin-top: 50px;
}
.technicalblog_container .article_block,
.staff_container .article_block,
.news_container .article_block{
	width: 70%;
	margin-right: 10%;
	text-align: left;
	position: relative;
}
.news_container .article_block .news_list li{
	border-bottom: 1px solid #000;
	position: relative;
}
.news_container .article_block .news_list li a{
	padding: 30px 30px;
	display: block;
}
.news_date .date{
	display: block;
	margin-bottom: 5px;
}
.news_date .article_title{
	font-size: 1.1em;
}
.news_date .tag_title{
	position: absolute;
	top: 20px;
	right: 0;
	font-size: 0.9em;
	background-color: #008FC8;
	color: #fff;
	padding: 4px 10px;
	border-radius: 4px;
	margin-right: 30px;
}
.technicalblog_container aside,
.staff_container aside,
.news_container aside{
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	text-align: left;
}
.technicalblog_container aside div,
.staff_container aside div,
.news_container aside div{
	margin-bottom: 30px;
}
.technicalblog_container aside h4,
.staff_container aside h4,
.news_container aside h4{
	border-bottom: 1px solid #000;
	margin-bottom: 5px;
	font-weight: normal;
	font-size: 1.1em;
	padding-left: 10px;
	padding-bottom: 5px;
}
.technicalblog_container aside li a,
.staff_container aside li a,
.news_container aside li a{
	display: block;
	padding: 5px 10px;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: auto;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap;
}
.page_wrap {
	display: flex;
	justify-content: center;
	margin-top: 50px;
	padding-top: .5em;
}
.page-numbers {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
}
.page-numbers li {
	margin: 0 10px;
}
.page-numbers a {
	display: block;
	padding: .5em 1em;
	border: 1px solid #008FC8;
	border-radius: .2em;
	text-decoration: none;
	color: #008FC8;
}
.page-numbers span.current {
	display: block;
	padding: .5em 1em;
	border: 1px solid #008FC8;
	border-radius: .2em;
	text-decoration: none;
	background-color: #008FC8;
	color: #fff;
}

/*Newa詳細*/
.news_date.post .date{
	margin-bottom: 50px;
}
.news_date.post .article_title{
	font-size: 1.6em;
	font-weight: normal;
	margin-bottom: 20px;
	text-align: justify;
}
.news_date.post .tag_title{
	margin-right: 0;
}
.news_date.post .post_article{
	font-size: 1.2em;
	text-align: justify;
	line-height: 2em;
}

.news_date.post .page_wrap{
	margin-top: 100px;
	font-size: 1.2em;
}
.news_date.post .pagination a{
	border: unset;
}
/*
.news_date.post nav ul li:nth-child(2) a{
	color: #000;
}
*/

/*technicalblog*/


/*staff*/
#staff_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/staff_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
.staff_wraper{
	padding-top: 60px;
}
.staff_wraper main{
	max-width: 1000px;
	margin: 0 auto;
}
.staff_wraper .staff_list {
	display: flex;
	flex-wrap: wrap;
}
.staff_wraper .staff_list li {
	width: calc((100% - 20px) / 3);
	margin-left: 10px;
}
.staff_wraper .staff_list li:nth-child(3n+1) {
	margin-left: 0;
}
.staff_wraper .staff_list li:nth-child(n+4){
	margin-top: 10px;
}
.staff_wraper .staff_list li img {
	max-width: 100%;
	height: auto;
}
.staff_wraper .staff_list li a {
	display: block;
	padding: 10px;
	border: 1px solid #9fa0a0;
	text-align: left;
}
.staff_wraper .staff_list li hr {
	border-top: 1px solid #9fa0a0;
	border-bottom: 0;
}
.staff_wraper .staff_list .date{
	font-size: 0.9em;
	margin-bottom: 10px;
}
.staff_wraper .staff_list .name{
	margin-top: 10px;
}
.staff_wraper .staff_list .job{
	text-align: right;
}

.staff_header{
	display: flex;
	justify-content: space-around;
	border-bottom: 1px solid #000;
	margin-bottom: 50px;
}
.staff_header .textarea{
	width: 500px;
}
.staff_header .textarea h2{
	margin-bottom: 0px;
	font-size: 2em;
	text-align: left;
}
.staff_header .image{
	width: 200px;
}
.staff_header .image img{
	width: 200px;
	height: auto;
}
.staff_container .article_block h3{
	margin-bottom: 10px;
	text-align: left;
}
.staff_container .article_block .staff_body{
	font-size: 1.2em;
}


/*Access*/
/*
#access_welcome{
	border-bottom: 5px solid #2d6a9a;
	width: 100vw;
	position: fixed;
	z-index: 10;
}
*/
#access_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/access_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}

.access .wraper h1{
	margin-top: 100px;
	margin-bottom: 50px;
}
.access_container{
	max-width: 700px;
	margin: 0 auto;
}
.access_container .info_wrap{
	margin-top: 50px;
}
.access_container .info_wrap li{
	display: flex;
	justify-content: space-between;
	text-align: left;
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	padding-top: 20px;
	align-items: flex-end;
}
.access_container .address{
	width: 70%;
}
.access_container .address_title{
	font-size: 1.2em;
	letter-spacing: 2px;
}
.access_container .info_number{
	width: 25%;
}
.access_container .map_wrap{
	text-align: left;
}
.access_container .map_wrap li{
	padding-top: 80px;
}
.access_container .map_wrap h3{
/*	border-left: 7px solid #c8c8c8;*/
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
	font-size: 1.2em;
	overflow: hidden;
}
.access_container .map_wrap h3 span{
	position: relative;
	padding-right: 6px;
	margin-left: 14px;
}
.access_container .map_wrap h3 span::before{
	content: '';
	position: absolute;
	width: 7px;
	height: 25px;
	background-color: #c8c8c8;
	top: -5px;
	left: -14px;
}
.access_container .map_wrap h3 span::after{
	content: '';
	position: absolute;
	width: 700px;
	height: 25px;
	background-color: #c8c8c8;
	top: -5px;
	right: -750px;
	opacity: 0.3;
}

.access_container .map_wrap h4{
	color: #4c4fa0;
	margin-bottom: 5px;
}
.access_container .map_wrap p{
	margin-bottom: 5px;
}
#access_welcome::after{
	content: 'Access';
	position: absolute;
	text-align: center;
	width: 100%;
	color: #fff;
	font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 3em;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-shadow: 0px 0px 10px #666666;
}

.flexbox-container-vertical-center {
    display: flex; /* 変更なし */
    flex-direction: column; /* 変更なし */
    justify-content: center; /* 変更なし */
    align-items: center; /* 変更なし */
    border: 0 ; /* 見た目用 */
    }

/*What*/
#what_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/what_top_image2.jpg)center center no-repeat;
	background-size: cover;
	height: 450px;
	position: relative;
	text-align:center;
}



#what_welcome h1{
	color: #fff;
	font-family: sans-serif;
	font-size: 8em;
	text-shadow: #036EB8 3px 1px 0px;
}

#what_welcome h2{
	color: #fff;
	font-family: sans-serif;
	font-size: 3em;
	text-shadow: #036EB8 3px 1px 0px;
	margin:0px;

}

#what_welcome p{
	margin:0px;
	margin-top:10px;
	color: #000;
	font-family: sans-serif;
	font-size:1.7em;

}


@media (max-width: 850px) {
#what_welcome h1{
	font-size: 3em;

}

#what_welcome h2{
	font-size: 1.5em;

}

#what_welcome p{
	font-size:1em;


}
}



.what_wrap{
	width:100%;
	text-align:center;
background-size: cover;
}

.what_wrap_in {
	max-width: 1000px;
	margin: 0 auto;
	text-align:center;
}

.what_block1{
/*
	background: url(http://xs448746.xsrv.jp/assets/images/what_01.jpg)center center no-repeat;
*/
	/*background-size: cover;*/
	/*height: 50vh;*/


}

.what_wrap h2{
	color:#00A29A;
	text-shadow: #fff 3px 1px 0px;
	font-family: sans-serif;
	font-size: 2.5em;
	margin-top:0px!important;


}

.what_img {
    display: flex; /* 変更なし */
    justify-content: center; /* 変更なし */
    align-items: center; /* 変更なし */

	margin-top:20px;
	gap: 0px 40px;
}

.what_wrap img{
	width: 30%;
/*margin-right: 40px;*/
}

.what_wrap p{
	font-family: sans-serif;
	font-size: 1.2em;
}


.what_block1_set {
background: url(http://xs448746.xsrv.jp/assets/images/what_01.jpg)center center no-repeat;
    background-size: cover;
padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 15px;
}

@media (max-width: 850px) {
.what_wrap p{
	font-size: 0.9em;

}
.what_block1{
	background: none;
	margin-top: -10px;
	padding-top:0;
}

.what_block1 p{
	padding:20px;
}
.what_block1_set{
	background: none;
	margin-top: -10px;
	padding-top:0;
}
.what_wrap h2{
	padding-top:20px;
}
.what_img {
    display: block;

}

.what_wrap img{
	width: 70%;

}

#what_welcome{
	height: 300px;
}
#what_welcome p {
	font-size: 0.8em;
}
}



.what_block2_w{
	width:60%;
	margin: auto;


}
.what_block2{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(http://xs448746.xsrv.jp/assets/images/what_05.png) center center no-repeat;
    background-size: cover;
    padding-top: 124%;
	position: relative;

}



.what_block2_set {
	margin-top:50px;
	background:#EDF7FD;
	/*padding-top:30px;*/

}


.what_block2_set h2{
	color:#000;
	text-shadow: none;
	font-family: sans-serif;
	font-size: 2.5em;
	margin-bottom: 50px!important;
	padding-top:30px;
}

.what_block2 img {
	width:40%;
}

.img06 {
position: absolute;
left: -15%;
    top: -4%;
}


.img07 {
position: absolute;
left: -15%;
    top: 8.5%;
}


.img08 {
position: absolute;
left: -15%;
    top: 20%;
}

.img09 {
position: absolute;
left: -15%;
    top: 31.5%;
}

.img10 {
position: absolute;
left: -15%;
    top: 43.5%;
}

.img11 {
position: absolute;
left: -15%;
    top: 55%;
}

.img12 {
position: absolute;
left: -15%;
    top: 67%;
}

.img13 {
position: absolute;
    left: 73%;
    top: -1%;
}

.img14 {
position: absolute;
    left: 73%;
    top: 16%;
}

.img15 {
position: absolute;
    left: 73%;
    top: 33%;
}

.img16 {
position: absolute;
    left: 73%;
    top: 49%;
}

.img17 {
position: absolute;
    left: 73%;
    top: 66%;
}

.box_btn {
    margin-top:30px;
}



.box_btn img {
    width:33%;
    margin:0 10px;
}

@media (max-width: 600px) {
.box_btn img {
    width:60%;
    margin-bottom:20px;

}
}


/*

@media (max-width: 600px) {
.img06 {
left: 0px;
    top: -9px;
}
}


@media (max-width: 540px) {
.img06 {
left: 0px;
    top: -7px;
}
}
*/
/*Company*/
#company_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/company_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
#company_welcome::after{
	content: 'Company';
	position: absolute;
	text-align: center;
	width: 100%;
	color: #fff;
	font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 3em;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-shadow: 0px 0px 10px #666666;
}
.company_wrap{
	max-width: 700px;
	margin: 0 auto;
}
.company_wrap h2{
	font-weight: normal;
}
.company_wrap .title_nav{
	margin-bottom: 50px;
}
.company_wrap .title_nav_top{
	margin-bottom: 0;
}
.company_wrap img{
	width: 100%;
	margin-top: 35px;
}
#about ul{
	margin-top: 10px;
}
#about ul li{
	display: flex;
	font-size: 1.2em;
	padding: 20px 0px;
	border-bottom: 1px solid #bdbdbd;
}
#about .company_title{
	width: 180px;
}
#about .company_contents{
	width: 520px;
}
#management_principles p{
	text-align: center;
	font-size: 1.4em;
	margin: 50px 0;
}
#management_policy ul,
#seq ul{
	margin-top: 30px;
	font-size: 1.2em;
}
#management_policy ul li,
#seq ul li{
	padding: 20px 0;
	border-bottom: 1px solid #bdbdbd;
}
#seq .iso{
	margin-top: 30px;
}
.company_wrap section{
	padding-top: 80px;
}


/*Contact*/
/*
#contact_welcome{
	border-bottom: 5px solid #2d6a9a;
	width: 100vw;
	position: fixed;
	z-index: 10;
}
*/
#contact_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/contact_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
.contact .wraper main{
	max-width: 1000px;
}
.contact .wraper h2{
	margin-top: 100px;
	margin-bottom: 30px;
	font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.contact .wraper .title{
	font-weight: bold;
	margin-right: 10px;
}
.sp_counter{
	display: none;
}
.contact table{
	margin: 0 auto;
	border-collapse: collapse;
	border-spacing: 0;
}
.contact_phone,.contact_mail{
	max-width: 690px;
	margin: 0 auto;
}
.contact_phone .table_name1,
.contact_phone .table_name2,
.contact_phone .table_name3{
	width: 230px;
}
.contact_phone .phone_table tr,
.contact_phone .phone_table td,
.contact_phone .phone_table th{
	border: 1px solid #727171;
	font-weight: normal;
	height: 55px;
	vertical-align: middle;
	text-align: left;
}
.contact_phone .phone_table tr:first-child th{
	background-color: #EFEFEF;
	text-align: center;
}
.contact_phone .phone_table tr:nth-child(2) th{
	text-align: center;
}
.contact_phone .phone_table td{
	padding-left: 30px;
}
.contact_phone .phone_table tr:nth-child(3) td,
.contact_phone .phone_table tr:nth-child(5) td,
.contact_phone .phone_table tr:nth-child(7) td{
	background-color: #EFEFEF;
}
.contact .wrapper .contact_mail table{
	margin: unset;
}
.contact_mail p{
	font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 1.2em;
	margin-bottom: 30px;
}
.contact_mail .markup{
	color: #2188BB;
}
.contact_mail th{
	width: 90px;
	font-weight: normal;
	text-align: left;
	height: 42px;
}
.contact_mail td{
	width: 600px;
	font-weight: normal;
	text-align: left;
}
.contact_mail td input{
	background-color: #EFEFEF;
	width: 100%;
	height: 30px;
	padding: 0 10px;
}
.contact_mail tr:first-child td input{
	width: 30%;
}
.contact_mail tr:nth-last-child(2) th{
	vertical-align:top;
	padding-top: 20px;
}
.contact_mail tr:nth-last-child(2) td{
	padding-top: 8px;
}
.contact_mail tr:nth-last-child(2) td textarea{
	background-color: #EFEFEF;
	width: 100%;
	height: 300px;
	padding: 10px;
}
.contact_mail button.btn{
	margin-top: 30px;
	background-color: #779ABF;
	color: #fff;
	width: 600px;
	padding: 12px;
	transition: 0.5s all;
}
.contact_mail button:hover{
	opacity: 0.8;
	transition: 0.5s all;
}
.contact .move_top{
	max-width: 700px;
	margin: 0 auto;
	margin-bottom: 50px;
	margin-top: 50px;
}
#contact_welcome::after{
	content: 'Contact';
	position: absolute;
	text-align: center;
	width: 100%;
	color: #fff;
	font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 3em;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-shadow: 0px 0px 10px #666666;
}
/*table column*/
.table.column2 ul,
.table.column3 ul,
.table.column4 ul,
.table.column5 ul,
.table.column6 ul{
	border: unset;
	flex-wrap: nowrap;
}
.table.column2 ul li,
.table.column3 ul li,
.table.column4 ul li,
.table.column5 ul li,
.table.column6 ul li{
	border: unset;
}
.table.column2 ul li figure,
.table.column3 ul li figure,
.table.column4 ul li figure,
.table.column5 ul li figure,
.table.column6 ul li figure{
	padding: 6px;
}
.table figcaption span{
	font-size: 0.9em;
	display: block;
	line-height: 1.2em;
}
.table.column2 ul>li{
	width: 50%;
}
.table.column3 ul>li{
	width: 33.33%;
}
.table.column4 ul>li{
	width: 25%;
}
.table.column5 ul>li{
	width: 20%;
}
.table.column6 ul>li{
	width: 16.66%;
}
.table.column2.line_flame ul,
.table.column3.line_flame ul,
.table.column4.line_flame ul,
.table.column5.line_flame ul,
.table.column6.line_flame ul{
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.table.column2.line_flame ul li,
.table.column3.line_flame ul li,
.table.column4.line_flame ul li,
.table.column5.line_flame ul li,
.table.column6.line_flame ul li{
	border-left: 1px solid #000000;
}
.table.column2.line_flame ul li:last-child,
.table.column3.line_flame ul li:last-child,
.table.column4.line_flame ul li:last-child,
.table.column5.line_flame ul li:last-child,
.table.column6.line_flame ul li:last-child{
	border-right: 1px solid #000000;
}

/*new table*/
.table2{
	display: flex;
	max-width: 1000px;
	margin: 20px 0;
	overflow: hidden;
	font-size: 1.2em;
}
.flex_box{
	display: flex;
	margin: 0 0 -1px;
}
.table2 ul{
	display: table;
	height: 200px;
}
.table2 ul:first-child{
	border-bottom: 1px solid #000;
	height: 50px;
}
.table2 ul:nth-child(2) li{
	height: 200px;
}

.table2 .table_title1,
.table2 .table_title2{
	border-right: 1px solid #000;
	display: table-cell;
	vertical-align: middle;
	height: 50px;
	width: 90px;
	text-align: center;
}

.table2 .contents_table1,
.table2 .contents_table2{
	width: 510px;
	padding: 10px;
	display: table-cell;
	vertical-align: middle;
}
.table2 .image_table{
	width: 40%;
	border: 1px solid #000;
	margin: 0 -1px 0 ;
	height: 250px;
	display: table;
}
.table2 figure{
	display: table-cell;
	vertical-align: middle;
}
.table2 figure img,
.table2 figure videp{
	display: table-cell;
	vertical-align: middle;
}
.table2 .image_table img,
.table2 .image_table video{
	width: 95%;
	margin: 0 auto;
}
.table2 .contents_block{
	width: 60%;
	border: 1px solid #000;
	height: 250px;
}
.caution{
margin-top: 50px}

/*privacy*/
#privacy_welcome{
	background: url(http://xs448746.xsrv.jp/assets/images/privacy_top_image.jpg)center center no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}
.privacy_wrap{
	max-width: 700px;
	margin: 0 auto;
}
.privacy .wraper h3{
	margin-top: 60px;
	margin-bottom: 15px;
/*	font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;*/
}
.privacy_wrap h2{
	text-align: center;
}
.privacy_wrap h3,
.privacy_wrap ul,
.privacy_wrap p{
	text-align: left;
}
#privacy_welcome::after{
	content: 'Privacy Policy ';
	position: absolute;
	text-align: center;
	width: 100%;
	color: #fff;
	font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 3em;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-shadow: 0px 0px 10px #666666;
}
.privacy_wrap .privacy_intro p{
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.7em;
	margin-top: 30px;
}
.privacy_wrap .privacy_content h3{
	font-size: 1.2em;
	overflow: hidden;
	text-align: left;
}
.privacy_wrap .privacy_content p{
	margin-bottom: 10px;
	margin-left: 14px;
}
.privacy_wrap .privacy_content ul{
	margin-left: 14px;
}
.privacy_wrap .privacy_content ul li{
	padding: 1em;
	border-bottom: 1px solid #c8c8c8;
	position: relative;
}
.privacy_wrap .privacy_content ul li::before{
	content: '';
	background-color: #333;
	width: 5px;
	height: 5px;
	position: absolute;
	border-radius: 5px;
	left: 0;
	top: 1.5em;
}
.privacy_wrap .privacy_content h3 span{
	position: relative;
	padding-right: 6px;
	margin-left: 14px;
}
.privacy_wrap .privacy_content h3 span::before{
	content: '';
	position: absolute;
	width: 7px;
	height: 25px;
	background-color: #c8c8c8;
	top: -5px;
	left: -14px;
}
.privacy_wrap .privacy_content h3 span::after{
	content: '';
	position: absolute;
	width: 700px;
	height: 20px;
	background-color: #c8c8c8;
	top: -3px;
	right: -750px;
	opacity: 0.3;
}
.privacy_wrap{
	margin-bottom: 100px;
}
.privacy_wrap .privacy_content:last-child ul li::before{
	content: none;
}
.privacy_wrap .privacy_content:last-child ul li{
	border: unset;
	padding: 0.2em 0;
}
.privacy_wrap .privacy_content.privacy_content ul li a{
	text-decoration: underline;
}

/* Technical table 0527追加*/
.equipment_table_wrap{
	display: flex;
	max-width: 700px;
	margin: 0 auto;
	justify-content: center;
	flex-wrap: wrap;
}
.equipment_table{
	width: 50%;
	margin: 0 auto;
	border: 1px solid #000;
	margin-bottom: 50px;
}
.equipment_table:nth-child(odd){
	border-right-width: 0;
}
.equipment_table_title{
	width: 100%;
	background-color: #e0dfdf;
	text-align: center;
	font-weight: bold;
	padding: 6px;
}
.equipment_table_contents{
	padding: 30px 20px;
}
.equipment_table_contents table{
	width: 100%;
	margin-bottom: 30px;
	border-collapse: collapse;
  border-spacing: 0;
}
.equipment_table_contents table td{
	padding: 7px 10px 5px;
	border: 1px solid #000;
}
.equipment_table_contents table td.last_td{
	width: 70px;
}





@media (max-width: 1000px) {
	#global_header{
		padding: 0;
	}
	#global_header .inner{
		display: block;
	}
	#global_header .main_nav{
		display: none;
	}
	#nav_toggle{
		position: absolute;
		right: 14px;
		top: 18px;
		width: 28px;
		height: 28px;
		cursor: pointer;
		z-index: 100;
	}
	#nav_toggle div{
		position: relative;
	}
	#nav_toggle span{
		display: block;
		position: absolute;
		height: 1px;
		width: 100%;
		background: #2a2a2a;
		left: 0;
		-webkit-transition: .6s ease-in-out;
		transition: .6s ease-in-out;
	}
	#nav_toggle span:nth-child(1){
		top: 0;
	}
	#nav_toggle span:nth-child(2){
		top: 10px;
	}
	#nav_toggle span:nth-child(3){
		top: 20px;
	}
	.open #nav_toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
	}

	.open #nav_toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav_toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-225deg);
		transform: rotate(-225deg);
	}
/*
	.header_logo img{
		height: 18px;
	}
*/
	.header_logo{
		position: absolute;
    top: 22px;
    left: 20px;
	}
	#second_nav{
		display: block;
		opacity: 0;
		pointer-events: none;
		position: absolute;
    top: 60px;
    background: rgba(240,242,242,.95);
    width: 100%;
		height: 100vh;
		padding: 40px;
		overflow-y: scroll;
		-webkit-transition: .6s ease-in-out;
		transition: .6s ease-in-out;
	}
	.open #second_nav{
		pointer-events: all;
		opacity: 1;
		-webkit-transition: .6s ease-in-out;
		transition: .6s ease-in-out;
		padding-bottom: 30VW;
	}
	#second_nav .second_nav_lang{
		position: absolute;
    right: 30px;
		z-index: 100;
		top: 10px;
	}
	#second_nav li{
		margin-left: 15px;
    line-height: 2em;
		font-size: 1.2em;
		position: relative;
	}
	#second_nav .last_menu li:last-child{
		margin-bottom: 100px;
	}
	#second_nav .second_nav_title{
		font-size: 1.4em;
		margin-left: 0px;
    margin-top: 10px;
	}
	#second_nav .second_nav_title .index_bar{
		width: 35px;
    height: 1px;
    background-color: #231815;
    position: absolute;
    left: -40px;
    top: 50%;
	}
	.en_lang #second_nav .en{
		display: block;
    line-height: 1.2em;
    margin-top: 0.5em;
    margin-bottom: 1em;
	}
	#welcome video{
		display: none;
	}
	#welcome img{
		display: block;
		width: 100%;
    object-fit: cover;
    height: 50vh;
	}
	#products li{
		width: 50%;
    height: 250px;
	}
	#products li a{
		height: 250px;
	}
	#products .title{
/*		top: 9vh;*/
    font-size: 1.4em;
    padding: 10px;
	}
	#products li a img{
/*		height: 24vh;*/
		width: 100%;
	}
	#products li:nth-child(3) a::after{
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: #479AC3;
		opacity: 0.4;
		display:block;
		filter: contrast(1.5);
		transition: .6s ease;
	}
	#products li:nth-child(4) a::after{
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: #008FC8;
		opacity: 0.5;
		display:block;
		filter: contrast(1.5);
		transition: .6s ease;
	}
	#news ul{
		width: 70%;
	}
	#news .news_date{
		display: block;
	}
	#news .date{
		display: block;
    margin-bottom: 6px;
	}
	.staff_wraper main,
	.news_wraper main{
		max-width: 90vw;
	}
	.staff_container .article_block,
	.technicalblog_container .article_block, .staff_container .article_block, .news_container .article_block{
		width: 100%;
	}
	.staff_container aside,
	.technicalblog_container aside,
	.news_container aside{
		position: relative;
		margin-top: 50px;
	}

	.technicalblog_container .article_block .news_list li a,
	.news_container .article_block .news_list li a{
		padding: 50px 10px 20px;
	}
	.news_date .tag_title{
		margin-right: 10px;
	}
	#others li{
		height: 24vh;
	}
	#others li a{
		height: 24vh;
	}
	#others li a img{
		height: 24vh;
	}
	#others .title{
		top: 8vh;
    font-size: 1.2em;
    padding: 10px;
	}
	.title_h1,
	.products_h1{
    font-size: 1.8em;
		top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
		text-shadow: 0px 0px 10px #666666;
	}
	.title_nav ul{
    line-height: 1.2em;
		text-align: center;
		flex-wrap: wrap;
    max-width: 90vw;
	}
	.title_nav ul li + li{
		border: unset;
	}
	.title_nav ul li{
		border: unset;
	}
	.en_lang .title_nav .en{
		display: block;
    line-height: 1.2em;
    margin-top: 0.5em;
    margin-bottom: 1em;
	}
	.intro .main_title{
		margin-top: 30px;
	}
	.intro .main_text{
		font-size: 1.4em;
    max-width: 90vw;
    margin: 0 auto;
    line-height: 1.6em;
    margin-bottom: 20px;
	}
	.intro .sub_text{
		max-width: 90vw;
    margin: 0 auto;
		margin-bottom: 20px;
	}
	.wraper main h2{
		text-align: center;
	}
	.products_wraper .index_bar, .wraper .index_bar{
		display: none;
	}
	.inner_block,.inner_block02{
		width: 90vw;
		margin: 0 auto;
		margin-bottom: 50px;
	}
	.wraper main h3{
		text-align: center;
		margin-bottom: 10px;
	}
/*
	.move_top{
		margin-right: 5vw;
	}
*/
	.table{
		width: 90vw;
    margin: 0 auto;
    margin-bottom: 30px;
	}
	.products_wraper main{
		max-width: 70vw;
	}
	.wraper main{
		max-width: 90vw;
	}
	.contact .wraper main{
		max-width: 90vw;
	}
	.contact .wraper h2{
		margin-top: 50px;
	}
	.access_container .map_wrap h3{
		text-align: left;
	}
	.access_container .map_wrap li div iframe{
		width: 100%;
	}

/*staff*/
	.staff_header{
		justify-content: space-between;
	}
	.staff_container .article_block .staff_body{
		margin-bottom: 100px;
	}
/*company*/
	.company .index_bar{
		display: none;
	}
/*dictionary*/
	.dictionary_wraper main{
		width: 90vw;
	}
	.footer_nav{
		flex-wrap: wrap;
    justify-content: start;
    max-width: 90vw;
	}
	.footer_nav div{
		width: 35vw;
	}
	.footer_nav div:nth-child(3),
	.footer_nav div:nth-child(4){
		margin-top: 40px;
	}
	footer{
		position: relative;
	}
	.footer_nav .footer_lang{
		position: absolute;
    top: 40px;
    right: 40px;
    width: unset;
	}

}

@media (max-width: 750px) {
	.header_logo img{
		height: 16px;
	}
	.jp_lang .header_logo img{
		width: 288px;
	}
	.en_lang .header_logo img{
		width: 199px;
	}

	#products .title{
    font-size: 1.2em;
	}
	#news ul{
		width: 86%;
	}
	.footer_nav{
		display: block;
	}
	.footer_nav .footer_nav_title{
		font-size: 1.2em;
    margin-bottom: 10px;
	}
	.footer_wrap{
		padding: 40px;
	}
	.footer_nav div{
		margin: 0;
	}
	.en_lang .footer_nav .en{
		display: block;
    line-height: 1.2em;
    margin-bottom: 5px;
	}
	.footer_nav div li:last-child{
		margin-bottom: 20px;
	}
	.footer_nav .footer_nav_title_right{
		margin-bottom: 30px;
	}
	#copyright{
		padding-top: 45px;
    line-height: 1.2em;
    text-align: center;
	}
	#copyright ul{
		display: block;
	}

/*	products */
	.intro .main_text br{
		display: none;
	}
	.inner_block{
		display: block;
    margin: 0 auto;
	}
	.inner_block p{
		width: 90vw;
    margin: 0 auto;
	}
	.inner_block figure{
		width: 90vw;
    margin: 0 auto;
		margin-top: 20px;
	}
	.related_links{
		max-width: unset;
	}
	figcaption{
		margin-bottom: 30px;
	}
	.inner_block02 li{
		width: 100%;
	}
	.table ul,.table .table_name,.table ul li:nth-child(2),.table ul li:nth-child(5){
		border: unset;
	}
	.table ul li{
		width: 100%;
	}
	.table ul li:nth-child(1){
		order:1;
		padding: unset;
	}
	.table ul li:nth-child(4){
		order:2;
		padding: unset;
	}
	.table ul li:nth-child(2){
		order:3;
		padding: unset;
	}
	.table ul li:nth-child(5){
		order:4;
		padding: unset;
	}
	.table ul li:nth-child(3){
		order:5;
		padding: unset;
	}
	.table ul li:nth-child(6){
		order:6;
		padding: unset;
	}
	.table figure{
		padding: unset;
	}
	.table figcaption{
		margin-bottom: 12px;
	}
	.bottom_index{
		display: none;
	}

	.title_nav ul,.title_nav .inpage_nav{
    max-width: 90vw;
    font-size: 1em;
	}
	.contents_innner{
		padding-top: 10px;
	}
	.products_wraper main{
		max-width: 90vw;
	}
	.wraper main h3{
		font-size: 1.5em;
	}
	/* Technical table 0527追加*/
	.equipment_table_wrap{
		display: block;
	}
	.equipment_table{
		width: 100%;
	}
	.equipment_table:nth-child(odd){
		border-right-width: 1px;
	}


	/*contact*/
	.contact_phone .sp_counter{
		display: block;
		margin-bottom: 14px;
    font-size: 1.2em;
		font-weight: bold;
	}
	.contact_phone .phone_table td{
		padding: 10px;
	}
	.contact_phone .phone_table tr:first-child th:first-child{
		display: none;
	}
	.contact_phone .phone_table tr:nth-child(2) th{
		display: none;
	}
	.contact .wraper main{
		max-width: 90vw;
	}
	.contact .wraper h2{
		margin-top: 50px;
	}
	.contact_mail th{
		display: block;
    height: unset;
	}
	.contact_mail td{
		display: block;
    width: 90vw;
		margin-bottom: 10px;
	}
	.contact_mail tr:first-child td input{
		width: 100%;
	}
	.contact_mail tr td input{
		width: 100%;
	}
	.contact_mail th{
		width: 100%;
		padding-bottom: 5px;
	}
	.contact_mail tr:nth-last-child(2) th{
		padding-top: 0;
	}
	.contact_mail tr:nth-last-child(2) td{
		padding-top: 0;
	}
	.contact_mail button.btn{
    width: 100%;
    margin-top: 5px;
	}
	.contact_mail p br{
		display: none;
	}
	.jp_lang .contact_mail p .jp{
    text-align: justify;
		display: block;
	}

/*access*/
	.access_container .info_wrap li{
		display: block;
	}
	.access_container .address{
		width: 100%;
	}
	.access_container .address_title{
		font-size: 1.1em;
	}
	.access_container .info_number{
		display: flex;
    width: 100%;
    margin-top: 5px;
	}
	.access_container .info_number p:first-child{
		margin-right: 10px;
	}
	.access_container .info_wrap{
		margin-top: 30px;
	}
	.access .wraper h1{
		margin-top: 50px;
		margin-bottom: 20px;
	}
/*sraff*/
	.staff_wraper .staff_list{
		justify-content: space-between;
	}
	.staff_wraper .staff_list li{
		width: 44vw;
    margin-bottom: 2vw;
    margin-left: 0;
	}
	.staff_header{
		margin-bottom: 30px;
	}

	/*company*/
	main .company_wrap h3{
		text-align: center;
	}
	#about ul{
		margin-top: 0;
	}
	.company_wrap section{
		padding-top: 80px;
	}

	#about ul li{
		display: block;
	}
	#about .company_contents{
		font-size: 0.9em;
    margin-top: 5px;
    width: 100%;
	}
	.footer_nav div{
		width: 80vw;
	}
	#products li{
		height: 180px;
	}
	#products li a{
		height: 180px;
	}
	.table.column2 ul,
	.table.column3 ul,
	.table.column4 ul,
	.table.column5 ul,
	.table.column6 ul{
		flex-wrap: wrap;
	}
	.table.column2 ul li,
	.table.column3 ul li,
	.table.column4 ul li,
	.table.column5 ul li,
	.table.column6 ul li{
		width: 100%;
	}
	.table.column2 ul,
	.table.column3 ul,
	.table.column4 ul,
	.table.column5 ul,
	.table.column6 ul{
		flex-wrap: wrap;
	}
	.table.column2.line_flame ul li,
	.table.column3.line_flame ul li,
	.table.column4.line_flame ul li,
	.table.column5.line_flame ul li,
	.table.column6.line_flame ul li{
		border: unset;
	}
	.table.column2.line_flame ul,
	.table.column3.line_flame ul,
	.table.column4.line_flame ul,
	.table.column5.line_flame ul,
	.table.column6.line_flame ul{
		border: unset;
	}
	.table.column2.line_flame ul li:last-child,
	.table.column3.line_flame ul li:last-child,
	.table.column4.line_flame ul li:last-child,
	.table.column5.line_flame ul li:last-child,
	.table.column6.line_flame ul li:last-child{
		border: unset;
	}
	/*new table*/
	.table2{
		flex-wrap: wrap;
	}
	.table2 .contents_block{
		width: 100%;
	}
	.table2 ul{
		width: 100%;
		height: auto;
	}
	.table2 ul:first-child,
	.table2 .contents_table1,
	.table2 .contents_table2,
	.table2 .contents_block,
	.table2 ul:nth-child(2) li,
	.table2 .table_title1, .table2 .table_title2{
		height: auto;
	}
	.table2 .table_title1, .table2 .table_title2{
		width: 90px;
	}
	.table2 .contents_table1, .table2 .contents_table2{
		width: auto;
	}
	.table2 .image_table{
		display: table;
    width: 100%;
    margin: unset;
    height: auto;
    border-top: unset;
	}
	.table2 .image_table img,
	.table2 .image_table video{
		width: 100%;
		padding: 10px;
	}
	/*privacy*/
	.privacy_wrap .privacy_content h3 span::before,
	.privacy_wrap .privacy_content h3 span::after{
		content:none;
	}
	.privacy_wrap .privacy_content ul,
	.privacy_wrap .privacy_content p,
	.privacy_wrap .privacy_content h3 span{
		margin-left: 0;
	}
	/*Dictionary 0527追加*/
	.table_wrap .td_title{
		height: auto;
		padding: 10px 35px 10px 10px;
		font-size: 1em;
		line-height: 1.5em;
	}
	.table_wrap .td_contents{
		padding: 9px 10px;
    text-align: justify;
		font-size: 0.9em;
    line-height: 1.6em;
	}
	.table_wrap .td_title:before{
		right: 10px;
    top: 50%;
    width: 14px;
	}
	.table_wrap .td_title:after{
		right: 17px;
    top: calc(50% - 7px);
    width: 1px;
    height: 14px;
	}


}

@media (max-width: 560px) {
	.header_logo img{
		height: 14px;
	}
	.jp_lang .header_logo img{
		width: 252px;
	}
	.en_lang .header_logo img{
		width: 174px;
	}

	.header_logo{
    left: 10px;
	}
	.products_wraper .index_bar, .wraper .index_bar{
		display: none;
	}
	.wraper main h3{
		font-size: 1.5em;
	}
	.wraper .intro .main_title{
		font-size: 1.6em;
	}
	.wraper .intro .main_text{
		max-width: unset;
    text-align: left;
    font-size: 1.2em;
	}
	.inner_block02 ul{
		flex-direction: column;
	}
	.table.two_columns ul{
		flex-direction: column;
	}
	.table.four_columns ul{
		flex-direction: column;
	}
	.table.two_columns ul li{
		width: 100%;
	}
	.table.four_columns ul li{
		width: 100%;
	}
	.wraper main h2{
		font-size: 1.4em
	}
	.breadcrumb{
		display: none;
	}

/*	contact*/

	.contact_mail p{
		font-size: 1.1em;
    text-align: left;
	}

/*access*/
	.access_container .info_wrap{
		margin-top: 0;
	}
	.access_container .map_wrap li div iframe{
		height: 90vw;
	}
	/*sraff*/
	.staff_wraper .staff_list{
		display: block;
	}
	.staff_wraper .staff_list li{
		width: 90vw;
    margin-bottom: 30px;
	}
	.staff_header{
		align-items: flex-end;
	}
	.staff_header .image{
		width: 30vw;
	}
	.staff_header .image img{
		width: 100%;
    object-fit: cover;
    height: 30vw;
	}
	.staff_header .textarea{
		margin-bottom: 5px;
		width: 58vw;
	}
	.staff_header .textarea h2{
		margin-top: 20px;
	}
	/*company*/
	.company_wrap section{
		padding-top: 30px;
	}
	.company_wrap img{
/*		height: 60vw;*/
    object-fit: cover;
	}
	.post_article img{
		width: 100%;
    height: auto;
	}
	.open #second_nav{
		padding-bottom: 50VW;
	}
	#products li{
		height: 140px;
	}
	#products li a{
		height: 140px;
	}
	#products li a img{
		height: auto;
		width: 135%;
	}
}