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

/* --------------------------------------------------------------------------------------
font-family
--------------------------------------------------------------------------------------- */

@font-face{
    font-family: 'NotoSansSC';
    src:url(../../font/NotoSansSC-Thin.otf);
    font-weight:100;
    font-style:normal;
}
@font-face{
    font-family: 'NotoSansSC';
    src:url(../../font/NotoSansSC-Light.otf);
    font-weight:300;
    font-style:normal;
}
@font-face{
    font-family: 'NotoSansSC';
    src:url(../../font/NotoSansSC-Regular.otf);
    font-weight:400;
    font-style:normal;
}
@font-face{
    font-family: 'NotoSansSC';
    src:url(../../font/NotoSansSC-Bold.otf);
    font-weight:700;
    font-style:normal;
}
/* --------------------------------------------------------------------------------------
コンテンツ
--------------------------------------------------------------------------------------- */
.wrapper{
	font-family: "NotoSansSC";
	width: 100%;
    margin: 30px 0;
}

.wrapper .contents_head{
	width: 100%;
    /*background:url("../img/bg.jpg") no-repeat;*/
    background-position: top center;
    /*height:334px;*/
    color:#FFF;
}
.in_box{
    width:960px;
    /*padding-left: 70px;*/
    margin: 50px auto 0;
        
}
.wrapper .contents_head .in_box h2{
    font-size: 50px;
    padding: 39px 0 0px;
    /*margin-left:-70px;*/
    text-align: center;
}
.wrapper .contents_head .left_box{display: inline-block; vertical-align: top;}
.wrapper .contents_head .left_box{padding-top: 0px;}
.wrapper .contents_head .left_box ul li{
    display:inline-block;
    vertical-align: middle;
    font-size: 24px;
    border-right: solid 1px #FFF;
    padding: 10px 10px;
    font-weight: bold;
    min-width: 149px;
    text-align: center;
}
.wrapper .contents_head .left_box ul li:first-child{border-left: solid 1px #FFF;}



.wrapper  .contents_main{
    width:960px;
    padding: 30px 0 44px 70px;
    margin: auto;
}

.wrapper  .contents_main .note{text-align: center; font-size: 25px; line-height: 2.0em;}

.wrapper  .contents_main .col_wrap{max-width: 900px; margin: 50px auto 0 ;}
.wrapper  .contents_main .col_wrap .col{display: inline-block; vertical-align: top;}
.wrapper  .contents_main .col_wrap .col h3{
    font-size: 18px;
    font-weight: normal;
    text-indent: -1.5em;
    padding-left: 1.5em;
    line-height: 1.5em;
    margin:0 0 50px 0;
}
.wrapper  .contents_main .col_wrap .col h3::before{
    content: '■';
    color:#00A6BA;
    padding:0 0.5em 0 0;
    
}
.wrapper  .contents_main .col_wrap .col:nth-child(2){padding-left: 50px;}
.wrapper  .contents_main .col_wrap .col:nth-child(2) a img{max-width: 142px;}
.wrapper  .contents_main .col_wrap .col:nth-child(2) a:hover{opacity: 0.6}
/*関連製品*/

.dl_wrapper{
    width: 942px;
    margin: 0 auto 60px;}
.dl_wrapper h3 {
    background-color: #D01619;
    color: #FFF;
    padding: 5px 0 5px 10px;
    font-weight: normal;
    font-size: 13px;
    width: 942px;
}


/*お問い合わせリンクボタン*/
.inq_link{
	clear:both;
	text-align: center;
	padding: 0px 0 10px 0 ; 
}