@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style.css
=================================================================== */
/* ///////////////////////////////////////////////////////////////////

[index]
	[top]
	[main]
	[contents]
	[foot]

/////////////////////////////////////////////////////////////////// */

a:link {
}
a:visited {
}
a:hover {
}
a:active {
}

.onlysm{
	display: none;
}

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

/* =========================================================
index
========================================================= */
div#index .wrap{
	width: 1000px;
	margin: 0 auto;
}

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

div#index div.bg_all div.bg_head {
	background: url(../img/head_bg.png) center top repeat-x;
}

/* =========================================================
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: 50px;
}

div#index div.bg_all div.bg_head div#top div.wrap div.head {
	background: url(../img/head_bg.jpg) center top no-repeat;
	padding: 25px 0 0 0;
}

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 {
}

div#index div.bg_all div.bg_head div#top div.wrap div.top {
	padding: 50px 0 0 0;
	position: relative;
}

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 {
}

div#index div.bg_all div.bg_head div#top div.wrap div.top p.aori {
	position: absolute;
	top: 70px;
	left: 0px;
}

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: 120px;
	left: 810px;
	z-index: 9;
}

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 40px 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 {
}

div#index div.bg_all div.bg_head div#top div.wrap div.detail {
	width: 810px;
	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: 20px 0;
	margin-bottom: 30px;
}

div#index div.bg_all div.bg_head div#top div.wrap div.detail h2 img {
}

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

div#index div.bg_all div.bg_head div#top div.wrap div.detail div.main dl.cf {
	width: 750px;
	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: 130px;
	background-color: #1a2d55;
	color: #fff;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding: 10px 0;
	float: left;
}

div#index div.bg_all div.bg_head div#top div.wrap div.detail div.main dl.cf dd {
	width: 600px;
	float: right;
	color: #1a2d55;
	font-size: 20px;
	padding: 7px 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: 100px 0 50px 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 35px 0;s
}

div#index div.bg_all div.bg_head div#main div.bg div.wrap h2 img {
}

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

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 {
}

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;
}

div#index div.bg_all div.bg_head div#main div.bg div.wrap div.contents div.main div.inner {
	padding: 60px 0;
	width: 880px;
	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;
	margin-bottom: 40px;
}

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

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

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 {
}

div#index div.bg_all div.bg_head div#main div.bg div.wrap div.contents div.main div.inner div.text {
	font-size: 18px;
	color: #061b46;
}

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: 40px;
	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: 22px;
	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;
}

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 {
}

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 {
}

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

div#index div.bg_all div.bg_head div#contents div.wrap {
	padding: 80px 0;
}

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

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

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

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

div#index div.bg_all div.bg_head div#contents div.wrap div.top div.text2 {
	text-align: center;
	margin: 30px 0 100px 0;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.top div.text2 p {
}

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

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: 60px;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.image h2 img {
	margin: -50px 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 {
}

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;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.image div.main div.inner {
	width: 880px;
	margin: 0 auto;
	padding: 0 0 50px 0;
}

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

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 {
}

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

div#index div.bg_all div.bg_head div#contents div.wrap div.image div.main div.inner div.photo dl {
	width: 270px;
	margin: 0 10px 25px 10px;
	float: left;
}

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: 20px;
	text-align: center;
	font-weight:bold;
	margin-bottom: 10px;
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
}

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;
	padding: 17px 0;
}

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;
	padding: 3px 0;
}

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;
	padding: 17px 0;
}

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;
	padding: 17px 0;
}

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;
	padding: 17px 0;
}

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;
	padding: 3px 0;
}

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 {
}

div#index div.bg_all div.bg_head div#contents div.wrap div.merit {
	margin: 70px 0 100px 0;
}

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

div#index div.bg_all div.bg_head div#contents div.wrap div.merit dl {
	background-color: #fff;
	width: 300px;
	margin: 0 10px;
	float: left;
	border: #fff 5px 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;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.merit dl dt h3 img {
	margin: -55px 0 0 0;
}

div#index div.bg_all div.bg_head div#contents div.wrap div.merit dl dt div.d_title {
	width: 280px;
	margin: 0 auto;
	padding: 20px 0 70px 0;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	background: url(../img/merit_arrow.jpg) center 90% no-repeat;
	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: 20px 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: 22px;
	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;
}

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

div#index div.bg_all div.bg_head div#contents div.wrap div.needs h2 img {
	margin: -50px 0 0 -50px;
}

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: 880px;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 50px 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: 22px;
	letter-spacing: 0.1em;
	margin: 10px 0 50px 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 {
}

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 {
}

/* =========================================================
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 {
	padding: 70px 0;
}

div#index div.bg_all div.bg_head div#foot div.bg div.wrap p.text {
	font-size: 32px;
	text-align: center;
	color: #061b46;
	background: url(../img/btnarea_title_bg.png) center bottom no-repeat;
	padding: 0 0 30px 0;
	font-weight: bold;
	margin-bottom: 35px;
}

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 {
}