@charset "UTF-8";

/****************************************

          General Setting

*****************************************/
@media screen and (min-width: 731px)  {
	html {
		scroll-padding-top: 80px;
	}
}
@media screen and (max-width: 730px)  {
	html {
		scroll-padding-top: 13.698vw; /* 100px @730px */
	}
}

body {
	background: #fff;
	width: 100%;
  color: #000;
  font-family: 'Hiragino Sans','ヒラギノ角ゴシック',"Noto Sans JP",'メイリオ', Meiryo,sans-serif;
  line-height: 1.625;
}

.pc { display:block !important; }
.sp { display:none !important; }

a[href^="tel:"] { cursor: default; }

@media screen and (max-width: 730px)  {
.sp { display:block !important; }
.pc { display:none !important; }
}

/****************************************

          Typography

*****************************************/
.c-red {color: #ff0000;}


/****************************************

          Link

*****************************************/
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #0ea4b1;
	text-decoration: none;
}
a.on-lighter:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}

/* **************************************************

          共通
  
************************************************** */
img {
	width: 100%;
	height: auto;
   vertical-align: bottom;
}

.flR {float: right;}
.flL {float: left;}
.taR {text-align: right !important;}
.taL {text-align: left !important;}

.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mr0 {margin-right: 0px !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.ml0 {margin-left: 0px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml30 {margin-left: 30px !important;}
.pt0 {padding-top: 0px !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}
.pr0 {padding-right: 0px !important;}
.pr5 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr30 {padding-right: 30px !important;}
.pb0 {padding-bottom: 0px !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb30 {padding-bottom: 30px !important;}
.pl0 {padding-left: 0px !important;}
.pl5 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl30 {padding-left: 30px !important;}

@media screen and (max-width: 730px)  {
.pr10 {padding-right: 1.33333vw !important; /* 10px @750px */}
.pl10 {padding-left: 1.33333vw !important; /* 10px @750px */}
}



/* **************************************************

          wrapper

************************************************** */
@media screen and (min-width: 731px)  {

	#header .wrapper {
		width: 1400px;
		margin: 0 auto;
	}
	#contents .wrapper {
		width: 1100px;
		margin: 0 auto;
	}
	#footer .wrapper {
		width: 1100px;
		margin: 0 auto;
	}

}

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

	#header .wrapper {
		width: 100%;
	}
	#contents .wrapper {
		width: 100%;
		padding-right: 2.739vw; /* 20px @730px */
		padding-left: 2.739vw; /* 20px @730px */
	}
	#footer .wrapper {
		width: 100%;
		padding-right: 5.479vw; /* 40px @730px */
		padding-left: 5.479vw; /* 40px @730px */
	}

}

/* **************************************************

          header

************************************************** */
#header {
	position: fixed;
	background-color: #fff;
	width: 100%;
  z-index: 9999;
}

