@charset "utf-8";

.support-pickup{
    position: relative;
}
.support-pickup-inner{
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 242px;
    z-index: 100;
    height: 110px;
    margin: auto;
    padding: 10px;
    line-height: 1.5;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    color: #fff;
    background: rgba(0, 112, 192, .7);
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transition: all .5s;
    transition: all .5s;
}
.support-pickup-inner.active{
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
.support-pickup-inner-line{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 242px;
    z-index: 100;
    width: 0;
    height: 1px;
    margin: auto;
    background: rgba(0, 112, 192, .7);
    -webkit-transition: all .4s;
    transition: all .4s;
}
.support-pickup-inner-line.active{
    width: 405px;
    height: 130px;
}
.support-pickup-inner-deco {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 10px;
    border: 2px solid transparent;
    color: #fff;
    text-align: center;
    text-decoration: none;
    outline: none;
    box-sizing: border-box;
    transition: all .2s;
}
.support-pickup-inner-deco::before,
.support-pickup-inner-deco::after {
  position: absolute;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  border: 2px solid transparent;
}
.support-pickup-inner-deco::before {
  top: -2px;
  left: -2px;
}
.support-pickup-inner-deco::after {
  bottom: -2px;
  right: -2px;
}
.support-pickup-inner-deco.active:before,
.support-pickup-inner-deco.active::after {
  width: 100%;
  height: 100%;
}
.support-pickup-inner-deco.active:before {
  border-bottom-color: #fff;
  border-left-color: #fff;
  transition: height .2s, width .2s .2s;
}
.support-pickup-inner-deco.active::after {
  border-top-color: #fff;
  border-right-color: #fff;
  transition: height .2s .4s, width .2s .6s;
}


/*----------------------------------------------------------- 
	フッター
-----------------------------------------------------------*/
#footerSupport{
	margin: 80px auto 0;
	font-weight: bold;
	text-align: center;
}
#footerSupport .fa{
	position: relative;
	top: -1px;
	margin-right: 5px;
	font-weight: bold;
}
#footerSupport a{
	display: inline-block;
	padding: 15px 50px;
	border: 4px solid #0068B5;
	color: #FFF;
	background: #0068B5;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#footerSupport a:hover{
	color: #EA5504;
	background: #FFF;
}
.support h3 a{
    color: #FFF;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.support h3 a:hover{
    color: #EA5504;
}





/*----------------------------------------------------------- 
	高圧ガス保安法 法令参照システムソフト
-----------------------------------------------------------*/
.houreiWrap{
	line-height: 1.5em;
}
.houreiLeft{
	float: left;
	width: 450px;
}
.houreiRight{
	float: right;
	width: 500px;
}





/*----------------------------------------------------------- 
	講習会・施行説明会
-----------------------------------------------------------*/
.lectureWrap{
	line-height: 1.5em;
}
.lecture-center{
    margin: 20px 0;
    line-height: 1.75;
    text-align: center;
    color: #727171;
}
.lecture-center1{
    font-weight: bold;
}
.lecture-center .red{
    color: #e60012;
}
.lecture-right{
    margin: 10px 0 80px;
    font-size: 14px;
    text-align: right;
}
.lecture-heading1{
    margin: 30px 0;
    border-top: 1px solid #595757;
    border-bottom: 1px solid #595757;
    text-align: center;
    background-image:linear-gradient(-45deg, #fff 25%, #f5f5f5 25%, #f5f5f5 50%, #fff 50%, #fff 75%, #f5f5f5 75%, #f5f5f5) !important;
    background-size: 20px 20px !important;
}
.lecture-heading2{
    position: relative;
    margin: 15px 0;
    padding: 3px 0;
    padding-left: 15px;
    font-weight: bold;
    font-size: 18px;
}
.lecture-heading2:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 30px;
    background: #006bb9;
}
.lecture-heading3{
    margin: 0 0 20px;
    padding: 5px 0;
    border-radius: 20px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #f39a00;
}
.lecture-heading4{
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #aaa;
}
.lectureBottom{
	margin: 40px 0 80px;
}
.lectureBottomIn{
	float: left;
	width: calc(100% / 3);
    height: 680px;
	padding-right: 1%;
	padding-left: 1%;
    border-left: 1px solid #aaa;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.lectureBottomIn:last-child{
	border-right: 1px solid #aaa;
}
.lectureBottomIn dt{
    font-weight: bold;
    font-size: 14px;
    color: #006bb9;
}
.lectureBottomIn dd{
	margin-bottom: 5px;
	padding-left: 1em;
    font-size: 13px;
	text-indent: -1em;
}
.lectureBottomIn dd:before{
	content: "・";
}
.lectureBottomIn dd+dt{
    margin-top: 40px;
}
.lecture-img{
    margin: 40px 0 0;
}
.lecture-img1{
    border: 1px solid #aaa;
    border-radius: 5px;
    overflow: hidden;
}
.lecture-image{
    float: left;
    width: 490px;
}
.lecture-image:first-child{
    margin-right: 20px;
}
.lecture-image-wrap{
    margin: 0 0 80px;
}
.lecture-image:last-child{
    clear: both;
    width: 100%;
}
.lecture-image p{
    margin: 10px 0 0;
    font-size: 14px;
}
.lecture-image-in img{
    display: block;
    float: left;
    width: 240px;
    margin-right: 10px;
    border-radius: 10px;
}
.lecture-image-in img:last-child{
    margin-right: 0;
}
.lecture-image:last-child img:nth-child(2){
    margin-right: 20px;
}
.lecture-lvup{
    margin: 40px 0;
}
.lecture-lvup1{
    position: relative;
    margin-bottom: 115px;
}
.lecture-lvup1-right{
    float: right;
    width: 55%;
}
.lecture-lvup1-left{
    width: 42%;
}
.lecture-lvup1-left img{
    display: block;
    padding: 5px;
    border: 1px solid #aaa;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.lecture-lvup1-left p{
    margin: 5px 0 0;
    font-size: 14px;
}
.lecture-lvup2-left{
    position: absolute;
    top: -35px;
    left: 0;
    width: 165px;
    margin: 0;
}
.lecture-lvup2-right{
    padding-left: 200px;
}
.lecture-list{
    margin: 0 0 20px;
    font-size: 14px;
}
.lecture-list:last-child{
    margin-bottom: 0;
}
.lecture-list li{
    padding-bottom: 5px;
}
.lecture-list li:before{
    content: "・";
}
.lecture-list li:last-child{
    padding-bottom: 0;
}
.lecture-list:last-child{
    padding-bottom: 0;
}
.lecture-list1{
    font-weight: bold;
    color: #3a7db8;
}
.lecture-btn{
    width: 340px;
    margin: 40px auto 80px;
}
.lecture-btn a{
    -webkit-transition: all .2s;
    transition: all .2s;
}
.lecture-btn a:hover{
    opacity: .6;
}



/*----------------------------------------------------------- 
	Webセミナー
-----------------------------------------------------------*/
.webSeminarWrap {
    line-height: 2em;
}
.webSeminarWrap .disp-sp {
    display: none;
}
.webSeminarWrap p, .webSeminarWrap h2, .webSeminarWrap h3 {
    margin: 0;
}
.seminarBlock {
    background: linear-gradient(270deg, rgba(0, 120, 178, 1), rgba(0, 71, 139, 1) 20%, rgba(0, 3, 66, 1));
    padding: 10px;
}
.seminarBlockWrap {
    background: #fff;
    padding-bottom: 30px;
}
.seminarPeriod {
    display: flex;
    font-weight: bold;
    align-items: center;
    padding: 30px;
}
.seminarPeriod .periodIcon {
    padding: 5px 20px;
    background: #ccc;
    color: #fff;
}
.seminarPeriod .periodIcon.reception {
    background: linear-gradient(270deg, rgba(255, 245, 135, 1), rgba(255, 139, 0, 1));
}
.seminarPeriod .periodIcon.receptionEnd {
    background: red;
}
.seminarPeriod .periodIcon.lectureEnd {
    background: #969696;
}
.seminarPeriod .periodDays {
    margin-left: 1em;
}
.seminarPeriod .periodDays span {
    font-size: 70%;
}
.seminarImg {
    text-align: center;
}
.seminarImg img{
    width: auto;
    margin-bottom: 30px;
}
.seminarTitle {
    background: url(../img/seminar_title_bg.jpg);
    background-size: cover;
    text-align: center;
    padding: 60px 30px;
    margin-bottom: 30px;
}
.seminarTitle h2 {
    background: none;
    font-weight: bold;
    font-size: 28px;
    font-family: リュウミン B-KL;
    border-bottom: 1px solid #000;
    display: inline-block;
    margin-bottom: 30px;
}
.seminarLecture {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin: 30px;
    padding: 30px;
}
.lectureTitle {
    display: flex;
    border: 1px solid #000342;
    border-radius: 50px;
    align-items: center;
    font-weight: bold;
    font-size: 20px;
    background: linear-gradient(90deg, rgba(0, 3, 66, 1), rgba(0, 71, 139, 1) 7.5%, rgba(0, 120, 178, 1) 15%, rgba(255, 255, 255, 1) 15%);
}
.lectureTitle p {
    color: #fff;
    padding: 2px;
    position: relative;
    display: flex;
    align-items: center;
    width: 15%;
}
.lectureTitle p::before {
    content: "";
    display: inline-block;
    background: #fff;
    width: 44px;
    height: 44px;
    border-radius: 22px;
    margin-right: 0.5em;
}
.lectureTitle p::after {
    content: "";
    background: url(../img/seminar_icon.svg) no-repeat;
    display: block;
    width: 19px;
    height: 29px;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
}
.lectureTitle p span {
    padding-right: 0.5em;
    white-space: nowrap;
}
.lectureTitle h3 {
    margin-left: 20px;
    color: #001b5c;
    padding: 5px;
    width: 85%;
}
.lectureContents {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}
.lectureText {
    width: calc(100% * 0.6 - 15px);
}
.lectureText dl {
    border: 1px solid #efefef;
    margin-top: 20px;
}
.lectureText dl dt {
    background: #efefef;
    text-align: center;
}
.lectureText dl dd {
    padding: 10px 20px;
}
.lectureImg {
    width: calc(100% * 0.4 - 15px);
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lectureImg img {
    width: auto;
}
.seminarTable {
    border: 1px solid #898989;
    margin: auto 30px;
}
.seminarTable table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
} 
.seminarTable tr, .seminarTable tr th, .seminarTable tr td {
    margin: 0;
    padding: 0;
    border: none;
}
.seminarTable tr th {
    background: #898989;
    color: #fff;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    width: 25%;
    text-align: center;
}
.seminarTable tr td {
    border-bottom: 1px solid #898989;
    text-align: left;
    padding-left: 20px;
}
.seminarTable tr.last th, .seminarTable tr.last td {
    border-bottom: none;
}
.seminarBtn a {
    display: block;
    background: linear-gradient(270deg, rgba(0, 120, 178, 1), rgba(0, 71, 139, 1) 20%, rgba(0, 3, 66, 1));
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    max-width: 490px;
    text-align: center;
    padding: 10px 30px;
    margin: 30px auto 0;
}
.seminarBtn a:hover {
    opacity: 0.8;
}


