@charset "utf-8";

main .wrap .tab {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
	border-bottom: 1px solid #0093dc;
}
main .wrap .tab li {
	width: 200px;
	text-align: center;
	background-color: #fff;
	border-left: 1px solid #0093dc;
	border-top: 1px solid #0093dc;
	border-right: 1px solid #0093dc;
	margin: 0 20px;
}
main .wrap .tab li span {
	display: block;
	color: #0093dc;
	width: 100%;
	padding: 5px 0;
}
main .wrap .tab li a {
	color: #fff;
	background-color: #0093dc;
	width: 100%;
	display: block;
	padding: 5px 0;
	text-decoration: none;
}
main .wrap .tab li a:hover {
	background-color: #0054a6;
}
main .wrap h1 img {
	margin: 0 auto;
}
main .wrap .content-box.about ul li {
	margin-top: 20px;
}
main .wrap .content-box.about ul li:first-child {
	margin-top: 0;
}
main .wrap .content-box.about ul li dl {
	display: flex;
	justify-content: space-between;
}
main .wrap .content-box.about ul li dl dt {
	background-color: #f2f7fb;
	padding: 20px;
	font-weight: bold;
	text-align: center;
	width: 380px;
}
main .wrap .content-box.about ul li dl dt strong {
	color: #f00;
}
main .wrap .content-box.about ul li dl dd {
	width: 580px;
}
main .wrap .content-box.recommend ul {
	display: flex;
	justify-content: space-around;
}
main .wrap .content-box.recommend ul li {
	width: 20%;
}
main .wrap .content-box.recommend ul li p {
	font-weight: bold;
	text-align: center;
}
main .wrap .content-box.plan .cost {
	margin-bottom: 40px;
	display: flex;
	justify-content: space-between;
}
main .wrap .content-box.plan .cost li {
	width: 258px;
	position: relative;
}
main .wrap .content-box.plan .cost li:before {
	content: "";
	background: url("/images/product_monthly_world/sekai_plus.png") center center no-repeat;
	width: 70px;
	height: 70px;
	position: absolute;
	top: calc(50% - 35px);
	left: -87px;
}
main .wrap .content-box.plan .cost li:first-child:before {
	content: none;
}
main .wrap .content-box.plan .cost li dl dt {
	color: #0093DC;
	font-weight: bold;
	background-color: #e5eef7;
	text-align: center;
	padding: 10px;
	margin-bottom: 20px;
}
main .wrap .content-box.plan .cost li dl dd img {
	height: 75px;
	margin: 0 auto 20px;
}
main .wrap .content-box.plan .cost li dl dd p {
	text-align: center;
}
main .wrap .content-box.plan .cost-chart {
	width: 100%;
	border: 1px solid #cdcdcd;
}
main .wrap .content-box.plan .cost-chart thead tr th {
	border: 1px solid #cdcdcd;
	background-color: #f8f8f8;
	padding: 10px;
}
main .wrap .content-box.plan .cost-chart tbody tr th {
	border: 1px solid #cdcdcd;
	background-color: #f8f8f8;
	padding: 10px;
	font-weight: normal;
	text-align: left;
	width: 46%;
}
main .wrap .content-box.plan .cost-chart tbody tr th span {
	display: block;
}
main .wrap .content-box.plan .cost-chart tbody tr th a {
	cursor: pointer;
}
main .wrap .content-box.plan .cost-chart tbody tr th a span {
	display: inline-block;
	vertical-align: -6px;
}
main .wrap .content-box.plan .cost-chart tbody tr td {
	border: 1px solid #cdcdcd;
	padding: 10px;
	text-align: center;
	width: 18%;
}
main .wrap .content-box.plan .cost-chart tbody tr td span {
	font-weight: bold;
	font-size: 20px;
}
main .wrap .content-box.plan .memo {
	margin-bottom: 40px;
}
main .wrap .content-box.plan .option {
	margin-bottom: 40px;
}
main .wrap .content-box.plan .option li {
	text-indent: -1em;
	padding-left: 1em;
}
main .wrap .content-box.plan .option li:before {
	content: "・";
}
main .wrap .content-box.rental {
	display: flex;
}
main .wrap .content-box.rental > div {
	margin-left: 20px;
}
main .wrap .content-box.rental ul {
	margin-bottom: 20px;
}
main .wrap .content-box.rental .memo {
}
main .wrap .content-box.flow ol {
	margin-bottom: 40px;
	list-style: none;
}
main .wrap .content-box.flow ol li {
	margin-top: 20px;
}
main .wrap .content-box.flow ol li:first-child {
	margin-top: 0;
}
main .wrap .content-box.flow ol li dl dt {
	font-weight: bold;
}
main .wrap .content-box.flow .caution {
	margin-bottom: 40px;
}
main .wrap .content-box.flow .caution li {
	text-indent: -1em;
	padding-left: 1em;
}
main .wrap .content-box.flow .caution li:before {
	content: "・";
}
main .wrap .content-box.flow .return-address {
	background-color: #f8f8f8;
	padding: 20px;
}
main .wrap .content-box.flow .return-address dt {
	font-weight: bold;
}
main .wrap .content-box.pay ul {
	margin-bottom: 20px;
}
main .wrap .content-box.pay ul li {
	text-indent: -1em;
	padding-left: 1em;
}
main .wrap .content-box.pay ul li:before {
	content: "・";
}
main .wrap .content-box.pay .memo {
	margin-bottom: 40px;
}
main .wrap .content-box.pay .pay-info > p {
	margin-bottom: 40px;
}
main .wrap .content-box.pay .pay-info .case {
	margin-bottom: 40px;
}
main .wrap .content-box.pay .pay-info .case dt {
	font-weight: bold;
}
main .wrap .content-box.pay .pay-info .case dd {
	padding-left: 1em;
}
main .wrap .content-box.pay .pay-info .contact-address {
	background-color: #f8f8f8;
	padding: 20px;
}
main .wrap .content-box.pay .pay-info .contact-address dt {
	font-weight: bold;
}
main .wrap .content-box.support ul {
	margin-bottom: 40px;
}
main .wrap .content-box.support ul li {
	text-indent: -1em;
	padding-left: 1em;
}
main .wrap .content-box.support ul li:before {
	content: "・";
}
main .wrap .content-box.trouble ul {
	margin-bottom: 40px;
}
main .wrap .content-box.trouble ul li {
	text-indent: -1em;
	padding-left: 1em;
}
main .wrap .content-box.trouble ul li:before {
	content: "・";
}
main .wrap .content-box.trouble dl {
	background-color: #f8f8f8;
	padding: 20px;
}
main .wrap .content-box.trouble dl dt {
	font-weight: bold;
}
main .wrap .content-box.trouble dl dd {
	margin-bottom: 40px;
}
main .wrap .content-box.inquiry p {
	margin-bottom: 40px;
}
.remodal dl dt {
	font-weight: bold;
}
.remodal dl dd ul {
	display: flex;
	flex-wrap: wrap;
}
.remodal dl dd ul li {
	width: 29%;
	margin: 0 2% 10px;
	text-align: left;
}