@media screen and (min-width: 731px)  {

	#header {
	  height: 80px;
	}

	.header_inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 80px;
	}
	.header_inner h1, .header_inner .hd_logo {
		width: 386px;
	}
	.header_inner .pc_hd_nav {
		width: calc(100% - 606px);
	}
	.header_inner .pc_hd_nav ul {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		margin-right: 15px;
	}
	.header_inner .pc_hd_nav ul li {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		font-size: 1.6rem;
		font-weight: bold;
	}
	.header_inner .pc_hd_nav ul li a {
		display: block;
		padding: 0 15px;
	}
	.header_inner .pc_hd_nav ul li.current a {
		color: #0ea4b1;
	}

	.header_inner .hd_btn-contact {
		width: 220px;
	}
	.header_inner .hd_btn-contact a {
		display: block;
		background-color: #d63737;
		padding: 16px;
		color: #fff;
		font-size: 1.6rem;
		text-align: center;
		vertical-align: middle;
	}
	.header_inner .hd_btn-contact a img {
		display: inline-block;
		max-width: 26px;
		margin-right: 10px;
		vertical-align: middle;
	}

}

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

	#header {
		height: 13.698vw; /* 100px @730px */
	}

	#header .wrapper {
		position: relative;
	}

	.header_inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: calc(100% - 13.698vw); /* 100px @730px */
		height: 13.698vw; /* 100px @730px */
	}

	.header_inner h1, .header_inner .hd_logo {
		width: 58.082vw; /* 424px @730px */
		margin-left: 2.739vw; /* 20px @730px */
	}

	#header .hd_btn-contact {
		width: 13.698vw; /* 100px @730px */
		height: 100%;
	}
	.header_inner .hd_btn-contact a {
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #d63737;
		width: 100%;
		height: 100%;
	}
	.header_inner .hd_btn-contact a img {
		max-width: 6.849vw; /* 50px @730px */
	}

	.sp_hd_nav {
		position: absolute;
		top: 0;
		right: 0;
		width: 13.698vw; /* 100px @730px */
		height: 13.698vw; /* 100px @730px */
	}
	#drawer-checkbox {
	  display: none;
	}
	#drawer-icon {
		position: relative;
		cursor: pointer;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #0e47b1;
		width: 13.698vw; /* 100px @730px */
		height: 13.698vw; /* 100px @730px */
	}
	#drawer-icon span:before {
		display: inline-block;
		content: "";
		background-image: url(../img/icon_drawer.png);
		background-repeat: no-repeat;
		background-size: 100% auto;
		width: 7.397vw; /* 54px @730px */
		height: 5.890vw; /* 43px @730px */
	}
	#drawer-content {
	  overflow: auto;
	  position: fixed;
	  top: 13.698vw; /* 100px @730px */
	  left: 0;
	  z-index: 40;
	  background-color: #fff;
	  width: 100% !important;
	  max-width: 100%;
	  height: 100%;
	  transition: all 0.3s ease-in-out 0s;
	  transform: translateX(150%);
	}
	#drawer-checkbox:checked ~ #drawer-content {
	  transform: translateX(0%);
	}

	#drawer-close {
	  display: none;
	  position: fixed;
	  z-index: 39;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  transition: all 0.3s ease-in-out 0s;
	}
	#drawer-checkbox:checked ~ #drawer-close {
	  display: block;
	}
	#drawer-checkbox:checked ~ #drawer-icon {
		cursor: pointer;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #fff;
		width: 13.698vw; /* 100px @730px */
		height: 13.698vw; /* 100px @730px */
	}
	#drawer-checkbox:checked ~ #drawer-icon span:before {
	  display: inline-block;
		content: "";
		background-image: url(../img/icon_menu-close.gif);
		background-repeat: no-repeat;
		background-size: 100% auto;
		width: 5.479vw; /* 40px @730px */
		height: 5.479vw; /* 40px @730px */
	}

	#drawer-content {
		padding-right: 2.739vw; /* 20px @730px */
		padding-left: 2.739vw; /* 20px @730px */
	}
	#drawer-content ul {
		border-top: 1px solid #ccc;
		width: 100%;
		margin-top: 6.849vw; /* 50px @730px */
	}
	#drawer-content ul li {
		border-bottom: 1px solid #ccc;
	}
	#drawer-content ul li a {
		display: block;
		padding: 20px 30px;
	}
	#drawer-content .hd_btn-contact {
		width: 200px;
		margin: 50px auto;
	}
	#drawer-content .hd_btn-contact a {
		display: block;
		background-color: #d63737;
		wiidth: 100%;
		
		padding: 16px;
		color: #fff;
		font-size: 1.6rem;
		text-align: center;
		vertical-align: middle;
	}
	#drawer-content .hd_btn-contact a img {
		display: inline-block;
		max-width: 26px;
		margin-right: 10px;
		vertical-align: middle;
	}

}

/* **************************************************

          contents

************************************************** */
#contents {
	width: 100%;
	padding-top: 80px;
}
.main_block {
	background-color: #f3f4f1;
	width: 100%;
}
	#index .main_block {
		background-image: url(../img/idx_main_block-bg.jpg);
		background-repeat: no-repeat;
		background-position: bottom center;
		background-size: cover;
	}
	#pg-product .main_block {
		background-image: url(../img/pdct_main_block-bg.jpg);
		background-repeat: no-repeat;
		background-position: bottom center;
		background-size: cover;
	}
	#pg-lower .main_block {
		background-image: url(../img/lower_main_block-bg.jpg);
		background-repeat: no-repeat;
		background-position: bottom center;
		background-size: cover;
	}
.main_block_inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
}
	#index .main_block_inner {
		height: 500px;
	}
	#pg-product .main_block_inner {
		height: 350px;
	}
	#pg-lower .main_block_inner {
		height: 300px;
	}
