@charset "utf-8";

/*
	Theme Name: テーマの名前
	Description: テーマの説明
	Theme URI: サイトのURL
	Author: 製作者
	Author URI: http://free-web-hope.com.com/
	Version: 1.0.1
*/

@import url("css/reset.css");
@import url("css/shadowbox.css");
@import url("css/animate.css");
@font-face {
	font-family: 'AozoraMinchoMedium';
	src: url('fonts/AozoraMinchoMedium.eot?') format('oldIE'),url('fonts/AozoraMinchoMedium.woff') format('woff'),url('fonts/AozoraMinchoMedium.ttf') format('truetype');
}

/* !Reseting
---------------------------------------------------------- */

body {
	font-family: Meiryo;
	font-size: 17px;
	color: #000;
	line-height: 1.7;
	background: url("img/***.png") #fff;
}

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

a:hover {
	text-decoration: none;
	filter:alpha(opacity=80);
	opacity:0.8;
}

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

.wrap {
	margin: 0 auto;
	width: 960px;
}

.right {
	float: right;
}

.left {
	float: left;
}

/* !Clearfix
---------------------------------------------------------- */

.clearfix {
	zoom: 1;
}

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

.clear {
	clear: both;
}

/* !header
---------------------------------------------------------- */

header {
	height: 60px;
	background: url("img/header_bg.png");
	position: relative;
}

header .wrap .left,
header .wrap .right {
	line-height: 60px;
}

/* !key_v
---------------------------------------------------------- */

#key_v {
	height: 540px;
	background: #fff url("img/key_v_main.png") no-repeat center;
	box-shadow: 0 2px 15px 0 #e1e4e7;
}

#key_v .wrap {
	overflow: hidden;
}

#key_v .wrap h1 {
	padding: 35px 0 0 0px;
}

#key_v .wrap ul {
	width: 465px;
	margin: 5px 0 0;
}

/* !cta
---------------------------------------------------------- */

.cta {
	height: 220px;
}

.top_cta {
	height: 380px;
}

.cta .wrap {
	background: url("img/cta_base.png") no-repeat;
	width: 920px;
	height: 220px;
	margin: 50px auto 0;
}

.cta .wrap h2 {
	padding: 25px 0 0;
	text-align: center;
}

.cta .wrap h3 {
	padding: 10px;
	text-align: center;
}

.cta .wrap ul {
	width: 850px;
	margin: 4px auto 0;
}

.cta .wrap ul li.right a{
	display: block;
	width: 369px;
	height: 81px;
	text-indent: -9999px;
	background: url("img/cta_button.png");
}

.cta .wrap ul li.right a:hover {
	opacity: 1;
	background: url("img/cta_button_on.png");
}

/* !section1
---------------------------------------------------------- */

#section1 {
	background: #eff1f2;
	position: relative;
	height: 520px;
}

#section1 .wrap {
	background: #eff1f2;
	padding: 110px 0 0;
}

#section1 .wrap h2 {
	position: absolute;
	top: -80px;
}

#section1 .wrap div {
	background: url("img/sec1_bg.png") no-repeat;
	height: 345px;
	padding: 50px 0 0 0;
	width: 947px;
	margin: 0 auto;
}

#section1 .wrap div h3,
#section1 .wrap div p {
	padding: 0 0 0 25px;
}

#section1 .wrap div h3 {
	margin: 20px 0 10px;
}

/* !section2
---------------------------------------------------------- */

#section2 {
	background: url("img/sec2_bg.png");
	padding: 0 0 20px;
}

#section2 .sub {
	text-align: center;
	height: 50px;
	background: url("img/sec2_subtitle_bg.png");
	line-height: 50px;
}

#section2 h2 {
	text-align: center;
	height: 180px;
	background: url("img/sec2_h2_bg.png");
	line-height: 180px;
}

#section2 h2 span {
	background: url("img/sec2_subtitle_arrow.png") center top no-repeat;
	height: 180px;
	display: block;
}

#section2 .wrap ul {
	width: 940px;
	margin: 50px auto 0;
}

#section2 .wrap ul li {
	overflow: hidden;
	width: 940px;
	height: 234px;
	margin: 0 auto 30px;
}

#section2 .wrap ul li.con3 {
	width: 948px;
	height: 290px;
}

#section2 .wrap ul li .left {
	text-align: center;
	padding: 60px 0 0 86px;
}

#section2 .wrap ul li.con3 .left {
	padding: 60px 0 0 210px;
}

#section2 .wrap ul li.con1 {
	background: url("img/sec2_con1_base.png") no-repeat;
}

#section2 .wrap ul li.con2 {
	background: url("img/sec2_con2_base.png") no-repeat;
}

