@charset "UTF-8";
/* ****************************************************
style.css for AIU creca
 ***************************************************** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

html {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

q, blockquote {
	quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}

a img {
	border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}

/*general
=========================================*/
html {
	box-sizing: border-box;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 768px) {
	html {
		font-size: 31.25%;
	}
}

body {
	background-color: #ffffff;
	font-size: 1rem;
	font-family: "ＭＳ Ｐゴシック", "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	color: #333333;
}
body > img {
	display: none !important;
}
@media screen and (min-width: 769px) {
	body {
		min-width: initical;
	}
}

a:link,
a:visited {
	color: #057bca;
	text-decoration: none;
}

img {
	max-width: 100%;
	width: 100%;
	height: auto;
	vertical-align: top;
}
@media screen and (min-width: 769px) {
	img {
		width: auto;
	}
}

em,
strong {
	font-weight: bold;
}

sup {
	font-size: 10px;
	font-size: 1rem;
	vertical-align: top;
}
@media screen and (max-width: 768px) {
	sup {
		font-size: 2rem;
	}
}

*, *:before, *:after {
	box-sizing: inherit;
}

.forPC {
	display: none;
}
@media screen and (max-width: 768px) {
	.forPC {
		display: block;
	}
}

.forSP {
	display: block;
}
@media screen and (max-width: 768px) {
	.forSP {
		display: none;
	}
}

/*Header
=========================================*/
header {
	position: relative;
	width: 100%;
	background: #ddf2fb url(../images/index_bg01.png) repeat-x 0 74px;
}
@media screen and (max-width: 768px) {
	header {
		background: #ddf2fb url(../images/index_bg01_s.png) repeat-x 0 0;
		background-size: 100% auto;
	}
}
header #logo {
	width: 100%;
	background-color: #fff;
}
header #logo > p {
	width: 960px;
	margin: 0 auto;
}
header #logo > p img {
	width: 222px;
}
@media screen and (max-width: 768px) {
	header #logo > p {
		box-sizing: border-box;
		width: 100%;
		padding: 0 57.33333% 0 6.6667%;
	}
	header #logo > p img {
		width: 100%;
	}
}
header h1 {
	overflow: hidden;
	width: 100%;
	height: 756px;
	background: url(../images/index_ti01_p.png) no-repeat 50% 0;
	text-indent: 100%;
	white-space: nowrap;
	margin-bottom: -158px;
}
header h1 + p {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: 1px;
	height: 0;
}
@media screen and (max-width: 768px) {
	header h1 {
		box-sizing: border-box;
		width: 100%;
		height: 0;
		padding-top: 78.6667%;
		margin-bottom: 0;
		background: #ddf2fb url(../images/index_ti01_s.png) no-repeat 0 0;
		background-size: 100% auto;
	}
}
header #headerTxt {
	width: 804px;
	margin: 0 auto;
	padding: 0 0 20px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
}
header #headerTxt .lead {
	margin-bottom: 10px;
	text-align: center;
}
header #headerTxt .lead + p {
	background: url(../images/index_bg07.png);
}
@media screen and (max-width: 768px) {
	header #headerTxt {
		box-sizing: border-box;
		width: 100%;
	}
	header #headerTxt .lead {
		width: 96%;
		margin: 0 auto;
		padding-top: 1.38889%;
		padding-bottom: 1.38889%;
	}
	header #headerTxt p:last-child {
		width: 89.33333%;
		margin: 0 auto;
		font-size: 2.4rem;
	}
}

