@charset "utf-8";

html {
	font-size: 10px;
	color: #333;
}

body {
	font-family: "游ゴシック体","游ゴシック","Yu Gothic",YuGothic, "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight: 500;
}

p {
	font-size: 1.4rem;
	line-height: 1.8;
}

#wrapper {
	min-width: 1280px;
}

.inner {
	width: 1025px;
	margin: 0 auto;
}

.alC {
	text-align: center;
}

.alR {
	text-align: right;
}

.alL {
	text-align: left;
}

.spview {
	display: none;
}


/*-------------------------------------------
共通タイトル
*-------------------------------------------*/

h1.title {
	font-size: 3.6rem;
	letter-spacing: 0.1em;
	margin-bottom: 60px;
	padding-left: 20px;
	border-left: 3px solid #d33737;
	line-height: 1.4;
}

_:lang(x)::-ms-backdrop, h1.title {
    padding-top: 10px;
} 

h2.title {
	font-size: 2.2rem;
	letter-spacing: 0.1em;
	border: 1px solid #cfcfcf;
	border-left: 3px solid #d33737;
	padding: 20px;
	margin-bottom: 45px;
}

h3.title {
	font-size: 2.8rem;
	line-height: 1.0;
	letter-spacing: 0.1em;
	text-align: center;
	background: url(../images/common/line01.gif) center bottom no-repeat;
	margin-bottom: 50px;
	padding-bottom: 30px;
}

h3.title2 {
	font-size: 2.0rem;
	letter-spacing: 0.1em;
	border: none;
	border-bottom: 1px solid #d33737;
	padding: 0 0 15px;
	margin-bottom: 30px;
}


/*-------------------------------------------
ヘッダー
*-------------------------------------------*/

header {
	height: 80px;
	background: #fff;
	position: relative;
	max-width: 1280px;
	margin: 0 auto;
	z-index:9999;
}

header>ul:nth-child(2) {
	/*display: none;*/
}

header h1 {
	width: 145px;
	padding: 10px 0 0 20px;
}

header h1 img {
	width: 100%;
}

header nav {
	position: absolute;
	top: 0;
	right: 0;
}

header nav ul {
	overflow: hidden;
}

header nav ul li {
	font-size: 1.4rem;
	font-weight: bold;
	float: left;
	margin-right: 40px;
}

header nav ul li.gnavi01,
header nav ul li.gnavi02 {
	height: 80px;
	box-sizing: border-box;
	padding-top: 30px;
	cursor: pointer;
}

header nav ul li.gnavi03,
header nav ul li.gnavi04 {
	height: 80px;
	box-sizing: border-box;
	cursor: pointer;
}


header nav ul li.gnavi01:after,
header nav ul li.gnavi02:after
{
	width: 20px;
    height: 20px;
    vertical-align: text-bottom;
    display: inline-block;
    background: #F00;
	content: "";
	background: url(/themes/custom/tokyosokki/images/common/icon_arrow04.png) no-repeat center;
}

header nav ul li.gnavi01.megaopen:after,
header nav ul li.gnavi02.megaopen:after
{
	background: url(/themes/custom/tokyosokki/images/common/icon_arrow07.png) no-repeat center;
}

header nav ul li.gnavi01:hover,
header nav ul li.gnavi02:hover,
header nav ul li.gnavi03:hover,
header nav ul li.gnavi04:hover {
	border-bottom: 4px solid #d33737
}

header nav ul li.gnavi04 {
	margin-right: 265px;
}

header nav ul li.gnavi05,
header nav ul li.gnavi06{
	width: 68px;
	margin-right: 1px;
}

header nav ul li.gnavi03 a,
header nav ul li.gnavi04 a {
	text-decoration: none;
	color: #333;
	height: 80px;
	display: flex;
	align-items: center;
}

header nav ul li.gnavi05 a,
header nav ul li.gnavi06 a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 80px;
	background: #000;
}