#section2 .wrap ul li.con3{
	background: url("img/sec2_con3_base.png") no-repeat;
}

#section2 .wrap ul li .right {
	padding: 25px 19px 0 0;
    width: 580px;
}

#section2 .wrap ul li .right h3 {
	margin: 0 0 15px;
}

#section2 .wrap ul li .right p {
	font-size: 16px;
    line-height: 1.9;
}

#section2 .wrap .pic {
	display: none;
}

/* !section3
---------------------------------------------------------- */

#section3 {
	padding: 130px 0 80px;
	background: url("img/sec3_bg_center.png") center top no-repeat;
}

#section3 .wrap h2 {
	text-align: center;
}

#section3 .wrap .cta .wrap {
	margin: 0 auto;
}

/* !section4
---------------------------------------------------------- */

#section4 {
	background: url("img/sec4_bg.png");
	padding: 0 0 50px;
}

#section4 h2 {
	text-align: center;
	padding: 100px 0 0;
}

#section4 .box {
	overflow: hidden;
}

#section4 .con1 {
	width: 900px;
	margin: 60px auto 0;
}

#section4 .con1 .right {
	width: 670px;
	letter-spacing:-0.02em;
}

#section4 .con1 .right p {
	margin: 0 0 15px;
}

#section4 .con2 {
	width: 860px;
	margin: 30px auto 0;
	padding: 15px;
	background:url("img/sec4_con1_bg.png") ;
	border: 2px solid #fff;
	box-shadow: 0 0 3px 0 #ccc;
}

#section4 .con2 .right h3 {
	margin: 0 0 10px;
}

#section4 .con3 {
	width: 900px;
	margin: 30px auto 0;
	height: 277px;
	background: url("img/sec4_person2_bg.png");
}

#section4 .con3 .right {
	width: 660px;
	margin: 0 30px 0 0;
}

#section4 .con3 .right h3 {
	margin: 35px 0 0;
}

#section4 .con3 .right p {
	font-size: 16px;
    margin: 25px 0 0 10px;
}

#section4 .con3 .left {
	margin: 0 0 0 30px;
}

#section4 .cta h2 {
	padding: 25px 0 0;
}

#section4 .cta .wrap {
	margin: 35px auto 0;
}

/* !section5
---------------------------------------------------------- */
#section5 {
	background: #fff;
	height: 1080px;
}


#section5 .bg {
	background: url("img/sec5_bg.png");
	padding: 75px 0 120px;
}

#section5 .wrap {
	background: url("img/sec5_base_bg.png") no-repeat;
	height: 671px;
	position: relative;
}

#section5 .wrap h2 {
	text-align: center;
	padding: 80px 0 0;
}

#section5 .wrap ul {
	overflow: hidden;
	width: 925px;
	margin: 30px auto 0;
}

#section5 .wrap ul li {
	background: #f4f3ee;
	border: 1px #ebe7dd solid;
	width: 280px;
	margin: 0 12.5px;
	float: left;
}

#section5 .wrap ul li div {
	text-align: center;
	margin: 10px 0 0;
}

#section5 .wrap ul li p {
	width: 251px;
	vertical-align: top;
	display: inline-block;
	margin: 15px 14px 0;
	font-size: 15px;
	letter-spacing: -0.02em;
	height: 180px;
}

#section5 .wrap ul li .name {
	text-align: right;
	height: 0;
	padding: 0 0 35px;
}

#section5 .wrap .sec5_pic {
	position: absolute;
	bottom: -290px;
}

/* !section6
---------------------------------------------------------- */

#section6 {
	background: url("img/sec6_bg.png");
	padding: 0 0 40px;
}

#section6 .sub {
	text-align: center;
	height: 50px;
	background: url("img/sec2_subtitle_bg.png");
	line-height: 50px;
}

#section6 h2 {
	text-align: center;
	height: 140px;
	background: url("img/sec2_h2_bg.png");
	line-height: 140px;
}

#section6 h2 span {
	background: url("img/sec2_subtitle_arrow.png") center top no-repeat;
	height: 140px;
	display: block;
}

#section6 .wrap .con {
	background: url("img/sec6_con_bg.png") no-repeat;
	width: 960px;
	height: 373px;
	margin: 45px auto 0;
	text-align: right;
}

#section6 .wrap .con img {
	margin: 20px 0 0;
}

#section6 .wrap p,
#section6 .wrap h3 {
	text-align: center;
	margin: 45px 0 0;
}

/* !section7
---------------------------------------------------------- */

#section7 {
	padding: 40px 0 0;
	text-align: center;
}

#section7 h2 {
	margin: 40px auto;
}

#section7 #mailform {
	margin: 50px auto 0;
	background: #08283f;
	width: 960px;
	padding: 4px 0;
}

