@charset "utf-8";
/*共通*/
.contents_wrap {
	width: 100%;
	max-width: 993px;
	margin: 0 auto;
	border: 1px solid #ccc;
	padding: 20px;
}

.contents_wrap h2 {
	background-color: #093f6e;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 30px;
	padding: 8px;
	margin-bottom: 8px;
}

.contents_wrap h2 a {
	color: #fff;
	font-weight: bold;
}

.contents_wrap h2 a:hover {
	color: #ffff00;
}

.contents_wrap h3 {
	color: #093f6e;
	font-weight: bold;
	text-align: center;
	font-size: 23px;
	background-color: #c2daef;
	border: 1px solid #093f6e;
	padding: 5px;
	margin-top: 20px;
	margin-bottom: 8px;
}

.contents_wrap ul {
	list-style-type: none;
}

.contents_wrap ul.list {
	padding-left: 25px;
	list-style-type: disc;
}

.padding_box {
	padding: 0 20px;
}

.indent {
	padding-left: 25px;
}

.flex_wrap {
	display: flex;
	flex-wrap: wrap;
}

.bold {
	font-weight: bold;
}

.red {
	color: #cc0000;
	font-weight: bold;
}

.small {
	font-size: 65%;
	position: relative;
	top: -2px;
	margin: 0 5px;
}

sup {
	font-size: 75% !important;
	line-height: 0 !important;
	position: relative;
}

.list_parent {
	position: relative;
	padding-left: 20px;
}

.list_parent:before {
	content: "○";
	position: absolute;
	left: 0;
}

ul.list_child {
	padding-left: 40px;
	margin: 0 !important;
	list-style-type: disc;
}

.label li {
	position: relative;
	text-align: center;
	background-color: #ff008f;
	color: #ffff00;
	height: 35px;
	line-height: 35px;
	font-weight: bold;
}

.label li:before,
.label li:after {
	position: absolute;
	content: "";
	z-index: 1;
}

.label li:before {
	top: 0;
	left: 0;
	border-width: 17.5px 0 17.5px 15px;
	border-color: transparent transparent transparent #fff;
	border-style: solid;
}

.label li:after {
	top: 0;
	right: 0;
	border-width: 17.5px 15px 17.5px 0;
	border-color: transparent #fff transparent transparent;
	border-style: solid;
}

.summary_box dt {
	color: #093f6e;
	font-weight: bold;
	font-size: 110%;
	position: relative;
	padding-left: 20px;
	border-bottom: 1px solid #093f6e;
	margin-bottom: 5px;
}

.summary_box dt a {
	color: #093f6e;
}

strong.mini_title a:hover,
.contents_wrap h3 a:hover,
.summary_box dt a:hover {
	color: #ff8000;
}

.summary_box dd {
	margin-bottom: 8px;
}

.summary_box dt:before {
	content: "■";
	position: absolute;
	left: 0;
}

.col_3_mb {
	width: calc(98% / 3);
	margin-right: 1%;
	margin-bottom: 5px;
}

.col_3_mb:nth-of-type(3n) {
	margin-right: 0;
}

.col_2 {
	width: calc(99% / 2);
	margin-right: 1%;
}

.col_3 {
	width: calc(98% / 3);
	margin-right: 1%;
}

.col_4 {
	width: calc(97% / 4);
	margin-right: 1%;
}

.col_2:nth-of-type(2n),
.col_3:nth-of-type(3n),
.col_4:nth-of-type(4n) {
	margin-right: 0;
}

.emphasis {
	display: block;
	text-align: center;
	margin-bottom: 5px;
}

.more_btn {
	margin-top: 20px;
	text-align: center;
}

.more_btn a {
	display: inline-block;
	color: #fff;
	border: 1px solid #ff5c05;
	font-weight: bold;
	padding: 12px 80px;
	background: #ff6d1e; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff6d1e 0%, #ff6d1e 50%, #ff5d00 51%, #ff5d00 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ff6d1e 0%,#ff6d1e 50%,#ff5d00 51%,#ff5d00 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ff6d1e 0%,#ff6d1e 50%,#ff5d00 51%,#ff5d00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6d1e', endColorstr='#ff5d00',GradientType=0 ); /* IE6-9 */
	position: relative;
	border-radius: 3px;
}

