﻿
body {
	background: #eaedf4;
}

.cont_wrap {
	background: #fff;
}

.cont_wrap h2 {
	font-weight: 600;
	color: #004098;
}

.cont_wrap h2:after {
	content: "";
	width: 3em;
	height: 1px;
	background: #004098;
	display: block;
	margin: 0 auto;
}

.cont_wrap p._center {
	text-align: center;
}

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

	#mainArea {
		max-width: 1100px;
		width: 100%;
		margin: 0 auto 100px;
	}

	#mainArea h1 {
		padding: 50px 0 0;
	}

	#mainArea h1 img {
		display: block;
		margin: 0 auto;
	}
	.cont_wrap {
		max-width: 1100px;
		margin: 50px auto 0;
		padding: 50px;
		font-size: 65%;
	}

	.cont_wrap h2 {
		font-size: 125%;
	}

	.cont_wrap h2:after {
		margin: 15px auto 30px;
	}

}

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

	#mainArea {
		margin: 1em 1.5em 2em;
	}

	#mainArea h1 {
		margin: 100px 0 0.5em;
	}

	#mainArea h1 img {
		display: block;
		margin: 0 auto;
		width: 94%;
	}

	#mainArea p {
		font-size: 75%;
	}

	.cont_wrap h2 {
		padding: 1em 0 0;
		font-size: 115%;
		line-height: 1.3;
	}

	.cont_wrap h2:after {
		margin: 0.5em auto;
	}

	#mainArea p {
		font-size: 68%;
	}

	.cont_wrap {
		overflow: hidden;
	}

}


/*
titles
*************************************/



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

	#mainArea.sitemap h1 img {
		width: 15.5%;
	}

	#mainArea.cookie h1 img {
		width: 45%;
	}

	#mainArea.inquire h1 img {
		width: 17%;
	}

	#mainArea.policy h1 img {
		width: 32%;
	}

	#mainArea.privacy h1 img {
		width: 23.5%;
	}

	#mainArea.privacy2 h1 img {
		width: 30%;
	}

	#mainArea.privacy3 h1 img {
		width: 34.8%;
	}

	#mainArea.notice h1 img {
		width: 28%;
	}

	#mainArea.external h1 img {
		width: 41%;
	}

	#mainArea.antisocial h1 img {
		width: 41%;
	}

}

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

	#mainArea.sitemap h1 img {
		width: 42%;
	}

	#mainArea.cookie h1 img {
		width: 75%;
	}

	#mainArea.inquire h1 img {
		width: 47%;
	}

	#mainArea.policy h1 img {
		width: 89%;
	}

	#mainArea.privacy h1 img {
		width: 65%;
	}

	#mainArea.privacy2 h1 img {
		width: 80%;
	}

	#mainArea.privacy3 h1 img {
		width: 94%;
	}

	#mainArea.notice h1 img {
		width: 76%;
	}

	#mainArea.external h1 img {
		width: 94%;
	}

	#mainArea.antisocial h1 img {
		width: 80%;
	}

}


/*

*************************************/

._center{
	text-align: center;
}

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

	.cont_wrap p {
		text-align: left;
	}

	.cont_wrap h2.mt {
		margin-top: 50px;
	}

}

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

	.cont_wrap {
		padding: 0 1em;
	}

	.cont_wrap p {
		text-align: left;
	}

	.cont_wrap h2.mt {
		margin-top: 2em;
	}


}



/*
sitemap
*************************************/


.sitemap ul.sitap_list {
	text-align: left;
}

.sitemap ul.sitap_list > li > a,
.sitemap ul.sitap_list > li > dl dt {
	display: block;
	font-weight: 600;
	color: #004098;
	border-bottom: 1px solid #ddd;
}

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

	.sitemap div._pc {
		display: flex;
		justify-content: space-between;
	}

	.sitemap ul.sitap_list {
		width: 48.5%
	}

	.sitemap ul.sitap_list dt {
		display: block;
	}

	.sitemap ul.sitap_list > li,
	.sitemap ul.sitap_list dt {
		margin-bottom: 15px;
	}

}

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

	.sitemap ul.sitap_list {
		margin: 0 1em;
		padding: 1em 0 1px;
		font-size: 65%;
	}

	.sitemap ul.sitap_list > li {
		margin-bottom: 1.5em;
	}

}


/*
inquire
*************************************/


main .inquire a[target^="_blank"]::after {
	display: none;
}

.inquire .link_btn a span {
	text-align: center;
	width: 100%;
	left: 0;
}

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

	.inquire ul {
		display: flex;
		flex-wrap: wrap;
	}

	.inquire ul li {
		width: calc( 100% / 3 );
	}

	.inquire dl {
		margin: 25px 0;
	}

	.inquire dl dd {
		margin-top: 15px;
	}

	.inquire ul li a:hover {
		background: #fff;
	}

	.inquire ul li a.no_link:hover {
		background: #888;
	}

}

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

	.inquire dl {
		font-size: 68%;
		margin: 1.5em 1em;
	}

	.inquire dl dd {
		margin-top: 1em;
	}

}
