@charset "utf-8";

a:link {
	color:#fff;
}

a:visited {
	color:#fff;
}

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

a:active {
	color:#000;
}
.wrap{
}

.onlypc{
	display:none;
}
.onlysm{
	display:block;
}

.br::before {
content: "\A" ;
white-space: pre ;
}

/* =========================================================
index
========================================================= */
div#index .wrap{
}

div#index div.bg_all {
	background: url(../img/bg.jpg) repeat;
}

div#index div.bg_all div.bg_head {
}

/* =========================================================
top
========================================================= */
div#index div.bg_all div.bg_head div#top {
}

div#index div.bg_all div.bg_head div#top div.wrap {
	padding-bottom: 5vw;
}

div#index div.bg_all div.bg_head div#top div.wrap div.head {
	padding: 3vw 0;
	background-color: #f3d01a;
}

div#index div.bg_all div.bg_head div#top div.wrap div.head p {
	text-align: center;
}

div#index div.bg_all div.bg_head div#top div.wrap div.head p img {
	width: 90vw;
}

div#index div.bg_all div.bg_head div#top div.wrap div.top {
	padding: 7vw 0;
}

div#index div.bg_all div.bg_head div#top div.wrap div.top h1 {
	text-align: center;
}

div#index div.bg_all div.bg_head div#top div.wrap div.top h1 img {
	width: 90vw;
}

div#index div.bg_all div.bg_head div#top div.wrap div.top p.aori {
	text-align: center;
}

div#index div.bg_all div.bg_head div#top div.wrap div.top p.aori img {
}

div#index div.bg_all div.bg_head div#top div.wrap div.top p.btn {
	position: absolute;
	top: 160px;
	left: 790px;
}

div#index div.bg_all div.bg_head div#top div.wrap div.top p.btn a img {
}

div#index div.bg_all div.bg_head div#top div.wrap div.top div.text {
	text-align: center;
	margin: 0 0 5vw 0;
}

div#index div.bg_all div.bg_head div#top div.wrap div.top div.text p {
}

div#index div.bg_all div.bg_head div#top div.wrap div.top div.text p img {
	width: 94vw;
}

div#index div.bg_all div.bg_head div#top div.wrap div.detail {
	width: 90vw;
	margin: 0 auto;
}

div#index div.bg_all div.bg_head div#top div.wrap div.detail h2 {
	border-bottom: #fff 3px solid;
	border-top: #fff 3px solid;
	text-align: center;
	padding: 3vw 0;
	margin-bottom: 30px;
}

div#index div.bg_all div.bg_head div#top div.wrap div.detail h2 img {
	width: 76vw;
}

div#index div.bg_all div.bg_head div#top div.wrap div.detail div.main {
	background-color: #fffae6;
	padding: 5vw 0;
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
}

div#index div.bg_all div.bg_head div#top div.wrap div.detail div.main dl.cf {
	width: 86vw;
	margin: 0 auto 15px auto;
}

div#index div.bg_all div.bg_head div#top div.wrap div.detail div.main dl.cf dt {
	width: 20vw;
	background-color: #1a2d55;
	color: #fff;
	text-align: center;
	font-size: 4vw;
	font-weight: bold;
	padding: 3vw 0;
	float: left;
}

div#index div.bg_all div.bg_head div#top div.wrap div.detail div.main dl.cf dd {
	width: 64vw;
	float: right;
	color: #1a2d55;
	font-size: 3.5vw;
	padding: 3vw 0 0 0;
	letter-spacing: 0.1em;
}

/* =========================================================
main
========================================================= */
div#index div.bg_all div.bg_head div#main {
}

div#index div.bg_all div.bg_head div#main div.bg {
	background: url(../img/detail_bg.jpg)#41a1d6 center top no-repeat;
}

div#index div.bg_all div.bg_head div#main div.bg div.wrap {
	padding: 10vw 0;
}

div#index div.bg_all div.bg_head div#main div.bg div.wrap h2 {
	text-align: center;
	background: url(../img/how_title_bg.png) center bottom repeat-x;
	padding: 0 0 7vw 0;
}

div#index div.bg_all div.bg_head div#main div.bg div.wrap h2 img {
	width: 70vw;
}

div#index div.bg_all div.bg_head div#main div.bg div.wrap div.contents {
	width: 90vw;
	margin: 0 auto;
}