/*----------------------------------------------------------- 
	製品展示車ご訪問
-----------------------------------------------------------*/
.caravanWrap{
	line-height: 1.5em;
}
.caravanHeading{
	margin-bottom: 40px;
	font-weight: bold;
	font-size: 24px;
	font-family: 新ゴ B;
	line-height: 1.75em;
}
.caravanImg{
	margin: 40px 0;
}

.caravan-title-wrap{
    margin-bottom: 10px;
	margin-top: 40px;
}

.caravan-bunner-wrap{
    margin: 10px 0;
}

.caravanImg img{
	float: left;
	width: 32%;
	margin-right: 2%;
}
.caravanImg img:last-child{
	margin-right: 0;
}

.caravanTable{
	width: 100%;
	margin:  40px 0;
	border-collapse: collapse;
}
.caravanTable th,
.caravanTable td{
	padding: 10px;
	border: 1px solid #999;
	vertical-align: top;
}
.caravanTable th{
	font-weight: bold;
	text-align: center;
	background: #EAF0F9;
}





/*----------------------------------------------------------- 
	現地メンテナンス
-----------------------------------------------------------*/
.maintenanceWrap{
	font-size: 16px;
	line-height: 1.5em;
}
.maintenanceWrap p{
	margin-bottom: 30px;
}
.maintenanceIn{
	margin: 40px 100px;
}
.maintenanceImg{
	width: 40%;
	margin: 0 auto;
}
.maintenanceImg2 img{
	display: block;
	float: left;
	width: 49%;
	margin-right: 2%;
}
.maintenanceImg2 img:last-child{
	margin-right: 0;
}
.maintenanceImgLeft{
	width: 49%;
}
.maintenanceList{
	margin: 20px;
}
.maintenanceList li{
	margin-bottom: 10px;
}
.maintenanceList>li{
	list-style-type: disc;
}
.maintenanceList>li>ol{
	margin: 10px 20px;
}





/*----------------------------------------------------------- 
	よくある質問(FAQ)
-----------------------------------------------------------*/
.supportQA h2 {
	cursor: pointer;
}

