@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
	font-family: Meiryo,"メイリオ","HiraKakuPro-W3",sans-serif,Osaka;
	font-style: normal;
    font-weight: normal;
    color: #333333;
}
p,li,dd {
	font-size: 14px;
	list-style: none;
	line-height: 1.7em;
}
br {display: none;}

/* リンクカラー */
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;color: inherit;}
a:visited {text-decoration: none;color: inherit;}

/* フォントサイズ・カラー */	
.note {color:#666666;}
.attention {color:#CC0000;}
.example {color:#999999;}
.fL {font-size:115%;}
.fLL {font-size:150%;}
.fS {font-size:85%;}

.lh135{line-height:135%;}
.lh150{line-height:150%;}
.lh175{line-height:175%;}
.lh200{line-height:200%;}

/* マージン系 */
.pB5 {padding-bottom:5px;}
.pT5 {padding-top:5px;}
.pR5 {padding-right:5px;}
.pT10 {padding-top:10px;}
.pT15 {padding-top:15px;}
.pT20 {padding-top:20px;}
.mB5 {margin-bottom:5px;}
.mB10 {margin-bottom:10px;}
.mB15 {margin-bottom:15px;}
.mB20 {margin-bottom:20px;}
.mB25 {margin-bottom:25px;}
.mB30 {margin-bottom:30px;}
.mT5 {margin-top:5px;}
.mT10 {margin-top:10px;}
.mT15 {margin-top:15px;}
.mT20 {margin-top:20px;}
.mT30 {margin-top:30px;}
.mR5 {margin-right:5px;}
.mR10 {margin-right:10px;}
.mR15 {margin-right:15px;}
.mR20 {margin-right:20px;}
.mR30 {margin-right:30px;}
.mL5 {margin-left:5px;}
.mL10 {margin-left:10px;}
.mL15 {margin-left:15px;}
.mL20 {margin-left:20px;}
.mLR5 {margin-right:5px;margin-left:5px;}
.mLR10 {margin-right:10px;margin-left:10px;}
.mLR15 {margin-right:15px;margin-left:15px;}
.mLR20 {margin-right:20px;margin-left:20px;}
.mTm1 {margin-top:-1px;}
	
/* フォーム系 */
form {margin:0;padding:0;}
input {
	margin: 0 5px 0 0;
	padding: 0;
	vertical-align:middle;
	}
select {margin: 0;padding: 0;}
	
/* clear */
.clear {zoom:1;}
.clear:after {
	height: 1px;
	margin-top: -1px;
	font-size: 1px;
	line-height: 1px;
	content: ".";
	display: block;
	color: #ffffff;
	clear: both;
	}
.clearB {clear: both;}
.floatL {float:left;}
.floatR {float:right;}
.alignR {text-align:right;}
.alignL {text-align:left;}
.alignC {text-align:center;}
.vaT {vertical-align:top;}
.vaM {vertical-align:middle;}
.visibilityH {visibility: hidden;}
.hoverOpacity08:hover {opacity: 0.8;}
.hideT {
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    border: 0;
}
.content-fadein {
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px);
}
.fadein {
	opacity: 1.0;
	transition: 0.8s;
	transform: translate(0,0px); 
	-webkit-transform: translate(0,0px);
}

/* レイアウト関連 */
#wrapper {background-color: #66C8FF;}
header {
	padding: 10px 0;
	border-bottom: 7px solid #22304F;
	background-color: #fff;
}
header p {padding: 0 0 0 10px;line-height: 0;}
header p a {display: inline-block;}
header p a img {width: 93.5px;}

.contentsArea {
	padding: 30px 0 15px 0;
	margin: 0 10px;
	background-color: #fff;
}
.titleArea {margin-bottom: 30px;text-align: center;}
.titleArea h1 {margin-bottom: 10px;text-align: center;}
.titleArea h1 img {width: 225px;}
.titleArea p {
	height: 101px;
	margin-bottom: 30px;
	padding: 0 0 20px 0;
	text-align: center;
	background-image: url(../img/title_bottom.png),url(../img/bg_title_01.png),url(../img/bg_title_02.png);
	background-position: center center,left 3px bottom,right 10px bottom;
	background-size: contain,60px,42px;
	background-repeat: no-repeat;
}
.titleArea iframe {width: auto;height: auto;}

.question {
	padding: 10px;
	margin: 0 13px 20px 13px;
	border: 3px solid #22304F;
	border-radius: 10px;
}
.question h2 {
	width: 100%;
	height: 15px;
	padding-bottom: 12px;
	margin: 0 auto 15px auto;
	background-position: center top,center bottom;
	background-size: contain;
	background-repeat: no-repeat;
}
.q01 h2 {background-image: url(../img/q_01.png),url(../img/q_bottom.png)}
.q02 h2 {background-image: url(../img/q_02.png),url(../img/q_bottom.png)}
.q03 h2 {background-image: url(../img/q_03.png),url(../img/q_bottom.png)}
.q04 h2 {height: 82px;background-image: url(../img/q_04.png),url(../img/q_bottom.png)}
.q05 h2 {background-image: url(../img/q_05.png),url(../img/q_bottom.png)}
.q06 h2 {background-image: url(../img/q_06.png),url(../img/q_bottom.png)}
.question .answer dt {
	width: 300px;
	height: 20px;
	margin: 0 auto 15px auto;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
.q01 .answer dt {background-image: url(../img/answer_01.png);}
.q02 .answer dt {background-image: url(../img/answer_02.png);}
.q03 .answer dt {background-image: url(../img/answer_03.png);}
.q04 .answer dt {background-image: url(../img/answer_04.png);}
.q05 .answer dt {background-image: url(../img/answer_05.png);}
.q06 .answer dt {background-image: url(../img/answer_06.png);}
.question .answer dd {
	margin: 0 0 -34px 5px;
	padding: 0 15px 50px 0;
	background: url(../img/bg_answer_sp.png) no-repeat bottom right;
	background-size: 50px;
}
.question .answer .truncate_more_link img {width: 179.5px;margin-left: 15px;}
.question .answer .truncate_more_link img:hover {opacity: 0.8;}

.contactArea {margin: 40px 13px 20px 13px;}
.contactArea h2 {text-align: center;margin-bottom: 40px;}
.contactArea h2 img {width: 235px;}
.contactArea p {width: 100%;line-height: 0;text-align: center;}
.contactArea p img {width: 100%;margin: 0 auto;}

.linkText {font-size: 14px;text-align: right;color: #22304F;margin-right: 13px;font-weight: bold;}
footer {padding: 1em 0;}
footer p {text-align: center;line-height: 0;}
footer p img {width: 181px;}

@media screen and (min-width: 750px) {
	br {display: block;}
	header {
		padding: 15px 0;
		border-bottom: 13px solid #22304F;
		background-color: #fff;
	}
	header p {width: 740px;padding: 0 0 0 10px;margin: 0 auto;}
	header p a img {width: auto;}

	.contentsArea {
		width: 900px;
		padding: 30px 20px 30px 20px;
		margin: 0 auto;
	}
	.titleArea {margin-bottom: 60px;}
	.titleArea h1 {margin-bottom: 20px;text-align: center;}
	.titleArea h1 img {width: auto;}
	.titleArea p {
		height: 150px;
		padding: 142px 0 60px 0;
		margin-top: -142px;
		margin-bottom: 50px;
		background-image: url(../img/title_bottompc.png),url(../img/bg_title_01.png),url(../img/bg_title_02.png);
		background-size:382px,232px,170px;
		background-position: center bottom 40px,left 10px bottom,right 40px bottom;
	}
	.titleArea iframe {width: 640px;height: 360px;}
	
	.question {
		width: 700px;
		padding: 20px;
		margin: 0 auto 30px auto;
		border: 10px solid #22304F;
		border-radius: 30px;
	}
	.question h2 {
		width: 696px;
		height: 30px;
		padding-bottom: 20px;
		margin: 0 auto 25px auto;
		background-size: 600px,contain;
	}
	.q01 h2 {background-image: url(../img/q_01pc.png),url(../img/q_bottom.png);background-size: auto 25px,contain;}
	.q02 h2 {background-image: url(../img/q_02pc.png),url(../img/q_bottom.png);background-size: auto 25px,contain;}
	.q03 h2 {background-image: url(../img/q_03pc.png),url(../img/q_bottom.png);background-size: auto 25px,contain;}
	.q04 h2 {height: 61px;background-image: url(../img/q_04pc.png),url(../img/q_bottom.png);background-size: auto 61px,contain;}
	.q05 h2 {background-image: url(../img/q_05pc.png),url(../img/q_bottom.png);background-size: auto 25px,contain;}
	.q06 h2 {background-image: url(../img/q_06pc.png),url(../img/q_bottom.png);background-size: auto 25px,contain;}
	.question .answer {text-align: center;}
	.question .answer dt {width: 600px;height: 40px;margin: 0 auto 25px auto;}
	.question .answer dd,.question .clearboth {text-align: left;}
	.question .answer dd {
		width: 640px;
		font-size: 20px;
		margin: 0 0 -50px 0;
		padding: 0 0 80px 0;
		background: url(../img/bg_answer.png) no-repeat bottom right;
		background-size: auto 216px;
	}
	.question .answer .truncate_more_link img {width: 228px;margin-left: 30px;}
	
	.contactArea {margin: 60px auto 40px auto;}
	.contactArea h2 {text-align: center;margin-bottom: 60px;}
	.contactArea h2 img {width: 470px;}
	.contactArea p img {max-width: 760px;}
	.linkText {font-size: 20px;margin-right: 70px;}
	footer p img {width: 362px;}
}