@charset "UTF-8";

/*--------------------------------
  画面幅による制御について
    PC :851px～（表示幅を制限する場合は1280px）
    SP :mobile :～850px（最小サイズは320px）
        mobile/tabletを分ける場合は560px/561px
---------------------------------*/

.wrapper1 {
    max-width: 960px;
    margin: 0 auto;
    padding: min(4%, 30px);
}
.inner1 {
    padding: 0
}

.h1Style1 {
    display: flex;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    height: 84px;
    margin:0px;
    background:url('../img/h1_style1_back.gif') no-repeat left top;
    font-size:28px;
    line-height:1.25;
    font-weight:500;
    color:#000;
}
@media (max-width: 850px) {
	.h1Style1 {
	    width: 100%;
	    height: auto;
	    margin: 20px 0 10px 0px;
	    padding: 20px;
	    background: no-repeat;
	    font-size: 18px;
	    vertical-align: top;
	    line-height: 1.25;
	    font-weight: normal;
	    color: #000;
	    border: 1px solid #9DD3DD;
	    border-radius: 5px;
	    border-left: 9px solid #0099cc;
	}
}
@media screen and (min-width: 1341px) {
	.h1Style1 {
	    width: 1280px;
	    padding-left: 288px;
	    background-size:1250px 84px;
	}
}
@media screen and (min-width: 1281px) and (max-width: 1340px) {
	.h1Style1 {
	    width: calc(1220px + 60 * ((100vw - 1280px) / (1340 - 1280)));
	    padding-left: calc(274px + 14 * ((100vw - 1280px) / (1340 - 1280)));
	    background-size: calc(1220px + 30 * ((100vw - 1280px) / (1340 - 1280))) 84px;
	}
}
@media screen and (min-width: 851px) and (max-width: 1280px) {
	.h1Style1 {
	    font-size: max(22px, min(2.58vw,28px) );
	    font-size: clamp(22px, 2.58vw,28px);
	    width: calc(784px + 436 * ((100vw - 850px) / (1280 - 850)));
	    padding-left: calc(180px + 94 * ((100vw - 850px) / (1280 - 850)));
	    background-size: calc(782px + 438 * ((100vw - 850px) / (1280 - 850))) 84px;
	}
}

.h2Style2 {
    background:url('../img/h2Style2_back.gif') no-repeat left bottom;
    background-size:100% 3px; 
    margin:0px 0px 10px 0px;
    padding:0px 0px 2px 1px;
/*    font-size: 28px; */
    font-size: clamp(16px, 4.3vw, 28px);
    font-weight: bold;
    color: #222222;
}

.h2Style3 {
    background:url('../img/h2Style3_back.gif') no-repeat left top;
    margin:0px;
    padding:4px 0px 3px 15px;
    color:#FFF;
}
.h2Style3 a {
	color:#FFF;
}
@media screen and (min-width: 851px) {
	.h2Style3{
	    margin-bottom:20px !important;
	}
}
@media screen and (max-width: 850px) {
	h2.h2Style3 {
	    background-color: #fff !important;
	}
}

h3.h3Style1 {
	background:url('../img/h3_style1_left.gif') no-repeat left 4px;
	margin:0px;
	padding:0px 0px 0px 13px;
	line-height:1.25;
	font-size: 130%;
	font-wejght: 900;
}
.text_color_att {
    color: #ED8001;
}
.font_s12 {
    font-size: 90%;
}
.pl_box .page_link_set li {
    display: inline-block;
    margin-right: 1.6em;
    font-weight: 700;
}
.pl_box .page_link_set li a {
	display: block;
	background: url('../img/link_arrow5.gif') no-repeat left 5px;
	padding: 0px 0 0 1.2em;
}

table tr,
table tr td {
    vertical-align: top;
}

.catalogPage {
    display: inline-block;
    width: 48%;
    margin-top: 20px;
}
@media (max-width: 560px) {
	.catalogPage  {
	    display: block;
	    width: 100%;
	}
}

.catalogPage .catalog {
    display: inline-block;
    width: 29%;
}
.catalogPage .links {
    display: inline-block;
    width: 69%;
    vertical-align: top;
}
/*
.catalogPage h3 {
    font-size: 110%;
    font-weight: 700;
    style="background: url('../img/h3_style2_bottom.gif') no-repeat left bottom;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    line-height: 1.25;
    width: 92%;"
}
*/
/* デジタルカタログ用（カタログ） */
.catalogPage .digiLink{
	background: url('../img/icon-book.gif') no-repeat left 4px;
	padding: 0px 0px 2px 22px;
}

/* 一括ダウンロード用（カタログ） */
.catalogPage .downLink{
	background: url('../img/icon-download.gif') no-repeat left 4px;
	padding: 0px 0px 2px 22px;
}

/* 正誤表を見る用（カタログ） */
.catalogPage .errataLink{
	background: url('../img/icon-errata.gif') no-repeat left 4px;
	padding: 0px 0px 2px 22px;
}
/* pdfアイコン画像用 */
.catalogPage .iconPdf {
	display: inline-block;
	margin-top: 4px;
	margin-right: 5px;
/*	vertical-align:middle; */
	vertical-align:top;
	line-height: 1.0;
}
.normal2-parent .normal2 {
	list-style-type:disc;
	padding:0 0 0 0px;
	margin:0 0 0 18px;
}

/* 事業所一覧 */
@media (max-width: 560px) {
	.map {
	    display: block;
	}
}

.map iframe {
    max-width: 620px;
}


table.typeA {
    border-collapse: collapse;
}
table.typeA td {
    border-bottom: 1px solid #bbb;
    padding: 0.6em;
}

table.typeB {
    border-collapse: collapse;
}
table.typeB,
table.typeB tr,
table.typeB th,
table.typeB td {
    border: 1px solid #bbb;
}
table.typeB td {
    padding: 0.6em;
}
table.typeB td.map {
    text-align: center;
    width: 4em;
}
@media (max-width: 560px) {
	table.typeB th,
	table.typeB td {
	    display: block;
	    border: none;
	}
	table.typeB th {
	    font-weight: 700;
	    padding-top: 0.6em;
	}
	table.typeB td.map {
	    text-align: left;
	    padding-top: 0;
	}
}
/* お客様サポート */
.contact_v_tbl {
    display: flex;
    flex-wrap: wrap; /* 折り返しを有効にする */
    margin: 1em 0;
}
.contact_v_tbl dt {
  width: 10em;
}
.contact_v_tbl dd {
  width: calc(100% - 11em);    
}
.attention_press,
.attention_link_s {
    color: #ED8001;
    font-size: 90%;
}
@media (max-width: 850px) {
	.contact_v_tbl {
	    display: block;
	}
	.contact_v_tbl dt {
	    font-weight: 700;
	}
	.contact_v_tbl dd {
	    width: 100%;    
	}
}

/* 共通 */
.isPC {
    display: block;
}
.isSP {
    display: none;
}
@media (max-width: 560px) {
	.isPC {
	    display: none;
	}
	.isSP {
	    display: block;
	}
}