@charset "utf-8";
.slogan-section {margin-top: -5.7vw;}
.slogan-section h1 {padding: 1.5vw; font-size: 2vw; background-color: #fffbf7;}
.slogan-section h2 {margin: 2vw auto 0; font-size: 1.8vw; line-height: 2;}
.slogan-section h3 {margin: 0 auto; font-size: 1.8vw; line-height: 2;}
.slogan-section p {margin: 0 auto; font-size: 1.6vw; line-height: 2;}
.linklist-section {margin-top:2vw; margin-bottom:2vw;}
.outerlink-section {background-color: #f0f0f0; padding: 5vw 3vw 3vw;}
.outerlink-section img {margin-top: 1vw;}
.outerlink-section h2 {font-size: 1.4vw; padding-bottom: 1vw;}
.outerlink-section p {font-size: 1vw; line-height: 1.6;}
.outerlink-next {margin-top:3vw; padding:3vw 0;}
.outerlink_color {color:#0000cd;}
.outerlink_color:hover {text-decoration: underline;}

@media screen and (max-width: 768px) {
	.slogan-section {margin: 0; padding: 0;}
	.slogan-section h1 {padding: 15px; font-size: 16px;}
	.slogan-section h2 {margin: 0 auto; font-size: 13px; line-height: 1.5;}
	.slogan-section h3 {font-size: 13px; line-height: 1.5;}
	.slogan-section p {font-size: 11px; line-height: 1.3;}
	.slogan-first {padding-top: 15px;}
	.slogan-last {padding-bottom: 25px;}
	.linklist-section {margin-top:20px; margin-bottom:20px;}
	.outerlink-section {padding: 20px;}
	.outerlink-section img {margin-top: 10px;; margin-bottom: 10px;}
	.outerlink-section h2 {font-size: 16px; padding-bottom: 10px;}
	.outerlink-section p {font-size: 12px; line-height: 1.5;}
	.outerlink-next {margin-top:50px;}
	.outerlink_color {padding-top:15px; color:#0000cd;}
}