@charset "utf-8";
/*-----------------------------------------------------------common*/
dl,dt,dd,ul,li,ol,li, {
	margin:0;
	padding:0;
	text-decoration:none;
}
a, a:link {
	text-decoration:none !important;

}
a:hover {
	color:#333333;

}
img {
	margin:0;
	padding:0;
	vertical-align:bottom;
}
body {
	font-family: 'メイリオ', 'Meiryo', 'Helvetica', 'ヒラギノ角ゴシック ProN', 'Arial', 'ＭＳ Ｐゴシック';
	font-size:14px;
}


.ming {
	font-family:"小塚明朝 Pro","HG明朝B", "ヒラギノ明朝 Pro W3","游明朝", YuMincho, "ヒラギノ明朝 ProN W3","HG明朝B", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#header {
	height: 90px;
	width: 100%;
	margin-bottom: 0px !important;
}
.w1000 {
	width:1000px;
	margin:0 auto;
}
br.sp {
	display:none;
}
br.pc {
	display:block;
}

table{
  table-layout:fixed;
}


/*-----------------------------------------------------------------------subject*/
.subject {
/*	background:#eff7f0;*/
	margin:1em auto;
	padding:2em;
}
.subject h2 {
	text-align:center;
	font-size:1.2em;
	margin-bottom:1em;

}
.subject table {
	width:100%;
	border:#CCCCCC;

}
.subject table th {
	background-color:#d6ecd9;
	color:#333333;
	text-align:center;
	padding:0.2em 0.5em;
	line-height:1.1;
}
.subject table td {
	background:#FFFFFF;
	padding:0.2em 0.5em;
}
.subject .caution {
 counter-reset: li;
 list-style: none;
 padding-left: 0;
}
.subject .caution > li {
 position: relative;
 margin-bottom: .5em;
 padding-left: 2em;
}
.subject .caution > li:before {
 content: counter(li) "";
 counter-increment: li;
 position: absolute;
 left: 0;
 width: 1.5em;
 height: 1.5em;
 background: #000;
 border-radius: 50px;
 color: #fff;
 text-align: center;
}


/*-----------------------------------------------------------------------mainvisual*/

.mainvisual {
	/*display:block;*/
	text-align:center;
	background:url(../img/mailbg.jpg) center center no-repeat;
	background-size: cover;
	width:100%;
	height: 320px;
	padding:3em 0;
	border-bottom:5px solid #399d07;

}
.mainvisual  h1 {
	display:inline-block;
	margin:3em auto;
	padding:1em;
	background-color:#399d07;
	font-size:2em;
	color:#ffffff;
	border:3px double #FFFFFF;
	font-weight:bold;
}
.mainvisual  h1 span {
	display:block;
	font-size:0.7em;
	background:#FFF;
	color:#000;
	margin-top:0.5em;
	font-weight:normal;
}
	
/*-----------------------------------------------------------------------lead*/
.lead {
	padding:2em;
	text-align:center;
}
.req {
	display:inline-block;
	vertical-align:top;
	margin:0 0.5em;
	padding:0 0.5em;
	background:#DC5558;
	color:#FFFFFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
	font-size:0.85em;
}
.inform_left p{
	display:inline-block;
	margin-right:2em;
}
/*-----------------------------------------------------------------------form*/
.form {
	background:#F8F8F8;
	padding:3%;
}
.form table {
	margin-top:2em;
}
.form th {
	width:35%;
	vertical-align:top;
	font-size:1.2em;
	padding-right: 2em;
	box-sizing:border-box;
}
.form td {
	font-size:1.2em;
	box-sizing:border-box;
	max-width:100%;
}


.form th span.req {
	font-size:0.75em;
}
.form td {
	padding-bottom:1.5em;
}
.form td input {
	font-size:14px;
	padding:0.5em;
	margin-bottom:0.2em;
	margin-right: 0.3em;
}

.form td textarea {
	font-size:14px;
	padding:0.5em;
	margin-bottom:0.2em;
}

tr.questionary th,
tr.questionary td {
	padding-top:2em;
}
.sample {
	font-size:0.9em;
	color:#999999;
}
.list_ttl {
	font-weight:bold;
	padding:0.5em;
}
.small {
	font-size:0.75em;
}
.inform_left2 li {
	margin-bottom:0.3em;
}

.form .question_text{
	font-size: 15px;
}