.supportQA h2:hover{
	opacity: .6;
}
.supportQA h2:after{
	content: "\F055";
	position: absolute;
	right: 20px;
	font-family: FontAwesome;
	text-align: right;
	color: #005CA2;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.supportQAshow h2:after{
	content: "\F056";
}
.supportQA h2.active:after{/* クリック後 */
	content: "\F056";
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.supportQAshow h2.active:after{/* クリック後 */
	content: "\F055";
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.supportQA{
	line-height: 1.75em;
}
.supportQA dt,
.supportQA dd{
	padding: 2px 10px 2px 55px;
	text-indent: -25px;
}
.supportQA dt:before,
.supportQA dd:before{
	content: "";
	display: inline-block;
	position: relative;
	top: 6px;
	left: -10px;
	width: 24px;
	height: 24px;
}
.supportQA dt:before{
	background: url(../img/support-q.svg) center center no-repeat;
}
.supportQA dd:before{
	background: url(../img/support-a.svg) center center no-repeat;
}
.supportQA dt{
	font-weight: bold;
}
.supportQA dd{
	padding-bottom: 40px;
}

.supportQA table,th,td {
	text-indent: 0px;
	text-align: center;
	width: 300px;
	border-collapse: collapse;
	border: 1px solid #ccc;
	margin: 3px;
}

.tleft {
  text-align:left;
  vertical-align: top;
 }

.supportQA tr:nth-child(even) {
  background: #d9d9d9;
 }

.faqSearch {
    margin-bottom: 15px;
}
.faqSearch label {
    margin-right: 10px;
    font-weight: bold;
}
.faqSearch input {
    padding: 4px;
    width: 250px;
    height: 25px;
    border: solid 2px #005CA2;
    border-radius: 4px;
}
.faqSearchHighlight {
    background-color: yellow;
}
.faqSearchCategory {
    padding: 1px 5px;
    background-color: #eeeeee;
    font-size: 13px;
}



/*----------------------------------------------------------- 
	CADデータ
-----------------------------------------------------------*/
.cadSp{
	font-weight: bold;
	text-align: center;
}
.caddata{
	margin: 40px auto 60px;
}
.caddata input[type="text"],
.caddata input[type="password"],
.caddata input[type="email"]{
	height: 30px;
	padding: 1px 5px;
	border: 1px solid #999;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.caddata input[type="text"]:focus,
.caddata input[type="password"]:focus,
.caddata input[type="email"]:focus{
	background: rgba(0 ,79 ,253, .05);
}
.caddata input[type="submit"],
.caddata button[type="button"]{
	font-weight: bold;
}
.caddata input[type="submit"]:hover,
.caddata button[type="button"]:hover{
	opacity: .8;
}

.cadLoginLeft{
	float: left;
	width: 240px;
	padding: 20px;
	border: 1px solid #999;
	border-radius: 5px;
}
.cadLoginLeft dt{
	margin-bottom: 5px;
	font-weight: bold;
}
.cadLoginLeft dd{
	margin-bottom: 10px;
}
.cadLoginLeft input{
	width: 100%;
}
.cadLoginBtn{
	display: inline-block;
	padding: 10px 15px;
	border-radius: 5px !important;
	font-weight: bold;
	color: #FFF;
	border: 1px solid #3E4042 !important;
	background: -webkit-linear-gradient(to bottom, #717577,#595C5E);
	background: linear-gradient(to bottom, #717577,#595C5E);
	cursor: pointer;
}
.cadLogin p{
	margin: 10px 0 0;
	font-size: 14px;
}
.cadLoginRight{
	float: left;
    width: 636px;
	margin-left: 40px;
	padding: 20px;
	border: 1px solid #999;
	border-radius: 5px;
}
.cadLoginNew{
	width: 150px;
	border: 1px solid #B2000E !important;
	background: -webkit-linear-gradient(to bottom, #FE4C5B,#E60012);
	background: linear-gradient(to bottom, #FE4C5B,#E60012);
	cursor: pointer;
}

.cadSearch{
	margin-top: 20px;
	font-size: 16px !important;
}
.cadSearchText{
	width: 200px;
	border: 2px solid #004F99 !important;
	border-right: 0;
}
.cadSearchBtn{
	padding: 6px 10px;
	border-radius: 0;
	color: #FFF;
	background: #004F99;
	cursor: pointer;
}

.caddata table{
	width: 100%;
	border-collapse: collapse;
}
.caddata th,
.caddata td{
	padding: 10px;
	border: 1px solid #DCDCDC;
	text-align: left;
}
.cadCatalog th{
	background: #F5F5F5;
}

.cadResultHead1{
	color: #FFF;
	background: #969696;
}
.cadResultHead2{
	background: #E6E6E6;
}
.cadResultHead3{
	background: #F5F5F5;
}
.cadResultHead3 th{
	font-weight: normal;
}

.cadResultPageWrap{
	margin: 10px 0;
}
.cadResultPage1{
	height: 24px;
}
.cadResultPage2{
	display: inline;
}
.cadResultPage2:before{
	content: "/";
	padding-right: 5px;
}

.cadResultTxt2{
	color: #F00;
}

/* ご利用上の注意・ご利用規約---------- */
.cadNotice{
	margin: 80px 0 0;
	font-size: 14px;
	line-height: 1.5em;
}
.cadNotice ol{
	padding-left: 2em;
	list-style-type: decimal;
}
.cadNotice ol>li{
	margin-bottom: 10px;
}
.cadNotice ul{
	padding-left: 2em;
	list-style-type: disc;
}





/*----------------------------------------------------------- 
	超モノづくり部品大賞受賞製品
-----------------------------------------------------------*/
.supportMonoToggle1:hover{
	opacity: .6;
	cursor: pointer;
}
.supportMonoToggle1:after{
	content: "\F055";
	position: absolute;
	right: 20px;
	margin: auto;
	font-family: FontAwesome;
	text-align: right;
	color: #005CA2;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.supportMonoToggle1.active:after{/* クリック後 */
	content: "\F056";
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.monoWrap{
	font-size: 16px;
	line-height: 1.5;
	text-align: justify;
}
.monoWrap img:not(.cho){
    margin-bottom: 40px;
}
.monoWrap p .cho{
	position: relative;
	top: -4px;
	width: 16px;
    margin-right: 2px;
}
.monoHead1{
    font-weight: bold;
    font-size: 24px;
    text-align: center;
}
.monoHead1 span{
    letter-spacing: 10px;
}
.monoHead1 .cho {
    width: 26px !important;
}
.monoHead2{
    margin-bottom: 40px;
    text-align: right;
}
.monoAward{
	font-size: 14px;
	color: #004D97;
	line-height: 1.5;
}
.monoAward .cho{
	position: relative;
	top: -2px;
	width: 16px;
    margin-right: 2px;
}
.monoAward{
	margin-bottom: 30px;
}
.kome{
    text-align: center;
    font-size: 14px;
}
.kome-02{
    margin: -30px 0 20px;
    text-align: center;
    font-size: 14px;
}
.monoImg-01{
	display: block;
	width: 50%;
	margin: 0 auto;
}
.monoImg-02{
	display: block;
	width: 80%;
	margin: 0 auto;
}





/*----------------------------------------------------------- 
	Cv値計算・流量計算ツール
-----------------------------------------------------------*/
.calculatorWrap{
    padding: 40px 100px;
    border: 1px solid #bdd7ee;
    background: #f2f7fc;
}
.calculator{
    margin-bottom: 20px;
    border-collapse: collapse;
    font-size: 20px;
    table-layout: fixed;
}
.calculator th,
.calculator td{
    font-weight: normal;
    text-align: left;
}
.calculator td{
    padding: 0 10px;
}
.calculator .order{
    width: 40px;
    padding: 15px 0;
    border-bottom: 10px solid #f2f7fc;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    vertical-align: top;
    color: #0070c0;
    background: #bdd7ee;
}
.calculator .select{
    width: 280px;
    padding: 25px 10px 25px 20px;
}
.calculator .select span{
    font-weight: bold;
    color: #0070c0;
}
.calculator .btn{
    text-align: center;
}
.calculator .btn-c{
    display: block;
    width: 100%;
    padding: 15px;
    border: 2px solid #0070c0;
    border-radius: 10px;
    font-weight: bold;
    color: #0070c0;
    background: #fff;
    cursor: pointer;
}
.calculator .active{
    color: #fff;
    background: #0070c0;
}
.calculator .btn-c:hover:not(.active){
    opacity: .6;
    color: #fff;
    background: #0070c0;
}
.calculator input,
.calculator select{
    width: 100%;
    padding: 15px;
    border: 2px solid #0070c0;
    border-radius: 10px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.calculator .result{
    padding: 40px 20px 10px;
    border-top: 10px solid #f2f7fc;
    text-align: center;
    background: #bdd7ee;
}
.calculator .result-1,
.calculator .result-2,
.calculator .result-3{
    display: inline-block;
}
.calculator .result-1{
    margin-right: 40px;
    padding: 15px 40px;
    border-radius: 10px;
    font-weight: bold;
    font-size: 28px !important;
    color: #fff;
    background: #0070c0;
}
.calculator .result-2{
    position: relative;
    top: 15px;
    margin-right: 20px;
    font-weight: bold;
    font-size: 56px !important;
    letter-spacing: 2px;
    color: #343434;
}
.calculator .result-3{
    vertical-align: bottom;
}
.calculator .result-4{
    margin-top: 30px;
    font-size: 17px;
}
.calculator .result-message {
    display: none;
    margin-top: 20px;
    font-size: 16px;
}
.calculator .result .applicationBtn {
    margin: 10px 0;
}
.calculator-graf{
    margin-bottom: 20px;
}
.calculator-kome{
    line-height: 1.75;
}
.calculator-kome dt{
    margin-top: 20px;
    font-weight: bold;
    color: #004d97;
}
.calculator-error {
    font-size: 16px;
    color: #ff0000;
}
.image-hover:hover {
    opacity: .8;
}
.result-5{
    margin: 10px 0;
    padding: 10px;
    border-radius: 5px;
    line-height: 1.5;
    font-weight: bold;
    color: #c50018;
    background: #fff;
}
.result-6{
    display: block;
    position: relative;
    padding: 20px 40px;
    border: 2px solid #c50018;
    border-radius: 5px;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    color: #fff !important;
    background: #c50018;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .2s all;
    transition: .2s all;
}
.result-6:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    width: 20px;
    height: 20px;
    margin: auto;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.result-6:hover{
    color: #c50018 !important;
    background: #fff;
}
.result-6:hover:after{
    border-color: #c50018;
}

.calculator-catalogs {
    margin-bottom: 20px;
    background: #bdd7ee;
}

.calculator-catalogs h3 {
    padding-top: 15px;
    margin-bottom: 0;
    text-align: center;
    color: #004d97;
}

.calculator-catalogs p {
    margin-bottom: 0;
    font-size: 14px;
    text-align: center;
}

.calculator-catalog {
    float: left;
    margin: 12px 0;
    padding: 0 1%;
    max-width: 23%;
}


/*----------------------------------------------------------- 
	生産終了品のご案内
-----------------------------------------------------------*/
.oldline{
    border-collapse: collapse;
    line-height: 1.5;
    text-align: center;
    table-layout: fixed;
}
.oldline th,
.oldline td{
    width: 20%;
    border: 1px solid #dcdcdc;
}
.oldline th{
    padding: 10px;
}
.oldline td{
    padding: 10px 20px;
}
.oldline a{
    display: block;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.oldline a:hover{
    opacity: .6;
}
.oldline .img{
    width: 75%;
    border-radius: 10px;
}

.fade {
  height: 1px;
  background-image: linear-gradient(
    90deg,
    hsla(0, 0%, 100%, 0),
    hsla(0, 0%, 100%, 0.5) 50%,
    hsla(0, 0%, 100%, 0) 100%);

}
 

/*----------------------------------------------------------- 
	製品仕様ご確認書
-----------------------------------------------------------*/
.orders{
    margin-bottom: 20px;
    border-collapse: collapse;
    line-height: 1.5;
    text-align: center;
    table-layout: fixed;
}
.orders th,
.orders td{
    border: 1px solid #dcdcdc;
}
.orders th{
    padding: 10px;
}
.orders td{
    padding: 10px 15px;
}
.orders-col-1,.orders-col-2{
    width: 18%;
}
.orders-col-3 {
    width: 64%;
}
th.orders-subwrap {
    padding: 10px 0 0!important;
}
td.orders-subwrap {
    padding: 0!important;
}
.orders-sub {
    border: none;
    border-collapse: collapse;
    width: 100%;
}
th .orders-sub {
    margin-top: 10px;
    border-top: 1px solid #dcdcdc;
}
.orders-sub th,
.orders-sub td {
    border: none;
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
}
.orders-sub th:first-child,
.orders-sub td:first-child {
    border-left: none;
}
.orders-sub tr:first-child td {
    border-top: none;
}
.orders-sub-col-1{
    width: 28%;
}
.orders-sub-col-2{
    width: 58%;
}
.orders-sub-col-3 {
    width: 14%;
}
.orders a{
    display: block;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.orders a:hover{
    opacity: .6;
}
.orders .img{
    width: 77%;
    border-radius: 10px;
}


/*----------------------------------------------------------- 
	製品動画一覧
-----------------------------------------------------------*/
.movies{
    margin-bottom: 20px;
    border-collapse: collapse;
	text-align: center;
    line-height: 1.5;
    table-layout: fixed;
}
.movies th,
.movies td{
    border: 1px solid #dcdcdc;
}
.movies th{
    padding: 10px;
	text-align: center;
}
.movies td{
    padding: 10px 15px;

}
.movies-col-1,.movies-col-2{
    width: 18%;
}
.movies-col-3 {
    width: 64%;
}
th.movies-subwrap {
    padding: 10px 0 0!important;
}
td.movies-subwrap {
    padding: 0!important;
}
td.movies-text {
	text-align: center;
}
.movies-sub {
    border: none;
    border-collapse: collapse;
    width: 100%;
}
th .movies-sub {
    margin-top: 10px;
    border-top: 1px solid #dcdcdc;
}
.movies-sub th,
.movies-sub td {
    border: none;
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
}
.movies-sub th:first-child,
.movies-sub td:first-child {
    border-left: none;
}
.movies-sub tr:first-child td {
    border-top: none;
}
.movies-sub-col-1{
    width: 37%;
}
.movies-sub-col-2{
    width: 47%;
}
.movies-sub-col-3 {
    width: 16%;
}
.movies a{
    display: block;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.movies a:hover{
    opacity: .6;
}
.movies .img{
    width: 77%;
    border-radius: 10px;
}




/*----------------------------------------------------------- 
	継手口径一覧
-----------------------------------------------------------*/
.diameter{
    border-collapse: collapse;
    line-height: 1.5;
    text-align: center;
}
.diameter th,
.diameter td{
    width: 10%;
    padding: 10px 0;
    border: 1px solid #666464;
    font-size: 16px !important;
}
.diameter td[rowspan="2"]:first-child{
    font-weight: bold;
    font-size: 36px !important;
}
.diameter td:nth-last-child(-n+14){
    width: 50px;
}
.diameter td:nth-last-child(15){
    font-weight: bold;
}
.diameter .length{
    position: relative;
    width: 70%;
}
.diameter .length>span{
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-weight: normal;
    color: #000;
}
.diameter .length .inch{
    margin-right: 5px;
    padding: 5px 10px;
    background: #90ecfe;
}
.diameter .length .mm{
    padding: 5px 10px;
    background: #4fc4ff;
}

.inch-apply{
    font-weight: bold;
    color: #000;
    background: #90ecfe;
}
.mm-apply{
    font-weight: bold;
    color: #000;
    background: #4fc4ff;
}

.diameter .showt{
    position: relative;
    width: 10%;
}

/*----------------------------------------------------------- 
	convenient
-----------------------------------------------------------*/
.convenient{
    border-collapse: collapse;
    line-height: 1.5;
    text-align: center;
}
.convenient th,
.convenient td{
    width: 10%;
    padding: 10px 0;
    border: 1px solid #666464;
    font-size: 16px !important;

}
.convenient td[rowspan="2"]:first-child{
    font-weight: bold;
    font-size: 36px !important;
}
.convenient td:nth-last-child(-n+14){
    width: 50px;
	text-align:left;
	padding: 10px 10px;
}
.convenient td:nth-last-child(15){
    font-weight: bold;
}
.convenient .length{
    position: relative;
    width: 70%;
}
.convenient .length>span{
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-weight: normal;
    color: #000;
}
.convenient .length .inch{
    margin-right: 5px;
    padding: 5px 10px;
    background: #90ecfe;
}
.convenient .length .mm{
    padding: 5px 10px;
    background: #4fc4ff;
}

.inch-apply{
    font-weight: bold;
    color: #000;
    background: #90ecfe;
}
.mm-apply{
    font-weight: bold;
    color: #000;
    background: #4fc4ff;
}



/*----------------------------------------------------------- 
	継手締付一覧
-----------------------------------------------------------*/
.fastenWrap{
    margin-bottom: 40px;
    margin-left: 20px;
}
.fastenWrap p{
    margin: 5px 0;
    line-height: 1.5;
}
.fasten img{
    float: left;
    width: 24%;
    margin-right: 1%;
    margin-bottom: 10px;
}





/*----------------------------------------------------------- 
	ねじ接合継手
-----------------------------------------------------------*/
.screwWrap{
    margin-bottom: 40px;
    line-height: 1.5;
}
.screwWrap dl{
    margin-top: 20px;
}
.screwWrap dt{
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 20px;
    color: #004d97;
}
.screw img{
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 10px;
}
.screw img:nth-child(3n){
    margin-right: 0;
}





/*----------------------------------------------------------- 
	モノづくり部品大賞受賞製品
-----------------------------------------------------------*/
.mono-partsWrap{
    margin-bottom: 40px;
    margin-left: 20px;
    line-height: 1.5;
}
.mono-partsWrap a{
    display: block;
    position: relative;
    padding: 10px;
    color: #666464;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.mono-partsWrap a:hover{
    background: #E5EDF4;
    opacity: .8;
}
.mono-partsWrap a:after{
    content: "";
    display: block;
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 30px 30px;
    border-color: transparent transparent #b1e0ee transparent;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.mono-partsWrap a:hover:after{
    right: 0;
    bottom: 0;
    border-color: transparent transparent #ea5504 transparent;
}
.mono-partsWrap .cho{
    position: relative;
    top: -4px
}
.section h2 .cho{
    position: relative;
    top: -4px;
    width: 28px;
    margin-right: 5px;
}
.mono-partsWrap h3 .cho{
    width: 20px;
    margin-right: 2px;
}
.mono-partsWrap p .cho{
    width: 16px;
}
.mono-parts img{
    float: left;
    width: 24%;
    margin-right: 1%;
    margin-bottom: 10px;
    border: 1px solid #b3b3b3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.mono-partsWrap .pic{
    width: 150px;
    border: 1px solid #b3b3b3;
}

.mono-parts{
    border-collapse: collapse;
    line-height: 1.5;
    text-align: center;
}
.mono-parts table,
.mono-parts th,
.mono-parts td{
    padding: 10px 0;
	width: 450px;
    border: 1px solid #666464;
    font-size: 16px !important;
}
.mono-parts td[rowspan="2"]:first-child{
    font-weight: bold;
    font-size: 36px !important;
}
.mono-parts td:nth-last-child(-n+14){
    width: 50px;
}
.mono-parts td:nth-last-child(15){
    font-weight: bold;
}
.mono-parts .length{
    position: relative;
    width: 70%;
}
.mono-parts .length>span{
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-weight: normal;
    color: #000;
}
.mono-parts .length .inch{
    margin-right: 5px;
    padding: 5px 10px;
    background: #90ecfe;
}
.mono-parts .length .mm{
    padding: 5px 10px;
    background: #4fc4ff;
}

.inch-apply{
    font-weight: bold;
    color: #000;
    background: #90ecfe;
}
.mm-apply{
    font-weight: bold;
    color: #000;
    background: #4fc4ff;
}

.mono-parts .showt{
    position: relative;
    width: 10%;
}

.mono-parts .showt30{
    position: relative;
    width: 32%;
}

/*----------------------------------------------------------- 
	博士学位論文要約
-----------------------------------------------------------*/
.blueBox-01{
    margin-bottom: 40px;
    padding: 40px 100px;
    border: 1px solid #bdd7ee;
    background: #f2f7fc;    
}
.blueBox-01 .pic{
    float: left;
    width: 220px;
}
.blueBox-01 .profile{
    padding-left: 270px;
    line-height: 1.5;
}
.blueBox-01 .profile .name{
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #bdd7ee;
    box-shadow: 0 1px 0 #f8fbfd;
    font-weight: bold;
    font-size: 24px;
}
.blueBox-01 .profile .class{
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #bdd7ee;
    box-shadow: 0 1px 0 #f8fbfd;
}
.blueBox-01 .profile .career{
    margin: 0;
    padding-top: 10px;
}
.blueBox-01 .profile .class+.career{
    padding-bottom: 10px;
    border-bottom: 1px solid #bdd7ee;
    box-shadow: 0 1px 0 #f8fbfd;
}
.blueBoxNotes{
    position: relative;
}
.blueBox-01 .notes{
    line-height: 1.5;
}
.blueBoxNotes:after{
    content: "“";
    display: block;
    position: absolute;
    top: 20px;
    left: 40px;
    font-weight: bold;
    font-size: 100px;
    color: rgba(0,112,192,0.3);
}
.blueBoxNotes h3{
    margin: 0 0 15px;
    padding: 10px 0;
    border-bottom: 1px solid #bdd7ee;
    font-weight: bold;
    font-size: 20px;
    box-shadow: 0 1px 0 #f8fbfd;

}
.blueBox-01 .notes dt{
    margin-top: 15px;
    font-weight: bold;
}
.math{
    font-style: italic;
    font-family: "Nimbus Roman No9 L","Times New Roman",Times,serif;
}




/*----------------------------------------------------------- 
	Dr. College Lecture
-----------------------------------------------------------*/
.blueBox-02{
    margin-bottom: 40px;
    padding: 40px 100px;
    border: 1px solid #bdd7ee;
    background: #f2f7fc;    
}
.blueBox-02 .pic{
    float: right;
    width: 320px;
    border: 1px solid #b3b3b3;
}
.blueBox-02 .profile{
    width: 430px;
    line-height: 1.5;
}
.blueBox-02 .profile .name{
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #bdd7ee;
    box-shadow: 0 1px 0 #f8fbfd;
    font-weight: bold;
    font-size: 24px;
}
.blueBox-02 .profile .class{
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #bdd7ee;
    box-shadow: 0 1px 0 #f8fbfd;
}
.blueBox-02 .profile .career{
    margin: 0;
    padding-top: 10px;
}
.blueBox-02 .profile .name .cho{
    position: relative;
    top: -6px;
    width: 24px;
    margin-right: 2px;
}
.blueBox-02 .profile .class .cho,
.blueBox-02 .profile .career .cho{
    position: relative;
    top: -4px;
    width: 16px;
    margin-right: 2px;
}





/*----------------------------------------------------------- 
	サポート
-----------------------------------------------------------*/
.heading .cho{
    width: 38px;
    padding-right: 5px;
}
.support-box li{
    float: left;
    width: 244px;
    margin-right: 8px;
    margin-bottom: 8px;
}
.support-box li:nth-child(4n){
    margin-right: 0;
}
.support-box li a {
    display: block;
    width: 100%;
    border: 1px solid #666464;
    color: #333434;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.support-box a:hover{
    opacity: .8;
    border-color: #0070c0;
    color: #ea5504;
    background: #bdd7ee;
    -webkit-box-shadow: 0 5px 5px #666464;
    box-shadow: 0 5px 5px #666464;
}
.support-box li a>div {
    display: table;
    table-layout: fixed;
}
.support-img{
    display: table-cell;
}
.support-text{
    display: table-cell;
    width: 144px;
    padding: 0 5px;
    border-left: 1px solid #ccc;
    line-height: 1.5;
    font-size: 14px !important;
    vertical-align: middle;
}
#supportContact {
    padding: 20px;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    letter-spacing: -.4em;
    color: #005488;
    background: #EFEFEF;
}
#supportContact>* {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
}
#supportContactTel {
    margin: 0 30px;
    font-size: 28px;
}
#supportContact a {
    color: #005488;
}
#supportContact .fa {
    position: relative;
    top: -1px;
    margin-right: 5px;
    font-weight: bold;
}
.support-blue{
    color: #004f99;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.support-box a:hover .support-blue{
    color: #ea5504;
}





/*-----------------------------------------------------------
	バルブのきほん
-----------------------------------------------------------*/
.basic-nav-wrap{
    margin-top: 60px;
}
.basic-nav-sp{
    display: none;
}
.basic-nav{
    display: table;
    table-layout: fixed;
    width: 1030px;
    height: 80px;
    margin-left: -15px;
    border-collapse: separate;
    border-spacing: 15px 0;
}
.basic-nav li{

    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    line-height: 1.5;
    overflow: hidden;
    background: #f1f1f1;
}
.basic-nav li.basic-nav-active{
    background: #0068b7;
}
.basic-nav li a{
    margin: -75px;
    padding: 75px 75px;
    font-weight: bold;
    text-decoration: underline;
    color: #0068b7;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.basic-nav li a:hover{
    opacity: .4;
}
.basic-nav li.basic-nav-active a{
    text-decoration: none;
    color: #fff;
    cursor: default;
    opacity: 1 !important;
}
.basic-warp{
    margin: 60px 0 -30px;
}
.basic-left{
    float: left;
    width: 320px;
    margin-right: 40px;
}
.basic-left p{
    line-height: 1.5;
}
.basic-right{
    float: left;
    width: 640px;
}
.basic-right p{
    line-height: 1.5;
}
.basic-heading-01{
    margin: 0;
    padding: 20px;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.5;
    text-align: center;
    color: #fff;
    background-size: 20px 20px !important;
}
.basic-heading-01-green{
    background-image: linear-gradient( -45deg, #3aa74b 25%, #2a8e3c 25%, #2a8e3c 50%, #3aa74b 50%, #3aa74b 75%, #2a8e3c 75%, #2a8e3c );
}
.basic-heading-01-blue{
    position: relative;
    background-image: linear-gradient( -45deg, #085f93 25%, #01507d 25%, #01507d 50%, #085f93 50%, #085f93 75%, #01507d 75%, #01507d );
}
.basic-heading-01-red{
    background-image: linear-gradient( -45deg, #e26a44 25%, #d71518 25%, #d71518 50%, #e26a44 50%, #e26a44 75%, #d71518 75%, #d71518 );
}
.basic-heading-01-gray{
    color: #005799;
    background-image: linear-gradient( -45deg, #fff 25%, #efefef 25%, #efefef 50%, #fff 50%, #fff 75%, #efefef 75%, #efefef );
}
.basic-heading-01-blue:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 290px;
    width: 32px;
    height: 36px;
    margin: auto;
    background: url("../basic/img/basic-icon-magnify.png") center center no-repeat;
    background-size: 32px 36px;
}
.basic-heading-02{
    margin: 0;
}
.basic-heading-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.basic-heading-wrap .basic-heading-img {
    width: 35%;
}
.basic-heading-wrap .basic-heading-txt {
    width: 60%;
    margin: 0 0 0 auto;
}
.basic-heading-wrap .basic-heading-txt .basic-heading-txt-en {
    display: block;
    color: #777777;
    font-size: 26px;
    font-weight: normal;
    margin: 65px 0 20px;
}
.basic-heading-wrap .basic-heading-txt .basic-heading-txt-ttl {
    display: block;
    color: #9e9e9e;
    font-size: 40px;
    letter-spacing: .1em;
}
@media only screen and (max-width: 640px) {
.basic-heading-02.basic-heading-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.basic-heading-wrap .basic-heading-img {
    width: 15vw;
    height: 9.9vw;
}
.basic-heading-wrap .basic-heading-txt {
    width: 78vw;
    margin: 0 auto 2vw 2vw;
}
.basic-heading-wrap .basic-heading-txt .basic-heading-txt-en {
    font-size: 4vw;
    margin: 0 0 2vw;
}
.basic-heading-wrap .basic-heading-txt .basic-heading-txt-ttl {
    font-size: 5.2vw;
}
}
.basic-heading-03{
    margin: 0 0 5px;
    font-weight: bold;
    font-size: 20px;
}
.basic-heading-04{
    display: table;
    float: left;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    background: #0068b7;
}
.basic-heading-04-inner{
    display: table-cell;
    width: 100px;
    height: 100px;
    text-align: center;
    vertical-align: middle;
}
.basic-heading-05{
    position: relative;
    margin: 20px 0 15px;
}
.basic-heading-05:after{
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    margin: auto;
    background: #ddd;
}
.basic-heading-05-inner{
    position: relative;
    z-index: 2;
    display: inline;
    padding-right: 10px;
    font-size: 18px;
    background: #fff;
}
.basic-aside-wrap{
    margin: 40px 0;
}
.basic-aside-contents{
    margin: 40px 0;
}
.basic-aside-contents .slider li{
    display: none;
    background: linear-gradient(to bottom, #2a8e3c, #fff) !important;
}
.bx-viewport .slider li{
  display: block !important;
}
.basic-aside-contents .slider li img{
    -webkit-transition: all .2s;
    transition: all .2s;
}
.basic-aside-contents .slider li img:hover{
    opacity: .6 !important;
}
.th88-popup{
    bottom: 10px;
}
.basic-align-right{
    margin: -40px 0 0;
    text-align: right;
}
.basic-align-right a{
    font-weight: bold;
    text-decoration: underline;
}
.basic-align-right a:hover{
    text-decoration: none;
}
.basic-aside-useful{
    margin: -40px 0 60px;
    padding: 30px;
    background: #ededed;
}
.basic-aside-useful li{
    float: left;
    width: 300px;
    margin-right: 20px;
    border: 1px solid #9fa0a0;
    border-radius: 5px;
    overflow: hidden;
    box-sizing: border-box;
    background: #d71518;
}
.basic-aside-useful li:nth-child(3n){
    margin-right: 0;
}
.basic-aside-useful li:nth-child(n+4){
    margin-top: 20px;
}
.basic-aside-useful li a{
    display: block;
    position: relative;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.basic-aside-useful li a:hover{
    opacity: .6;
}
.basic-aside-useful li:nth-child(n+5) a:after{
    content: "";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 40px;
    height: 40px;
    margin: auto;
    background: url("../../common/img/icon-memberonly.png") center center no-repeat;
    background-size: cover;
}
.basic-aside-wide{
    display: table;
    width: 1000px;
    padding: 20px;
    line-height: 1.5;
    background: #c50018;
    box-sizing: border-box;
}
.basic-aside-left{
    display: table-cell;
    width: 400px;
    margin: 0;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}
.basic-aside-link{
    display: table-cell;
    width: 600px;
    margin: 0 auto;
    padding: 10px;
    border-radius: 5px;
    color: #c50018;
    background: #fff;
    transition: all .2s;
}
.basic-aside-link:hover{
    opacity: .6;
}
.basic-aside-link-inner{
    display: table;
}
.basic-aside-link-img{
    display: table-cell;
    width: 200px;
    box-sizing: border-box;
}
.basic-aside-link-txt{
    display: table-cell;
    width: 400px;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    vertical-align: middle;
}
.basic-list-wrap{
    position: relative;
    margin-bottom: 40px;
}
.basic-list{
    display: block;
    position: absolute;
    width: 100px;
    height: 20px;
    top: 0;
    right: 20px;
    bottom: 0;
    margin: auto;
    padding: 10px;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #005799;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.basic-list:hover{
    color: #005799;
    background: #bcdcff;
}
.basic-type-wrap{
    position: relative;
    padding: 30px 0;
    border-bottom: 1px solid #666464;
}
.basic-type-img{
    display: block;
    float: left;
    width: 200px;
}
.basic-type{
    width: 550px;
    margin-left: 230px;
    line-height: 1.5;
}
.basic-type-where{
    width: auto;
    margin-left: 140px;
}
.basic-type-nolink{
    width: auto;
}
.basic-type-other{
    margin: 0;
    font-size: 14px;
    line-height: 1.3;
}
.basic-type-description{
    margin: 10px 0 0;
    padding-top: 10px;
    border-top: 1px solid #ddd;
}
.basic-type-where-description{
    margin: 0;
}
.basic-type-description+.basic-heading-03{
    margin-top: 20px;
}
.basic-type-description+.basic-type-dl,
.basic-type-where-description+.basic-type-dl{
    margin-top: 10px;
}
.basic-type-link{
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 200px;
    height: 50px;
    margin: auto;
    border-radius: 5px;
    font-weight: bold;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    color: #005799;
    background: #bcdcff;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.basic-type-link:hover{
    color: #fff;
    background: #005ca2;
}
.basic-type-where-link{
    display: table;
    position: static;
    width: auto;
    height: auto;
    margin: 10px 0 0 auto;
    padding: 15px;
    line-height: inherit;
}
.basic-type-where-link+.basic-type-dl{
    margin-top: 20px;
}
.basic-contents{
    margin: 40px 0 60px;
}
.basic-joint-description{
    margin: 0 0 20px;
    line-height: 1.5;
}
.basic-joint-table{
    table-layout: fixed;
    margin-bottom: 20px;
    border-collapse: collapse;
}
.basic-joint-table th,
.basic-joint-table td{
    width: 122px;
    padding: 5px 10px;
    border: 1px solid #666464;
    text-align: center;
}
.basic-joint-table-summary{
    margin: 20px 0 0;
    font-weight: bold;
    text-align: center;
}
.basic-aside{
    position: relative;
    z-index: 1;
    margin: 40px 0;
    padding: 20px;
    box-sizing: border-box;
    background: #e2f0ff;
    overflow: hidden;
}
.basic-aside:after{
    position: absolute;
    top: 0;
    left: -5px;
    z-index: 2;
    content: "Pick Up";
    font-weight: bold;
    font-size: 64px;
    color: #bcdcff;
    transform: rotate(-5deg);
    opacity: .6;
}
.basic-aside-ul{
    position: relative;
    z-index: 3;
}
.basic-aside-ul-02{
    width: 716px;
    margin: 0 auto;
}
.basic-aside-list{
    float: left;
    width: 228px;
    margin-right: 16px;
}
.basic-aside-list:last-child,
.basic-aside-list:nth-child(4n){
    margin-right: 0;
}
.basic-aside-list a{
    display: block;
    font-weight: bold;
    box-shadow: 0 0 10px #bbb;
    transition: all .3s;
}
.basic-aside-list a:hover{
    box-shadow: 5px 5px 10px #666;
    opacity: .8;
}
.basic-aside-img{
    position: relative;
    z-index: 3;
    overflow: hidden;
    transition: all .3s;
}
.basic-aside-img-inner{
    transition: all .3s;
}
.basic-aside-list a:hover .basic-aside-img-inner{
    transform: scale(1.2, 1.2);
}
.basic-aside-txt{
    display: block;
    padding: 30px 10px;
    text-align: center;
    color: #fff;
    background: #005799;
    box-shadow: 0 0 10px #666;
}
.basic-aside-list a:hover .basic-aside-txt{
    color: inherit;
}
.basic-aside-heading{
    position: relative;
    z-index: 3;
    margin: 0 0 20px;
    line-height: 1.5;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    color: #c50018;
}
.basic-aside-movie{
    display: block;
    width: 960px;
    margin: 0 auto;
    transition: all .2s;
}
.basic-aside-movie:hover{
    opacity: .8;
    transform: scale(1.05, 1.05);
}
.basic-type-dl{
    padding: 10px 15px 5px;
    border-radius: 5px;
    background: #f1f1f1;
}
.basic-type-dl+.basic-type-dl{
    margin-top: 10px;
}
.basic-type-dl+.basic-heading-03{
    margin-top: 30px;
}
.basic-type-dl dt{
    margin: 10px 0;
    font-weight: bold;
    color: #005799;
}
.basic-type-dl dd{
    margin: 10px 0 15px 1em;
}
.basic-search{
    margin: 20px auto;
}
.basic-search a{
    display: block;
    padding: 20px;
    border-radius: 5px;
    line-height: 1.5;
    font-weight: bold;
    text-align: center;
    color: #005ca2;
    background: #d6e9fe;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.basic-search a:hover{
    color: #fff;
    background: #005ca2;
}
.basic-nav-sub li{
    float: left;
    width: 49%;
}
.basic-nav-sub-02 li{
    float: none;
    width: auto;
}
.basic-nav-sub li:nth-child(2n){
    margin-left: 2%;
}
.basic-nav-sub-02 li:nth-child(2n){
    margin-left: 0;
}
.basic-nav-sub li:nth-child(n+3){
    margin-top: 10px;
}
.basic-nav-sub-02 li:nth-child(n+2){
    margin-top: 8px;
}
.basic-nav-sub-wide{
    width: 100% !important;
}
.basic-nav-sub li a{
    display: block;
    padding: 13px 10px;
    border-radius: 5px;
    line-height: 1.5;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    color: #005ca2;
    background: #d6e9fe;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.basic-nav-sub a:hover{
    color: #fff;
    background: #005ca2;
}




/*----------------------------------------------------------- 
///////////////以下、SP用///////////////
-----------------------------------------------------------*/

/*@media only screen and (max-device-width: 1300px) and (max-width: 640px) {*/
@media only screen and (max-width: 640px) {

.support-pickup{
    position: static;
}
.support-pickup-inner{
    display: none;
}
.support-pickup-inner-line{
    display: none;
}





/*----------------------------------------------------------- 
	フッター
-----------------------------------------------------------*/
#footerSupport{
	margin: 40px 10px 0;
	line-height: 1.5em;
}
#footerSupport a{
	display: inline-block;
	padding: 10px;
}





/*----------------------------------------------------------- 
	高圧ガス保安法 法令参照システムソフト
-----------------------------------------------------------*/
.houreiWrap{
	margin: 0 10px;
}
.houreiLeft{
	float: none;
	width: auto;
}
.houreiRight{
	float: none;
	width: 60%;
	margin: 10px auto;
}





/*----------------------------------------------------------- 
	講習会・施行説明会
-----------------------------------------------------------*/
.lectureWrap{
	margin: 0 10px;
}
.lecture-center{
    line-height: 1.5;
    font-size: 14px;
    text-align: left;
}
.lecture-center br{
    display: none;
}
.lecture-center1{
    font-weight: normal;
}
.lecture-right{
    margin: 5px 0 40px;
    line-height: 1.5;
    font-size: 12px;
    text-align: left;
}
.lecture-heading1{
    font-size: 16px !important;
}
.lecture-heading2{
    padding: 2px 0;
    padding-left: 13px;
    font-size: 16px;
}
.lecture-heading2:before{
    height: 28px;
}
.lecture-heading3{
    margin: 0 0 20px;
}
.lecture-heading4{
    margin: 0 0 5px;
    padding: 0 0 5px;
}
.lectureBottom{
	margin: 20px 0 40px;
}
.lectureBottomIn{
	float: none;
	width: auto;
    height: auto;
	padding: 0;
    border: 0;
}
.lectureBottomIn:last-child{
	border-right: 0;
}
.lectureBottomIn dt{
    margin-top: 10px !important;
}
.lectureBottomIn dd{
	border-left: 1px solid #3a7db8;
	margin: 0 0 0 7px;
    font-size: 14px;
}
.lectureBottomIn dd+dt{
    margin-top: 0;
}
.lecture-img{
    margin: 20px 0 0;
}
.lecture-image{
    float: none;
    width: auto;
}
.lecture-image:first-child{
    margin-right: 0;
}
.lecture-image-wrap{
    margin: 0 0 40px;
}
.lecture-image:last-child{
    clear: both;
    width: auto;
}
.lecture-image p{
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
}
.lecture-image-in img{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 5px;
    border-radius: 5px;
}
.lecture-image-in img:nth-child(2n),
.lecture-image-in img:last-child{
    margin-right: 0;
}
.lecture-image:last-child img:nth-child(2){
    margin-right: 0;
}
.lecture-lvup{
    margin: 20px 0;
}
.lecture-lvup1{
    position: static;
    margin-bottom: 40px;
}
.lecture-lvup1-right{
    float: none;
    width: auto;
}
.lecture-lvup1-left{
    width: auto;
    margin: 20px 0 0;
}
.lecture-lvup1-left img{
    padding: 2px;
}
.lecture-lvup1-left p{
    font-size: 12px;
    line-height: 1.5;
}
.lecture-lvup2-left{
    position: static;
    width: 40%;
    margin: 0 0 10px;
}
.lecture-lvup2-right{
    padding-left: 0;
}
.lecture-list{
    margin: 0 0 20px;
    line-height: 1.5;
    font-size: 14px;
}
.lecture-list:last-child{
    margin-bottom: 0;
}
.lecture-btn{
    width: 60%;
    margin: 40px auto 0;
}


/*----------------------------------------------------------- 
	Webセミナー
-----------------------------------------------------------*/
.seminarBlockWrap {
    padding-bottom: 20px;
}
.seminarBlockWrap * {
    box-sizing: border-box;
}
.webSeminarWrap .disp-sp {
    display: block;
}
.seminarBlock {
    width: 90%;
    margin: 0 auto;
}
.seminarPeriod {
    padding: 20px;
    flex-wrap: wrap;
    font-size: 4.5vw;
}
.seminarPeriod .periodDays {
    margin: 0.5em 0 0 0;
}
.seminarImg {
    padding: 0 20px;
}
.seminarImg img {
    width: 100%;
}
.seminarTitle {
    padding: 30px 20px;
}
.seminarTitle h2 {
    font-size: 5vw;
    padding: 0 0 10px 0;
    margin-bottom: 20px;
}
.seminarTitle p {
    text-align: left;
}
.seminarLecture {
    margin: 30px 20px;
    padding: 20px;
}
.lectureTitle {
    display: block;
    border: none;
    font-size: 4vw;
    background: none;
}
.lectureTitle p {
    border-radius: 50px;
    width: 100%;
    background: linear-gradient(270deg, rgba(0, 120, 178, 1), rgba(0, 71, 139, 1) 20%, rgba(0, 3, 66, 1));
}
.lectureTitle h3 {
    margin-left: 0;
    text-align: center;
    margin-top: 0.5em;
    width: 100%;
}
.lectureContents {
    margin-top: 0.5em;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
.lectureText, .lectureImg {
    width: 100%;
}
.lectureImg {
    margin-bottom: 20px !important;
}
.lectureImg img {
    padding: 30px;
    width: 100%;
}
.seminarTable {
    width: 90%;
    margin: 0 auto;
}
.seminarTable tr {
    margin-bottom: 1em;
}
.seminarTable tr th, .seminarTable tr td {
    display: block;
    width: 100%;
}
.seminarTable tr td {
    border-bottom: none;
    padding: 10px;
}
.seminarBtn {
    width: 90%;
    margin: 0 auto !important;
}
.seminarBtn a {
    margin-top: 20px;
}




/*----------------------------------------------------------- 
	製品展示車ご訪問
-----------------------------------------------------------*/
.caravanWrap{
	margin: 0 10px;
}
.caravanHeading{
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 1.5em;
	text-align: center;
}
.caravanImg{
	margin: 20px 0;
}

.caravan-title-wrap{
    margin-bottom: 10px;
	margin-top: 30px;
}

.caravan-bunner-wrap{
    margin: 10px 0;
}
	
	
.caravanTable{
	margin:  20px 0;
	border: 1px solid #999;
}
.caravanTable thead{
	display: none;
}
.caravanTable th,
.caravanTable td{
	display: block;
	border: 0;
}
.caravanTable td{
	padding: 5px 10px;
	border: 0;
}





/*----------------------------------------------------------- 
	現地メンテナンス
-----------------------------------------------------------*/
.maintenanceWrap{
	margin: 0 10px;
	font-size: 16px;
}
.maintenanceWrap p{
	margin-bottom: 20px;
}
.maintenanceIn{
	margin: 20px 0;
}
.maintenanceImg{
	width: 50%;
	margin: 0 auto;
}
.maintenanceList{
	margin: 20px;
}
.maintenanceList li{
	margin-bottom: 5px;
}
.maintenanceList>li>ol{
	margin: 5px 0px;
}





/*----------------------------------------------------------- 
	よくある質問(FAQ)
-----------------------------------------------------------*/
.supportQA h2{
	margin: 10px;
	font-size: 16px;
}

.supportQA{
	line-height: 1.5em;
}
.supportQA dt,
.supportQA dd{
	padding: 5px 5px 5px 30px;
	font-size: 14px;
	text-indent: -14px;
}
.supportQA dt:before,
.supportQA dd:before{
	top: 1px;
	left: -5px;
	width: 14px;
	height: 14px;
}
.supportQA dt:nth-of-type(2n),
.supportQA dd:nth-of-type(2n){
	background: #F7F7F7;
}
.supportQA dd{
	padding-bottom: 5px;
}




/*----------------------------------------------------------- 
	CADデータ
-----------------------------------------------------------*/
.caddata{
	margin: 40px auto 60px;
}
.caddata input[type="text"],
.caddata input[type="password"],
.caddata input[type="email"]{
	height: 30px;
	padding: 1px 5px;
	border: 1px solid #999;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.caddata input[type="text"]:focus,
.caddata input[type="password"]:focus,
.caddata input[type="email"]:focus{
	background: rgba(0 ,79 ,253, .05);
}
.caddata input[type="submit"],
.caddata button[type="button"]{
	font-weight: bold;
}
.caddata input[type="submit"]:hover,
.caddata button[type="button"]:hover{
	opacity: .8;
}

.cadLoginLeft{
	float: left;
	width: 240px;
	padding: 20px;
	border: 1px solid #999;
	border-radius: 5px;
}
.cadLoginLeft dt{
	margin-bottom: 5px;
	font-weight: bold;
}
.cadLoginLeft dd{
	margin-bottom: 10px;
}
.cadLoginLeft input{
	width: 100%;
}
.cadLoginBtn{
	display: inline-block;
	padding: 10px 15px;
	border-radius: 5px !important;
	font-weight: bold;
	color: #FFF;
	border: 1px solid #3E4042 !important;
	background: -webkit-linear-gradient(to bottom, #717577,#595C5E);
	background: linear-gradient(to bottom, #717577,#595C5E);
	cursor: pointer;
}
.cadLogin p{
	margin: 10px 0 0;
	font-size: 14px;
}
.cadLoginRight{
	float: left;
	margin-left: 40px;
	padding: 20px;
	border: 1px solid #999;
	border-radius: 5px;
}
.cadLoginNew{
	width: 150px;
	border: 1px solid #B2000E !important;
	background: -webkit-linear-gradient(to bottom, #FE4C5B,#E60012);
	background: linear-gradient(to bottom, #FE4C5B,#E60012);
	cursor: pointer;
}

.cadSearch{
	margin-top: 20px;
	font-size: 16px !important;
}
.cadSearchText{
	width: 200px;
	border: 2px solid #004F99 !important;
	border-right: 0;
}
.cadSearchBtn{
	padding: 6px 10px;
	border-radius: 0;
	color: #FFF;
	background: #004F99;
	cursor: pointer;
}

.caddata table{
	width: 100%;
	border-collapse: collapse;
}
.caddata th,
.caddata td{
	padding: 10px;
	border: 1px solid #DCDCDC;
	text-align: left;
}
.cadCatalog th{
	background: #F5F5F5;
}

.cadResultHead1{
	color: #FFF;
	background: #969696;
}
.cadResultHead2{
	background: #E6E6E6;
}
.cadResultHead3{
	background: #F5F5F5;
}
.cadResultHead3 th{
	font-weight: normal;
}

.cadResultPageWrap{
	margin: 10px 0;
}
.cadResultPage1{
	height: 24px;
}
.cadResultPage2{
	display: inline;
}
.cadResultPage2:before{
	content: "/";
	padding-right: 5px;
}

.cadResultTxt2{
	color: #F00;
}

/* ご利用上の注意・ご利用規約---------- */
.cadNotice{
	margin: 20px 10px;
}
.cadNotice ul{
	padding-left: 1.5em;
}





/*----------------------------------------------------------- 
	超モノづくり部品大賞受賞製品
-----------------------------------------------------------*/
.monoWrap{
	padding: 0 10px;
    word-break: break-all;
}
.monoAward{
	font-size: 10px;
}
.monoWrap .cho{
	width: 12px;
	top: -2px;
}
.monoHead1{
    font-size: 16px;
}
.monoHead1 .cho {
    width: 18px !important;
}
.monoHead2{
    margin-bottom: 40px;
}
.monoImg-01{
	width: 80%;
}
.monoImg-02{
	width: 100%;
}
.kome, .kome-02{
	text-align: left;
}




/*----------------------------------------------------------- 
	Cv値計算・流量計算ツール
-----------------------------------------------------------*/
.calculatorWrap{
    margin: 0 10px;
    padding: 0 0 20px;
    background: transparent;
}
.calculator{
    width: 100%;
    font-size: 16px;
}
.calculator th,
.calculator td{
    display: block;
}
.calculator td:last-child{
    margin-bottom: 10px;
}
.calculator .order{
    width: auto;
    padding: 10px;
    border-bottom: 0;
    font-size: 16px;
}
.calculator .select{
    width: 100%;
    padding: 10px;
}
.calculator .btn+.btn,
.calculator .option{
    margin-top: 5px;
}
.calculator .result{
    margin-top: 10px;
    padding: 20px 10px 10px;
    border-top: 0;
}
.calculator .result-1,
.calculator .result-2,
.calculator .result-3{
    display: block;
}
.calculator .result-1{
    margin-right: 0;
    padding: 15px;
    font-size: 20px !important;
}
.calculator .result-2{
    position: static;
    margin-top: 10px;
    margin-right: 0;
    font-size: 48px !important;
}
.calculator .result-3{
    text-align: right;
}
.calculator .result-4{
    margin-top: 10px;
    font-size: 12px;
    line-height: 1.5;
}
.calculator-graf{
    overflow: scroll;
}
.calculator-graf img{
    width: 500px;
}
.calculator-kome{
    margin: 0 10px;
    line-height: 1.5;
    text-align: justify;
}
.calculator-kome dd{
    font-size: 14px;
}

.calculator-catalog {
    padding: 0 2%;
    max-width: 46%;
}



/*----------------------------------------------------------- 
	生産終了品のご案内
-----------------------------------------------------------*/
.oldlineWrap{
    margin: 10px 0 40px;
    overflow: scroll;
}
.oldline{
    width: 1000px;
    margin: 0 10px 10px;
}
.oldline th{
    padding: 5px;
    font-size: 16px;
}
.oldline td{
    padding: 10px;
}
.oldline .img{
    width: 75%;
    border-radius: 10px;
}





/*----------------------------------------------------------- 
	継手口径一覧
-----------------------------------------------------------*/
.diameterWrap{
    margin: 10px 0 40px;
    overflow: scroll;
}
.diameterWrap p,
.diameter{
    width: 1000px;
    margin: 0 10px 10px;
}





/*----------------------------------------------------------- 
	継手締付一覧
-----------------------------------------------------------*/
.fastenWrap{
    margin: 0 10px 30px;
}
.fastenWrap p{
    margin: 5px 0;
    line-height: 1.5;
    font-size: 14px;
    text-align: justify;
}
.fasten img{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 5px;
}
.fasten img:nth-child(2n){
    margin-right: 0;
}





/*----------------------------------------------------------- 
	ねじ接合継手
-----------------------------------------------------------*/
.screwWrap{
    margin: 0 10px 30px;
    text-align: justify;
}
.screwWrap dl{
    margin-top: 20px;
}
.screwWrap dt{
    font-size: 16px;
}
.screw img{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 5px;
}
.screw img:nth-child(3n){
    margin-right: 2%;
}
.screw img:nth-child(2n){
    margin-right: 0;
}





/*----------------------------------------------------------- 
	モノづくり部品大賞受賞製品
-----------------------------------------------------------*/
.mono-partsWrap{
    margin: 0 10px 30px;
    text-align: justify;
}
.section h2 .cho{
    top: -3px;
    width: 24px;
    margin-right: 3px;
}
.mono-partsWrap a{
    position: static;
    padding: 0;
}
.mono-partsWrap a:hover{
    background: transparent;
    opacity: .8;
}
.mono-partsWrap a:after{
    content: "詳細を見る";
    position: static;
    width: auto;
    height: auto;
    padding: 10px;
    text-align: center;
    background: #004EA2;
    border: 0;
    color: #fff;
}
.mono-parts img{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 5px;
}
.mono-parts img:nth-child(2n){
    margin-right: 0;
}
.mono-partsWrap .pic{
    display: block;
    width: 50%;
    margin: 0 auto 5px;
}





/*----------------------------------------------------------- 
	博士学位論文要約
-----------------------------------------------------------*/
.blueBox-01{
    margin: 0 10px 20px;
    padding: 20px 10px;
}
.blueBox-01 .pic{
    display: block;
    float: none;
    width: 50%;
    margin: 0 auto;
}
.blueBox-01 .profile{
    padding-left: 0;
}
.blueBox-01 .profile .name{
    margin: 10px 0 0;
    font-size: 20px;
    text-align: center;
}
.blueBox-01 .profile .class{
    font-size: 14px;
}
.blueBox-01 .profile .career{
    font-size: 14px;
}
.blueBoxNotes:after{
    top: 0;
    left: auto;
    right: 20px;
    font-size: 50px;
}
.mathbar{
    overflow: hidden;
}
.MJXc-display{
    overflow-x: scroll;
}
.MJXc-display::-webkit-scrollbar{
    height:2px;
}
.MJXc-display::-webkit-scrollbar-track{
    background: #ddd;
}
.MJXc-display::-webkit-scrollbar-thumb{
    background: #bdd7ee;
}





/*----------------------------------------------------------- 
	Dr. College Lecture
-----------------------------------------------------------*/
.blueBox-02{
    margin: 0 10px 20px;
    padding: 20px 10px;
}
.blueBox-02 .pic{
    display: block;
    float: none;
    width: 75%;
    margin: 0 auto;
}
.blueBox-02 .profile{
    width: auto;
}
.blueBox-02 .profile .name{
    margin: 10px 0 0;
    font-size: 20px;
    text-align: center;
}
.blueBox-02 .profile .name .cho{
    top: -4px;
}
.blueBox-02 .profile .class{
    font-size: 14px;
}
.blueBox-02 .profile .career{
    font-size: 14px;
}





/*----------------------------------------------------------- 
	サポート
-----------------------------------------------------------*/
.heading .cho{
    width: 24px;
}
.support-box {
    margin: 0 10px 30px;
}
.support-box li{
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
}
.support-box li a>div {
    display: table;
    table-layout: auto;
}
.support-img{
    width: 90px;
}
.support-text{
    width: 100%;
}
.support-text br{
    display: none;
}
#supportContact>* {
    display: block;
}
#supportContactTel {
    margin: 5px 0;
    padding: 5px 10px 10px;
    font-size: 20px;
    background: #FFF;
}
#supportContactMail {
    margin: 5px 0;
    padding: 5px 10px 10px;
    font-size: 20px;
    background: #FFF;
}
#supportContact a {
    padding: 5px;
}





/*-----------------------------------------------------------
	バルブのきほん
-----------------------------------------------------------*/
.basic-nav-wrap{
    margin-top: 30px;
}
.basic-nav{
    display: none;
}
.basic-nav-sp{
    display: block;
}
.basic-warp{
    margin: 30px 0;
}
.basic-left{
    float: none;
    width: auto;
    margin: 0 10px 10px;
}
.basic-left img{
    display: block;
    width: 40%;
    margin: 0 auto;
}
.basic-right{
    float: none;
    width: auto;
}
.basic-right p{
    margin: 10px 10px 20px;
    line-height: 1.5;
    text-align: justify;
}
.basic-heading-01{
    padding: 20px 10px;
    font-size: 16px;
}
.basic-heading-01-blue:before{
    display: none;
}
.basic-heading-02{
    margin: 0;
}
.basic-heading-03{
    font-size: 16px;
}
.basic-heading-04{
    float: none;
    margin: 0 auto 10px;
}
.basic-heading-05{
    margin: 15px 0 10px !important;
}
.basic-heading-05-inner{
    font-size: 16px;
}
.basic-aside-wrap{
    margin: 30px 0;
}
.basic-aside-contents{
    margin: 30px 0;
}
.th88-popup{
    bottom: 5px;
}
.basic-align-right{
    margin: 0 10px 0 0;
    text-align: right;
}
.basic-aside-useful{
    margin: -30px 0 30px;
    padding: 30px 10px;
    background: #ededed;
}
.basic-aside-useful li{
    width: 49%;
    margin-right: 2%;
    background: #fff;
}
.basic-aside-useful li:nth-child(2n){
    margin-right: 0 !important;
}
.basic-aside-useful li:nth-child(3n){
    margin-right: 2%;
}
.basic-aside-useful li:nth-child(n+3){
    margin-top: 7px;
}
.basic-aside-wide{
    display: block;
    width: auto;
    padding: 10px;
}
.basic-aside-left{
    display: block;
    width: auto;
    padding-bottom: 5px;
    font-size: 16px;
}
.basic-aside-left br{
    display: none;
}
.basic-aside-link{
    display: block;
    width: auto;
}
.basic-aside-link-inner{
    display: block;
}
.basic-aside-link-img{
    display: block;
    margin: 0 auto 5px;
}
.basic-aside-link-txt{
    display: block;
    width: auto;
    font-size: 16px;
}
.basic-list-wrap{
    position: static;
    margin-bottom: 30px;
}
.basic-list{
    position: static;
    width: 30%;
    height: auto;
    margin: 20px auto 0;
}
.basic-type-wrap{
    position: static;
    margin: 0 10px;
    padding: 15px 0;
}
.basic-type-img{
    float: none;
    width: 40%;
    margin: 0 auto 10px;
}
.basic-type{
    width: auto;
    margin-left: auto;
}
.basic-type-where{
    margin-left: auto;
}
.basic-type-other{
    font-size: 12px;
    line-height: 1.5;
}
.basic-type-description{
    text-align: justify;
}
.basic-type-where-description{
    margin: 0;
}
.basic-type-description+.basic-heading-03{
    margin-top: 20px;
}
.basic-type-description+.basic-type-dl,
.basic-type-where-description+.basic-type-dl{
    margin-top: 10px;
}
.basic-type-link{
    position: static;
    width: auto;
    height: auto;
    margin: 10px 0 0;
    padding: 15px 10px;
    line-height: inherit;
}
.basic-type-where-link{
    display: block;
    position: static;
    width: auto;
    height: auto;
    margin: 10px 0 0;
    padding: 15px 10px;
    line-height: inherit;
}
.basic-type-where-link+.basic-type-dl{
    margin-top: 20px;
}
.basic-contents{
    margin: 30px 0;
}
.basic-joint-description{
    margin: 0 10px 10px;
    line-height: 1.5;
    text-align: justify;
}
.basic-joint-table{
    margin: 0 5px 10px;
}
.basic-joint-table th,
.basic-joint-table td{
    width: auto;
    padding: 5px;
    font-size: 10px;
}
.basic-joint-table-summary{
    margin: 10px 0 0;
    font-size: 12px;
}
.basic-aside{
    margin: 20px 0;
    padding: 10px;
}
.basic-aside:after{
    font-size: 48px;
}
.basic-aside-ul-02{
    width: 100%;
    margin: 0;
}
.basic-aside-list{
    display: table;
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
}
.basic-aside-list:last-child,
.basic-aside-list:nth-child(4n){
    margin-bottom: 0;
}
.basic-aside-ul-02 .basic-aside-list{
    display: block;
}
.basic-aside-img{
    display: table-cell;
    width: 30%;
    border: 2px solid #005799;
    box-shadow: none;
}
.basic-aside-list a:hover .basic-aside-img{
    box-shadow: none;
}
.basic-aside-list a:hover .basic-aside-img-inner{
    transform: none;
}
.basic-aside-txt{
    display: table-cell;
    width: 70%;
    margin: 0;
    padding: 0 10px;
    text-align: left;
    vertical-align: middle;
    box-shadow: none;
}
.basic-aside-ul-02 .basic-aside-txt{
    display: block;
    width: auto;
    padding: 20px 10px;
    text-align: center;
}
.basic-aside-heading{
    margin: 0 0 10px;
    font-size: 16px;
}
.basic-aside-movie{
    width: 100%;
}
.basic-aside-movie:hover{
    transform: none;
}
.basic-type-dl{
    padding: 10px 10px 5px;
    text-align: justify;
}
.basic-type-dl dt{
    margin: 5px 0;
}
.basic-type-dl dd{
    margin: 5px 0 10px 1em;
}
.basic-search{
    margin: 20px 10px;
}
.basic-search a{
    display: block;
    padding: 15px 10px;
}
.basic-search a:hover{
    color: #fff;
    background: #005ca2;
}
.basic-nav-sub li{
    float: none;
    width: auto;
    margin-bottom: 5px;
}
.basic-nav-sub li:nth-child(2n){
    margin-left: 0;
}
.basic-nav-sub li:nth-child(n+3){
    margin-top: inherit;
}





}