@font-face{
	font-family: 'Helvetica Black';
    src: url('../fonts/fontsbin.com_helvetica-black.ttf') format('truetype');
}

/* PC -------------------------------------------------------------------------------------*/
@media screen and (min-width: 641px) {


/*コンテンツここから----------------------------------------------------------------------*/
section.anker_space {
padding-top: 1.5em;
}

h2 {
/*font-family: 'Helvetica Black';*/
background-color: #009fe8;
font-weight: bolder;
font-size: 180%;
color: #fff;
border-radius: 8px;
text-align: center;
line-height: 1.8em;
letter-spacing: 0.15em;
margin: 0 0 15px 0;
}

h3 {
font-size: 160%;
color: #1d2087;
margin: 0 0 0.5em 0;
font-family: 'Helvetica Black';
line-height: 1.2em!important;
}

h4 {
font-size: 110%;
color: #1d2087;
margin: 0.5em 0 1.5em 0;
line-height: 1.2em!important;
}

h4 span {
color: red!important;
font-family: 'Helvetica Black';
}

.products {
display:flex;/*flexbox宣言*/
gap: 10px;
/*    flex-diretion: row;/*左から右への横並び*/
/*    flex-wrap:wrap;/*折り返す／上から下*/
/*    justify-content: start;/*左寄せ*/
/*    justify-content: space-between;/*均等配置*/
}

.box_1 {
font-size: 115%;
width: 600px;
margin: 3em auto 3em auto;
font-weight: bolder;
line-height: 1.7em!important;
}

.box_1 p {
margin: 1em 0 0 0 ;
font-weight: normal;
line-height: 1.4em!important;
font-size: 80%;
color: #222;
}

.box_2 {
border-radius: 8px;
border: rgba(0,159,232,0.3) solid 2px;
padding: 1.5em;
margin: 0 0 20px 0;
}

.box_2_2 {
display:flex;/*flexbox宣言*/
flex-diretion: row;/*左から右への横並び*/
flex-wrap:wrap;/*折り返す／上から下*/
justify-content: space-between;/*均等配置*/
}

.box_2_3 {
width: 700px;
}

.box_2_4 {
width: 270px;
}

.box_3 {
text-align: center;
/*font-weight: bolder;*/
background-color: rgba(0,159,232,0.3);
border-radius: 8px;
margin: 0 0 5px 0;
line-height: 2em!important;
font-family: 'Helvetica Black';
font-size: 135%;
color: #1d2087;
}

.box_3_2 {
/*font-weight: bolder;*/
background-color: rgba(0,159,232,0.2);
border-radius: 8px;
border:1px solid rgba(0,159,232,1);
margin: 0 0 0.5em 0;
line-height: 2em!important;
font-family: 'Helvetica Black';
font-size: 100%;
color: #1d2087;
padding-left: 0.5em;
}

.box_3_3 {
padding-bottom: 1.8em;
}

.box_3_4 {
font-weight: bolder;
padding: 0.2em 0 0.5em 0;
}

.box_3_5 {
width: 37%;
margin: 0 auto 1em auto;
}

.box_3_5 img {
width: 100%;
}

.box_3_6 {
display:flex;/*flexbox宣言*/
gap: 15px;
}

.box_3_7 {
flex: 1; /* 均等幅 */
padding: 0.3em 0 0 0;
}

.box_3_7 h5 {
font-family: 'Helvetica Black';
font-size: 125%;
color: #1d2087;
}

.box_3_7 p {
font-weight: bolder;
}

.box_3_8 {
font-weight: bolder;
}

.box_4_1 {
flex: 1; /* 均等幅 */
/*width: 340px;*/
border-radius: 8px;
border: rgba(0,159,232,0.3) solid 2px;
padding: 1.5em 0;
margin: 0 0 20px 0;
position: relative;
}

.box_4_1 p {
font-weight: bolder;
margin: 0 0 1em 0;
}

.box_4_1 h3 {
margin: 0;
}

.box_4_2 {
padding: 0 1.5em 3.5em 1.5em;
}

.box_4_3 {
width: 184px;
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
z-index: 100;
}

.box_5 {
display:flex;/*flexbox宣言*/
flex-diretion: row;/*左から右への横並び*/
flex-wrap:wrap;/*折り返す／上から下*/
/*    justify-content: start;/*左寄せ*/
justify-content: space-between;/*均等配置*/
}

.box_6_1 {
width: 480px;
}

.box_6_1 p {
font-weight: bolder;
margin: 0 0 1.5em 0;
}

.box_6_2 {
width: 490px;
text-align: center;
}

.box_7 {
font-size: 115%;
line-height: 1.5em;
text-align: center;
}

.box_7 p {
font-weight: bolder;
margin-top: 8px;
}

/*.box_8 {
text-align: center;
margin-top: 30px;
}*/

/*.box_8_2 {
text-align: center;
margin-top: 10px;
}*/

.box_10_1 {
margin: 20px 0 0 0;
}

.box_10_2 {
margin: 0 0 0 1em;
}

.box_11_1_1 {
border-radius: 8px;
border: rgba(0,159,232,0.3) solid 2px;
padding: 1.5em 1.5em 0 1.5em ;
margin: 0 0 20px 0;
}

.box_11_1_2 {
display:flex;/*flexbox宣言*/
flex-diretion: row;/*左から右への横並び*/
flex-wrap:wrap;/*折り返す／上から下*/
/*justify-content: start;/*左寄せ*/
justify-content: space-between;/*均等配置*/
border-bottom: solid 1px #666;
margin-bottom: 2em;
padding-bottom: 2em;
}

.box_11_1_3 {
border-radius: 8px;
border: rgba(0,159,232,0.3) solid 2px;
padding: 1.5em ;
margin: 0 0 20px 0;
}

.box_11_2 {
width: 65%;
}

.box_11_3 h3 {
margin: 0;
}

.box_11_3 {
/*margin: 0 0 25px 0;
padding: 0 0 25px 0;*/
}

.box_11_3 span {
color: #009fe8;
font-weight: bolder;
}

.box_11_4 {
width: 31%;
}

.box_11_5_1 {width: 324px;}
.box_11_5_2 {width: 392px;}
.box_11_5_3 {width: 213px;}

.box_11_5_1 img,
.box_11_5_2 img,
.box_11_5_3 img
{width: 85%;}

.box_11_6 {
width: 100%;
text-align: center;
margin-top: 1.5em;
}

.box_11_7 {
width: 100%;
text-align: center;
margin-top: 0.5em;
}

.t_net_1 {

}

.t_net_2 {
width: 282px;
margin: 0 0 1em 0;
}

.t_net_2 img {
width: 100%;
}

.t_net_3 {
margin: 0 0 1em 0;
}

.t_net_4 {
width: 80%;
margin: 0  auto;
}

.t_net_4 img {
width: 100%;
border: 1px solid #000;
}

.t_net_5 {
display:flex;/*flexbox宣言*/
gap: 25px;
}

.t_net_5 p {
font-weight: bolder;
margin: 0.8em 0 0 0;
}

.t_net_5 div {
flex: 1; /* 均等幅 */
}

.t_net_5_1,
.t_net_5_2,
.t_net_5_3 {
margin: 0.4em 0 0 0;
width: 60%;
}

.t_net_5_1 img {
width: 70%;
}

.t_net_5_2 img {
width: 83%;
}

.t_net_5_2 span {
font-family: 'Helvetica Black';
color: red;
}

.t_net_5_3 img {
width: 60%;
}

dl {
border-bottom: solid 1px #666;
width: 100%;
display:flex;/*flexbox宣言*/
flex-diretion: row;/*左から右への横並び*/
flex-wrap:wrap;/*折り返す／上から下*/
/*justify-content: start;/*左寄せ*/
justify-content: space-between;/*均等配置*/
}

dt {
width: 23%;
border-top: solid 1px #666;
padding: 0.7em 0 0.7em 0;
display: flex;/*文字天地左右中央にする*/
justify-content: center;/*文字天地左右中央にする*/
align-items: center;/*文字天地左右中央にする*/
text-align: left;
}

dd {
width: 77%;
border-top: solid 1px #666;
padding: 0.7em 0;
}

dd p {
margin: 0 0 8px 0;
}

ul {
padding-left:1.5em;
}

ul li {
/*list-style-position:inside;
padding-left:2em;
text-indent:-1.5em;*/
}

strong {
color: #009fe8;
}

.space_1 {
height: 60px;
}

.space_2 {
height: 120px;
}

/*.star-icon {/*☆マーク*/
/*width: 1em!important;
height: 1em;
vertical-align: text-bottom; /* または baseline / middle に調整 */
/*margin-right: 0em;
}*/

.line_space {
height: 0.8em;
}

/*コンテンツここまで----------------------------------------------------------------------*/

/*footer*-----------------from--------------------*/
footer {
	clear:both;
	background:#666;
    height: 70px;
}
.f_copyright {
    color: #fff;
	text-align:center;
	font-size:90%;
	padding:25px 0 0 0;
}
/*footer*-----------------here--------------------*/

}/*PCここまで*/


