@charset "UTF-8";

/* =========================================================
	Base Setting
========================================================= */
body,button,h1,h2,h3,h4,h5,h6,input,option,select,table,textarea{
	color: #333;
	font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	line-height:1.1;
}

a:link {
	color: #000;
	text-decoration: underline;
}

a:visited {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: none;
}

a:active {
	color: #000;
	text-decoration: none;
}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

.pcOnly {
	display: block;
}

.spOnly {
	display: none;
}

@media screen and (max-width: 767px) {
	.pcOnly {
		display: none;
	}

	.spOnly {
		display: block;
	}
}

/* =========================================================
	Common Layout
========================================================= */

/* Contents
--------------------------------------------------------- */
#conts {
	display: block;
	width: 1000px;
	max-width: 100%;
	margin: 0 auto;
	padding-top: 45px;
}
textarea {
	max-width: 100%;
}
@media screen and (max-width: 767px) {
	#conts {
		width: 100%;
		padding-top: 20px;
		overflow: hidden;
	}
}

/* =========================================================
	Common Style
========================================================= */
/* Opacity
--------------------------------------------------------- */
@media screen and (min-width: 768px) {
	.opacity a:hover {
		opacity: 0.7;
	}
}

/* Headline
--------------------------------------------------------- */
#contents .pageTtl {
	padding: 11px 0 8px;
	background: #0A0F5F;
}

#contents .pageTtl > span {
	display: block;
	width: 1000px;
	margin: 0 auto;
	color: #FFF;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.4;
}

#contents .headLine01 {
	padding: 10px 0 8px;
	background: #001C5D;
	color: #FFF;
	font-size: 2.6rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
}

@media screen and (max-width: 767px) {
	#contents .pageTtl {
		padding: 10px 10px;
	}

	#contents .pageTtl > span {
		width: 100%;
		font-size: 1.8rem;
	}

	#contents .headLine01 {
		padding: 6px 0;
		font-size: 1.6rem;
	}

	#contents .headLine01 .pcSpace {
		display: none;
	}
}

/* Common Button
--------------------------------------------------------- */
#contents .cmnBtn01 a {
	display: inline-block;
	width: 380px;
	padding: 18px 0 16px;
	background: #839DD1;
	-webkit-border-radius: 30px;
	        border-radius: 30px;
	color: #FFF;
	font-size: 1.9rem;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}

#contents .cmnMore01 {
	display: none;
}

@media screen and (min-width: 768px) {
	#contents .cmnBtn01 a:hover {
		opacity: 0.7;
	}
}

@media screen and (max-width: 767px) {
	#contents .cmnBtn01 a {
		width: 310px;
		padding: 14px 0;
		font-size: 1.6rem;
	}

	#contents .cmnMore01 {
		display: block;
		text-align: center;
	}

	#contents .cmnMore01 a {
		display: block;
		width: 85%;
		margin: 0 auto;
		padding: 8px 0;
		border: 1px solid #CFCECF;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#D1DBD6));
		-webkit-border-radius: 5px;
		        border-radius: 5px;
		color: #333;
		font-size: 3.4vw; /*1.6rem*/
		font-weight: bold;
		text-decoration: none;
		position: relative;
	}

	#contents .cmnMore01 a::after {
		content: "";
		display: inline-block;
		width: 17px;
		height: 17px;
		background: url(../img/common/icon_more01_sp.png) no-repeat;
		-webkit-background-size: 17px 17px;
		        background-size: 17px 17px;
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -9px;
	}

	#contents .cmnMore01.open {
		margin-right: 7px;
		text-align: right;
	}

	#contents .cmnMore01.open a {
		width: auto;
		padding: 0 20px 0 0;
		border: none;
		background: none;
	}

	#contents .cmnMore01.open a::after {
		background: url(../img/common/icon_more01_open_sp.png) no-repeat;
		-webkit-background-size: 17px 17px;
		        background-size: 17px 17px;
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -8px;
	}
}