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

#glnav .glnav02 a {background-image:url(../img/btn_header02_on.png);background-repeat:no-repeat;}

/* 貿易保険とは */
.about01 {margin-bottom:35px;}
.about01info {letter-spacing:-1px;}
.about02 {margin-bottom:50px;}
.about02 img:nth-child(1) {margin-right:15px;}
.about03 {margin-bottom:20px;}
.about04info {position:relative;width:352px;float:left;margin-right:15px;}
.about04info span {position:absolute;left:12px;bottom:90px;font-size:80%;}

/* 保険商品 */
.product02 {width:720px;height:1950px;display:block;background-image:url(/service/product/img/product02.jpg);background-repeat:no-repeat;margin:30px 0;padding:15px;box-sizing: border-box;}
.product02 img {margin-bottom:8px;}
.product02 p {text-align:center;}
.product02 p img {margin-bottom:0;margin-top:20px;}
.block01 {width:340px;height:980px;display:block;float:left;}
.block02 {width:330px;height:980px;float:right;}
.block03 {width:340px;float:left;}
.block04 {width:330px;float:right;}
.product02 .h_title04 {margin-top:20px;}
@media print{
  .product02 {display:flex;flex-wrap:wrap;height:auto;padding:80px 0 40px 0;background:none;border-left:3px solid #86b8db;border-right:3px solid #86b8db;border-bottom:3px solid #86b8db;border-radius:7px;position:relative;page-break-before:always;}
  .product02 p {background-image:url(/service/product/img/product02.jpg);background-size:cover;height:40px;width:720px;position:absolute;top:-20px;left:-3px;padding-top:30px;}
  .block01, .block02, .block03, .block04 {display:inline;float:none;width:50%;height:auto;padding-left:10px;box-sizing:border-box}
  .product02 .h_title04 {margin-top:0;}
}

/* 保険料の目安 */
.plan01info {margin-bottom:35px;}
.plan01 img:nth-child(1) {margin-right:21px;}
.plan02info {margin-bottom:35px;}
.plan02 {margin-bottom:20px;}
.plan03info {position:relative;width:352px;float:left;margin-right:15px;}
.plan03info span {position:absolute;left:12px;bottom:90px;font-size:80%;}

/* 保険金支払事例 */
.toggle_switch {position:relative;cursor: pointer;}
.toggle_switch.open {}
.toggle_switch:hover {}
.toggle_switch::after {}
.toggle_switch.open::after {}
.toggle_contents {display:none;}
.title02, .title03 {padding-left:8px;}

/* 貿易保険の流れ */
.flow h1 {position:relative;}
.flow h1 span {position:absolute;top:23px;right:10px;font-size:70%;font-weight:normal;}
.flow01 img {width:80%;display:block;margin:auto;}
.flow01 {margin-bottom:20px;}

/* 共通 */
#servicemenu {text-align:center;padding:20px 0;}
#servicemenu .serviceinfo01 {font-size:120%;font-weight:bold;margin-bottom:40px;}
#servicemenu .serviceinfo02 {font-size:120%;font-weight:bold;}

#servicemenu ul {background:#fecdd2;border-radius:7px;padding:15px;margin-bottom:40px;}
#servicemenu ul li {width:133px;display:block;float:left;margin-right:6px;}
#servicemenu img {width:100%;}
#servicemenu ul li:nth-child(5) {margin-right:0;}