.more_btn a:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 8px;
	margin-top: -6px;
	border: 6px solid transparent;
	border-left: 6px solid #fff;
}

.more_btn a:hover {
	opacity: 0.7;
}

.pr_text {
	color: #cc0000;
	font-weight: bold;
	border: 1px solid #cc0000;
	border-radius: 3px;
	padding: 0 5px;
}

/*fv下部分*/
strong.mini_title {
	display: block;
	text-align: center;
	border-bottom: 1px solid #093f6e;
	font-size: 30px;
	margin-bottom: 8px;
}

strong.mini_title a {
	color: #093f6e;
	font-weight: bold;
}

.fv_pattern dl {
	border: 1px solid #ccc;
	padding: 5px;
}

.fv_pattern dl dt {
	width: 80px;
}

.fv_pattern dl dt img {
	display: block;
}

.fv_pattern dl dd {
	width: calc(100% - 80px);
	padding-left: 5px;
}

.fv_merit dl dt img {
	width: 100%;
}

.fv_merit dl dt p {
	text-align: center;
	font-weight: bold;
	color: #fff;
	background-color: #ff6c00;
	border-radius: 20px;
	margin-bottom: 5px;
}

.tv strong.ribbon {
	display: block;
	text-align: center;
	position: relative;
	font-size: 30px;
	background-color: #cc0000;
	color: #fff;
	height: 55px;
	line-height: 55px;
	margin-bottom: 8px;
	font-weight: bold;
}

.tv strong.ribbon:before,
.tv strong.ribbon:after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	z-index: 1;
}

.tv strong.ribbon:before {
	top: 0;
	left: 0;
	border-width: 27.5px 0 27.5px 18px;
	border-color: transparent transparent transparent #fff;
	border-style: solid;
}

.tv strong.ribbon:after {
	top: 0;
	right: 0;
	border-width: 27.5px 18px 27.5px 0;
	border-color: transparent #fff transparent transparent;
	border-style: solid;
}

.yt_embed {
	justify-content: center;
}

.yt_embed .box {
	position: relative;
}

.yt_embed .box img {
	width: 70%;
	display: block;
	margin: 0 auto;
}

.yt_embed .box p {
	position: absolute;
	width: 96%;
	text-align: center;
	color: #1c949a;
	border: 1px solid #1c949a;
	font-weight: bold;
	background-color: #fff;
	line-height: 1.3;
	top: calc(100% - 80px);
	left: 50%;
	transform: translateX(-50%);
}

.yt_embed .box p span {
	font-size: 60%;
	font-weight: bold;
}

.yt_embed .box iframe {
	margin: 0 auto;
	display: block;
}

/*mokuji*/
.mokuji dd {
	padding-left: 20px;
}

.mokuji .col_2 {
	width: 50%;
	margin-right: 0;
	padding-right: 8px;
	border-right: 1px dashed #ccc;
}

.mokuji .col_2:last-of-type {
	border-right: none;
	padding-right: 0;
	padding-left: 8px;
}

/*YouTube*/
.yt_box {
	margin-bottom: 10px;
}

.yt_thum {
	display: block;
	position: relative;
}

.yt_thum:hover {
	opacity: 0.7;
}

.yt_thum:before {
	content: "";
	background-image: url(/images/yt_icon.png);
	display: inline-block;
	background-size: contain;
	width: 68px;
	height: 48px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0.9;
}

.yt_thum img {
	width: 100%;
	max-width: 480px;
	display: block;
}

.dn_btn {
	display: block;
	width: 100%;
	max-width: 480px;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-color: #00aa03;
	box-shadow: 0 3px 0 #007a02;
	border-radius: 3px;
	margin-top: 5px;
	position: relative;
}

