@charset "utf-8";

a {text-decoration: none;color: #515bd4;}
a:hover{text-decoration: underline;}

*{font-family:"メイリオ",sans-serif;line-height: 150%;-webkit-text-size-adjust:100%;}
img{border:none;}

.contents{width:1024px;margin:0 auto;}

/***** パンくずリスト *****/
.breadcrumb {margin: 0;padding: 0;list-style: none;font-size:10pt;padding-bottom:20px;}
.breadcrumb li {display: inline;/*横に並ぶように*/list-style: none;}
.breadcrumb li:after {/* >を表示*/content: '>';padding: 0 0.2em;color: #555;}
.breadcrumb li:last-child:after {content: '';}

.sub_contents{padding-top:40px;}
.contents_title{font-size:24pt;color:#333;border-bottom:3px solid #666;padding:0px;margin-top:0;margin-bottom:15px;}
.reference_info{margin:0 auto; margin-top:80px;border-top:solid 3px #666;width:1024px;}
.search_words{font-size:9pt;padding-top:40px;}


.grid_c2_r1.main_contents{grid-template-columns: 350px auto;padding-top:40px;grid-row-gap: 10px;}

.contents_sub_title{font-size:20pt;font-weight:normal;padding-right:15px;}
.contents_main_title{font-size:32pt;}
.contents_title h1{padding: 0;margin:0;font-size:32pt;}

/***** 見出しデザイン *****/
.head_002_blue{padding:5px 10px;border-left: 5px solid #094067;background:#3399FF;color:#fff;}
.head_002_gray{padding:5px 10px;border-left: 5px solid #555;background:#aaa;color:#fff;}
.head_003_blue{border-bottom: 3px solid #3399FF;}
.head_004_blue{background: linear-gradient(transparent 70%, #a7d6ff 70%);}
.head_005_square_blue{
  position: relative;
  padding-left: 1.2em;/*アイコン分のスペース*/
  line-height: 1.4;
}

.head_005_square_blue:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0c8";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #5ab9ff; /*アイコン色*/
  font-weight: 900;
}
.head_006_blue{  color: #364e96;/*文字色*/
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 3px #364e96;/*上線*/
  border-bottom: solid 3px #364e96;/*下線*/}

/***** フォントカラー *****/
.font_red{color:red;}
.font_blue{color:blue;}
.font_green{color:green;}
.font_gray{color:gray;}
.font_royalblue{color:#4169e1;}
.font_navy{color:#000080;}
.font_black{color:black;}
.font_orange{color:#ff8a5c}
.font_white{color:#fff;}

/***** フォントサイズ *****/
.font_9{font-size:9pt;}
.font_10{font-size:10pt;}
.font_11{font-size:11pt;}
.font_12{font-size:12pt;}
.font_13{font-size:13pt;}
.font_14{font-size:14pt;}
.font_15{font-size:15pt;}
.font_16{font-size:16pt;}
.font_17{font-size:17pt;}
.font_18{font-size:18pt;}
.font_19{font-size:19pt;}
.font_20{font-size:20pt;}
.font_21{font-size:21pt;}

/***** フォント行間 *****/
.line_h150{line-height:150%;}
.line_h200{line-height:200%;}

/***** フォント太字 *****/
.font_b{font-weight:bold;}
.font_n{font-weight:normal;}



/***** 余白(Margin) 下 *****/
.mg_bottom_100{margin-bottom:100px;}
.mg_bottom_90{margin-bottom:70px;}
.mg_bottom_80{margin-bottom:70px;}
.mg_bottom_70{margin-bottom:70px;}
.mg_bottom_60{margin-bottom:60px;}
.mg_bottom_50{margin-bottom:50px;}
.mg_bottom_40{margin-bottom:40px;}
.mg_bottom_30{margin-bottom:30px;}
.mg_bottom_20{margin-bottom:20px;}
.mg_bottom_10{margin-bottom:10px;}
.mg_bottom_0{margin-bottom:0px;}

/***** 余白(padding) 下 *****/
.pd_bottom_100{padding-bottom:100px;}
.pd_bottom_90{padding-bottom:70px;}
.pd_bottom_80{padding-bottom:70px;}
.pd_bottom_70{padding-bottom:70px;}
.pd_bottom_60{padding-bottom:60px;}
.pd_bottom_50{padding-bottom:50px;}
.pd_bottom_40{padding-bottom:40px;}
.pd_bottom_30{padding-bottom:30px;}
.pd_bottom_20{padding-bottom:20px;}
.pd_bottom_10{padding-bottom:10px;}
.pd_bottom_0{padding-bottom:0px;}

/***** 余白(Margin) 上 *****/
.mg_top_100{margin-top:100px;}
.mg_top_90{margin-top:70px;}
.mg_top_80{margin-top:70px;}
.mg_top_70{margin-top:70px;}
.mg_top_60{margin-top:60px;}
.mg_top_50{margin-top:50px;}
.mg_top_40{margin-top:40px;}
.mg_top_30{margin-top:30px;}
.mg_top_20{margin-top:20px;}
.mg_top_10{margin-top:10px;}
.mg_top_0{margin-top:0px;}

/***** 余白(padding) 上 *****/
.pd_top_100{padding-top:100px;}
.pd_top_90{padding-top:70px;}
.pd_top_80{padding-top:70px;}
.pd_top_70{padding-top:70px;}
.pd_top_60{padding-top:60px;}
.pd_top_50{padding-top:50px;}
.pd_top_40{padding-top:40px;}
.pd_top_30{padding-top:30px;}
.pd_top_20{padding-top:20px;}
.pd_top_10{padding-top:10px;}
.pd_top_0{padding-top:0px;}

/***** 余白(Margin) 右 *****/
.mg_right_100{margin-right:100px;}
.mg_right_90{margin-right:70px;}
.mg_right_80{margin-right:70px;}
.mg_right_70{margin-right:70px;}
.mg_right_60{margin-right:60px;}
.mg_right_50{margin-right:50px;}
.mg_right_40{margin-right:40px;}
.mg_right_30{margin-right:30px;}
.mg_right_20{margin-right:20px;}
.mg_right_10{margin-right:10px;}
.mg_right_0{margin-right:0px;}

/***** 余白(padding) 右 *****/
.pd_right_100{padding-right:100px;}
.pd_right_90{padding-right:70px;}
.pd_right_80{padding-right:70px;}
.pd_right_70{padding-right:70px;}
.pd_right_60{padding-right:60px;}
.pd_right_50{padding-right:50px;}
.pd_right_40{padding-right:40px;}
.pd_right_30{padding-right:30px;}
.pd_right_20{padding-right:20px;}
.pd_right_10{padding-right:10px;}
.pd_right_0{padding-right:0px;}

/***** 余白(Margin) 左 *****/
.mg_left_100{margin-left:100px;}
.mg_left_90{margin-left:70px;}
.mg_left_80{margin-left:70px;}
.mg_left_70{margin-left:70px;}
.mg_left_60{margin-left:60px;}
.mg_left_50{margin-left:50px;}
.mg_left_40{margin-left:40px;}
.mg_left_30{margin-left:30px;}
.mg_left_20{margin-left:20px;}
.mg_left_10{margin-left:10px;}
.mg_left_0{margin-left:0px;}

/***** 余白(padding) 左 *****/
.pd_left_100{padding-left:100px;}
.pd_left_90{padding-left:70px;}
.pd_left_80{padding-left:70px;}
.pd_left_70{padding-left:70px;}
.pd_left_60{padding-left:60px;}
.pd_left_50{padding-left:50px;}
.pd_left_40{padding-left:40px;}
.pd_left_30{padding-left:30px;}
.pd_left_20{padding-left:20px;}
.pd_left_10{padding-left:10px;}
.pd_left_0{padding-left:0px;}

/***** 余白(Margin) 全体 *****/
.mg_all_100{margin:100px;}
.mg_all_90{margin:70px;}
.mg_all_80{margin:70px;}
.mg_all_70{margin:70px;}
.mg_all_60{margin:60px;}
.mg_all_50{margin:50px;}
.mg_all_40{margin:40px;}
.mg_all_30{margin:30px;}
.mg_all_20{margin:20px;}
.mg_all_10{margin:10px;}
.mg_all_0{margin:0px;}

/***** 余白(padding) 全体 *****/
.pd_all_100{padding:100px;}
.pd_all_90{padding:70px;}
.pd_all_80{padding:70px;}
.pd_all_70{padding:70px;}
.pd_all_60{padding:60px;}
.pd_all_50{padding:50px;}
.pd_all_40{padding:40px;}
.pd_all_30{padding:30px;}
.pd_all_20{padding:20px;}
.pd_all_10{padding:10px;}
.pd_all_5{padding:5px;}
.pd_all_0{padding:0px;}

/***** 左右中央 *****/
.margin_center{margin:0 auto;}

/***** テキスト位置 *****/
.text_center{text-align:center;}
.text_left{text-align:left;}
.text_right{text-align:right;}

/***** 背景色 *****/
.bg_color_gray{background-color:#ccc;}
.bg_color_lightgray{background-color:#eee;}
.bg_color_lightgray2{background-color:#f6f6f6;}
.bg_color_white{background-color:#fff;}
.bg_color_black{background-color:#000;}
.bg_color_lightblue{background-color:#b2cbe4;}
.bg_color_blue{background-color:#0075c2;}
.bg_color_darkblue{background-color:#043c78;}
.bg_color_lightgreen{background-color:#bee0c2;}
.bg_color_green{background-color:#00a960;}
.bg_color_darkgreen{background-color:#00533f;}
.bg_color_lightorange{background-color:#fad09e;}
.bg_color_orange{background-color:#f3981d;}
.bg_color_darkorange{background-color:#ee7800;}
.bg_color_lightred{background-color:#f5b2b2;}
.bg_color_red{background-color:#ea5550;}
.bg_color_darkred{background-color:#c9171e;}
.bg_color_lightpurple{background-color:#d1bada;}
.bg_color_purple{background-color:#9b72b0;}
.bg_color_darkpurple{background-color:#47266e;}

/***** ボーダー *****/
.bd_all_gray_1{border:1px solid #ccc;}
.bd_all_blue_1{border:1px solid #3366CC;}
.bd_all_green_1{border:1px solid #00a03e;}
.bd_all_red_1{border:1px solid #e41749;}

.bd_all_gray_2{border:2px solid #ccc;}
.bd_all_blue_2{border:2px solid #3366CC;}
.bd_all_green_2{border:2px solid #00a03e;}
.bd_all_red_2{border:2px solid #e41749;}

.bd_all_gray_3{border:3px solid #ccc;}
.bd_all_blue_3{border:3px solid #3366CC;}
.bd_all_green_3{border:3px solid #00a03e;}
.bd_all_red_3{border:3px solid #e41749;}

.bd_right_0{border-right:0px;}


/***** ボタン　デザイン *****/
.button {
  font-size: 12pt;
  font-weight: bold;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  border-radius: 0.5rem;
}

.btn_border_red,
a.btn_border_red{color:#e45858;border:solid 2px #e45858;text-decoration:none;}
.btn_border_red,
a.btn_border_red i{padding-right:13px;}
a.btn_border_red:hover {color: #fff;background: #e45858;}

.btn_border_blue,
a.btn_border_blue{color:#1F6ED4;border:solid 2px #1F6ED4;text-decoration:none;}
.btn_border_blue,
a.btn_border_blue i{padding-right:13px;}
a.btn_border_blue:hover{color: #fff;background: #1F6ED4;}

.btn_border_green,
a.btn_border_green{color:#008F68;border:solid 2px #008F68;text-decoration:none;}
.btn_border_green,
a.btn_border_green i{padding-right:13px;}
a.btn_border_green:hover {color: #fff;background: #008F68;}

.btn_bgcolor_green,
a.btn_bgcolor_green{color:#fff;border:solid 2px #008F68;text-decoration:none;background:#008F68}
.btn_bgcolor_green,
a.btn_bgcolor_green i{padding-right:13px;}
a.btn_bgcolor_green:hover {color: #008F68;background: #fff;border:solid 2px #008F68;}

.btn_bgcolor_blue,
a.btn_bgcolor_blue{color:#fff;border:solid 2px #1F6ED4;text-decoration:none;background:#1F6ED4}
.btn_bgcolor_blue,
a.btn_bgcolor_blue i{padding-right:13px;}
a.btn_bgcolor_blue:hover {color: #1F6ED4;background: #fff;border:solid 2px #1F6ED4;}

.btn_bgcolor_vermilion,
a.btn_bgcolor_vermilion{color:#1f1235;border:solid 2px #ff6e6c;text-decoration:none;background:#ff6e6c}
.btn_bgcolor_vermilion,
a.btn_bgcolor_vermilion i{padding-right:13px;}
a.btn_bgcolor_vermilion:hover {color: #ff6e6c;background: #fff;border:solid 2px #ff6e6c;}

.btn_bgcolor_lightblue,
a.btn_bgcolor_lightblue{color:#1f1235;border:solid 2px #41b6e6;text-decoration:none;background:#41b6e6}
.btn_bgcolor_lightblue,
a.btn_bgcolor_lightblue i{padding-right:13px;}
a.btn_bgcolor_lightblue:hover {color: #41b6e6;background: #fff;border:solid 2px #41b6e6;}

.button_3 a.button{height:60%;width:80%;}
.position-center{display: flex;justify-content: center;align-items: center;height: 100%;}

/***** リスト　デザイン *****/
ul.square{list-style-type: square;}

ol.points{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
  /*background: #f5faff;*/
}
ol.points li {
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0 0.5em 2.5em 30px;
}

ol.points li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #5c9ee7;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
}

ol.list_p_b_14{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
  /*background: #f5faff;*/
}
ol.list_p_b_14 li {
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0 0.5em 2.5em 30px;
}

ol.list_p_b_14 li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #5c9ee7;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  top:3px;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
}

/***** 幅 % *****/
.width_100{width:100%}
.width_98{width:98%}
.width_95{width:95%}
.width_90{width:90%}
.width_85{width:85%}
.width_80{width:80%}
.width_75{width:75%}
.width_70{width:70%}
.width_65{width:65%}
.width_60{width:60%}
.width_55{width:55%}
.width_50{width:50%}
.width_45{width:45%}
.width_40{width:40%}
.width_35{width:35%}
.width_auto{width:auto;}

/***** 高さ % *****/
.height_100{height:100%}
.height_98{height:98%}
.height_95{height:95%}
.height_90{height:90%}
.height_85{height:85%}
.height_80{height:80%}
.height_75{height:75%}
.height_70{height:70%}
.height_65{height:65%}
.height_60{height:60%}
.height_55{height:55%}
.height_50{height:50%}
.height_45{height:45%}
.height_40{height:40%}
.height_35{height:35%}
.height_auto{height:auto;}

/***** 仕様表 *****/
.spec{width:100%;font-size:11pt;border-collapse: collapse;}
.spec th{background-color:#eee;font-weight:bold;border:1px solid #000;padding:10px; word-break : break-all;}
.spec tr td{border:1px solid #000;padding:10px;text-align:center; word-break : break-all;}

.spec2{width:100%;font-size:11pt;border-collapse: collapse;}
.spec2 th{background-color:#eee;font-weight:bold;border:1px solid #000;padding:10px; word-break : break-all;}
.spec2 tr td{border:1px solid #000;padding:10px; word-break : break-all;}


@media screen and (max-width: 1065px){
	.contents{width:100%;}
	.reference_info{width:100%;}
	.product_bunner img{width:100%;}
}
@media screen and (max-width: 715px){
	.grid_c2_r1.main_contents{width:100%;grid-template-columns:100%;grid-template-rows: 1fr auto;}
}
@media screen and (max-width: 550px){
	.grid_c3_r1.button_3{grid-template-columns: 1fr;grid-template-rows: auto auto auto;}
}

@media screen and (max-width: 500px){
	.width_80{width:90%}
}