header nav ul li.gnavi05 a img,
header nav ul li.gnavi06 a img {
	width: 20px;
	height: 20px;
}


header nav ul li.gnavi07 {
	width: 68px;
	margin-right: 0;
}

header nav ul li.gnavi07 a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 80px;
	background: #d33737;
}

header nav ul li.gnavi07 a img {
	width: 40px;
	height: 39px;
}

.btnMenu {
	display: none;
}

.btnMenuBg {
	display: none;
}


/*-------------------------------------------
メガメニュー
*-------------------------------------------*/

#block-views-block-mega-menu-block-1 {
	display: none;
	min-width: 1280px;
	position: absolute;
	top: 80px;
	left: 50%;
	margin-left: -640px;
	/*border-top: 10px solid #d33737;*/
	background-color: rgba(255,255,255,0.70);
	z-index: 100;
}

#block-views-block-mega-menu-block-1 h2,
#block-views-block-mega-menu-block-1 h3{
	display: none;
}

#block-views-block-mega-menu-block-1>ul {
	position: relative;
}

#block-views-block-mega-menu-block-1>ul>li {
	display: none;
}

#block-views-block-mega-menu-block-1>ul>li:nth-child(1) {
	/*text-indent: -999em;
	overflow: hidden;
	line-height: 0;
	font-size: 0;*/
}

.btnSelectArea {
	display: flex;
	justify-content: space-between;
}

.btnSelectArea p {
	width: 50%;
	background: #b3b3b3;
}

.btnSelectArea p.megaopen0 {
	background: #d33737;
}

.btnSelectArea p a {
	color: #fff;
	height: 75px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
	font-weight: bold;
	cursor: pointer;
}

#block-views-block-mega-menu-block-1>ul>li ul li {
	background: #d33737;
	width: 260px;
	text-indent: 0;
	line-height: 1.4;
}

#block-views-block-mega-menu-block-1>ul>li:nth-child(2)>ul:nth-child(3)>li:nth-child(1) {
	background-image: url(../images/common/bg_img08.jpg);
	background-position: 15px 20px;
	background-repeat: no-repeat;
}

#block-views-block-mega-menu-block-1>ul>li:nth-child(2)>ul:nth-child(3)>li:nth-child(2) {
	background-image: url(../images/common/bg_img01.jpg);
	background-position: 15px 20px;
	background-repeat: no-repeat;
}

#block-views-block-mega-menu-block-1>ul>li:nth-child(2)>ul:nth-child(3)>li:nth-child(3) {
	background-image: url(../images/common/bg_img02.jpg);
	background-position: 15px 20px;
	background-repeat: no-repeat;
}

#block-views-block-mega-menu-block-1>ul>li:nth-child(2)>ul:nth-child(3)>li:nth-child(4) {
	background-image: url(../images/common/bg_img03.jpg);
	background-position: 15px 20px;
	background-repeat: no-repeat;
}

#block-views-block-mega-menu-block-1>ul>li:nth-child(2)>ul:nth-child(3)>li:nth-child(5) {
	background-image: url(../images/common/bg_img04.jpg);
	background-position: 15px 20px;
	background-repeat: no-repeat;
}

#block-views-block-mega-menu-block-1>ul>li:nth-child(2)>ul:nth-child(3)>li:nth-child(6) {
	background-image: url(../images/common/bg_img05.jpg);
	background-position: 15px 20px;
	background-repeat: no-repeat;
}

#block-views-block-mega-menu-block-1>ul>li:nth-child(2)>ul:nth-child(3)>li:nth-child(7) {
	background-image: url(../images/common/bg_img06.jpg);
	background-position: 15px 20px;
	background-repeat: no-repeat;
}
#block-views-block-mega-menu-block-1>ul>li:nth-child(2)>ul:nth-child(3)>li:nth-child(8) {
	background-image: url(../images/common/bg_img07.jpg);
	background-position: 15px 20px;
	background-repeat: no-repeat;
}