@media screen and (max-width: 767px) {

	main .wrap .content-box.about ul li dl {
		display: block;
	}
	main .wrap .content-box.about ul li dl dt {
		width: 100%;
	}
	main .wrap .content-box.about ul li dl dd {
		width: 100%;
	}
	main .wrap .content-box.recommend ul {
		display: block;
	}
	main .wrap .content-box.recommend ul li {
		width: 100%;
		display: flex;
		align-items: start;
		margin-top: 20px;
	}
	main .wrap .content-box.recommend ul li:first-child {
		margin-top: 0;
	}
	main .wrap .content-box.recommend ul li img {
		width: 106px;
	}
	main .wrap .content-box.recommend ul li p {
		text-align: left;
		padding-left: 20px;
	}
	main .wrap .content-box.plan .cost {
		display: block;
	}
	main .wrap .content-box.plan .cost li {
		width: 100%;
		margin-top: 70px;
	}
	main .wrap .content-box.plan .cost li:before {
		width: 35px;
		height: 35px;
		top: -53px;
		left: calc(50% - 17px);
		background-size: contain;
	}
	main .wrap .content-box.plan .cost li:first-child {
		margin-top: 0;
	}
	main .wrap .content-box.plan .cost li dl dd {
		display: flex;
		align-items: center;
	}
	main .wrap .content-box.plan .cost li dl dd img {
		height: 60px;
		margin: 0 auto;
	}
	main .wrap .content-box.plan .cost li dl dd p {
		width: calc(60% - 10px);
		text-align: left;
	}
	main .wrap .content-box.rental {
		display: block;
	}
	main .wrap .content-box.rental > div {
		margin-left: 0;
	}
	main .wrap .content-box.rental img {
		margin: 0 auto;
	}
	main .wrap .content-box.plan .cost-chart {
		width: 980px;
	}
	.remodal dl dd ul li {
		width: 46%;
	}
}