.main_tit {
	font-size: 3.6rem;
	font-weight: bold;
	text-align: center;
}
.main_lead {
	font-size: 1.6rem;
	text-align: center;
}
.main_btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	background-color: #0e47b1;
	width: 250px;
	height: 50px;
	color: #fff;
	font-size: 1.6rem;
}
.main_btn img {
	display: inline-block;
	max-width: 18px;
	margin-left: 10px;
	vertical-align: middle;
}

@media screen and (max-width: 730px)  {
	#contents {
		padding-top: 13.698vw; /* 100px @730px */
	}
		#index .main_block {
			background-image: url(../img/idx_main_block-bg_sp.jpg);
			background-repeat: no-repeat;
			background-position: bottom center;
			background-size: cover;
		}
		#pg-product .main_block {
			background-image: url(../img/pdct_main_block-bg_sp.jpg);
			background-repeat: no-repeat;
			background-position: bottom center;
			background-size: cover;
		}
		#pg-lower .main_block {
			background-image: url(../img/lower_main_block-bg_sp.jpg);
			background-repeat: no-repeat;
			background-position: bottom center;
			background-size: cover;
		}
	#index .main_block_inner {
		min-height: 109.589vw; /* 800px @730px */
	}
	#pg-product .main_block_inner {
		height: 75.342vw /* 550px @730px */
	}
	#pg-lower .main_block_inner {
		height: 54.794vw /* 400px @730px */
	}
	.main_tit {
		font-size: max(4.2vw, 2.4rem);
	}
	.main_lead {
		font-size: max(2.8vw, 1.4rem);
	}
	.main_btn a {
		max-width: 350px;
		font-size: 1.6rem;
	}
	.main_btn img {
		max-width: 15px;
	}
}

/* ************ * sec 共通 * ************ */
.sec {}
.sec.bg_blue {
	background-color: #e2ecf7;
}
.sec.bg_pattern {
	background-image: url(../img/bg_pattern.gif);
	background-repeat: repeat;
}
.sec.bg_geometric {
	background-color: #e2ecf7;
	background-image: url(../img/bg_geometric.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.sec .wrapper {
	padding: 60px 0;
}
.sec h2 {
	font-size: 3.0rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.1;
}
.sec h2 span {
	display: block;
	margin-top: 10px;
	color: #0e47b1;
	font-size: 1.4rem;
}

@media screen and (max-width: 730px)  {
	.sec .wrapper {
		padding: 9.589vw 0; /* 70px @730px */
	}
	.sec.bg_geometric {
		background-color: #e2ecf7;
		background-image: url(../img/bg_geometric_sp.png);
		background-repeat: no-repeat;
		background-position: top center;
    background-size: 100% auto;
	}
}

/* list_disc-gray */
.list_disc-gray {}
.list_disc-gray li {
	position: relative;
	margin-bottom: 8px;
	padding-left: 1em;
}
.list_disc-gray li:last-child {
	margin-bottom: 0;
}
.list_disc-gray li:before {
	position: absolute;
	left: 0;
	top: 12px;
	display: inline-block;
	content: "";
	background-image: url(../img/icon_disc-gray.png);
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
}

/* table_gray */
.table_gray {
	border-collapse: collapse;
	width: 100%;
}
.table_gray th {
	border: 1px solid #ccc;
	background-color: #f0f0f0;
	width: 190px;
	padding: 16px 20px;
	font-weight: normal;
}
.table_gray td {
	border: 1px solid #ccc;
	padding: 16px 20px;
}

@media screen and (max-width: 730px)  {
	.table_gray th {
		display: block;
		border-bottom: none;
		width: 100%;
		padding: 16px 20px;
		text-align: left;
	}
	.table_gray td {
		display: block;
		border-top: none;
		wiidth: 100%;
		padding: 16px 20px;
	}
	.table_gray tr + tr th {
		border-top: none;
	}
}

/* btn_cmn */
.btn_cmn {}
.btn_cmn a  {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	background-color: #0e47b1;
	width: 100%;
	color: #fff;
	font-size: 1.6rem;
}
.btn_cmn img {
	display: inline-block;
	max-width: 18px;
	margin-left: 10px;
	vertical-align: middle;
}

/* btn_contact */
.btn_contact {}
.btn_contact a  {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	background-color: #d63737;
	width: 100%;
	max-width: 250px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	color: #fff;
	font-size: 1.6rem;
}
.btn_contact img {
	display: inline-block;
	max-width: 18px;
	margin-left: 10px;
	vertical-align: middle;
}

/* **************************************************

          Footer

************************************************** */

#footer {
	background-color: #0e47b1;
	width: 100%;
	color: #fff;
}
.footer_inner .ft_nav a {
	color :#fff;
	text-decoration: underline;
}
.footer_inner .ft_nav a:hover {
	color :#fff;
	text-decoration: none;
}

@media screen and (min-width: 731px)  {

	#footer {
		padding: 58px 0;
	}
	.footer_inner {
		display: flex;
		justify-content: space-between;
	}
	.footer_inner .ft_logo {
		width: 386px;
	}
	.footer_inner .ft_nav {
		width: calc(100% - 556px)
	}
	.footer_inner .ft_nav a {
		font-size: 1.4rem;
	}
	.footer_inner .ft_nav .ft_list-parent {
		display: flex;
		justify-content: space-between;
	}

	.ft_copyright {
		margin-top: 30px;
		text-align: center;
	}

}

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

	#footer {
		padding: 5.479vw 0; /* 40px @730px */
	}
	.footer_inner .ft_logo {
		width: 56.533vw;  /* 424px @730px */
		margin: 0 auto;
	}
	.footer_inner .ft_nav a {
		font-size: 1.2rem;
	}
	.footer_inner .ft_nav .ft_list-parent {
		margin-top: 10px;
	}
	.footer_inner .ft_nav .ft_list-parent > li {
		margin-top: 20px;
	}
	.footer_inner .ft_nav .ft_list-parent li {
		line-height: 1.4;
	}
	.ft_copyright {
		font-size: 10px;
		margin-top: 30px;
		text-align: center;
	}

}