.box_pgb th, .box_pgb td{
	padding-bottom: 3em;
}

.inform_left2 ul{
	/*display: flex;
	flex-wrap: wrap;*/
	width:100%;
	box-sizing:border-box;
}

.inform_left2 ul li{
	padding-right: 2em;
	display: inline-block;
	padding-bottom: 0.3em;
}

/*-----------------------------------------------------------------------privacy_policy*/
.privacy_policy {
	margin-top:5%;
	padding:3%;
	border:2px solid #CCCCCC;
	background:#ffffff;
}
.privacy_policy p {
	font-size:0.9em;
}

.privacy_box{
	height: 300px;
	background: #eaeaea;
	overflow: scroll;
	overflow: hidden visible;
	padding: 1em;
}


.privacy_box::-webkit-scrollbar {
  width: 20px;
}
.privacy_box::-webkit-scrollbar-track {
  background: #bbbbbb;
  border-radius: 10px;
}
.privacy_box::-webkit-scrollbar-thumb {
  background: #399d07;
  border-radius: 10px;
}




.privacy_policy h3 {
	text-align:center;
	margin-bottom:1em;
	font-size: 16px;
}
.privacy_button {
	margin-top:1em;
	font-size: 16px;
}

.privacy_policy input{
	margin-right: 0.5em;
}


.kakunin_box {
	margin-top:3em;
    width: 100%;
    font-size: 14px;
    line-height: 1.8em;
    text-align: center;
}


.kakunin_box input,
.submit_area input {
	width: 200px;
    height: 40px;
    background: #399d07;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    line-height: 2.5em;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
	margin-bottom:1em;
}

.privacy dt{
	font-weight: bold;
}

.privacy dd{
	margin:5px 0 0 1em; 
}

.privacy dd + dt{
	margin-top: 10px;
}

.txt_rgt{
	text-align: right;
}

/*-----------------------------------------------------------------------formthanks*/
.formthanks {
	width:80%;
	margin:0 auto;
}


.formthanks p {
	margin-bottom:1em;

}
.formthanks p.btn {
	text-align:center;
}
.formthanks p.btn input {
width: 300px;
    height: 40px;
    background:#399d07;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    line-height: 2.5em;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
	margin:1em auto;
}



/*--------------------------------------------------- ------
				950px以下
-----------------------------------------------------------*/
/*--------------------------------------------cruise_menu*/
@media only screen and (max-width: 950px) {
/*--------------------------------------------common*/
.w1000 {
	width:100%;
	margin:0 auto;
}

}
/*--------------------------------------------------- ------
				タブレット対応
-----------------------------------------------------------*/
/*--------------------------------------------cruise_menu*/
@media only screen and (max-width: 768px) {

/*--------------------------------------------common*/
.w1000 {
	width:100%;
	margin:0 auto;
}
/*--------------------------------------------form*/
tbody.textarea input {
	width:100%;
}

.form {
	background:#F8F8F8;
	padding:6%;
}

.form th {
	display:block;
		width:100%;
	text-align:left;
}
/*ios折り返し用*/	
.form tbody, .form tr, .form th{
		display: block;
	}	
	
.form td {
	display:block;
	text-align:left;
}
.form td textarea {
	width:100%;
	text-align:left;
}
tbody.textarea .deta input {
	width:20%;
}

}
/*--------------------------------------------------- ------
			　　スマホ対応
-----------------------------------------------------------*/
/*--------------------------------------------cruise_menu*/
@media screen and (max-width:480px) {
	.mainvisual{
		height: 200px;
	}	
	
#default {
	/*background:url(../img/gm_title_sp2.png) no-repeat;*/
	background-position:10px 5px;
	background-size:140px auto;
}

/*--------------------------------------------mainvisual*/
.mainvisual {
	padding:2em 0;

}
.mainvisual  h1 {
	font-size:1.4em;

}
/*-----------------------------------------------------------------------*/
input[name="DATA01"], input[name="DATA02"], input[name="DATA03"], input[name="DATA04"], input[name="DATA08"], input[name="DATAEM"], input[name="EMAILCHECK"], input[name="DATA13"]{
	width:90%;
	}
	
.form th{
		padding-right: 0;
	}
	
.box_pgb th{
	padding-bottom: 0.5em;
}
	
.box_pgb td{
	padding-bottom: 1.5em;
	width:100%;
}		

.form .question_text{
	font-size: 16px;
	}



	
}