.dn_btn:hover {
	top: 3px;
	box-shadow: none;
	color: #ffff00;
}

.yt_box p:first-of-type {
	float: left;
	margin-right: 8px;
	margin-bottom: 10px;
}

/*simulation*/
.simulation_btn {
	margin: 15px 0;
}

.simulation_btn a {
	display: block;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 140%;
	border-radius: 3px;
	padding: 10px;
	box-shadow: 0 3px 0 #780000;
	position: relative;
	background: rgb(229,0,0);
	background: -moz-linear-gradient(179deg, rgba(229,0,0,1) 0%, rgba(229,0,0,1) 50%, rgba(204,0,0,1) 51%, rgba(204,0,0,1) 100%);
	background: -webkit-linear-gradient(179deg, rgba(229,0,0,1) 0%, rgba(229,0,0,1) 50%, rgba(204,0,0,1) 51%, rgba(204,0,0,1) 100%);
	background: linear-gradient(179deg, rgba(229,0,0,1) 0%, rgba(229,0,0,1) 50%, rgba(204,0,0,1) 51%, rgba(204,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e50000",endColorstr="#cc0000",GradientType=1);
}

.simulation_btn a:hover {
	top: 3px;
	box-shadow: none;
	color: #ffff00;
}

.simulation_btn a:before {
	content: "";
	width: 80px;
	height: 80px;
	position: absolute;
	background-image: url(../images/simulation_icon.png);
	top: 50%;
	left: 150px;
	transform: translateY(-50%);
}

/*pattern_flow*/
.pattern_flow {
	border: 1px solid #008b8b;
	padding: 5px;
	margin-bottom: 5px;
}

.pattern_flow p {
	color: #008b8b;
	font-weight: bold;
}

/*option*/
.option dl {
	border: 1px solid #ccc;
	margin-top: 5px;
	padding: 5px;
}

.option dl dt {
	width: 80px;
	padding-left: 0;
	border-bottom: none;
	margin-bottom: 0;
}

.option dl dt img {
	display: block;
	width: 100%;
	height: auto;
}

.option dl dt:before {
	content: none;
}

.option dl dd {
	width: calc(100% - 80px);
	padding-left: 5px;
	margin-bottom: 0;
}

/*achievement*/
table.achievement {
	width: 100%;
	border: 1px solid #008b8b;
	border-collapse: collapse;
	margin: 5px 0;
}

table.achievement tr {
	border-bottom: 1px solid #008b8b;
}

table.achievement tr:last-of-type {
	border-bottom: none;
}

table.achievement td {
	padding: 8px;
}

table.achievement td:last-of-type {
	text-align: right;
}

/*merit_box*/
table.merit_box {
	width: 100%;
	border: 1px solid #008b8b;
	border-collapse: collapse;
}

table.merit_box tr {
	border-bottom: 1px solid #008b8b;
}

table.merit_box tr:last-of-type {
	border-bottom: none;
}

table.merit_box td {
	padding: 8px;
}

table.merit_box td:first-of-type {
	font-weight: bold;
	background-color: #d1ecec;
}

.box_text {
	border: 1px solid #FFCB00;
	text-align: center;
	background-color: #FFF5CF;
	border-radius: 3px;
	padding: 3px 0;
}

/*plus*/
.plus {
	margin-bottom: 8px;
}

.fv_merit dl,
.plus dl {
	box-shadow: 0 0 3px #ccc;
	padding: 8px;
	border-radius: 3px;
}

.plus dl dt,
.plus dl dd,
.plus dl dd p {
	width: 100%;
}

.plus dl dt,
.plus dl dd p {
	text-align: center;
}

.plus dl dd img {
	width: 100%;
}

/*pay_box*/
.pay_box form {
	padding: 8px;
	background-color: #d1ecec;
	text-align: center;
}

.pay_box input:first-of-type {
	width: 150px;
	height: 40px;
	text-align: right;
	margin-right: 8px;
}

.pay_box input:last-of-type {
	height: 40px;
	text-align: center;
	background-color: #cc0000;
	color: #fff;
	border: none;
	padding: 0 15px;
	border-radius: 3px;
	cursor: pointer;
	font-weight: bold;
}

/*r_service*/
table.r_service_list {
	width: 100%;
	border: 1px solid #008b8b;
	border-collapse: collapse;
}

table.r_service_list tr {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #008b8b;
}

table.r_service_list tr:last-of-type {
	border-bottom: none;
}

table.r_service_list td {
	padding: 8px;
}

table.r_service_list td:first-of-type {
	width: 20%;
	background-color: #d1ecec;
}

table.r_service_list td:last-of-type {
	width: 80%;
}

table.r_service_list td ul.col_2 li {
	border-bottom: 1px dashed #000;
	margin-bottom: 5px;
}

/*feature*/
.feature .col_4 {
	position: relative;
}

.feature .col_4:before {
	content: "○";
	position: absolute;
	left: 0;
}

/*flow*/
.flow table {
	width: 100%;
	border-collapse: collapse;
}

.flow table tr {
	border: 1px solid #008b8b;
	position: relative;
	margin-bottom: 30px;
	padding: 5px;
	display: flex;
}

.flow table tr:last-of-type {
	margin-bottom: 0;
}

.flow table tr:before {
	content: "";
	position: absolute;
	top: calc(100% + 10px);
	left: 50%;
	margin-left: -30px;
	border: 30px solid transparent;
	border-top: 15px solid #a5caca;
}

.flow table tr:last-of-type:before {
	content: none;
}

.flow table td:first-of-type {
	width: 90px;
}

.flow table td:first-of-type img {
	display: block;
}

.flow table td:last-of-type {
	width: calc(100% - 90px);
	padding-left: 5px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.flow table td:last-of-type p {
	width: 100%;
}

/*trouble*/
.trouble_box table {
	width: 100%;
	border: 1px solid #008b8b;
	border-collapse: collapse;
}

.trouble_box table tr {
	border-bottom: 1px solid #008b8b;
}

.trouble_box table tr:last-of-type {
	border-bottom: none;
}

.trouble_box table td {
	padding: 8px;
}

.trouble_box table td:first-of-type {
	background-color: #d1ecec;
	color: #008b8b;
	font-weight: bold;
	text-align: center;
	width: 20%;
}

.trouble_box table td:last-of-type {
	width: 80%;
}

/*faq*/
dl.faq_box {
	border-top: 2px dashed #ccc;
	margin-top: 10px;
	padding-top: 10px;
}

dl.faq_box:first-of-type {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}

dl.faq_box dt {
	position: relative;
	padding-left: 48px;
	min-height: 40px;
	display: flex;
	align-items: center;
	color: #6B8E23;
	font-weight: bold;
	font-size: 20px;
}

dl.faq_box dt:before {
	content: "Q";
	position: absolute;
	left: 0;
	color: #fff;
	font-weight: bold;
	background: rgb(131,190,62); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(131,190,62,1) 0%, rgba(81,162,44,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(131,190,62,1) 0%,rgba(81,162,44,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(131,190,62,1) 0%,rgba(81,162,44,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83be3e', endColorstr='#51a22c',GradientType=0 ); /* IE6-9 */
	display: block;
	width: 40px;
	height: 40px;
	font-size: 25px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
}

dl.faq_box dd:before {
	content: "A";
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	font-weight: bold;
	background: rgb(254,141,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(254,141,0,1) 0%, rgba(254,65,1,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(254,141,0,1) 0%,rgba(254,65,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(254,141,0,1) 0%,rgba(254,65,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe8d00', endColorstr='#fe4101',GradientType=0 ); /* IE6-9 */
	display: block;
	width: 40px;
	height: 40px;
	font-size: 25px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
}

dl.faq_box dd {
	position: relative;
	margin-top: 8px;
	padding-left: 48px;
	min-height: 40px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

dl.faq_box dd * {
	width: 100%;
}

/*map*/
.map {
	background-image: url(../images/bg_map.png);
	background-size: contain;
	background-position: bottom;
	padding-top: 10px;
}

.map h2 {
	font-weight: bold;
	text-align: center;
	font-size: 30px;
}

.contents_block {
	width: 100%;
	max-width: 993px;
	margin: 0 auto;
}

.map_contents {
	width: 100%;
}

.map_image {
	width: 25%;
}

.map_image img {
	width: 100%;
	height: auto;
	display: block;
}

.map_text {
	width: calc(100% - 25%);
	padding: 10px;
}

.map_text dl {
	padding: 8px;
	background: rgba(255,255,255,0.5);
	border-radius: 3px;
	margin-bottom: 5px;
}

.map_text dl dt {
	width: 22%;
	font-weight: bold;
}

.map_text dl dd {
	width: 78%;
}

.map_text dl dd ul li {
	float: left;
	list-style-type: none;
}

.map_text dl dd ul li:after {
	content: "｜";
}

.map_text dl dd ul li:last-of-type:after {
	content: none;
}

.if_pref .prefmap {
	display: flex;
	flex-wrap: wrap;
}

.if_pref .l7 {
	width: 100%;
	max-width: 500px;
}

.if_pref iframe {
	border: 0;
	width: 500px;
	height: 500px;
}

.if_pref .l5 {
	width: calc(100% - 500px);
	padding-left: 20px;
}

.if_pref dl dt {
	margin-top: 20px;
	font-weight: bold;
}

.if_pref dl dt:first-of-type {
	margin-top: 0;
}

.if_pref dl dt a {
	font-weight: bold;
}

.if_pref dl dd span {
	margin-right: -6px;
}

.if_pref dl dd span:last-of-type {
	display: none;
}

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

/*共通*/
.contents_wrap {
	border: none;
	padding: 0 1%;
}

.tv strong.ribbon,
strong.mini_title,
.contents_wrap h2 {
	font-size: 25px;
	line-height: 1.3;
}

.pd_box,
.padding_box,
.indent {
	padding: 0;
}

sup {
	top: -0.5em;
}

.white {
	color: #fff;
	font-weight: bold;
}

.summary_box dt {
	padding-left: 25px;
}

.col_3_mb {
	width: 100%;
	margin-right: 0;
}

.col_3_mt:last-of-type {
	margin-bottom: 0;
}

.col_2,
.col_3,
.col_4 {
	width: 100%;
	margin-right: 0;
}

.click_trigger {
	position: relative;
	padding-right: 38px !important;
}

.click_trigger:after {
	content: "＋";
	position: absolute;
	top: 50%;
	right: 8px;
	transform: translateY(-50%);
	font-weight: bold;
}

.click_trigger.click_trigger_open:after {
	content: "－";
}

.click_trigger.yt_hide {
	color: #093f6e;
	font-weight: bold;
	border: 1px solid #093f6e;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #d8e7f4;
}

.click_trigger_box {
	display: none;
}

/*fv下部分*/
.fv_pattern {
	border: 1px solid #ccc;
}

.fv_pattern dl {
	border: none;
	border-bottom: 1px solid #ccc;
}

.fv_pattern dl:last-of-type {
	border-bottom: none;
}

.fv_merit dl.col_4 {
	width: calc(99% / 2);
	margin-right: 1%;
}

.fv_merit dl.col_4:nth-of-type(2n) {
	margin-right: 0;
}

.tv strong.ribbon {
	padding: 8px;
	height: auto;
}

.tv strong.ribbon:before,
.tv strong.ribbon:after {
	content: none;
}

.yt_embed .box {
	width: 100%;
}

.yt_embed .box:first-of-type,
.yt_embed .box:last-of-type {
	display: none;
}

.yt_embed .box:nth-of-type(2) {
	padding-top: 56.25%;
	margin-bottom: 8px;
}

.yt_embed .box iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

/*mokuji*/
.mokuji .col_2 {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	border-right: none !important;
}

/*YouTube*/
.yt_box p:first-of-type {
	float: none;
	margin-right: 0;
}

.yt_thum img,
.dn_btn {
	max-width: none;
}

table.achievement tr {
	display: flex;
	flex-wrap: wrap;
}

/*simulation*/
.simulation_btn a {
	font-size: 110%;
}

.simulation_btn a:before {
	content: none;
}

/*achievement*/
table.achievement td {
	width: 100%;
}

table.achievement td:first-of-type {
	background-color: #008b8b;
	color: #fff;
}

/*merit_box*/
table.merit_box td {
	width: 100%;
	display: block;
}

/*plus*/
.plus dl {
	width: calc(98% / 2);
	margin-right: 2%;
	box-shadow: none;
	border: 1px solid #ccc;
	margin-top: 8px;
}

.plus dl:nth-of-type(-n + 2) {
	margin-top: 0;
}

.plus dl:nth-of-type(2n) {
	margin-right: 0;
}

/*r_service*/
table.r_service_list td:first-of-type,
table.r_service_list td:last-of-type,
table.r_service_list td ul.col_2 {
	width: 100%;
}

table.r_service_list tr {
	border-bottom: none;
}

table.r_service_list td:first-of-type {
	border-bottom: 1px solid #008b8b;
}

table.r_service_list tr:last-of-type td:first-of-type {
	border-bottom: none;
}

table.r_service_list tr:last-of-type td:last-of-type {
	border-top: 1px solid #008b8b;
}

/*feature*/
.feature .col_4 {
	padding-left: 25px;
	width: calc(99% / 2);
	margin-right: 1%;
}

.feature .col_4:nth-of-type(2n) {
	margin-right: 0;
}

/*faq*/
dl.faq_box,
dl.faq_box:first-of-type {
	border: 1px solid #ccc;
	padding: 8px;
}

dl.faq_box dd {
	padding-top: 8px;
	border-top: 1px dashed #ccc;
	display: none;
}

dl.faq_box dd:before {
	top: 8px;
}

/*map*/
.map {
	padding: 20px 0;
	background: #093f6e;
}

.map h2 {
	font-size: 25px;
	line-height: 1.3;
	margin-bottom: 8px;
	color: #ffff00;
}

.contents_block {
	width: 98%;
}

.map_image {
	display: none;
}

.map_text {
	width: 100%;
	padding: 0;
}

.map_text dl {
	padding: 0;
	background: none;
	border-radius: 0;
	border: 1px solid #ccc;
	background-color: #fff;
}

.map_text dl dt,
.map_text dl dd {
	width: 100%;
}

.map_text dl dt {
	border-bottom: 1px solid #ccc;
	padding: 8px;
	background-color: #f8f8f8;
}

.map_text dl dt:last-of-type {
	border-bottom: none;
}

.map_text dl dd {
	padding: 8px;
	border-bottom: 1px solid #ccc;
}

.map_text dl dd:last-of-type {
	border-top: 1px solid #ccc;
	border-bottom: none;
}

.map_text dl dd ul li {
	width: calc(96% / 3);
	margin-right: 2%;
	margin-top: 10px;
}

.map_text dl dd ul li:nth-of-type(3n) {
	margin-right: 0;
}

.map_text dl dd ul li:nth-of-type(-n + 3) {
	margin-top: 0;
}

.map_text dl dd ul li:after {
	content: none;
}

.map_text dl dd ul li a {
	display: block;
	border: 1px solid #ccc;
	background-color: aliceblue;
	text-align: center;
	padding: 10px;
}

.if_pref iframe {
	display: none;
}

.if_pref .l5 {
	width: 100%;
	padding-left: 0;
}

.if_pref dl dd {
	display: flex;
	flex-wrap: wrap;
}

.if_pref dl dd a {
	display: block;
	width: calc(94% / 4);
	margin-right: 2%;
}

.if_pref dl dd a:nth-of-type(4n) {
	margin-right: 0;
}

.if_pref dl dd span {
	display: none;
}

}