/*Contents
=========================================*/
main {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
}
@media screen and (max-width: 768px) {
	main {
		font-size: 2.8rem;
	}
}
main .noteList {
	font-size: 12px;
	font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
	main .noteList {
		font-size: 2rem;
	}
}
main .noteList > li {
	padding-left: 2em;
	text-indent: -2em;
}
main .noteList > li .mark {
	display: inline-block;
	width: 2em;
	text-indent: 0;
}
main > section h2, main > section h3 {
	text-align: center;
}
@media screen and (max-width: 768px) {
	main > section h2 {
		position: relative;
		border-bottom: 2px solid #d2d0d0;
	}
	main > section h2:before {
		position: absolute;
		top: 50%;
		right: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 8%;
		height: 0;
		padding-top: 8%;
		background: url(../images/index_ic04.png) no-repeat 0 0;
		background-size: 100% auto;
		content: " ";
	}
	main > section h2.open:before {
		background-position: 0 100%;
	}
}
main > section .inner {
	width: 960px;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	main > section .inner {
		width: 100%;
	}
}
main > section#section01 {
	background-color: #f2f0f0;
	padding: 0 0 65px;
}
@media screen and (max-width: 768px) {
	main > section#section01 {
		padding-bottom: 0;
	}
	main > section#section01 .inner {
		padding: 0 0 5.33333%;
	}
}
main > section#section01 h2 {
	position: relative;
	background-color: #ffffff;
	border-bottom: 8px solid #d2d0d0;
	font-size: 0;
}
@media screen and (min-width: 769px) {
	main > section#section01 h2:before {
		position: absolute;
		bottom: -48px;
		left: 50%;
		margin-left: -45px;
		content: url(../images/index_bg02.png);
	}
}
@media screen and (max-width: 768px) {
	main > section#section01 h2 {
		border-bottom-width: 2px;
	}
}
main > section#section01 .example {
	position: relative;
	background-color: #ffffff;
	border-radius: 8px;
	padding: 50px 0 20px 20px;
}
@media screen and (max-width: 768px) {
	main > section#section01 .example {
		width: 94.66667%;
		margin: 0 auto;
		padding: 2.8169%;
	}
}
main > section#section01 .example > h4 {
	box-sizing: border-box;
	min-height: 100px;
	margin: 0 380px 20px 10px;
	padding: 8px 0 10px 106px;
	border-bottom: 3px solid #d51600;
	font-size: 34px;
	font-size: 3.4rem;
	font-weight: bold;
	line-height: 1.25;
	background: url(../images/index_ic01.png) no-repeat 0 0;
	background-size: 90px 90px;
}
main > section#section01 .example > h4 + p {
	margin: 0 380px 0 10px;
}
@media screen and (max-width: 768px) {
	main > section#section01 .example > h4 {
		min-height: 0;
		margin: 0 0 2rem;
		padding: 0.76923% 0 3.07692% 19.53846%;
		background-size: 16.61538% auto;
		font-size: 4.4rem;
	}
	main > section#section01 .example > h4 + p {
		float: left;
		margin: 0;
		width: 47.69231%;
	}
}
main > section#section01 .example > .image {
	position: absolute;
	top: 50px;
	right: 14px;
}
@media screen and (max-width: 768px) {
	main > section#section01 .example > .image {
		position: relative;
		top: 0;
		right: auto;
		float: right;
		width: 47.69231%;
	}
}
main > section#section01 .example .txBox {
	margin: 15px 380px 0 10px;
	padding: 0 0 75px;
	background: url(../images/index_ic02.png) no-repeat 386px 100%;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	main > section#section01 .example .txBox {
		clear: both;
		margin: 0;
		padding: 5.53846% 0 13.84615%;
		font-size: 3rem;
		background-position: 50% 100%;
		background-size: 19.69231% auto;
	}
}
main > section#section01 .example .txBox > p:first-child + p {
	margin: 10px 0 0;
}
@media screen and (max-width: 768px) {
	main > section#section01 .example .txBox > p:first-child + p {
		margin-top: .5rem;
	}
}
main > section#section01 .example .txBox .yen {
	display: inline-block;
	padding: 0 .3em;
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 1.2;
}
@media screen and (max-width: 768px) {
	main > section#section01 .example .txBox .yen {
		font-size: 3rem;
	}
}
main > section#section01 .example .txBox .yen02 {
	display: inline-block;
	padding: 0 .2em;
	font-size: 40px;
	font-size: 4rem;
	color: #d51600;
	line-height: 1.2;
}
@media screen and (max-width: 768px) {
	main > section#section01 .example .txBox .yen02 {
		font-size: 5.2rem;
	}
}
main > section#section01 .example .txBox .note {
	font-weight: normal;
	font-size: 12px;
	font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
	main > section#section01 .example .txBox .note {
		font-size: 2rem;
	}
}
@media screen and (max-width: 768px) {
	main > section#section01 .example .col2Block {
		margin-top: 1rem;
	}
	main > section#section01 .example .col2Block .colBox {
		box-sizing: border-box;
		width: 91.5493%;
		margin: 0 auto;
		padding: 4.61538% 4.61538% 0;
		border-radius: .8rem;
		background-color: #f2f0f0;
	}
	main > section#section01 .example .col2Block .colBox h4 {
		border-bottom: 4px solid #eeb033;
		margin-bottom: 1.5rem;
	}
	main > section#section01 .example .col2Block .colBox + .colBox {
		margin-top: 1rem;
		background-color: #ffe7e4;
	}
	main > section#section01 .example .col2Block .colBox + .colBox h4 {
		border-color: #d51600;
	}
}
@media screen and (min-width: 769px) {
	main > section#section01 .example .col2Block {
		display: table;
		width: 920px;
		margin-left: -20px;
		border-collapse: separate;
		border-spacing: 20px 0;
	}
	main > section#section01 .example .col2Block .colBox {
		position: relative;
		box-sizing: border-box;
		display: table-cell;
		width: 450px;
		background-color: #f2f0f0;
		vertical-align: top;
		padding: 12px 20px 120px;
		border-radius: 5px;
	}
	main > section#section01 .example .col2Block .colBox + .colBox {
		background-color: #ffe7e4;
	}
	main > section#section01 .example .col2Block .colBox + .colBox h4 {
		border-color: #d51600;
	}
	main > section#section01 .example .col2Block .colBox img {
		width: 410px;
		height: auto;
	}
	main > section#section01 .example .col2Block .colBox h4 {
		width: 410px;
		margin: 0 0 18px;
		border-bottom: 4px solid #eeb033;
	}
	main > section#section01 .example .col2Block .colBox .image {
		position: absolute;
		bottom: 0;
	}
}
main > section#section01 .example .noteList {
	margin: 15px 30px 0 10px;
}
@media screen and (max-width: 768px) {
	main > section#section01 .example .noteList {
		width: 91.5493%;
		margin: 1rem auto 0;
	}
}
@media screen and (min-width: 769px) {
	main > section#section01 .trouble h3 {
		margin-bottom: -10px;
	}
	main > section#section01 .trouble .wrap {
		width: 960px;
		padding-top: 20px;
	}
}
@media screen and (max-width: 768px) {
	main > section#section01 .trouble .wrap + .noteList {
		width: 94.66667%;
		margin: 1rem auto 0;
	}
}
@media screen and (max-width: 768px) {
	main > section#section01 .trouble .col3Block .colBox {
		display: table;
		position: relative;
		background-color: #ffffff;
		border-radius: .8rem;
		width: 94.66667%;
		margin: 2rem auto 0;
		padding: 5.6338% 4.22535% 2.8169% 5.6338%;
	}
	main > section#section01 .trouble .col3Block .colBox + .colBox {
		margin-top: 6.96177%;
	}
	main > section#section01 .trouble .col3Block .colBox h4 {
		display: table-cell;
		padding-right: 4.22535%;
		vertical-align: middle;
		font-size: 3.4rem;
		font-weight: bold;
	}
	main > section#section01 .trouble .col3Block .colBox h4 .titleIcon {
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		display: block;
		width: 24.3662%;
	}
	main > section#section01 .trouble .col3Block .colBox .image {
		display: table-cell;
		width: 43.66197%;
		vertical-align: middle;
	}
}
@media screen and (min-width: 769px) {
	main > section#section01 .trouble .col3Block {
		display: table;
		width: 1020px;
		margin: 0 0 15px -30px;
		border-collapse: separate;
		border-spacing: 30px 0;
	}
	main > section#section01 .trouble .col3Block .colBox {
		position: relative;
		box-sizing: border-box;
		display: table-cell;
		width: 300px;
		padding: 20px 20px 290px 20px;
		background-color: #ffffff;
		border-radius: 8px;
		vertical-align: top;
	}
	main > section#section01 .trouble .col3Block .colBox h4 {
		position: relative;
		font-size: 24px;
		font-size: 2.4rem;
		font-weight: bold;
		line-height: 1.3;
	}
	main > section#section01 .trouble .col3Block .colBox h4 sup {
		font-size: 1.2rem;
	}
	main > section#section01 .trouble .col3Block .colBox h4 .titleIcon {
		display: block;
		margin: -45px 0 10px;
		text-align: center;
	}
	main > section#section01 .trouble .col3Block .colBox h4 .titleIcon img {
		width: 114px;
	}
	main > section#section01 .trouble .col3Block .colBox .image {
		position: absolute;
		bottom: 15px;
		width: 260px;
	}
}
main > section#section02 {
	padding: 0 0 70px;
	background-color: #fbf1d5;
}
@media screen and (max-width: 768px) {
	main > section#section02 {
		padding-bottom: 0;
	}
	main > section#section02 .inner {
		padding-bottom: 5.33333%;
	}
}
main > section#section02 .sectionHeader {
	padding: 45px 0 15px;
	text-align: center;
}
@media screen and (max-width: 768px) {
	main > section#section02 .sectionHeader {
		padding: 6% 4.66667% 5.33333%;
	}
	main > section#section02 .sectionHeader > p:first-child {
		text-align: left;
		font-size: 2.8rem;
	}
}
main > section#section02 .sectionHeader p.boxLead {
	margin-top: .5em;
	font-weight: bold;
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 1.4;
}
@media screen and (max-width: 768px) {
	main > section#section02 .sectionHeader p.boxLead {
		margin-top: 1.5rem;
		font-size: 3rem;
		line-height: 1.5;
	}
}
main > section#section02 .sectionHeader p.boxLead em {
	position: relative;
	z-index: 1;
	display: inline-block;
	font-size: 44px;
	font-size: 4.4rem;
}
@media screen and (max-width: 768px) {
	main > section#section02 .sectionHeader p.boxLead em {
		font-size: 5.4rem;
	}
}
main > section#section02 .sectionHeader p.boxLead em:before {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	content: " ";
	border-top: 27px solid #fff45c;
}
@media screen and (max-width: 768px) {
	main > section#section02 .sectionHeader p.boxLead em:before {
		border-top-width: 1.7rem;
	}
}
main > section#section02 .inner > section {
	position: relative;
	padding: 35px 0 30px;
	background-color: #ffffff;
	box-shadow: .6rem .6rem 0 #eae0c6;
}
main > section#section02 .inner > section + section {
	margin-top: 30px;
}
@media screen and (max-width: 768px) {
	main > section#section02 .inner > section {
		width: 94.66667%;
		margin: 0 auto;
		padding: 6.33803% 0;
		box-shadow: 3px 3px 0 #eae0c6;
	}
	main > section#section02 .inner > section + section {
		margin-top: 1.6rem;
	}
	main > section#section02 .inner > section:before {
		position: absolute;
		top: 0;
		right: -3px;
		content: " ";
		width: 20px;
		height: 20px;
		background: url(../images/index_bg04_s.png) no-repeat 0 0;
		background-size: 100% auto;
	}
}
@media screen and (min-width: 769px) {
	main > section#section02 .inner > section:before {
		position: absolute;
		top: 0;
		right: -6px;
		content: url(../images/index_bg04_p.png);
	}
}
main > section#section02 .inner > section h3 {
	position: relative;
	width: 750px;
	margin: 0 auto 45px;
	padding: 0 0 25px;
	background: url(../images/index_bg03.png) repeat-x 0 100%;
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: bold;
	color: #d51600;
}
main > section#section02 .inner > section h3:before {
	position: absolute;
	top: 0;
	left: -65px;
	width: 47px;
	height: 39px;
	content: " ";
	background: url(../images/index_ic05.png) no-repeat 0 0;
	background-size: cover;
}
@media screen and (max-width: 768px) {
	main > section#section02 .inner > section h3 {
		width: 91.5493%;
		margin: 0 auto 2rem;
		padding: 0 3.07692% 3.07692% 13.07692%;
		background-size: 1.2rem auto;
		font-size: 3.8rem;
		text-align: left;
		line-height: 1.4;
	}
	main > section#section02 .inner > section h3:before {
		left: .5rem;
		top: 35%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 9.23077%;
		height: 0;
		padding-top: 7.69231%;
		background-size: contain;
	}
}
main > section#section02 .inner > section#point01 h3 + p {
	text-align: center;
}
@media screen and (min-width: 769px) {
	main > section#section02 .inner > section#point01 h3 + p img {
		width: 592px;
	}
}
main > section#section02 .inner > section#point01 h3 + p + p {
	margin: 35px 100px 0;
	line-height: 1.8;
}
@media screen and (max-width: 768px) {
	main > section#section02 .inner > section#point01 h3 + p + p {
		margin: 2rem 2rem 0;
		font-size: 2.8rem;
	}
}
main > section#section02 .inner > section#point02 h3 + p {
	width: 760px;
	margin: 0 auto;
	font-size: 1.55rem;
}
@media screen and (max-width: 768px) {
	main > section#section02 .inner > section#point02 h3 + p {
		width: 88.73239%;
		font-size: 2.8rem;
	}
}
main > section#section02 .inner > section#point02 h4 {
	width: 760px;
	margin: 20px auto 10px;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
}
main > section#section02 .inner > section#point02 h4:before {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-top: -0.3em;
	margin-right: .2em;
	border-radius: 100%;
	background-color: #474747;
	content: " ";
	vertical-align: middle;
}
main > section#section02 .inner > section#point02 h4 + p {
	margin: 0 0 0 100px;
}
@media screen and (max-width: 768px) {
	main > section#section02 .inner > section#point02 h4 {
		width: 88.73239%;
		margin: 1.5rem auto .5rem;
		font-size: 2.8rem;
		text-indent: -1em;
		padding-left: 1em;
	}
	main > section#section02 .inner > section#point02 h4:before {
		width: 1rem;
		height: 1rem;
		text-indent: 0;
	}
	main > section#section02 .inner > section#point02 h4 + p {
		margin: 0;
	}
}
main > section#section02 .inner > section#point02 .noteList {
	width: 760px;
	margin: 10px auto 0;
}
@media screen and (max-width: 768px) {
	main > section#section02 .inner > section#point02 .noteList {
		width: 88.73239%;
		margin-top: 1rem;
	}
}
@media screen and (max-width: 768px) {
	main > section#section02 .inner > section#point03 h3 + ul {
		width: 88.73239%;
		margin: 0 auto;
	}
}
@media screen and (min-width: 769px) {
	main > section#section02 .inner > section#point03 h3 + ul {
		margin: 0 82px;
		position: relative;
	}
	main > section#section02 .inner > section#point03 h3 + ul:before {
		position: absolute;
		right: -12px;
		bottom: 39px;
		content: url(../images/index_im09.png);
	}
}
main > section#section02 .inner > section#point03 h3 + ul:after {
	content: '';
	display: table;
	clear: both;
}
main > section#section02 .inner > section#point03 h3 + ul > li {
	float: left;
	width: 245px;
	padding: 0 0 30px;
}
main > section#section02 .inner > section#point03 h3 + ul > li + li {
	margin-left: 30px;
}
main > section#section02 .inner > section#point03 h3 + ul > li:first-child + li + li + li {
	margin-left: 0;
	clear: both;
}
main > section#section02 .inner > section#point03 h3 + ul > li .boxTitle {
	margin: 7px 0 5px;
	font-weight: bold;
	font-size: 21px;
	font-size: 2.1rem;
	color: #d51600;
	line-height: 1.2;
}
main > section#section02 .inner > section#point03 h3 + ul > li .boxTitle sup {
	font-size: 12px;
	font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
	main > section#section02 .inner > section#point03 h3 + ul > li {
		width: 100%;
		padding-bottom: 2rem;
	}
	main > section#section02 .inner > section#point03 h3 + ul > li:last-child {
		padding-bottom: 1rem;
	}
	main > section#section02 .inner > section#point03 h3 + ul > li:after {
		content: '';
		display: table;
		clear: both;
	}
	main > section#section02 .inner > section#point03 h3 + ul > li + li {
		margin-left: 0;
	}
	main > section#section02 .inner > section#point03 h3 + ul > li .boxTitle {
		font-size: 2.8rem;
		margin: .5rem 0;
	}
	main > section#section02 .inner > section#point03 h3 + ul > li p:first-child {
		float: left;
		width: 36.50794%;
		padding-right: 3.80952%;
	}
	main > section#section02 .inner > section#point03 h3 + ul > li p + p {
		overflow: auto;
	}
}
main > section#section02 .inner > section#point03 .noteList {
	clear: both;
	margin: -15px 82px 0;
}
@media screen and (max-width: 768px) {
	main > section#section02 .inner > section#point03 .noteList {
		width: 88.73239%;
		margin: 0 auto;
	}
}
@media screen and (min-width: 769px) {
	main > section#section03 .wrap {
		position: relative;
		overflow: hidden;
		width: 960px;
		margin-top: 43px;
		background: url(../images/index_bg05.png) repeat-y 0 0;
	}
	main > section#section03 .wrap:before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		border-top: 17px solid #ffffff;
		content: " ";
	}
	main > section#section03 ol {
		overflow: hidden;
		display: table;
		width: 1008px;
		margin-left: -24px;
		border-collapse: separate;
		border-spacing: 24px 0;
	}
	main > section#section03 ol > li {
		position: relative;
		display: table-cell;
		width: 222px;
		vertical-align: top;
		background-color: #fbf1d5;
		border-radius: 0 0 10px 10px;
	}
	main > section#section03 ol > li:first-child + li + li + li p:first-child {
		margin-bottom: -7px;
	}
	main > section#section03 ol > li:first-child + li + li + li:after {
		background-image: none;
	}
	main > section#section03 ol > li:first-child + li + li + li > p:first-child:after {
		content: " ";
	}
	main > section#section03 ol > li p:first-child {
		position: relative;
	}
	main > section#section03 ol > li p:first-child .num {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -24px;
	}
	main > section#section03 ol > li p:first-child:after {
		position: absolute;
		top: 66px;
		right: -8px;
		content: url(../images/index_ic06_p.png);
	}
	main > section#section03 ol > li p:first-child + p {
		padding: 15px 13px;
		font-size: 15px;
		font-size: 1.5rem;
	}
	main > section#section03 .noteList {
		margin-top: 15px;
	}
}
@media screen and (max-width: 768px) {
	main > section#section03 .inner {
		padding-bottom: 5.33333%;
	}
	main > section#section03 ol {
		width: 89.33333%;
		margin: 0 auto;
		padding-top: 7.46269%;
	}
	main > section#section03 ol > li {
		position: relative;
	}
	main > section#section03 ol > li + li {
		margin-top: 20px;
	}
	main > section#section03 ol > li + li:before {
		position: absolute;
		top: -20px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 58px;
		height: 20px;
		background: url(../images/index_ic06_s.png) no-repeat 0 0;
		background-size: contain;
		content: " ";
	}
	main > section#section03 ol > li p {
		display: table-cell;
		vertical-align: middle;
	}
	main > section#section03 ol > li p:first-child {
		position: relative;
		width: 34.32836%;
		padding: 4rem 0;
		background-color: #d51600;
		border-radius: 1rem 0 0 1rem;
		text-align: center;
	}
	main > section#section03 ol > li p:first-child > img {
		max-width: 100%;
	}
	main > section#section03 ol > li p:first-child .num {
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 20.43478%;
		max-width: 30px;
	}
	main > section#section03 ol > li p:first-child + p {
		background-color: #fbf1d5;
		padding: 4.54545% 4.54545% 4.54545% 6.81818%;
		border-radius: 0 1rem 1rem 0;
		font-size: 2.4rem;
	}
	main > section#section03 ol > li:last-child p:first-child {
		background-color: #fbf1d5;
	}
	main > section#section03 .noteList {
		width: 89.33333%;
		margin: 1rem auto 0;
	}
}
@media screen and (min-width: 769px) {
	main > section + #cv {
		position: relative;
		margin-top: 70px;
		height: 710px;
		background: url(../images/index_bg06_p.png) repeat-x 0 0;
	}
	main > section + #cv > p:first-child {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		width: 100%;
		height: 710px;
		background: url(../images/index_im10_p.png) no-repeat 50% 0;
		text-indent: 100%;
		white-space: nowrap;
	}
	main > section + #cv > p:first-child + p {
		position: absolute;
		top: 484px;
		left: 50%;
		margin-left: -350px;
	}
	main > section + #cv .btn {
		position: absolute;
		top: 537px;
		left: 50%;
		margin-left: -362px;
	}
}
@media screen and (max-width: 768px) {
	main > section + #cv {
		position: relative;
		height: 0;
		padding-top: 81.33333%;
	}
	main > section + #cv > p:first-child {
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../images/index_im10_s.png) no-repeat 0 0;
		background-size: 100% auto;
		text-indent: 100%;
		white-space: nowrap;
	}
	main > section + #cv > p:first-child + p {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		padding-top: 51.46667%;
		text-align: center;
	}
	main > section + #cv > p:first-child + p img {
		width: 93.2%;
	}
	main > section + #cv .btn {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		padding-top: 59.6%;
		text-align: center;
	}
	main > section + #cv .btn img {
		width: 96.93333%;
	}
}

