@charset "utf-8";
/* CSS Document */

/*===================================
共通
===================================*/
body {
	font-family: "Noto Sans JP","NotoSans woff";
	font-display: swap;
	color: #231815;
}
.main_wrapper {
  width: 100%;
  max-width: 960px;
  margin: 30px auto 60px;
}

/*===================================
メインタイトル
===================================*/
.top_title{margin: 50px 0 0px;text-align: center;}
.top_title h2{font-size:36px; padding-bottom: 30px;}

/*===================================
セクションパーツ
===================================*/
section .secbox{margin: 40px 0 80px;}
section .secbox h3{
    display: block;    
    width: 188px;
    font-size:16px;
    margin: 20px 0 10px;
    padding: 10px 0 10px 10px;
    text-align: left;
    color:#FFF;
    background:#00A0E9;
    font-weight:normal;   
}
section .secbox h4{
    display: block;
    font-size: 28px;
    line-height: 49px;
    padding: 0px 0px 10px 0px;
}
section .secbox .h4_1{
    padding: 0px 0px 0px 0px!important;
}
section .secbox h4.h4_2{
    display: block;
    border-left: solid 40px #BF0008;
    font-size: 28px; 
    line-height: 1.8em!important;
    padding: 10px 0px 10px 20px!important;
    margin: 30px 0 30px;
}
section .secbox p{font-size: 16px; line-height: 30px;}
section .secbox p.txt01{margin-top: -10px;}
.col2_r,.col2_l{display: inline-block; vertical-align: top;}
.col2_l{width: 55%; padding-right:4%;}
.col2_r{width: 40%; text-align: center;}
.col2_r .caption{margin: 5px 0 0 50px;}
.col2_r .caption p{
    text-align: left; 
    font-size: 10px;
    line-height: 1.5em;
    margin-left:20px;
    text-indent: -13px;
}

section .secbox .pdf_link{text-align: center;}
section .secbox .pdf_link a:hover{opacity: 0.8;}

/*関連製品*/
.related_products{margin-top: 20px;}
.related_products ul li{display: inline-block; width: 30%; padding-left:4%; vertical-align: top;}
.related_products ul li:first-child{padding-left:0%;}
.related_products ul li a{
    display: block;
    position:relative;
    width: 294px;
    height: 317px;
    border:solid 1px #595757;
    text-align: center;
    text-decoration: none;
}
.related_products ul li a:hover{opacity: 0.8; color:#595757; }
.related_products ul li a img{padding: 20px 0 10px;}
.related_products ul li a .mname1,
.related_products ul li a .mname2{
    text-align: left;
    font-size: 16px;
    padding: 2px 10px;
}
.related_products ul li a .link{
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    background: #00A0E9;
    padding: 5px 0;
    margin: 15px 0 0;
}

/*余白調整用*/
section .secbox .pd_l{padding-left: 30px!important;}
section .secbox .pd_t{padding-top: 15px!important;}