@charset "utf-8";

/* common
---------------------------------------------*/
* {margin:0;padding:0;}

a:link,a:visited {
	color: #fff;
	text-decoration:underline;
}
a:hover,a:active {
	color: #fff;
	text-decoration:underline;
}

::selection {
    background: #2BBE12;
    color: #fff;
}
/* Firefox */
::-moz-selection {
    background: #2BBE12;
    color: #fff;
}

/* layout
---------------------------------------------*/

/*TopIntro-Start*/
body {
  background:#fff;
  font-size:22px;
  font-family: toppan-bunkyu-midashi-go-std, sans-serif;
  font-weight: 900;
  font-style: normal;
}
.container {
	width:980px;
	margin: 0px auto;
    line-height: 180%;
	text-align: left;
}
.container2 {
	background:rgba(38,30,28,0.8);
	width:940px;
	margin:0 auto;
	padding: 40px 0;
    line-height: 180%;
	text-align: left;
	color:#fff;
}
.container3 {
	background:#fff;
	width:940px;
	margin: 0 auto;
	padding: 40px 0;
    line-height: 180%;
	text-align: left;
}
/*TopIntro-End*/

/* 
------------------------------------------------------*/
#copyright{
	background:#261e1c;
	text-align:center;
	padding:15px 0px;
	background-repeat:repeat;
	color:#fff;
}
.container p{
	clear:both;
	padding:0px 40px;
	line-height:1.5;
}
.container2 p{
	clear:both;
	padding:0 40px;
	line-height:1.5;
}
.container3 p{
	clear:both;
	padding:0 40px;
	line-height:1.5;
}
div.clear{
	clear: both;
	margin: 0 0 10px 0;
}

