/* seatrail_type */

#page_seatrail_type .text{line-height:1.8;}
#page_seatrail_type .type_wrap{
    display:flex;
    gap:30px;
	margin-bottom:30px;
}
#page_seatrail_type .type_wrap.mt{margin-top:60px;}
#page_seatrail_type .type_wrap .type_box{
	flex:1;
    display: flex;
    flex-direction: column;
}
#page_seatrail_type .h3{
  font-size: 25px;
  font-weight: 700;
  border-bottom: 1px solid #8A8A8A;
  padding-bottom: 8px;
  line-height: 1.5;
  padding-left: 15px;
  position: relative;
}
#page_seatrail_type .h3:before {
  content: "";
  position: absolute;
  display: block;
  top: 10%;
  left: 0;
  width: 3px;
  height: 70%;
  background: #0048CF;
}
#page_seatrail_type .type_wrap .type_box .text{
    margin-bottom: 30px;
}
#page_seatrail_type .type_wrap .type_box .type_img{margin-top:auto;}
#page_seatrail_type .type_wrap .type_box .common-btn{
	margin-top:0;
	margin-bottom:30px;
}
#page_seatrail_type .h4 {
  font-size: 18px;
  font-weight: 700;
  position: relative;
  padding-left: 27px;
  line-height: 1.5;
  margin-top:0
}
#page_seatrail_type .h4 + * {
  margin-top: 20px !important;
}
#page_seatrail_type .h4:before {
	content:none;
}
#page_seatrail_type .h4:after {
  content: "";
  position: absolute;
  display: block;
  top: 12px;
  left: 0;
  width: 23px;
  height: 3px;
  background: #0048CF;
}
@media screen and (max-width: 768px) {
#page_seatrail_type .type_wrap{flex-direction: column;}
}

/* bodyparts_type */

#page_bodyparts_type .text{line-height:1.8;}
#page_bodyparts_type .type_wrap{
    display:flex;
    gap:30px;
}
#page_bodyparts_type .type_wrap .type_box{
	flex:1;
    margin-top:30px;
}
#page_bodyparts_type .type_wrap .type_box .text{
    margin-bottom:30px;
}
#page_bodyparts_type .type_wrap .type_box .type_img{
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
}
#page_bodyparts_type .type_wrap .type_box .type_img p.noimage{width:300px;}
#page_bodyparts_type .type_wrap .type_box .type_img .cross{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#page_bodyparts_type .type_wrap .type_box .type_img .cross .text{margin-bottom:0;}
@media screen and (max-width: 768px) {
#page_bodyparts_type .type_wrap{flex-direction: column;}
#page_bodyparts_type .type_wrap .type_box .type_img img.main,
#page_bodyparts_type .type_wrap .type_box .type_img p.noimage{width:70%;}
#page_bodyparts_type .type_wrap .type_box .type_img .cross{flex:1;}
}

/* safety-standards */

#page_safety-standards ul.anchor{list-style:none;}
#page_safety-standards h3.issuance{
  font-size: 22px;
  font-weight: 700;
  color:#fff;
  border-bottom:none;
  padding:10px;
  line-height: 1.5;
  text-align:center;
  background:#555;
}
#page_safety-standards h3.issuance:before {
  content:none;
}
#page_safety-standards h4.issuance {
  font-size: 25px;
  font-weight: 700;
  border-bottom: 1px solid #8A8A8A;
  padding-bottom: 8px;
  line-height: 1.5;
  padding-left: 15px;
  position: relative;
}
#page_safety-standards h4.issuance:before {
  content: "";
  position: absolute;
  display: block;
  top: 10%;
  left: 0;
  width: 3px;
  height: 70%;
  background: #0048CF;
}
#page_safety-standards h4.issuance:after {
    content:none;
}
#page_safety-standards .caution{
    margin: 50px 30px 0;
    padding: 20px 30px;
    background: #ffefef;
}
#page_safety-standards .notice{
    padding: 15px 20px;
    background: #ffffee;
    margin-bottom: 20px;
    border: 1px dotted #ffcc00;
}
#page_safety-standards a.modal-open{
    font-size: 15px;
    font-weight: 500;
	display:block;
	margin-top:10px;
}
#page_safety-standards a.modal-open:hover{
	cursor:pointer;
}
#page_safety-standards p.text.label{color:red;}
#page_safety-standards .img_label{
    width:100%;
    max-width:800px;
    aspect-ratio:1300 / 420;
    margin:30px auto;
    background: url(../img/security-standards/label_pc.png) no-repeat left top;
    background-size: cover;
}

/* flow */

#page_flow a.center img{
    width: 70%;
    display: block;
    margin: 30px auto 15px;
    max-width: 400px;
}
#page_flow p.text.center{
    text-align:center;
}
#page_flow .flow_wrap{
    display: flex;
    gap: 30px;
}
#page_flow .flow_wrap .flow_box{width:65%;}
#page_flow .flow_wrap .flow_box .flow_step{
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 50px;
    margin-left:0;
}
#page_flow .flow_wrap .flow_box .flow_step li{
    display: flex;
    align-items: center;
    gap: 20px;
	position:relative;
}
#page_flow .flow_wrap .flow_box .flow_step li:nth-of-type(n+2):after{
    content:"";
    display:inline-block;
    width:0;
    height:0;
    border-top:20px solid #aaaaaa;
    border-right:30px solid transparent;
    border-bottom:20px solid transparent;
    border-left:30px solid transparent;
    position:absolute;
    top:-40px;
    left:calc(50% + 30px);
}
#page_flow .flow_wrap .flow_box .flow_step li span.step{
    background: #303030;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    padding: 20px;
}
#page_flow .flow_wrap .flow_box .flow_text{
    flex:1;
    padding: 15px;
    background: #f3f3f3;
}
#page_flow .flow_wrap .flow_box .flow_text .text{line-height:1.8;}
#page_flow .flow_wrap .flow_box .flow_text .download{
    width: 80%;
    font-size: 14px;
    padding: 0 50px 0 20px;
    margin-top: 20px;
    background: #fff;
}
#page_flow .flow_wrap .flow_box .flow_text .text.tel span{
    font-size:20px;
    font-weight:bold;
}
#page_flow .flow_wrap .image{flex:1;}