/*Footer
=========================================*/
@media screen and (min-width: 769px) {
	body footer {
		width: 100%;
		margin: 0 auto;
		padding: 35px 0 0;
	}
	footer .inner {
		width: 960px;
		margin: 30px auto 0;
		position: relative;
	}
	footer .footer-inner {
		width: 1200px;
		margin: 0 auto;
	}
	footer dl {
		position: relative;
		margin-bottom: 20px;
		padding: 0 0 25px 10px;
		font-size: 1.15rem;
	}
	footer dl dt {
		margin-bottom: 5px;
		color: #001871;
		font-size: 1.6rem;
		font-weight: bold;
	}
	footer dl dd {
		line-height: 1.5;
	}
	footer dl dd #adNum {
		padding-top: 5px;
		padding-right: 10px;
		text-align: right;
		font-size: 1rem;
	}
	footer dl dd .logoWrap {
		display: table;
		margin-top: 12px;
		margin-bottom: 12px;
	}
	footer dl dd .logoWrap p.logo {
		display: table-cell;
		width: 208px;
		padding-right: 34px;
		vertical-align: middle;
	}
	footer dl dd .logoWrap p.logo + p {
		display: table-cell;
		font-weight: bold;
		font-size: 1.8rem;
		vertical-align: middle;
	}
	footer dl dd .logoWrap p.logo + p span {
		display: block;
		font-weight: normal;
		font-size: 1rem;
	}
	footer dl dd .telInfo {
		margin-top: 15px;
		font-size: 1.6rem;
		color: #001871;
		font-weight: bold;
	}
	footer dl dd .telInfo .tel {
		padding-left: 1em;
		color: #000000;
		font-size: 2rem;
		font-weight: bold;
	}
	footer dl dd .telInfo .telCaption {
		color: #000000;
		font-size: 1.2rem;
		font-weight: normal;
	}
	footer ul {
		text-align: center;
	}
	footer ul li {
		display: inline-block;
		font-size: 14px;
		font-size: 1.4rem;
	}
	footer ul + p {
		margin-top: 10px;
		text-align: center;
		font-size: 14px;
		font-size: 1.4rem;
	}
	footer #pageUp {
		position: fixed;
		right: 35px;
		bottom: 10px;
		z-index: 1000;
	}
	footer #pageUp img {
		cursor: pointer;
	}
}
@media screen and (max-width: 768px) {
	footer {
		padding-top: 2rem;
	}
  footer .inner {
		padding: 20px 0;
	}
	footer dl {
		width: 89.33333%;
		margin: 0 auto;
		font-size: 2.3rem;
		line-height: 1.6;
	}
	footer dl dt {
		margin: 0 0 .5rem;
		font-size: 2.6rem;
		font-weight: bold;
		color: #001871;
	}
	footer dl .logo {
		display: none;
	}
	footer dl .comName {
		margin: 0 0 .5rem;
		font-weight: bold;
		font-size: 3.1rem;
	}
	footer dl .comName span {
		display: block;
		font-size: 2.3rem;
		font-weight: normal;
	}
	footer dl .telInfo {
		margin-top: 1.5rem;
		font-weight: bold;
		color: #001871;
		font-size: 2.68rem;
	}
	footer dl .telInfo .tel {
		display: block;
		color: #000000;
		font-size: 3.5rem;
	}
	footer dl .telInfo .telCaption {
		display: block;
		color: #000000;
		font-size: 2.4rem;
		font-weight: normal;
	}
	footer dl #adNum {
		margin-top: 1rem;
		text-align: right;
	}
	footer dl + ul {
		margin-top: 2rem;
		padding: 2rem 5.06667% 0;
		border-top: 2px solid #dddddd;
	}
	footer dl + ul > li {
		display: inline-block;
		margin: 0 auto;
		font-size: 2.8rem;
		vertical-align: middle;
		line-height: 1;
	}
	footer dl + ul + p {
		width: 89.86667%;
		margin: 0 auto;
		padding: 2rem 0;
		font-size: 2.2rem;
	}
	footer #pageUp {
		position: fixed;
		right: 1rem;
		bottom: 1rem;
		z-index: 1000;
		width: 22.66667%;
		max-width: 85px;
	}
}