/*  背景
---------------------------------------------------------- */
.header_bg{
	background:#f9f5ec;
	overflow:hidden;
}
.bg1{
	background:#021926;
	overflow:hidden;
	padding:100px 0;
	color:#fff;
}
.bg2{
	background-image: url(../images/bg2-min.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment:fixed;
	background-size: cover;
	padding:50px 0;
}
/*  フォント装飾
---------------------------------------------------------- */
.red{
	color:#d71318;
	font-weight:bold;
}
.blue{
	color:#2274A5;
	font-weight:bold;
}
.green{
	color:#039760;
	font-weight:bold;
}
.ybg{
	background:#fff799;
	font-weight:bold;
}
.ybgb{
	background:#fff799;
	font-weight:bold;
	color:#000;
}
.f24{
	font-size:24px;
	font-weight:bold;
	line-height:150%;
}
.f36{
	font-size:36px;
	font-weight:bold;
	line-height:150%;
}
.mf36{
	font-size:36px;
	font-weight:bold;
	line-height:150%;
}
.under{
	border-bottom: solid 1px;
}
.dot{
	text-emphasis-style:dot filled;
	-webkit-text-emphasis-style:dot filled;
}

/*  余白
---------------------------------------------------------- */
.mg30{
	margin:30px 0;
}
.mg50{
	margin:50px 0;
}
/*  枠
---------------------------------------------------------- */
.wbox{
	background:#fff;
	margin:30px 0;
	padding:20px;
	text-align:left;
}
.red_wak{
	background:#FFEEEE;
	margin:30px;
	padding:20px;
	text-align:left;
}
.text_wak{
	background:#FFFDF4;
	border:solid 2px #009944;
	margin:10px 30px 30px 30px;
	padding:20px;
	text-align:left;
	font-size:18px;
	line-height:150%;
	color:#222222;
	max-height:250px;
	overflow:scroll;
}
.gwak{
	background:#009944;
	margin:20px 20px 0 20px;
	padding:20px;
	text-align:left;
	color:#fff;
}
.gin_wak{
	background:#DEECDE;
	border:solid 3px #009944;
	margin:0 20px 20px 20px;
	padding:20px;
	text-align:left;
}
.swak{
	background:#6A6A6A;
	margin:20px 20px 0 20px;
	padding:20px;
	text-align:left;
	color:#fff;
}
.sin_wak{
	background:#eee;
	border:solid 3px #6A6A6A;
	margin:0 20px 20px 20px;
	padding:20px;
	text-align:left;
}
/*  リスト
---------------------------------------------------------- */
ul.list1 {
	border: solid 6px #039760;
	border-radius: 5px;
	padding: 10px 20px 10px 45px;
	position: relative;
	margin:30px 40px;
}
ul.list1 li {
	line-height: 1.5;
	padding: 10px 0;
	list-style-type: none!important;
	font-weight:bold;
}
ul.list1 li:before {
	font-family: FontAwesome;
	content: "\f138";/*アイコンの種類*/
	position: absolute;
	left : 1em;/*左端からのアイコンまでの距離*/
	color: #039760;/*アイコン色*/
}
/*  リスト2
---------------------------------------------------------- */
.link_text {
	position: relative;/*相対位置*/
	margin:10px;
	padding: 0.5em 0.5em 0.5em 2em;/*アイコン分のスペース*/
	line-height: 1.4;/*行高*/
	color: #261e1c;/*文字色*/
	border: solid 2px #261e1c;
	background: #FFFEE9;
	font-weight:bold;
	text-align:left;
}
.link_text:before{
	font-family: FontAwesome;/*忘れずに*/
	content: "\f14a";/*アイコンのユニコード*/
	position: absolute;/*絶対位置*/
	font-size: 1em;/*サイズ*/
	left: 0.5em;/*アイコンの位置*/
	top: 0.5em;/*アイコンの位置*/
	color: #039760; /*アイコン色*/
}
/*  フォーム
---------------------------------------------------------- */
table.price {
width: 860px;
margin: 0 auto;
border-collapse: separate;
border-spacing: 1px 0;
}
table.price th,
table.price td {
padding: 10px;
}
table.price th {
box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset;
border-radius: 5px 5px 10px 10px;
background: #88b7d5;
vertical-align: middle;
text-align: center;
width: auto;
height: 50px;
position: relative;
color: #fff;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
font-size: 48px;
padding-top:10px;
}

table.price th.c1 {
background: rgb(162,206,26); /* Old browsers */
background: -moz-linear-gradient(top, rgba(97,174,36,1) 1%, rgba(86,155,32,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(97,174,36,1)), color-stop(100%,rgba(86,155,32,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(97,174,36,1) 1%,rgba(186,155,32,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(97,174,36,1) 1%,rgba(86,155,32,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(97,174,36,1) 1%,rgba(86,155,32,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(97,174,36,1) 1%,rgba(86,155,32,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61ae24', endColorstr='#569b20',GradientType=0 ); /* IE6-9 */
}

table.price th.c2 {
background: rgb(237,73,147); /* Old browsers */
background: -moz-linear-gradient(top, rgba(204,20,69,1) 1%, rgba(182,17,61,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(204,20,69,1)), color-stop(100%,rgba(182,17,61,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(204,20,69,1) 1%,rgba(182,17,61,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(204,20,69,1) 1%,rgba(182,17,61,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(204,20,69,1) 1%,rgba(182,17,61,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(204,20,69,1) 1%,rgba(182,17,61,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc1445', endColorstr='#b6113d',GradientType=0 ); /* IE6-9 */
}

table.price th.c3 {
background: rgb(105,176,191); /* Old browsers */
background: -moz-linear-gradient(top, rgba(126,195,210,1) 1%, rgba(105,176,191,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(126,195,210,1)), color-stop(100%,rgba(105,176,191,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(126,195,210,1) 1%,rgba(105,176,191,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(126,195,210,1) 1%,rgba(105,176,191,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(126,195,210,1) 1%,rgba(105,176,191,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(126,195,210,1) 1%,rgba(105,176,191,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ec3d2', endColorstr='#69B0BF',GradientType=0 ); /* IE6-9 */
}

table.price th.c4 {
background: rgb(29,140,233); /* Old browsers */
background: -moz-linear-gradient(top, rgba(17,63,140,1) 1%, rgba(15,56,125,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(17,63,140,1)), color-stop(100%,rgba(15,56,125,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(17,63,140,1) 1%,rgba(15,56,125,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(17,63,140,1) 1%,rgba(15,56,125,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(17,63,140,1) 1%,rgba(15,56,125,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(17,63,140,1) 1%,rgba(15,56,125,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#113f8c', endColorstr='#0f387d',GradientType=0 ); /* IE6-9 */
}
}
table.price th.c1:after {
border-top: #569b20 15px solid;
}
table.price th.c2:after {
border-top: #b6113d 15px solid;
}
table.price th.c3:after {
border-top: #69B0BF 15px solid;
}
table.price th.c4:after {
border-top: #0f387d 15px solid;
}

table.price td {
box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
text-align: center;
padding: 10px 0;
border: none;
font-size:28px;
line-height:150%;
}

table.price tr:nth-child(2n+1) td.c1 {
background: #f7f9e8;
font-size:48px;
}
table.price tr:nth-child(2n+0) td.c1 {
background: #e2efbc;
font-size:48px;
}

table.price tr:nth-child(2n+1) td.c2 {
background: #ffecf5;
font-size:48px;
line-height:130%;
}
table.price tr:nth-child(2n+0) td.c2 {
background: #ffdfed;
font-size:48px;
line-height:130%;
}

table.price tr:nth-child(2n+1) td.c3 {
background: #EDFBFF;
}
table.price tr:nth-child(2n+0) td.c3 {
background: #CEEAEB;
}

table.price tr:nth-child(2n+1) td.c4 {
background: #fff;
font-size:40px;
line-height:130%;
}
table.price tr:nth-child(2n+0) td.c4 {
background: #eee;
font-size:40px;
line-height:130%;
}

table.price tr:last-child td {
border-radius: 0 0 5px 5px;
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}

table.price td button {
width:180px;
font-size:34px;
font-family:Arial;
font-weight:bold;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #ffaa22;
padding:9px 18px;
text-decoration:none;
background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
background:-ms-linear-gradient( top, #ffec64 5%, #ffab23 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffec64), color-stop(100%, #ffab23) );
background-color:#ffec64;
color:#333333;
display:inline-block;
text-shadow:1px 1px 0px #ffee66;
-webkit-box-shadow:inset 1px 1px 0px 0px #fff6af;
-moz-box-shadow:inset 1px 1px 0px 0px #fff6af;
box-shadow:inset 1px 1px 0px 0px #fff6af;
}
table.price td button:hover {
background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
background:-ms-linear-gradient( top, #ffab23 5%, #ffec64 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffab23), color-stop(100%, #ffec64) );
background-color:#ffab23;
}
table.price td button {
position:relative;
top:1px;
}
/*  レスポンシブ
---------------------------------------------------------- */
.main_visual {
  min-width: 981px;
}
.main_visual img {
  width: auto;
}
.pc_only {
  display: block;
}

.pc_only_inline {
  display: inline;
}

.sp_only,
.sp_only_inline {
  display: none;
}
@media only screen and (max-width: 980px) {
body {
	line-height: 1.4;
	font-size:44px;
}
.pc_only,
.pc_only_inline {
    display: none;
}
.sp_only {
    display: block;
}
.sp_only_inline {
    display: inline;
}
.main_visual {
    min-width: inherit;
}
/* フォント装飾 */
.f24{
	font-size:48px;
	font-weight:bold;
}
.f36{
	font-size:60px;
	font-weight:bold;
}
.mf36{
	font-size:40px;
	font-weight:bold;
	line-height:150%;
}
.under{
	border-bottom: solid 3px;
}
/* 枠 */
.text_wak{
	background:#FFFDF4;
	border:solid 2px #009944;
	margin:10px 30px 30px 30px;
	padding:20px;
	text-align:left;
	font-size:24px;
	line-height:150%;
	color:#222222;
	max-height:350px;
	overflow:scroll;
}
/* リスト1 */
ul.list1 {
  border: solid 6px #039760;
  border-radius: 5px;
  padding: 10px 20px 10px 84px;
  position: relative;
  margin:60px 40px;
}
ul.list1 li:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f138";/*アイコンの種類*/
  position: absolute;
  left : 0.5em;/*左端からのアイコンまでの距離*/
  color: #039760;/*アイコン色*/
  font-size:48px;
}
/* リスト2 */
.link_text {
position: relative;/*相対位置*/
margin:10px;
padding: 10px 10px 10px 70px;/*アイコン分のスペース*/
line-height: 1.4;/*行高*/
color: #000;/*文字色*/
border: solid 2px #261e1c;
background: #FFFEE9;
text-align:left;
}
.link_text:before{ font-family: FontAwesome;/*忘れずに*/
content: "\f14a";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 48px;/*サイズ*/
left: 15px;/*アイコンの位置*/
top: 7px;/*アイコンの位置*/
color: #039760; /*アイコン色*/
}
input[type=checkbox] {
    width: 35px;
    height: 35px;
    vertical-align: middle;
	margin-bottom:0px;
}
}