div#index div.bg_all div.bg_head div#main div.bg div.wrap div.contents p.top_img {
}

div#index div.bg_all div.bg_head div#main div.bg div.wrap div.contents p.top_img img {
	width: 100%;
}

div#index div.bg_all div.bg_head div#main div.bg div.wrap div.contents div.main {
	background: url(../img/how_main_bg.png) center repeat-y;
	background-size: 100%;
}

div#index div.bg_all div.bg_head div#main div.bg div.wrap div.contents div.main div.inner {
	padding: 5vw 0;
	width: 86vw;
	margin: 0 auto;
}

div#index div.bg_all div.bg_head div#main div.bg div.wrap div.contents div.main div.inner div.img_text {
	text-align: center;
	font-size: 5vw;
	color: #24365a;
	font-weight: bold;
	letter-spacing: 0.08em;
	margin-bottom: 5vw;
}

div#index div.bg_all div.bg_head div#main div.bg div.wrap div.contents div.main div.inner p.img {
	text-align: center;
	margin-bottom: 35px;
}

div#index div.bg_all div.bg_head div#main div.bg div.wrap div.contents div.main div.inner p.img img {
	width: 100%;
}

div#index div.bg_all div.bg_head div#main div.bg div.wrap div.contents div.main div.inner div.text {
	font-size: 4vw;
	color: #061b46;
	width: 80vw;
	margin: 0 auto;
}

div#index div.bg_all div.bg_head div#main div.bg div.wrap div.contents div.main div.inner div.text p {
	margin-bottom: 3.5vw;
	letter-spacing: 0.1em;
	line-height: 180%;
}

div#index div.bg_all div.bg_head div#main div.bg div.wrap div.contents div.main div.inner div.text p span.big_text {
	font-size: 4vw;
	font-weight: bold;
}

div#index div.bg_all div.bg_head div#main div.bg div.wrap div.contents div.main div.inner p.btn {
	text-align: center;
	margin: 5vw 0 0 0;
}

div#index div.bg_all div.bg_head div#main div.bg div.wrap div.contents div.main div.inner p.btn a:hover img{
	opacity: 0.8;
}

div#index div.bg_all div.bg_head div#main div.bg div.wrap div.contents div.main div.inner p.btn a img {
	width: 70vw;
}

div#index div.bg_all div.bg_head div#main div.bg div.wrap div.contents p.bottom_img {
}

div#index div.bg_all div.bg_head div#main div.bg div.wrap div.contents p.bottom_img img {
	width: 100%;
}

/* =========================================================
contents
========================================================= */
div#index div.bg_all div.bg_head div#contents {
}

