@charset "utf-8";
/* CSS Document */
body {
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	text-align: center;
}
img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	vertical-align: bottom;}
a:hover img, input[type="image"]:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";}
.contents{max-width:960px;margin:0 auto;}
.br { display:block; }
/*-- style --*/
#top-bg{background:#eee}
img.logo-100 {width: 100%;}
.mb40{ margin-bottom:40px}
.bold{ font-weight:bold}
.t-right{ text-align:right}
.center{ text-align:center}
.white{ color:#fff}
.sp-imgbox, .sp-titlebox, .sp-box{ display:none}
/*-- marker-half --*/
.marker-half-yellow {
	background-color: #ffde00;/*-- ms用 --*/
	background: linear-gradient(to bottom, rgba(255,255,1,0) 45%, rgba(255,255,1,1) 45%);}
.marker-half-red {
	background-color: #f00;/*-- ms用 --*/
	background: linear-gradient(to bottom, rgba(255,255,1,0) 45%, rgba(255,1,1) 45%);}
.marker-half-red2 {
	background-color: #900;/*-- ms用 --*/
	background: linear-gradient(to bottom, rgba(153,0,0,1) 45%, rgba(153,0,0,1) 45%);}

/*-- header --*/
#header-bg {
	width: 100%;
	background-color:rgba(0,0,0,0.8);/*黒透過*/
	position: fixed;
	height: auto;
	top: 0;
	left: 0;
	z-index: 1;}