/* **************************************************

          index.html

************************************************** */

/* ************ * sec news * ************ */
#news {}
#news ul {
	background-color: #fff;
	margin-top: 40px;
	padding: 40px;
}
#news ul li {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}
#news ul li:last-child {
	margin-bottom: 0px;
}
#news ul li .news_date {
	width: 9m;
	color: #999;
	font-size: 1.4rem;
}
#news ul li .news_item {
	width: calc(100% - 10em);
}

@media screen and (max-width: 730px)  {
	#news ul li {
		flex-wrap: wrap;
	}
	#news ul li .news_date {
		width: 100%;
		font-size: 1.4rem;
	}
	#news ul li .news_item {
		width: 100%;
		font-size: 1.4rem;
	}
}

/* ************ * sec company * ************ */
#company {}
#company .company_contents {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#company .company_item {
	background-color: #fff;
	margin-top: 40px;
}
	#company .company_item.item-vision,
	#company .company_item.item-profile,
	#company .company_item.item-history {
		width: 100%;
	}
	#company .company_item.item-award,
	#company .company_item.item-archive {
		width: 530px;
	}
#company .company_item dt {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #0ea4b1;
	width: 100%;
	height: 60px;
	color: #fff;
	font-size: 2.0rem;
	font-weight: bold;
}
#company .company_item dd {
	padding: 40px;
}

#company .company_item.item-vision {
	display: flex;
	justify-content: space-between;
	background-color: transparent;
}
	#company .company_item.item-vision dt {
		width: 320px;
		height: auto;
	}
	#company .company_item.item-vision dd {
		width: calc(100% - 350px);
		padding: 0;
	}
	#company .company_item.item-vision dd p+p {
		margin-top: 0.5em;
	}

@media screen and (max-width: 730px)  {
	#company .company_item {
		margin-top: 25px;
	}
		#company .company_item.item-award,
		#company .company_item.item-archive {
			width: 100%;
		}
	#company .company_item dt {
		height: 75px;
		font-size: 1.6rem;
	}
	#company .company_item dd {
		padding: 30px 20px;
	}

	#company .company_item.item-vision {
		flex-wrap: wrap;
	}
		#company .company_item.item-vision dt {
			width: 100%;
			height: 75px;
		}
		#company .company_item.item-vision dd {
			width: 100%;
			padding: 30px 20px;
		}
		#company .company_item.item-vision dd p+p {
			margin-top: 1em;
		}

}