#block-views-block-mega-menu-block-1>ul>li ul li.megacurrent1 {
	background-color: #e85858;
}

#block-views-block-mega-menu-block-1>ul>li ul li a{
	display: flex;
	align-items: center;
	box-sizing: border-box;
	height: 60px;
	padding: 0 40px 0 30px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: url(../images/common/icon_arrow06.png) 230px center no-repeat;
	cursor: pointer;
}

#block-views-block-mega-menu-block-1>ul>li:nth-child(2)>ul:nth-child(3) li a{
	display: flex;
	align-items: center;
	box-sizing: border-box;
	height: 90px;
	padding: 0 30px 0 75px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: url(../images/common/icon_arrow06.png) 235px center no-repeat;
}

#block-views-block-mega-menu-block-1>ul>li:nth-child(2)>ul:nth-child(4) li a{
	display: flex;
	align-items: center;
	box-sizing: border-box;
	height: 90px;
	padding: 0 30px 0 20px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: url(../images/common/icon_arrow06.png) 235px center no-repeat;
}


#block-views-block-mega-menu-block-1>ul>li ul li ul {
	display: none;
	position: absolute;
	top: 0;
	left: 260px;
}

#block-views-block-mega-menu-block-1>ul>li ul li ul li {
	background: #e85858
}

#block-views-block-mega-menu-block-1>ul>li ul li ul li.megacurrent2 {
	background: #f67878;
}

#block-views-block-mega-menu-block-1>ul>li:nth-child(1)>ul li ul {
	display: none;
	position: absolute;
	top: 0;
	left: 260px;
	min-height: 600px;
	background: #e85858;
}

#block-views-block-mega-menu-block-1>ul>li:nth-child(2)>ul:nth-child(3) li ul {
	display: none;
	position: absolute;
	top: 75px;
	left: 260px;
	min-height: 720px;
	background: #e85858;
}

#block-views-block-mega-menu-block-1>ul>li:nth-child(2)>ul:nth-child(5) li ul {
	display: none;
	position: absolute;
	top: 75px;
	left: 260px;
	min-height: 300px;
	background: #e85858;
}

#block-views-block-mega-menu-block-1>ul>li:nth-child(2)>ul:nth-child(7) {
	display: none;
	background: none;
	margin: 0 0 0 auto;
	width: 260px;
}


#block-views-block-mega-menu-block-1>ul>li:nth-child(1)>ul>li ul li a {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: 260px;
	height: 55px;
	padding: 0 35px 0 20px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: url(../images/common/icon_arrow06.png) 235px center no-repeat;
}

#block-views-block-mega-menu-block-1>ul>li:nth-child(2)>ul:nth-child(3)>li ul li,
#block-views-block-mega-menu-block-1>ul>li:nth-child(2)>ul:nth-child(5)>li ul li{
	width: 260px;
}

#block-views-block-mega-menu-block-1>ul>li:nth-child(2)>ul:nth-child(3)>li ul li a,
#block-views-block-mega-menu-block-1>ul>li:nth-child(2)>ul:nth-child(5)>li ul li a {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: 260px;
	height: 55px;
	padding: 0 35px 0 20px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: url(../images/common/icon_arrow06.png) 235px center no-repeat;
}

#block-views-block-mega-menu-block-1>ul>li ul li ul li ul li {
	background: #f67878;
}

#block-views-block-mega-menu-block-1>ul>li:nth-child(1)>ul>li>ul>li>ul {
	display: none;
	position: absolute;
	top: 0;
	left: 260px;
	width: 760px;
	background: #f67878;
	overflow: hidden;
	min-height: 600px;
}

#block-views-block-mega-menu-block-1>ul>li:nth-child(2)>ul:nth-child(3)>li>ul>li>ul {
	display: none;
	position: absolute;
	top: 0;
	left: 260px;
	width: 760px;
	background: #f67878;
	overflow: hidden;
	min-height: 720px;
}