/* sp -------------------------------------------------------------------------------------*/
@media screen and (max-width: 640px) {
/*headerここから----------------------------------------------------------------------*/
header {
width: 100%;
border-top: solid 15px #1d2087;
padding: 0 0 0 0;
}

h1 {
width: 100%;
margin: 0 auto;
padding: 2vh 0;
height: ;
text-align: center;
}

.main_vis {
width: 100%;
}
/*headerここまで----------------------------------------------------------------------*/


/*コンテンツここから----------------------------------------------------------------------*/
section.anker_space {
/*padding-top: 1.5em;*/
}

h2 {
background-color: #009fe8;
font-size: 140%;
color: #fff;
border-radius: 8px;
text-align: center;
line-height: 1.8em;
letter-spacing: 0.15em;
margin: 0 0 0.5em 0;
}

h3 {
font-size: 140%;
color: #1d2087;
margin: 0 0 0.5em 0;
font-family: 'Helvetica Black';
line-height: 1.2em!important;
}

h4 {
font-size: 110%;
color: #1d2087;
margin: 0.5em 0 1.5em 0;
line-height: 1.2em!important;
}

h4 span {
color: red!important;
font-family: 'Helvetica Black';
}

.products {
/*border-radius: 8px;
border: rgba(0,159,232,0.3) solid 2px;
padding: 1.3em  1em;
margin: 0 0 5vh 0;*/
}

.box_1 {
width: 90%;
margin: 3vh auto 5vh auto;
font-weight: bolder;
line-height: 1.5em!important;
font-size: 105%;
}

.box_1 p {
margin: 1em 0 0 0 ;
font-weight: normal;
line-height: 1.4em!important;
font-size: 80%;
color: #222;
}

.box_2,
.box_4_4 {
border-radius: 8px;
border: rgba(0,159,232,0.3) solid 2px;
padding: 1.3em 1em;
margin: 0 0 5vh 0;
}


.box_2_2 {
/*display:flex;/*flexbox宣言*/
/*flex-diretion: row;/*左から右への横並び*/
/*flex-wrap:wrap;/*折り返す／上から下*/
/*justify-content: space-between;/*均等配置*/
}

.box_2_3 {
width: 100%;
}

.box_2_4 {
width: 100%;
}

.box_3 {
text-align: center;
font-weight: bolder;
background-color: rgba(0,159,232,0.3);
border-radius: 8px;
margin: 0 0 1vh 0;
padding: 0.5em 0 ;
line-height: 1em!important;
font-family: 'Helvetica Black';
font-size: 135%;
color: #1d2087;
}

.box_3_2 {
/*font-weight: bolder;*/
background-color: rgba(0,159,232,0.2);
border-radius: 8px;
border:1px solid rgba(0,159,232,1);
margin: 0 0 0.5em 0;
line-height: 1.2em!important;
font-family: 'Helvetica Black';
font-size: 100%;
color: #1d2087;
padding: 0.5em 0 0.2em 0.5em;
}

.box_3_3 {
padding-bottom: 1.8em;
}

.box_3_4 {
font-weight: bolder;
padding: 0.2em 0 0.5em 0;
}

.box_3_5 {
width: 65%;
margin: 0 auto 0.3em auto;
}

.box_3_5 img {
width: 100%;
}

.box_3_6 {
/*display:flex;/*flexbox宣言*/
/*gap: 15px;*/
}

.box_3_7 {
/*flex: 1; /* 均等幅 */
padding: 0.3em 0 0 0;
}

.box_3_7 h5 {
font-family: 'Helvetica Black';
font-size: 125%;
color: #1d2087;
}

.box_3_7 p {
font-weight: bolder;
}

.box_3_8 {
font-weight: bolder;
width: 85%;
margin: 0 auto;
}

.box_4_1 {
/*flex: 1; /* 均等幅 */
/*width: 340px;*/
border-radius: 8px;
border: rgba(0,159,232,0.3) solid 2px;
padding: 1.5em 0;
margin: 0 0 20px 0;
/*position: relative;*/
}

.box_4_1 p {
font-weight: bolder;
margin: 0 0 0 0;
}

.box_4_1 h3 {
margin: 0;
}

.box_4_2 {
padding: 0 1em 1em 1em;
}

.box_4_2 .sp_mode {
text-align: center;
}

.box_4_3 {
width: 100%;
padding: 1.5vh 0 ;
}

.box_4_3 {
width: 100%;
text-align: center;
/*position: absolute;*/
/*bottom: 20px;
left: 50%;
transform: translateX(-50%);*/
/*z-index: 100;*/
}

.box_4_3 img {
width: 50%;
}

.box_5 {
}

.box_6_1 {
width: 100%;
}

.box_6_1 p {
font-weight: bolder;
margin: 0 0 1.5em 0;
}

.box_6_2 {
width: 100%;
text-align: center;
}

.box_7 {
font-size: 115%;
line-height: 1.5em;
text-align: center;
}

.box_7 p {
font-weight: bolder;
margin-top: 1em;
}

.box_8 {
text-align: center;
margin-top: 3vh;
}

/*.box_8_2 {
text-align: center;
margin-top: 1vh;
}*/

.box_10_1 {
margin: 2vh 0 0 0;
}

.box_10_2 {
margin: 0 0 0 1em;
}

.box_11_1 {
border-radius: 8px;
border: rgba(0,159,232,0.3) solid 2px;
padding: 1.5em;
margin: 0 0 3vh 0;
}

.box_11_1_1 {
border-radius: 8px;
border: rgba(0,159,232,0.3) solid 2px;
padding: 1.5em 1em 0 1em ;
margin: 0 0 20px 0;
}

.box_11_1_2 {
/*display:flex;/*flexbox宣言*/
/*flex-diretion: row;/*左から右への横並び*/
/*flex-wrap:wrap;/*折り返す／上から下*/
/*justify-content: start;/*左寄せ*/
/*justify-content: space-between;/*均等配置*/
border-bottom: solid 1px #666;
margin-bottom: 2em;
padding-bottom: 2em;
}

.box_11_1_3 {
border-radius: 8px;
border: rgba(0,159,232,0.3) solid 2px;
padding: 1.5em ;
margin: 0 0 20px 0;
}

.box_11_2 {
width: 100%;
}

.box_11_3 h3 {
margin: 0;
}

.box_11_3 {
/*margin: 0 0 25px 0;
padding: 0 0 25px 0;*/
}

.box_11_3 span {
color: #009fe8;
font-weight: bolder;
}

.box_11_4 {
width: 100%;
}

.box_11_4 img {
width: 100%;
}

.box_11_5_1 {width: 65%;}
.box_11_5_2 {width: 75%;}
.box_11_5_3 {width: 50%;}

.box_11_5_1,
.box_11_5_2,
.box_11_5_3
{margin-bottom: 0.8em;}

.box_11_5_1 img,
.box_11_5_2 img,
.box_11_5_3 img
{width: 100%;}

.box_11_6 {
width: 100%;
text-align: center;
margin-top: 1.5em;
}

.box_11_6 img {
width: 55%;
}

.box_11_7 {
width: 100%;
text-align: center;
margin-top: 1em;
}

.box_11_7 img {
width: 55%;
}


.t_net_1 {

}

.t_net_2 {
width: 282px;
margin: 0 0 1em 0;
}

.t_net_2 img {
width: 100%;
}

.t_net_3 {
margin: 0 0 1em 0;
}

.t_net_4 {
width: 100%;
margin: 0  auto;
}

.t_net_4 img {
width: 100%;
border: 1px solid #000;
}

.t_net_5 {
/*display:flex;/*flexbox宣言*/
/*gap: 25px;*/
}

.t_net_5 p {
font-weight: bolder;
margin: 0.3em 0 0 0;
}

.t_net_5 div {
/*flex: 1; /* 均等幅 */
}

.t_net_5_1 {
margin: 0.8em 0 0 0;
width: 100%;
}

.t_net_5_2,
.t_net_5_3 {
margin: 1.5em 0 0 0;
width: 100%;
}

.t_net_5_1 img {
width: 60%;
}

.t_net_5_2 img {
width: 70%;
}

.t_net_5_2 span {
font-family: 'Helvetica Black';
color: red;
}

.t_net_5_3 img {
width: 45%;
}

dl {
font-size: 75%;
line-height: 1.4em;
border-bottom: solid 1px #666;
width: 100%;
    display:flex;/*flexbox宣言*/
    flex-diretion: row;/*左から右への横並び*/
    flex-wrap:wrap;/*折り返す／上から下*/
/*    justify-content: start;/*左寄せ*/
    justify-content: space-between;/*均等配置*/
}

dt {
width: 27%;
border-top: solid 1px #666;
padding: 0.7em 0 0.7em 0;
display: flex;/*文字天地左右中央にする*/
justify-content: center;/*文字天地左右中央にする*/
align-items: center;/*文字天地左右中央にする*/
text-align: center;
}

dd {
width: 71%;
border-top: solid 1px #666;
padding: 0.7em 0 0.7em 2%;
text-align: left;
}

dd p {
width: 100%;
margin: 0 0 1.2vh 0;
}

ul {
padding-left:1.5em;
}

ul li {
/*list-style-position:inside;
padding-left:2em;
text-indent:-1.5em;*/
}

strong {
color: #009fe8;
}

.space_1 {
height: 60px;
}

.space_2 {
height: 120px;
}

.line_space {
height: 1em;
}

/*コンテンツここまで----------------------------------------------------------------------*/

/*footer*-----------------from--------------------*/
footer {
	clear:both;
	background:#666;
    height: 70px;
}
.f_copyright {
    color: #fff;
	text-align:center;
	font-size:90%;
	padding:25px 0 0 0;
}
/*footer*-----------------here--------------------*/


}/*SPここまで*/