@media screen and (max-width: 768px) {
#page_flow .flow_wrap{
    flex-direction:column-reverse;
}
#page_flow .flow_wrap .flow_box{
	width:100%;
}
#page_flow .flow_wrap .flow_box .flow_text .download{
	height:auto;
}
}

/* shop */

#page_shop .shop_wrap{
    display: flex;
    gap: 30px;
}
#page_shop .shop_wrap{margin-top:30px;}
#page_shop h2 + .shop_wrap{margin-top:0;}
#page_shop .shop_wrap .shop_text{width:50%;}
#page_shop .shop_wrap .shop_map{
	flex: 1;
    padding-top: 20px;
}
#page_shop .shop_wrap .shop_map iframe{
    width:100%;
    height:250px;
}
@media screen and (max-width: 768px) {
#page_shop .shop_wrap{flex-direction:column;}
#page_shop .shop_wrap .shop_text{width:100%;}
#page_shop .shop_wrap .shop_text table th{width:35%;}
}

/* contact */

#page_contact .tel span{
	font-size:28px;
    font-weight:bold;
}
#page_contact table.mailform{
	max-width:800px;
    margin:0 auto;
}
#page_contact table.mailform td input{
    width:100%;
    height:35px;
    border:none!important;
    background:#f5f5f5;
    font-family:inherit;
}
#page_contact table.mailform td textarea{
    width:100%;
    height:200px;
    border:none!important;
    background:#f5f5f5;
    font-family:inherit;
    padding:5px;
}
#page_contact input.wpcf7-submit{
    width: 240px;
    height: 50px;
    border: solid 1px #0048CF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 15px;
    color: #ffffff;
    text-decoration: none;
    margin: 40px auto 0 auto;
    position: relative;
    background: #0048CF;
}
#page_contact input.wpcf7-submit:hover{
	cursor : pointer;
}
#page_contact .comment{
    text-align:center;
}
#page_contact table.mailform.certificate{
    margin-top:30px;
}
#page_contact table.mailform.certificate tr.heading th{
    background:#ddd;
	text-align:center;
}
#page_contact table.mailform.certificate tr.serialnumber textarea{
    height:100px;
}
#page_contact table.mailform.certificate .modal-open{
    cursor:pointer;
}
@media screen and (min-width: 769px) {
#page_contact table.mailform.certificate th{
    width:240px;
}
}
@media screen and (max-width: 768px) {
#page_contact table.mailform{
    border-top:none;
}
#page_contact table.mailform th{
    display:block;
    width:100%;
    border:none;
    border-top:1px solid #D1D1D1;
}
#page_contact table.mailform td{
    display:block;
    width:100%;
    border:none;
}
}

/* orderform */

#page_orderform .tel span{
	font-size:28px;
    font-weight:bold;
}
#page_orderform table.mailform{
	max-width:800px;
    margin:0 auto;
}
#page_orderform table.mailform td input[type="text"],
#page_orderform table.mailform td input[type="tel"],
#page_orderform table.mailform td input[type="email"]{
    width:100%;
    height:35px;
    border:none!important;
    background:#f5f5f5;
    font-family:inherit;
}
#page_orderform table.mailform tr.post-code input.post-code1{width:80px;}
#page_orderform table.mailform tr.post-code input.post-code2{width:100px;}
#page_orderform table.mailform td select{
    height:35px;
}
#page_orderform table.mailform td textarea{
    width:100%;
    height:200px;
    border:none!important;
    background:#f5f5f5;
    font-family:inherit;
    padding:5px;
}
#page_orderform input.wpcf7-submit{
    width: 240px;
    height: 50px;
    border: solid 1px #0048CF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 15px;
    color: #ffffff;
    text-decoration: none;
    margin: 40px auto 0 auto;
    position: relative;
    background: #0048CF;
}
#page_orderform input.wpcf7-submit:hover{
	cursor : pointer;
}
#page_orderform .comment{
    text-align:center;
}
#page_orderform table.mailform.certificate{
    margin-top:30px;
}
#page_orderform table.mailform.certificate tr.heading th{
    background:#ddd;
	text-align:center;
}
#page_orderform table.mailform.certificate tr.serialnumber textarea{
    height:100px;
}
#page_orderform table.mailform.certificate .modal-open{
    cursor:pointer;
}
#page_orderform .gray{
    margin: 30px;
    background: #ffffcf;
    padding: 20px;
}
#page_orderform .gray .mailform tr td{
    background:#fff;
}
#page_orderform table.mailform tr.maker td span.position span:nth-of-type(3){
	display:inline;
}
#page_orderform table.mailform tr.maker td span.position span:nth-of-type(3):after{
  content: "";
  display: block;
  height: 0;
}
@media screen and (min-width: 769px) {
#page_orderform table.mailform.certificate th{
    width:240px;
}
}
@media screen and (max-width: 768px) {
#page_orderform table.mailform{
    border-top:none;
}
#page_orderform table.mailform th{
    display:block;
    width:100%;
    border:none;
    border-top:1px solid #D1D1D1;
}
#page_orderform table.mailform td{
    display:block;
    width:100%;
    border:none;
}
#page_orderform .gray{
	margin:30px 0;
}
}

/* sitemap */

#page_sitemap .link_list li a{text-decoration:underline;}