#block-views-block-mega-menu-block-1>ul>li:nth-child(2)>ul:nth-child(5)>li>ul>li>ul {
	display: none;
	position: absolute;
	top: 0;
	left: 260px;
	width: 760px;
	background: #f67878;
	overflow: hidden;
	min-height: 300px;
}

#block-views-block-mega-menu-block-1>ul>li:nth-child(1)>ul>li>ul>li>ul li,
#block-views-block-mega-menu-block-1>ul>li:nth-child(2)>ul:nth-child(3)>li>ul>li>ul li,
#block-views-block-mega-menu-block-1>ul>li:nth-child(2)>ul:nth-child(5)>li>ul>li>ul li {
	box-sizing: border-box;
	width: 253px;
	float: left;
}

#block-views-block-mega-menu-block-1>ul>li:nth-child(1)>ul>li>ul>li>ul li a,
#block-views-block-mega-menu-block-1>ul>li:nth-child(2)>ul:nth-child(3)>li>ul>li>ul li a,
#block-views-block-mega-menu-block-1>ul>li:nth-child(2)>ul:nth-child(5)>li>ul>li>ul li a {
	width: 253px;
	height: 55px;
	background: url(../images/common/icon_arrow06.png) 223px center no-repeat;
	font-size: 1.4rem;
	padding-right: 20px;
}

#block-views-block-mega-menu-block-1>ul li ul li ul li ul li a:hover {
	background-color: rgba(255,255,255,0.50) !important;
}

#block-views-block-mega-menu-block-1>ul>li:nth-child(2)>ul:nth-child(5),
#block-views-block-mega-menu-block-1>ul>li:nth-child(2)>ul:nth-child(6),
#block-views-block-mega-menu-block-1>ul>li:nth-child(2)>ul:nth-child(7)
{
	display: none;
}


/*-------------------------------------------
言語メニュー
*-------------------------------------------*/

#block-change-lang {
	position: absolute;
	top: 100%;
	left: 1143px;
	display: none;
}

#block-change-lang .dropdown-menu {
	background: #000;
	width: 137px;
}

#block-change-lang .dropdown-menu a {
	display: block;
	font-size: 1.3rem;
	color: #fff;
	text-decoration: none;
	padding: 10px;
}

.spSubMenu {
	display: none;
}


/*-------------------------------------------
パンくずナビ
*-------------------------------------------*/

.breadcrumbNavi {
	width: 1280px;
	margin: 0 auto;
	padding: 10px 0 0 20px;
	box-sizing: border-box;
}

.breadcrumbNavi li {
	display: inline;
	color: #fff;
	font-size: 1.2rem;
}

.breadcrumbNavi li a {
	color: #fff;
	text-decoration: none;
	position: relative;
	font-size: 1.2rem;
}

.breadcrumbNavi li a:hover {
	text-decoration: underline;
}

.breadcrumbNavi li:after {
	content: '＞';
	color: #fff;
	padding-left: 3px;
}

.breadcrumbNavi li:last-child:after {
	display: none;
}



/*-------------------------------------------
メイン
*-------------------------------------------*/

#mainContainer {
	margin-bottom: 100px;
}

#contentContainer {
	width: 1025px;
	margin: 0 auto;
}

.flexbox {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}




/*-------------------------------------------
お問い合わせ
*-------------------------------------------*/

#contactArea {
	padding: 50px 0;
	background: url(../images/common/bg_contact.jpg) center center no-repeat;
	background-size: 100% auto;
}

#contactArea h3 {
	font-size: 2.3rem;
	color: #fff;
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
}

#contactArea p {
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin-bottom: 25px;
}

#contactArea .contactBtn {
	text-align: center;
}