#header{clear:both;}
.header-liquid-heighi-col{padding-right: 0; overflow: hidden;}
.header-liquid-col-left, .header-liquid-col-right{  
  box-sizing: border-box;
	  float: left;
	  width: 50%;
	  text-align:left;
	  padding:21px 0;
	  color:#fff}
.header-liquid-col-right{text-align:right;}
.head-button-box{
	float:right;
	width:304px;
	text-align:center;}
.head-button-box p{ margin-bottom:10px}
.head-button-box a{ text-decoration:none; color:#fff}
.head-button-box a:hover{
	opacity: 0.8;
	/* IE */
	filter: alpha(opacity=0);}
	
/* top text style */
@media screen and (min-width:  601px)  {.t_txt2{color:red;margin-top: 118px;background:#fff;}
.t_txt{font-size:2em;padding:2% 0;}}
@media screen and (max-width: 600px)  {.t_txt2{color:red;margin-top: 100px;background:#fff;}
.t_txt{font-size:1.6em;padding:0 0 5%;}}
	
/*-- top --*/
#block-top{background:url(../images/top-bg.jpg) center top no-repeat #eeeeee;
    padding-top: 109px;
    background-position: bottom;}
#form-bg, #form-bottom-bg{
	width:100%;
	padding:35px 0;
	background:#1d1d1d}
#form-bg{background:#3e2905; padding:0 0 35px}
	
/*-- form --*/
	.form{color:#fff;}
		.as, .as-bottom, .as-bottom-r{
			font-size:25px;
			font-weight:bold;
			line-height:1.5em;
			padding-bottom: 30px;
			width: 74%;
			margin: 0 auto;}
		.as-bottom{width:79%; margin:0 auto; margin-bottom:45; pxpadding-bottom: 0}
		.as-bottom-r{width:90%; margin:0 auto; margin-bottom:10px; pxpadding-bottom: 0; text-align: right}
		.houshin{
			overflow:auto;
			width: 96%; height:158px;
			margin:0 auto 75px;
			border:2px solid #898989;
			background:#0e0e0e;
			padding:17px;
			font: .8em/1.5 bold; color:#fff; text-align:left}
		.as-font{ font-size:1.2rem; margin-left: 4px}
		.mail_style {
			box-sizing:border-box;
			width: 95%;
			border-radius:15px;
			height: 67px;
			padding: 0 20px;
			-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
			-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
			box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
			font-size: 1.45rem;
			text-align:center}
		input[type="image" i]{ width:100%;}
	#form-top-bg{background:url(../images/form-bg.jpg) center top no-repeat}
	.form-title{ font-size:39px; font-weight:900; line-height:1.2em; letter-spacing:-1px; padding: 70px 10px 40px;}		
/*-- block --*/
	#blokc2-bg, #blokc3-bg{ background:#eaeaea}
	#blokc3-bg{ background:#1d1d1d}
	#blokc4-bg{ background:#eee}
	#blokc5-bg{ background:#d9d9d9}
	.block, #b2-block, #b5-block{ padding:70px 0 0}
	#b5-block{ padding:0}
	#blokc7-bg-1{ background:url(../images/b7-bg-1.jpg) repeat}
	#blokc7-bg-2{ background:url(../images/b7-bg-2.jpg) repeat}
	#blokc8-1-bg{ background:url(../images/blokc8-1-bg.jpg) no-repeat center top; background-size:cover}
	#blokc8-2-bg{ background:url(../images/blokc8-2-bg.jpg) no-repeat center top; background-size:cover}
	#blokc8-3-bg{ background:url(../images/blokc8-3-bg.jpg) no-repeat center top; background-size:cover}
	#blokc8-4-bg{ background:url(../images/blokc8-4-bg.jpg) no-repeat center top; background-size:cover}
	#blokc8-5-bg{ background:url(../images/blokc8-5-bg.jpg) no-repeat center top; background-size:cover}
		.block-inner, .block-inner-prof, .profire-inner{
			box-sizing:border-box;
			margin:0 auto;
			width:100%;
			text-align:left;
			padding-bottom:60px}
		.profire-inner{padding-bottom:0}
		.block-title, .block-title-l, .lead{
			box-sizing:border-box;
			text-align:center;
			font-size:40px;
			font-weight:900;
			letter-spacing:-2px;
			line-height:1.25em;
			margin-bottom:56px;}
		.block-title-l{text-align: left}
		.lead{
			font-weight:bold;
			border-left:#1d7990 solid 6.5px;
			padding:6px;
			text-align:left;
			margin-bottom:23px;}
		.brown{color:#a57e39}
		.black{color:#1a1a1a}
	/*-- Liquid layout2カラム(高さをそろえる) --*/
	.sect-liquid, .sect-liquid-bene{clear:both;}
	.sect-liquid-heighi-col{
		  padding-right: 0;
		  overflow: hidden;}
	.sect-liquid-col, .sect-liquid-col-left, .sect-liquid-col-right{  
	  box-sizing: border-box;
		  float: left;
		  width: 50%;}
	.sect-liquid-col-left{width: 54%;}
	.sect-liquid-col-right{width: 46%;}
	.col-inner{ padding:0}
	.col-inner1, .col-inner2 { padding:0 30px 0 0}
	.col-inner2 { padding:0 0 0 30px}
	/*-- imgbox --*/
	.imgbox{ margin:0 auto; width:95%}
	.imgbox ul {list-style-type: none; font-size: 0;}
	.imgbox li {
		display: inline-block;
		font-size: 1.6rem;
		line-height:1.5em;
		width:25%}
	.b7-list-flame {
	box-sizing:border-box;
	width:aoto;
	border-image: url("../images/b7-flame.png") 40 fill;
	border-style:solid; border-width:40px;}
	.b7-list ul li{
		list-style-type: none;
		background: url(../images/b7-list-img.png) no-repeat 0 17px;/*--左からの距離と上からの距離を指定--*/
		background-size:26px;
		font-size:17px;
		padding-left: 47px;
		line-height:3.3em;
		font-weight:bold;
		border-bottom: 2px solid #666;
		list-style-position: inside;　/* underlineを端まで */}
	/*-- benefit --*/
	.bene-title{
		box-sizing:border-box;
		border-top:solid 1px #fff;
		border-bottom:solid 1px #fff;
		padding:12px 0;
		font-size:25px;
		text-align:center;
		margin-bottom:12px}
	.bene-int, .bene-int-s, .int-s{width:90%; margin:0 auto 40px; font-size:25px; line-height:1.5em; font-weight:bold}
	.bene-int-s, .int-s{margin:0 auto 12px; font-size:16px}
	.black-bg{ background:#000}
	/*-- personal --*/
	.personal-bg{width:100%; background:url(../images/personal/personal-bg.jpg) top center no-repeat}
		.personal-box{width:89.6%; padding:65px 0 50px; margin:0 auto}
		.personal-inner-bg{
			box-sizing:border-box; width:aoto; border-image:url("../images/personal/personal-inner-bg.png") 70 fill;
			border-style:solid; border-width:50px 76px}
		.personal-title{text-align:center; font-size:35px; font-weight:900; letter-spacing:-2px; line-height:1.2em;    margin-bottom:56px;} .red{color:#F00}
		/*-- 可変 2カラム(高さをそろえる) --*/
		.float{clear:both}
		.float-h-col{padding-right:0; overflow: hidden}
		.float-left, .float-right{box-sizing: border-box; float:left; width:60%}
		.float-right{width:40%}
		.col-inner1, .col-inner2 {padding:0 8px 0 0; text-align:left}
		.col-inner2 {padding:0 0 0 8px}
		.personal-bottom{background:#fff; box-sizing:border-box; border:solid 3px #efefef; padding:20px 50px; text-align:left}
		/*-- check --*/
		.list-kome ul li{
			list-style-type:none; background:url(../images/personal/list-kome-17.png) no-repeat 0 4px;
			background-size:17px; padding-left:23px; line-height:1.5em}
	
/*-- footer --*/
	#footer{background-color:#1d1d1d;}
		/*-- menu layout3カラム(高さをそろえる) --*/
		.menu-liquid{clear:both; width:65%; margin:0 auto}
		.menu-liquid-heighi-col{
			  padding-right: 0;
			  overflow: hidden;}
		.menu-liquid-col{  
		  box-sizing: border-box;
			  float: left;
			  width: 33%;
			  text-align:left;
			  padding:100px 0}
		/*-- menu list --*/
		ul.menu {
			list-style-type: none;
			margin-left:14px;/* マーカーを1文字寄せた分、ULにマージンを設定*/}
		ul.menu li:before {
			content: '-  '; /* ←ここにリストマーカーにしたい文字列を設定 */
			margin-left:-14px; /* 1文字分、左に寄せる */}
	
	#block-footer{color: #fff; padding:4% 0; max-width:1005px;margin:0 auto;}
	#footer p{padding-bottom:2%;}
	#footer a{color:#fff;text-decoration:none;}
	#footer a:hover{text-decoration:underline;}

@media screen and (min-width:  880px)  {
input[type="image"] {width: 100%;padding-top: 3%; margin-bottom:3%}
select {width: 82%;padding: 2%;}}
@media screen and (max-width:  881px)  {
	input[type="image"] {width: 96%;padding-top: 3%; margin:0 auto 10px}
	select {width: 95%;padding: 2%;}}

@media screen and (max-width: 1005px)  {
	
}
@media screen and (min-width: 961px){
/*　for iPad 　*/
.pc{display:block}.sp{display:none;}
/*-- style --*/
	#footer p{padding:0 2%;}
}
@media screen and (max-width: 960px){
body {font-size: 1.0em}
/* for iPhone */
.pc{display:none}.sp{display:block;}
.br { display:inline; }
/*-- style --*/
#top-bg{ background-size: cover}
img.logo-sp {width: 32%;}
img.plofileimg-sp {width: 100%;}

/*-- header --*/
#header{ padding:0 8px}
.header-liquid-col-left, .header-liquid-col-right {padding: 10px 0;}
.head-button-box {width: 90%;}
.head-button-box p { font-size:13px}
/*-- top --*/
#block-top{	background:none;}
/*-- form --*/
.as, .as-bottom, .as-bottom-r {font-size: 16px;}
.as {
    width: 59%;
    padding: 0 0 10px;}
.as-bottom {width: 90%;}
.mail_style {height: 67px; font-size: 1.0rem;}
.houshin{ width:80%}
#form-bg{padding:0 0 35px}
#form-top-bg{ background: inherit}
/*-- block --*/
.block, #b2-block, #b5-block {padding: 35px 0 0;}
#b2-block{ padding:0}
.block-inner-prof{padding:0 0 70px}
.block-title, .block-title-l, .lead {font-size: 1.7em; margin-bottom:40px;}
.block-title{ padding:0 10px; margin-bottom:0}
.block-title-l{ text-align:center; padding: 0 10px;}
.pb35{padding-bottom:35px}
.block-inner {
	width: 100%;
	padding: 20px 10px 40px;}
.sect-liquid-bene{
	border: solid 1px #fff;
	padding:20px 0
	}
.col-inner1, .col-inner2 { padding:0 10px}
.sp-imgbox, .sp-titlebox, .sp-box{ display:block; text-align:center; margin-bottom:60px}
.sp-box{ text-align:left; margin-bottom:0}
.sect-liquid-col, .sect-liquid-col-left, .sect-liquid-col-right{width: 100%;}
.imgbox li { width:50%}
.b7-list-flame {border-width: 20px;}
.b7-list ul li {
    background: url(../images/b7-list-img.png) no-repeat 0 7px;
    line-height: 1.7em; font-size:1.14em; margin-bottom: 20px;}
#blokc8-1-bg, #blokc8-2-bg, #blokc8-3-bg, #blokc8-4-bg{}
.bene-int{font-size: 23px}
/*-- personal --*/
.personal-bg{ background-size:cover}
	.personal-box{width:98%}
	.personal-inner-bg{border-width:50px 20px}
	.personal-title{font-size:25px}
	/*-- 可変 2カラム(高さをそろえる) --*/
	.float-left, .float-right{width:100%}
	.col-inner1, .col-inner2 {padding:0 0 40px}
	.personal-bottom{padding:15px}
/*-- footer --*/
.menu-liquid {width: 95%;}
#footer p{padding:0 2%;}
}