@charset "utf-8";

#goto-caution {
	width: 100%;
	margin: 2em auto 1em;
	box-sizing: border-box;
	padding: 1em;
	border: 1px solid red;
	color: red;
	font-size: 100%;
	text-align: left;
	line-height: 1.3em;
}

#goto-title {
	padding: .8em;
	font-size: 121%;
	text-align: center;
	background-color: #004998;
	color: #fff;
	margin-top: 1em;
}

#lead {
	background: #00b2df url("/domestic/img/bg_domestic_lead.png") no-repeat top center;
	box-sizing: border-box;
	padding: 250px 1em 1.5em ;
	margin-bottom: 3em;
}
#lead .lead-inner {
	color: #fff;
	font-size: 92%;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}
#lead .lead-images {
	text-align: center;
	margin-bottom: 1.5em;
}
#lead .lead-images img{
	width: auto;
}
#lead .lead-title {
	text-align: center;
	margin: 2em auto 1.5em;
	color: #fde90b;
}
#lead .lead-subtitle {
	margin:2em auto 1em;
	color: #fff;
	font-size: 100%;
}
#lead .lead-images_flexible {
	text-align: center;
	margin-bottom: 1.5em;
	overflow: auto;
}
#lead .lead-images_flexible p{
	width: 870px;
}
#lead .lead-images_flexible img{
	width: 870px;
}

@media screen and (min-width: 768px) {
	#lead {
		padding: 250px 3em 1.5em ;
	}
}

#goto-notice {
	margin:0 auto 40px;
	font-size:121%;
	color: red;
	text-align: center;
	font-weight: bold;
	line-height: 1.5em;
}

.goto-list{
	display: flex;
	flex-wrap:wrap;
	margin-top: 1em;
}
.goto-list li{
	width: 50%;
	list-style-type: none;
	box-sizing: border-box;
	border-right: 1px solid #ccc;
	margin-bottom: 1em;
}
.goto-list li:nth-child(2n+1){
	border-left: 1px solid #ccc;
}
.goto-list li a{
	display: block;
	padding:10% 1.5em;
	box-sizing: border-box;
}
.goto-list li a p{
	display: block;
	text-align: center;
	margin-bottom: 1em;
}
.goto-list li a img{
	width: 80%;
}

@media screen and (min-width: 768px) {
	.goto-list li{
		width: 25%;
	}
	.goto-list li:nth-child(4n+1){
		border-left: 1px solid #ccc;
	}
}

.goto-btn {
	margin: 2em auto 3em;
}
.goto-btn p{
	text-align: center;
	margin:0 auto 1em;	
	padding: 0 1em;
	font-size:100%;
	line-height: 1.8em;
	font-weight: bold;
	color: #00b2df;
}
.goto-btn a {
	display: block;
	margin: 0 auto;
	max-width: 350px;
	padding: .8em 1.5em;
	text-align: center;
	color: #fff;
	font-size: 121%;
	font-weight: bold;
	text-decoration: none;
	background-color: #00b2df;
	box-sizing: border-box;
	border: 2px solid #00b2df;
}
.goto-btn a:hover {
	background-color: #fff;
	color: #00b2df;
	border: 2px solid #00b2df;
}

#termsmenu {
	width: 85%;
	max-width: 630px;
	margin: 0 auto 3em;
}
#termsmenu ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#termsmenu ul li {
	padding : 0 .5em;
	border-right: 1px solid #00b2df;
}
#termsmenu ul li:last-chilld {
	border-right: none;
}
#termsmenu ul li a {
	font-size: 92%;
	color: #00b2df;
	font-weight: bold;
}