#contactArea .contactBtn a {
	width: 280px;
	height: 60px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 60px;
	letter-spacing: 0.1em;
	display: inline-block;
	box-sizing: border-box;
	text-decoration: none;
	color: #fff;
	background: #d33737 url(../images/common/icon_arrow06.png) 86.78% center no-repeat;
}

#contactArea .contactBtn a:hover {
	opacity: 0.7;
}
/*-------------------------------------------
ボトムメニュー
*-------------------------------------------*/

#bottomMenuArea {
	width: 1025px;
	margin: 0 auto;
	padding: 50px 0;
	display: flex;
	justify-content: space-between;
}

#bottomMenuArea .area01 {
	width: 210px;
	display: flex;
	align-content: space-between;
	flex-wrap: wrap;
}

#bottomMenuArea .area01 p {
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	line-height: 2.0;
}

#bottomMenuArea .area01 p img {
	width: 195px;
}

#bottomMenuArea a:hover {
	opacity: 0.7;	
}

#bottomMenuArea .area01 dt {
	font-size: 1.6rem;
	font-weight: bold;
	color: #d33737;
}

#bottomMenuArea .area01 dd {
	font-size: 1.4rem;
}

#bottomMenuArea .area01 dd.area01Btn {
	width: 210px;
	margin-top: 15px;
}

#bottomMenuArea .area01 dd.area01Btn a {
	display: block;
	height: 45px;
	box-sizing: border-box;
	border: 1px solid #cfcfcf;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 45px;
	text-align: center;
	color: #333;
	text-decoration: none;
	background: url(../images/common/icon_arrow02.png) 90% center no-repeat;
}


#bottomMenuArea .area02 {
	width: 740px;
}

#bottomMenuArea .area02>ul {
	height: 360px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

#bottomMenuArea .area02 ul li {
	margin-top: 20px;
	align-self: flex-start;
}

#bottomMenuArea .area02 ul li.fnavi01,
#bottomMenuArea .area02 ul li.fnavi03,
#bottomMenuArea .area02 ul li.fnavi04 {
	margin-top: 0px;
}

#bottomMenuArea .area02 ul li.fnavi03 {
	margin-bottom: 140px;
	
}

#bottomMenuArea .area02>ul>li>a {
	font-size: 1.4rem;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	padding-left: 20px;
	background: url(../images/common/icon_arrow03.png) left 0.1em no-repeat;
}

#bottomMenuArea .area02>ul>li ul {
	margin-top: 15px;
	padding-left: 20px;
}

#bottomMenuArea .area02>ul>li ul li {
	margin-top: 5px;
}

#bottomMenuArea .area02>ul>li ul li a {
	font-size: 1.2rem;
	color: #333;
	text-decoration: none;
}
/*追記*/
#bottomMenuArea .fnavi02>a:hover,
#bottomMenuArea .fnavi03>a:hover {
	opacity: 1;
}
/*ここまで*/

/*-------------------------------------------
フッター
*-------------------------------------------*/

footer {
	background: #d9d9d9;
	padding: 25px 0;
}

footer .inner {
	position: relative;
}

footer li {
	display: inline-block;
	margin-right: 40px;
}

footer li a {
	font-size: 1.2rem;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}

footer li a:hover {
	opacity: 0.7;
}

footer small {
	font-size: 1.2rem;
	position: absolute;
	top: 0;
	right: 0;
}


/*-------------------------------------------
ページトップ
---------------------------------------------*/

.pagetop {
	text-align: right;
	position: fixed;
	bottom: 40px;
	right: 20px;
}

.pagetop img {
	width: 70px;
}


/*-------------------------------------------
マージン
---------------------------------------------*/

.mgt05 {
	margin-top: 5px !important;
}

.mgt10 {
	margin-top: 10px !important;
}

.mgt15 {
	margin-top: 15px !important;
}

.mgt20 {
	margin-top: 20px !important;
}

.mgt25 {
	margin-top: 25px !important;
}

.mgt30 {
	margin-top: 30px !important;
}

