@charset "UTF-8;
/*nav.cssのliを追加してtvc.jpに表示させた*/
#nav {list-style: none;display: flex;padding:0;margin:0;}
#nav li {width:50%;text-align: center;background-color: #003399;height: auto;line-height: 50px;margin-right: 1px;}
#nav li a {text-decoration: none;color: #fff;font-size: 18px;font-weight: bold;padding: 12px 20px;display:block;}
#nav li:hover{background-color:#4066b3;}
#nav li i {padding-right:10px;}
ol li a:link{color:#515bd4;text-decoration:none;}
ol li a:visited {color:#515bd4;}
ol li a:hover {color:#515bd4;text-decoration: underline;}



dl{width:25%;float : left;}
dl,dt,dd{margin:0;}
a{color:#000;}
a:hover{text-decoration: none;color:#515bd4;}
.div_clear{clear:both;}

.grid_c4_r1 div div a{display: block;width: 100%;height: 100%;}
.grid_c4_r1 div div a:hover{text-decoration: none;}

.bg_color_blue2{background-color: #003399;}
.top_btn:hover{background-color:#4066b3;}
.link_hover:hover{opacity:0.5;}

.button_blue{color:#FFF; display:block;font-size:16pt;font-weight:bold;margin-bottom:10px;margin-top:0px;}

.grid_c4_r1.info img{width:75%;}

.header_log_sp_500{display:none;}

.header_inq_pc{display:grid;grid-template-columns: 1fr auto auto;grid-template-rows: auto;grid-column-gap:10px;grid-row-gap: 5px;justify-items: stretch;align-items: stretch;}
.header_inq2 a{text-decoration:none;color:#424242;font-size:15px;}
.header_inq2 a:hover{text-decoration:underline;color:#424242;}
.header_inq2 i{padding-right:8px;padding-top:10px;}
/*.header_search{grid-column:3;grid-row:1;}*/

.sub_index{background: #003399;padding: 0.3rem 0.3rem 0.3rem 2.5rem;position: relative;}
.sub_index:hover{opacity:0.5;}
.sub_index:before {position: absolute;top: 20%;left: 20px;width: 6px;height: 60%;content: '';border-radius: 3px;background: #fff;}
.sub_index:before:hover{opacity:0.5;}

.sub_index_a{padding-top:10px;padding-bottom:7px;}

.sub_index_font {
    font-size: 14pt;
    font-weight:normal;
}

@media screen and (max-width: 1100px){#nav li a {font-size:12pt;padding: 12px 10px;}}
@media screen and (max-width: 1050px){.header_logo {grid-row: 1;margin-top:15px;}.header_search {display:block;margin-top:20px;}}


@media screen and (max-width: 950px){
	.button_blue {font-size:13pt;}
	.grid_c4_r1{grid-column-gap:5px;}
}

@media screen  and (max-width: 880px){
	.header_inq_sp{display:none;}
	.header_inq{display:grid;}
	.cart_txt_sp{display:inline;}
}
@media screen and (max-width: 860px){#nav li {width:50%;}}
@media screen and (max-width: 850px){.header_search {display:none;}}
@media screen and (max-width: 815px){
	.header_logo_sp {margin-top: 0px;}
/*	.btn-sp.home{margin-top:0px;}
	.btn-sp.mail{margin-top:0px;}
	.btn-sp.cart{margin-top:0px;}*/
}


@media screen and (max-width: 750px){
	.button_blue {height:40px;}
	.grid_c4_r1{grid-column-gap:5px;}
	.grid_c4_r1.info {grid-column-gap:10px;}
	.grid_c4_r1.info img{width:100%;}
	/*.header_inq_sp{grid-template-columns: auto 1fr auto auto;}*/
}
@media screen and (max-width: 670px){
	.button_blue {height:40px;}
	.header_inq_sp{grid-column-gap: 0px;}

	.header_inq_sp{display: grid;grid-template-columns:1fr 1fr auto;grid-template-rows: 1fr;grid-column-gap: 20px;grid-row-gap: 10px;justify-items: stretch;align-items: stretch;padding-top:10px;text-align:right;padding-right:10px;}
	.header_inq{display:none;}
	.header_logo_sp{text-align:left;}

	a.btn--contact{padding: 1rem 2em;text-decoration:none; background:#3da9fc;color:#fcfcfc;font-weight:bold;border-radius:5px;}
	a.btn--contact i{padding-right:10px;}
	a.btn--contact:hover{background:#094067;}
	.cart_txt_sp{display:none;}

	.header_inq_pc{display:none;}

	.header_inq2 a:hover{text-decoration:underline;color:#fff;}
	.header_inq_sp{grid-template-columns: 1fr auto auto auto;}
	.mail_txt{display:none;}
	.cart_txt{display:none;}
	.cart_txt_sp{display:none;}

	a.btn--contact:hover{text-decoration:none;color:#fff;}

	.btn-sp.home:hover{opacity:0.5;}
	.btn-sp.home span{display:block;font-size:10pt;}

	.btn-sp.mail:hover{opacity:0.5;}
	.btn-sp.mail span{display:block;font-size:10pt;}
	.btn-sp.cart:hover{opacity:0.5;}
	.btn-sp.cart span{display:block;font-size:10pt;}


	.grid_c3_r2{grid-template-columns: auto;grid-template-rows: auto auto auto auto auto auto;}
	a.btn--contact{padding:0px 15px;text-decoration:none; background:#fff;color:#003399;font-size:20pt;font-weight:normal;border-radius:5px;}
	a.btn--contact i{padding-right:0px;font-size: 1.2em;}
	div.header_inq_sp div.btn-sp.home a {display: block;}
	div.header_inq_sp div.btn-sp.mail a {display: block;width:auto;}
	div.header_inq_sp div.btn-sp.cart a {display: block;width:auto;}

	a.btn--contact:hover{background:#fff;color:#003399;}

	.button_blue {height:40px;}
	.grid_c4_r1{grid-column-gap:5px;}
	.grid_c4_r1.info {grid-column-gap:10px;}
	.grid_c4_r1.info img{width:100%;}

	.btn-sp.home span{font-size:8pt;}
	.btn-sp.mail span{font-size:8pt;}
	.btn-sp.cart span{font-size:8pt;}

}

@media screen and (max-width: 580px){
	a.btn--contact i{font-size: 1.0em;}
	div.header_inq_sp div.btn-sp.mail a i {font-size: 1.0em;}
	div.header_inq_sp div.btn-sp.cart a i {font-size: 1.0em;}

	a.btn--contact {padding:0px 0px}


	.header_inq_sp {grid-template-columns: auto auto auto auto;}
	.header_logo_sp img{width:100%;}
}

@media screen and (max-width: 520px){
	.button_blue {height:auto;font-size:14pt;}
	.grid_c4_r1{grid-template-columns: 1fr 1fr;grid-template-rows: auto auto;grid-column-gap:10px;}
	div.c2_r2{grid-column:2;grid-row:2;}
	div.c2_r1{grid-column:2;grid-row:1;}
}
@media screen and (max-width: 500px){
	.header_log_sp_500{display:none;padding-top:0px;}
	div.header_inq_sp {display:grid;}
	.header_inq_sp {grid-template-columns: auto auto auto auto;grid-column-gap:10px;}
	.btn-sp.mail{display:inline-block;}
	.btn-sp.cart{display:inline-block;}
	.btn-sp.mail a:hover{opacity:0.5;}
	.btn-sp.cart a:hover{opacity:0.5;}

	.grid_c3_r2{grid-template-columns: auto;grid-template-rows: auto auto auto auto auto auto;}
	a.btn--contact{padding:0px 15px;text-decoration:none; background:#fff;color:#003399;font-size:20pt;font-weight:normal;border-radius:5px;}
	a.btn--contact i{padding-right:0px;}
	a.btn--contact:hover{background:#fff;color:#003399;}

	a.btn--contact {padding:0px 0px;margin-top:0px;}

	.btn-sp.home span{font-size:6pt;}
	.btn-sp.mail span{font-size:6pt;}
	.btn-sp.cart span{font-size:6pt;}
}

@media screen and (max-width: 420px){
	.button_blue {height:60px;}

}
@media screen and (max-width: 350px){
	a.btn--contact{font-size:18pt;}
}