/* ************ * sec business * ************ */
#business {}
.business_contents {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.business_contents .business_item {
	display: flex;
	flex-direction: column;
	background-color: #fff;
	width: 530px;
	margin-top: 40px;
	padding: 40px;
}
	.business_contents .business_item.item-jogiden {
		border-top: 5px solid #1375ad;
	}
	.business_contents .business_item.item-tool {
		border-top: 5px solid #0e47b1;
	}
	.business_contents .business_item.item-board {
		border-top: 5px solid #05992f;
	}
	.business_contents .business_item.item-fa {
		border-top: 5px solid #6f5eb6;
	}
	.business_contents .business_item.item-app {
		border-top: 5px solid #fd7330;
	}
	.business_contents .business_item.item-adviser {
		border-top: 5px solid #dd5a92;
	}
	.business_contents .business_item.item-cloud {
		border-top: 5px solid #0ea4b1;
	}

.business_item h3 {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.4;
}
	.business_item.item-jogiden h3 {
		color: #1375ad;
	}
	.business_item.item-tool h3 {
		color: #0e47b1;
	}
	.business_item.item-board h3  {
		color: #05992f;
	}
	.business_item.item-fa h3  {
		color: #6f5eb6;
	}
	.business_item.item-app h3  {
		color: #fd7330;
	}
	.business_item.item-adviser h3  {
		color: #dd5a92;
	}
	.business_item.item-cloud h3  {
		color: #0ea4b1;
	}
.business_item h3 p {
	width: calc(100% - 90px);
}
.business_item h3 span {
	display: inline-block;
	width: 70px;
	margin-right: 20px;
}

.btn_cmn.btn_business_detail {
	margin-top: auto;
}
.btn_cmn.btn_business_detail a {
	max-width: 200px;
	height: 50px;
	margin: 25px auto 0;
}
	.item-tool .btn_cmn.btn_business_detail a  {
		background-color: #0e47b1;
	}
	.item-board .btn_cmn.btn_business_detail a  {
		background-color: #05992f;
	}
	.item-cloud .btn_cmn.btn_business_detail a  {
		background-color: #0ea4b1;
	}

@media screen and (max-width: 730px)  {
	.business_contents .business_item {
		width: 100%;
		margin-top: 25px;
		padding: 20px;
	}
	.business_item h3 {
		margin-bottom: 15px;
		font-size: 1.6rem;
	}
	.business_item h3 p {
		width: calc(100% - 60px);
	}
	.business_item h3 span {
		width: 60px;
	}
	.btn_cmn.btn_business_detail a {
		max-width: 200px;
		height: 50px;
		margin: 20px auto 0;
	}
}


/* **************************************************

          product.html

************************************************** */

.product_contents {}
.product_contents > li {
	background-color: #fff;
	margin-top: 30px;
	padding: 40px;
}
.product_item h3 {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
	font-size: 3.6rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
	.product_item.item-tool h3 {
		color: #0e47b1;
	}
	.product_item.item-board h3  {
		color: #05992f;
	}
	.product_item.item-cloud h3  {
		color: #0ea4b1;
	}
.product_item h3 p {}
.product_item h3 span {
	display: inline-block;
	width: 70px;
	margin-right: 20px;
}
.product_item h4 {
	font-size: 2.0rem;
	line-height: 1.4;
	text-align: center;
}
.product_item .product_lead {
	margin-top: 25px;
	font-size: 1.6rem;
}
.product_item .product_detail {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.product_item .product_detail .product_detail-pic {
	width: 500px;
}
.product_item .product_detail div {
	display: flex;
	flex-direction: column;
	width: calc(100% - 545px);
}
.btn_cmn.btn_product_detail {
	margin-top: auto;
}
.btn_cmn.btn_product_detail a {
	background-color: #0ea4b1;
	max-width: 200px;
	height: 50px;
	margin: 0 0 0 auto;
}

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

	.product_contents > li {
		padding: 20px;
	}
	.product_item h3 {
		flex-wrap: wrap;
		font-size: 2.4rem;
	}
	.product_item h3 p {
		width: 100%;
		margin-top: 20px;
	}
	.product_item h3 span {
		width: 12.698vw;
		margin-right: 0;
	}
	.product_item h4 {
		font-size: 1.6rem;
	}
	.product_item .product_lead {
		font-size: 1.4rem;
	}
	.product_item .product_detail {
		flex-wrap: wrap;
		margin-top: 20px;
		font-size: 1.4rem;
	}
	.product_item .product_detail .product_detail-pic {
		width: 100%;
	}
	.product_item .product_detail div {
		width: 100%;
		margin-top: 20px;
	}
	.btn_cmn.btn_product_detail a {
		background-color: #0ea4b1;
		max-width: 200px;
		height: 50px;
		margin: 20px auto 0;
	}
}

/* **************************************************

          recruit.html

************************************************** */

.job_contents {
	margin-top: 20px;
}
.job_contents dl {
	background-color: #fff;
	margin-top: 15px;
	padding: 40px;
}
.job_contents dl dt {
	border-left: 5px solid #0e47b1;
	padding-left: 15px;
	font-size: 2.0rem;
	font-weight: bold;
}
.job_contents dl dd {
	margin-top: 15px;
}

@media screen and (max-width: 730px)  {
	.job_contents dl {
		margin-top: 25px;
		padding: 20px;
	}
	.job_contents dl dt {
		font-size: 1.6rem;
	}
	.job_contents dl dd {
		font-size: 1.4rem;
	}
}

/* **************************************************

          privacy.html

************************************************** */

.privacy_lead {}
.privacy_contents {
	background-color: #fff;
	margin-top: 30px;
	padding: 40px;
}
.privacy_list {
  counter-reset: number;
}
.privacy_list > li {
  position: relative;
  list-style: none;
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
  padding-bottom: 30px;
  text-align: left;
}
.privacy_list > li:last-child {
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.privacy_list > li:before {
  position: absolute;
  top: -4px;
  left: 0;
  display: inline-block;
  counter-increment: number;
  content: counter(number)".";
  font-size: 2.0rem;
  font-weight: bold;
  vertical-align: middle;
}
.privacy_list li h2 {
	margin-bottom: 20px;
	padding-left: 1.5em;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: left;
}

@media screen and (max-width: 730px)  {
	.privacy_lead {
		font-size: 1.4rem;
	}
	.privacy_contents {
		padding: 20px;
	}
	.privacy_list > li {
	  margin-bottom: 20px;
	  padding-bottom: 20px;
	  font-size: 1.4rem;
	}
	.privacy_list > li:before {
		font-size: 1.6rem;
	}
		.privacy_list li h2 {
		margin-bottom: 15px;
		font-size: 1.6rem;
	}
}

/* **************************************************

          contact.html

************************************************** */
.contact_contents {
	background-color: #fff;
	margin-top: 40px;
	padding: 40px;
}
.contact_contents .table_gray th {
	width: 260px;
}
.contact_contents .table_gray .text {
	font-weight: bold;
}
.contact_contents .required {
	padding-left: 5px;
	color: red;
	font-size: 1.4rem;
}

.contact_contents .formtext {
	outline: 0;
	border: 1px solid #ccc;
	padding: 5px;
}
.contact_contents .formtextarea {
	outline: 0;
	border: 1px solid #ccc;
	width: 100%;
	padding: 5px;
	resize: none;
}
.contact_contents .formtext.w100 {
	width: 100%;
}
.contact_contents .formtext.w60 {
	width: 60%;
}
.contact_contents .error {
	padding-top: 8px;
	color: red;
	font-weight: bold;
}

@media screen and (max-width: 730px)  {
	.contact_contents {
		padding: 20px;
	}
	.contact_contents .table_gray th {
		width: 100%;
	}
	.contact_contents .formtext.w60 {
		width: 100%;
	}
}

/* btn_confirm */
.btn_confirm {}
.btn_cmn.btn_confirm {}
.btn_cmn.btn_confirm a {
	max-width: 250px;
	height: 50px;
	margin: 0 auto;
}

/* contact_btn_block */
.contact_btn_block {
	display: flex;
	justify-content: center;
	align-items: center;
}
.contact_btn_block p {
	width: 50%;
	margin: 40px 10px 0;
}

/* btn_send */
.btn_send {}
.btn_cmn.btn_send {}
.btn_cmn.btn_send a {
	max-width: 250px;
	height: 50px;
	margin: 0 auto 0 0;
}
/* btn_back */
.btn_back {}
.btn_back a  {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	background-color: #999;
	width: 100%;
	max-width: 150px;
	height: 50px;
	margin-right: 0;
	margin-left: auto;
	color: #fff;
	font-size: 1.6rem;
}
.btn_back img {
	display: inline-block;
	max-width: 18px;
	margin-left: 10px;
	vertical-align: middle;
}

@media screen and (max-width: 730px)  {
	.contact_btn_block {
		flex-wrap: wrap;
	}
	.contact_btn_block p {
		width: 100%;
		margin: 20px auto 0;
	}
	.btn_cmn.btn_send a, 
	.btn_back a {
		width: 100%;
		max-width: 250px;
		margin: 0 auto;
	}
}