.mgt35 {
	margin-top: 35px !important;
}

.mgt40 {
	margin-top: 40px !important;
}

.mgt45 {
	margin-top: 45px !important;
}

.mgt50 {
	margin-top: 50px !important;
}

.mgb05 {
	margin-bottom: 5px !important;
}

.mgb10 {
	margin-bottom: 10px !important;
}

.mgb15 {
	margin-bottom: 15px !important;
}

.mgb20 {
	margin-bottom: 20px !important;
}

.mgb25 {
	margin-bottom: 25px !important;
}

.mgb30 {
	margin-bottom: 30px !important;
}

.mgb35 {
	margin-bottom: 35px !important;
}

.mgb40 {
	margin-bottom: 40px !important;
}

.mgb45 {
	margin-bottom: 45px !important;
}

.mgb50 {
	margin-bottom: 50px !important;
}

.mgl05 {
	margin-left: 5px !important;
}

.mgl10 {
	margin-left: 10px !important;
}

.mgl15 {
	margin-left: 15px !important;
}

.mgl20 {
	margin-left: 20px !important;
}

.mgl25 {
	margin-left: 25px !important;
}

.mgl30 {
	margin-left: 30px !important;
}

.mgl35 {
	margin-left: 35px !important;
}

.mgl40 {
	margin-left: 40px !important;
}

.mgl45 {
	margin-left: 45px !important;
}

.mgl50 {
	margin-left: 50px !important;
}

.mgr05 {
	margin-right: 5px !important;
}

.mgr10 {
	margin-right: 10px !important;
}

.mgr15 {
	margin-right: 15px !important;
}

.mgr20 {
	margin-right: 20px !important;
}

.mgr25 {
	margin-right: 25px !important;
}

.mgr30 {
	margin-right: 30px !important;
}

.mgr35 {
	margin-right: 35px !important;
}

.mgr40 {
	margin-right: 40px !important;
}

.mgr45 {
	margin-right: 45px !important;
}

.mgr50 {
	margin-right: 50px !important;
}

/* new_history 20230313 */
.freeBox p.keieirinen{
	font-size: 1.9rem;
	font-weight: bold;
	color: #08308E;
	margin: 1.8em 0 2.1em;
}
.freeBox .en p.keieirinen{
	font-size: 1.7rem;
}
/*タブ切り替え全体のスタイル*/
#new_tabs.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  width: 100%;
  margin: 0 auto;}

