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

/* 貿易保険とは */
.about01 {margin-bottom:15px;}
.about02 {margin-bottom:30px;}
.about02 img:nth-child(1) {margin-bottom:15px;}
.about03 {margin-bottom:15px;}
.about04info {position:relative;margin-bottom:15px;}
.about04info span {position:absolute;left:3%;bottom:15%;font-size:85%;font-weight:bold;}

/* 保険商品 */
.product02 {margin:20px 0;text-align:center;border-left:2px solid #86b8db;border-right:2px solid #86b8db;border-bottom:2px solid #86b8db;border-radius:7px;box-sizing: border-box;}
.product02 img {margin:0 4% 10px 4%;width:92%;}
.product02 p {text-align:center;background-image:url(/service/product/img/product02.jpg);background-size:cover;height:40px;width:101%;padding-top:40px;margin:0 0 0 -2px;}
@media screen and (max-width: 350px) {
	.product02 {border-left:1px solid #86b8db;border-right:1px solid #86b8db;border-bottom:1px solid #86b8db;}
	.product02 p {width:100.7%;margin:0 0 0 -1px;}
}
.product02 p img {margin-bottom:0;width:80%;}
.product02 .h_title02,
.product02 .h_title03,
.product02 .h_title04,
.product02 .h_title05 {margin-top:15px;}

/* 保険料の目安 */
.plan01 img:nth-child(1) {margin:0 auto 15px auto;display:block;}
.plan01 img:nth-child(2) {margin-bottom:15px;}
.plan03info {position:relative;margin-bottom:15px;}
.plan03info span {position:absolute;left:3%;bottom:15%;font-size:85%;font-weight:bold;}

/* 保険金支払事例 */
.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:4px;}

/* 貿易保険の流れ */
.flow h1 span {display:block;font-size:70%;}

/* 共通 */
#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:4%;margin-bottom:40px;}
#servicemenu ul li {width:48%;display:block;float:left;margin-right:3%;margin-bottom:3%;}
#servicemenu img {width:100%;}
#servicemenu ul li:nth-child(even) {margin-right:0;}