#section7 #mailform .wrap {
	width: 948px;
	margin: 0 auto;
	border: 3px solid #fff;
	background: url("img/sec7_form_bg.png");
}

#section7 #mailform .wrap h2 {
	margin: 25px 0 0;
}

#section7 #mailform .wrap h3 {
	margin: 15px 0 0;
}

#section7 #mailform .wrap h4 {
	margin: 15px 0 0;
}

#section7 #mailform .wrap ul {
	overflow: hidden;
	width: 620px;
	margin: 15px auto 0;
	
}

#section7 #mailform .wrap form {
	width: 900px;
	height: auto;
	background: url("img/sec7_form_bg.png");;
	margin: 20px auto 20px;
}

#section7 #mailform .wrap form table {
	border: #fb5c0a 1px solid;
	width: 900px;
	background: #fff;
}

#mailformpro {
	width: 900px;
	margin: 60px auto 0;
	font-family:'AozoraMinchoMedium'
}

.must-tip {
	margin: 20px 0px;
	color: #fff;
}

#mailformpro table th {
	width: 200px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #ccc;
	padding: 10px 20px;
}

#mailformpro table ul li {
	float: left;
	margin: 0 10px 0 0;
}

#mailformpro table th.hissu {
	background: url("img/must.png") no-repeat right center;
	border-left: #fb5c0a 5px solid;
}

#mailformpro table th.nini {
	background: url("img/nini.png") no-repeat right center;
	border-left: #fb5c0a 5px solid;
}

#mailformpro table td {
	width: 620px;
	border: 1px solid #ccc;
	padding: 10px 20px;
	text-align: left;
}

#mailformpro table tr:hover {
	background: #f6f6f6;
}

#mailformpro table td p {
	color: #aaa;
	font-size: 12px;
}

#mailformpro table tr:hover p {
	color: #888;
}

#mailformpro table td input,
#mailformpro table td textarea {
	border: 1px solid #aaa;
	padding: 6px;
}

#mailformpro table td textarea {
	width: 90%;
}

#mailformpro .zip {
	border: 1px solid #aaa;
	background: #fff;
}

#mailformpro .zip:hover {
	cursor: pointer;
	background: #def;
}

#mailformpro .submit {
	text-align: center;
}

#mailformpro .submit button {
	display: block;
	background: url("img/form_button.png");
	width: 364px;
	height: 74px;
	margin: 20px auto 0 ;
	border: none;
	text-indent: -9999px;
}

#mailformpro .submit button:hover {
	background: url(img/form_button_on.png);
	cursor: pointer;
}

/* !section8
---------------------------------------------------------- */

#section8 {
	padding: 120px 0 0;
	text-align: center;
}

#section8 h3,
#section8 h4,
#section8 h5 {
	margin: 45px 0 0;
}

/* !section9
---------------------------------------------------------- */

#section9 {
	padding: 70px 0 20px;
}

#section9 .wrap h2 {
	text-align: center;
}

#section9 .wrap table {
	border: 1px solid #bdb8aa;
	width: 880px;
	margin: 25px auto;
}

#section9 .wrap table th,
#section9 .wrap table td {
	color: #08283f;
	border: 1px solid #bdb8aa;
	vertical-align: middle;
	padding: 10px 0 10px 20px;
}

#section9 .wrap table th {
	background: #f2f1ed;
	text-align: left;
	font-weight: normal;
	width: 250px;
}

/* !footer
---------------------------------------------------------- */

footer {
	text-align: center;
	padding: 15px 0;
	background: url("img/header_bg.png");
	color: #fff;
}

/* --------------------------------------------------
 FOOTER LINK追加
-------------------------------------------------- */
#footer a {
color: #fff !important;
}
#footer ul {
list-style-type: none;
}
#footer li {
display: inline-block;
margin-left: 3px;
margin-right: 3px;
margin-bottom: 5px;
}

/* thanks
-------------------------------------------------------------------*/

#thanks {
	min-width: 960px;
	text-align: center;
	padding: 20px 0 60px;
	background: url(img/sec6_bg.png);
}

#thanks h1 {
	margin: 50px 0;
}

#thanks p {
	margin: 30px 0;
}

p#thanks_btn {
	height: 57px;
	margin: 50px 0 20px;
}

#thanks a {
	display: inline-block;
	width: 360px;
	height: 50px;
	border-bottom: 5px solid #207502;
	background: #319f0b;
	margin: 2px 0 0;
}

#thanks a:hover {
	border-bottom: none;
	background: #319f0b;
	margin: 7px 0 0;
}

/* ページトップ
--------------------------------------------------------*/

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
	z-index: 2;
}

#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#page-top a:hover {
	text-decoration: none;
	background: #999;
}