/*タブのスタイル*/
#new_tabs .tab_item {
  width: calc(100%/5.4);
  height: 50px;
  margin:0 3.65px;
  background-color: #fff;
  border-radius: 0.75em 0.75em 0 0;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  cursor: pointer;
}
#new_tabs .tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
#new_tabs input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
#new_tabs .tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#business:checked ~ #business_content,
#secrect:checked ~ #secrect_content,
#measuring:checked ~ #measuring_content , #converter:checked ~ #converter_content, 
#measurement:checked ~ #measurement_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
#new_tabs.tabs input:checked + .tab_item {
  color: #fff;
}
#new_tabs .tab_item.business{
	color: #08308E;
	margin-left: 0;
	border: 2px solid #08308E;
	border-bottom: none;
}
#new_tabs .tab_item.secrect{
	color: #0B83D6;
	border: 2px solid #0B83D6;
	border-bottom: none;
}
#new_tabs .tab_item.measuring{
	color: #D5404F;
	border: 2px solid #D5404F;
	border-bottom: none;
}
#new_tabs .tab_item.converter{
	color: #E9A431;
	border: 2px solid #E9A431;
	border-bottom: none;
}
#new_tabs .tab_item.measurement{
	color: #30A670;
	border: 2px solid #30A670;
	border-bottom: none;
	margin-right: 0;
}
#business:checked + .tab_item {
  background-color: #08308E;
}
#secrect:checked + .tab_item {
  background-color: #0B83D6;
}
#measuring:checked + .tab_item {
  background-color: #D5404F;
}
#converter:checked + .tab_item {
  background-color: #E9A431;
}
#measurement:checked + .tab_item {
  background-color: #30A670;
}
#business_content{
	border-top: 5px solid #08308E;
}
#secrect_content{
	border-top: 5px solid #0B83D6;
}
#measuring_content{
	border-top: 5px solid #D5404F;
}
#converter_content{
	border-top: 5px solid #E9A431;
}
#measurement_content{
	border-top: 5px solid #30A670;
}
.tab_content_description{
	margin-top: 25px;
}
#business_content .tab_content_description{
	background-color: rgba(8, 48, 142, 0.05);
}
#secrect_content .tab_content_description{
	background-color: rgba(85, 161, 214, 0.1);
}
#measuring_content .tab_content_description{
	background-color: rgba(213, 64, 79, 0.07);
}
#converter_content .tab_content_description{
	background-color: rgba(233, 164, 49, 0.07);
}
#measurement_content .tab_content_description{
	background-color: rgba(48, 166, 112, 0.1);
}
.freeBox p.tab-title{
	font-size: 24px;
	font-weight: bold;
	margin:0 0 15px 0;
}
.freeBox p.tab-text{
	font-size: 20px;
	font-family: "游ゴシック","Yu Gothic",YuGothic, "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height: 1.8;
	color: #333;
	padding-left: 1em;
	margin-top: 0;
	font-weight: normal;
}

.freeBox p.tab-text span{
	font-weight: bold;
}
.freeBox p.indent3{
	margin-left: 2.5em;
	text-indent: -2.5em;
	margin-bottom: 0;
}

.color1 {
  color: #08308E;
}
.color2 {
  color: #0B83D6;
}
.color3 {
  color: #D5404F;
}
.color4 {
  color: #E57200;
}
.color5 {
  color: #30A670;
}
.tab_content_description dl{
	display: flex;
	justify-content: space-between;
	padding: 20px;
	border-bottom: 1px solid #fff;
}
.tab_content_description dt{
	width: 58%;
	margin-bottom: 0 !important;
}
.tab_content_description dd{
	width: 39%;
	margin-bottom: 0 !important;
}
.tab_content_description dl.text_only dt{
	width: 100%;
}
.tab_content_description dl.text_only dd{
	width: auto;
}
.tab_content_description dd div{
	margin: 0 auto;
}
.tab_content_description dd img{
	width: 100%;
}
#new_tabs .fit{
	width: 70%;
}
#new_tabs .w100{
	width: 100%;
}
#new_tabs .mg85{
	margin: 85px 0;
}
#new_tabs .mgt85{
	margin-top: 85px;
}
#new_tabs .img_flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 85px 0;
}
#new_tabs .img_flex.center{
	justify-content: center;
}
#new_tabs .img_flex div{
	width: 48%;
}
#new_tabs .img_flex.w75 div{
	width: 75%;
}
#new_tabs .img_flex.w100 div{
	width: 100%;
}
#new_tabs .img_flex img{
	width: 100%;
}
#new_tabs .col3{
	margin: 85px 0;
	display: flex;
	justify-content: space-between;
}
#new_tabs .col3 div:first-child{
	width: 44%;
}
#new_tabs .col3 div:nth-child(2){
	width: 19%;
}
#new_tabs .col3 div:last-child{
	width: 34%;
}
#new_tabs .col3 img{
	width: 100%;
}