div#index div.bg_all div.bg_head div#contents div.wrap {
	width: 90vw;
	margin: 0 auto;
	padding: 10vw 0;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.top {
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 4vw;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.top div.text1 {
}

div#index div.bg_all div.bg_head div#contents div.wrap div.top div.text2 {
	margin: 3vw 0 15vw 0;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.image {
}

div#index div.bg_all div.bg_head div#contents div.wrap div.image h2 {
	text-align: center;
	margin-bottom: 5vw;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.image h2 img {
	width: 60vw;
	margin: -10vw 0 0 0 ;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.image p.top_img {
	text-align: center;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.image p.top_img img {
	width: 100%;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.image div.main {
	background: url(../img/image_main_bg.png) center top repeat-y;
	background-size: 100%;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.image div.main div.inner {
	width: 86vw;
	margin: 0 auto;
	padding: 0 0 5vw 0;s
}

div#index div.bg_all div.bg_head div#contents div.wrap div.image div.main div.inner div.img {
	text-align: center;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.image div.main div.inner div.img p {
}

div#index div.bg_all div.bg_head div#contents div.wrap div.image div.main div.inner div.img p img {
	width: 94%;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.image div.main div.inner div.photo {
	width: 80vw;
	margin: 7vw auto 0 auto;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.image div.main div.inner div.photo dl {
	margin-bottom: 7vw;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.image div.main div.inner div.photo dl dt {
	color: #fff;
	font-size: 4vw;
	text-align: center;
	font-weight:bold;
	padding: 3vw 0;
	margin-bottom: 3vw;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

div#index div.bg_all div.bg_head div#contents div.wrap div.image div.main div.inner div.photo dl.box1 dt {
	background-color: #ec5e4f;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.image div.main div.inner div.photo dl.box2 dt {
	background-color: #108c84;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.image div.main div.inner div.photo dl.box3 dt {
	background-color: #f49d2c;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.image div.main div.inner div.photo dl.box4 dt {
	background-color: #f3d01a;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.image div.main div.inner div.photo dl.box5 dt {
	background-color: #8d3a7b;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.image div.main div.inner div.photo dl.box6 dt {
	 background-color: #1f7db5;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.image div.main div.inner div.photo dl dt h3 {
}

div#index div.bg_all div.bg_head div#contents div.wrap div.image div.main div.inner div.photo dl dd {
}

div#index div.bg_all div.bg_head div#contents div.wrap div.image div.main div.inner div.photo dl dd img {
	width: 100%;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.image div.main div.inner p.ate {
	text-align: center;
	font-size: 14px;
	color: #061b46;
	letter-spacing: 0.1em;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.image p.bottom_img {
	text-align: center;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.image p.bottom_img img {
	width: 100%;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.merit {
	margin: 7vw 0 10vw 0;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.merit h2 {
	color: #fff;
	font-size: 5.4vw;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5vw;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.merit dl {
	background-color: #fff;
	width: 84vw;
	margin: 0 auto 5vw auto;
	border: #fff 2px solid;
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
}

div#index div.bg_all div.bg_head div#contents div.wrap div.merit dl dt {
	background-color: #eb5e4f;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.merit dl dt h3 {
	text-align: center;
	background-color: #061b46;
	color: #fff;
	font-size: 4vw;
	padding: 2vw 0;
	text-align: center;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.merit dl dt h3 img {
}

div#index div.bg_all div.bg_head div#contents div.wrap div.merit dl dt div.d_title {
	width: 80vw;
	margin: 0 auto;
	padding: 2vw 0;
	color: #fff;
	font-size: 4vw;
	font-weight: bold;
	text-align: center;
	line-height: 180%;
	letter-spacing: 0.05em;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.merit dl dt div.d_title p {
}

div#index div.bg_all div.bg_head div#contents div.wrap div.merit dl dd {
}

div#index div.bg_all div.bg_head div#contents div.wrap div.merit dl dd div.inner {
	color: #061b46;
	padding: 5vw 0;
	letter-spacing: 0.1em;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.merit dl dd div.inner p {
	text-decoration: underline;
	text-decoration-color: #828a96 ;
	font-size: 4.5vw;
	font-weight: bold;
	text-align: center;
	line-height: 180%;
	padding: 0 10px 3px 10px;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.needs {
	background-color: #fff;
	width: 90vw;
	padding: 5vw 0;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.needs h2 {
	color: #eb5e4f;
	font-size: 5vw;
	text-align: center;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.needs h2 img {

}

div#index div.bg_all div.bg_head div#contents div.wrap div.needs div.main {
}

div#index div.bg_all div.bg_head div#contents div.wrap div.needs div.main div.inner {
	width: 86vw;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 5vw 0;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.needs div.main div.inner p.text {
	color: #061b46;
	font-size: 4vw;
	letter-spacing: 0.1em;
	margin: 5vw 0;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.needs div.main div.inner p.img {
	margin-bottom: 40px;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.needs div.main div.inner p.img img {
	width: 100%;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.needs div.main div.inner p.btn {
}

div#index div.bg_all div.bg_head div#contents div.wrap div.needs div.main div.inner p.btn a {
}

div#index div.bg_all div.bg_head div#contents div.wrap div.needs div.main div.inner p.btn a img {
	width: 70vw;
}

/* =========================================================
foot
========================================================= */
div#index div.bg_all div.bg_head div#foot {
}

div#index div.bg_all div.bg_head div#foot div.bg {
	background-color: #f3d01a;
}

div#index div.bg_all div.bg_head div#foot div.bg div.wrap {
	width: 90vw;
	margin: 0 auto;
	
	padding: 7vw 0;
}

div#index div.bg_all div.bg_head div#foot div.bg div.wrap p.text {
	font-size: 4vw;
	text-align: center;
	color: #061b46;
	font-weight: bold;
	margin-bottom: 5vw;
}

div#index div.bg_all div.bg_head div#foot div.bg div.wrap p.btn {
	text-align: center;
}

div#index p.btn a:hover img {
	opacity: 0.8;
}

div#index div.bg_all div.bg_head div#foot div.bg div.wrap p.btn a img {
	width: 70vw;
}