.tab_content_description dd p{
		font-family: "游ゴシック","Yu Gothic",YuGothic, "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}
#new_tabs .font22{
	font-size: 22px;
}	
.sp-only{
	display: none;
}
.pc-only{
	display: block;
}
/* en */
.freeBox .en p.tab-text{
	font-size: 16px;
}
.freeBox .en .tab_content_description dd p{
	font-size: 13px;
}
.freeBox .en p.indent3{
	margin-left: 3.25em;
    text-indent: -3.25em;
}
.en #new_tabs .tab_item.measurement{
	line-height: 1.5;
}
@media screen and (max-width: 768px) {
	.sp-only{
		display: block;
	}
	.pc-only{
		display: none;
	}
	.freeBox p.keieirinen{
		font-size: 5vw;
		margin: 8vw 0;
	}
	#new_tabs .tab_item{
		width: calc(100%/3.4);
		height: 10.67vw;
		margin: 0 1.9vw;
		line-height: 10.67vw;
		font-size: 3.73vw;
	}
	#new_tabs .tab_item:hover{
		opacity: 1;
	}
	#new_tabs .tab_item.converter{
		margin-left: 18.5%;
	}
	#new_tabs .tab_item.converter , #new_tabs .tab_item.measurement{
		margin-top: 3.47vw;
	}
	#business_content , #secrect_content , #measuring_content , #converter_content , #measurement_content{
		border-top: none;
	}
	#new_tabs .tab_content{
		position: relative;
		padding-top: 25px;
		overflow: visible;
	}
	.tab_content_description{
		margin-top: 0;
	}
	#new_tabs .tab_content::before{
		position: absolute;
		content: '';
		height: 5px;
		width: 65.35%;
   		left: 18.5%;
		top: -1vw;
	}
	#new_tabs .tab_content::after{
		position: absolute;
		content: '';
		height: 5px;
		width: 100%;
		top: -15vw;
	}
	#business_content::before ,#business_content::after{
		background-color: #08308E;
	}
	#secrect_content::before , #secrect_content::after{
		background-color: #0B83D6;
	}
	#measuring_content::before , #measuring_content::after{
		background-color: #D5404F;
	}
	#converter_content::before , #converter_content::after{
		background-color: #E9A431;
	}
	#measurement_content::before , #measurement_content::after{
		background-color: #30A670;
	}
	#new_tabs .tab_item.measuring{
		margin-right: 0;
	}
	.tab_content_description dl{
		display: block;
		padding: 5vw 4vw;
	}
	.tab_content_description dt{
		width: 100%;
	}
	.tab_content_description dd{
		width: 70%;
		margin: 0 auto !important;
	}
	.tab_content_description dd p{
		font-size: 3.73vw;
		text-align: justify;
		margin: 10px auto 0;
	}
	.en .tab_content_description dd p{
		text-align: left;
	}
	.freeBox p.tab-title{
		font-size: 5.33vw;
		margin:0 0 4vw 0;
	}
	.freeBox p.tab-text{
		font-size: 4.8vw;
		margin-bottom: 5.33vw !important;
	}
	#new_tabs .mg85{
		margin: 10.67vw 0;
	}
	#new_tabs .mgt85{
		margin-top: 10.67vw;
	}
	#new_tabs .img_flex{
		display: block;
		margin: 10.67vw 0;
	}
	#new_tabs .img_flex div{
		width: 100%;
		margin-bottom: 8vw;
	}
	#new_tabs .letter{
		letter-spacing: -1px;
	}
	#new_tabs .mgt10{
		margin-top: 10px;
	}
	#new_tabs .col3{
		display: block;
		margin: 10.67vw a;

	}
	#new_tabs .col3 div{
		margin: 0 auto 5vw;
	}
	#new_tabs .col3 div:first-child{
		width: 100%;
	}
	#new_tabs .col3 div:nth-child(2){
		width: 65%;
	}
	#new_tabs .col3 div:last-child{
		width: 80%;
	}
	#new_tabs .font22{
		font-size: 4.8vw;
	}	
	#new_tabs .img_flex.w75 div{
		width: 100%;
	}
	.freeBox p.tab-text.indent3{
		margin-bottom: 0 !important;
	}
	.en #new_tabs .tab_item.measurement{
		line-height: 1.25;
	}
}