@charset "utf-8";
/* -- design.css -- */
/*-----------------------------------------------
全体設定
 -----------------------------------------------*/
html{ font-size: 62.5%; }
body{
	font-family: 'メイリオ', Meiryo, ArialMT, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN';
	font-size: 16px;
	font-size: 1.6em;
	line-height: 1.8em;
	color: #111;
	-webkit-text-size-adjust: none;
}

/*リンク*/
a{ color: #00f; text-decoration: underline; }
a:link{ color: #00f; }
a:visited{ color: #00f; }
a:hover{ color: #ee6500; }
a img:hover{ opacity: 0.50; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; }

/*-----------------------------------------------
 全体コンテンツ部分 & 幅指定
 -----------------------------------------------*/
#all{ width: 100%; padding-top: 1em; background-color: #F5F5F5; }
#contents, #footer-in{ max-width: 900px; margin: 0 auto; }
#contents{
	background-color: #fff;
	border: 0px solid #062747;
	box-shadow: 0 0 0px #062747;
}
p{ margin-bottom: 1.5em; }
.big1{ font-size: 140%; }
.big2{ font-size: 120%; }
.small1{ font-size: 90%; line-height: 1.6em; }
.small2{ font-size: 80%; }
.al-c{ text-align: center; }
.al-r{ text-align: right; }
.fl-l{ float: left; margin: 0 25px 7px 0; }
.fl-r{ float: right; margin: 0 0 7px 25px; }
.m0b{ margin-bottom: 0!important; }
.m3b{ margin-bottom: 3em!important; }
.m4b{ margin-bottom: 4.5em!important; }
.m0t{ margin-top: 0!important; }
.m15t{ margin-top: 1.5em!important; }
.m3t{ margin-top: 3em!important; }
.p0t{ padding-top: 0!important; }
.p01b{ padding-bottom: 1px!important; }
.lh22{ line-height: 2.2em; }
.bold{ font-weight: bold; }
.red{ color: #e71f19; }
.red01{ color: #FF6600; }
.blue{ color: #00d; }
.yellow{ color: #fffc33; }
.under{ text-decoration: underline; }
.del{ text-decoration: line-through!important; }
.imp-yellow{ background-color: #ff8; padding: 0 2px; font-weight: bold; }
.indent{ text-indent: -2em; padding-left: 2em; }
.in_b{ display: inline-block; }
img.img-bd{ border: 1px solid #d5d5d5; }

.flex{ display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.text_white {
	COLOR: #fff;
}
.text_gray {
	COLOR: #333333;
}
.text_blue_bold {
	FONT-WEIGHT: bold;
	COLOR: #0058DB;
}
.text_red_bold {
	FONT-WEIGHT: bold;
	COLOR: #DA0000;
}
.text_red_bold_under {
	FONT-WEIGHT: bold;
	COLOR: #EB4D49;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
}
.text_bold_under {
	FONT-WEIGHT: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
}
.text_bold_y_line {
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #FFFFBB;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
}
.text_bold_y {
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #FFFFBB
}

/*-----------------------------------------------
 ヘッダー
 -----------------------------------------------*/
#top{
	background-color: #04062C;
	border-bottom: 1px solid #fafafa;
}
#top-in{
	max-width: 900px;
	margin: 0 auto;
	padding: 15px 0;
	margin-top: 15px;
	margin-bottom: 0px;
	text-align: center;
}
#catch{
	background: url(./bg.jpg) center top repeat-x fixed;
}
#catch-in{
	max-width: 900px;
	margin: 0 auto;
	padding: 40px 0;
	text-align: center;
}
@media screen and (max-width:769px){
#catch-in{
	padding: 20px 0;
	text-align: center;
}
}

#header{
	margin: 0 0 3em;
	text-align: center;
}
/*-----------------------------------------------
 コンテンツ
 -----------------------------------------------*/
.section{
	margin: 0;
	padding: 0;
}
.section .cont-area{ margin: 0 6% 3em; }

p{ margin: 0 0 1.5em 0; }

/*---設定済みボタン---------*/
.sub01,
.sub02,
.sub03,
.sub04{
	margin-bottom: 1.5em;
	font-size: 30px;
	font-size: 3.0rem;
	line-height: 1.5em;
	font-weight: bold;
}
.sub01{
	padding: 18px 2% 13px;
	background-color: #ba0e0e;
	color: #fff;
	box-shadow: 1px 1px 3px #b5b5b5;
}
.sub02 {
  border-bottom: solid 3px #CCCCCC;
  position: relative;
	color: #333333;
}

.sub02:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #141B64;
  bottom: -3px;
  width: 20%;
}
.sub03{
	padding: 14px 2% 8px;
	border-left: 10px solid #ba0e0e;
	background-color: #fafafa;
}
.sub04{
	padding: 0 1% 0.6em;
	background: url(./images/bg/ptn01.png) center bottom repeat-x;
	color: #ba0e0e;
	text-align: left;
}

/*-----------------------------------------------
 リストマーク
 -----------------------------------------------*/
.check01,
.check02,
.check03{
	margin-bottom: 1.5em;
}
.check01 li,
.check02 li,
.check03 li{
	margin-bottom: 12px;
	padding-left: 34px;
}
.check01 li{ background: url(images/bg/check01.png) 0 0 no-repeat; }
.check02 li{ background: url(images/bg/check02.png) 0 0 no-repeat; }
.check03 li{ background: url(images/bg/check03.png) 0 2px no-repeat; }
.check01.u-line li,
.check02.u-line li,
.check03.u-line li{ border-bottom: 1px dotted #aaa; }

.box01,
.box02{
	margin-bottom: 1.7em;
	padding: 15px 2.5%;
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
.box02{ box-shadow: 0 10px 6px -6px #888; }
.box03,
.box04{
	margin-bottom: 1.7em;
	padding: 15px 2.5%;
	border: 1px solid #aaa;
}
.box04{ box-shadow: 0 10px 6px -6px #888; }
.box05,
.box06{
	margin-bottom: 1.7em;
	padding: 15px 2.5%;
	border: 4px solid #ba0e0e;
}
.box06{ box-shadow: 0 10px 6px -6px #888; }

.boxred {
   width: 100%;
   padding: 3%;
   border: 2px solid #CC0000;
   text-align: center;
   font-size: 2.2rem !important;
   line-height: 3.6rem !important;
   color: #CC0000;
   font-weight: bold;
}

ol {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
  border: dashed 0px gray;
}

ol li {
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}

ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #990000;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下上下中央寄せのため*/
  /*top: 50%;*/
 /* -webkit-transform: translateY(-50%);*/
 /* transform: translateY(-50%);*/
}


/*-----------------------------------------------
 見出し
 -----------------------------------------------*/
 
 
.huki {
	position: relative;
	background-color: #04062C;
	/*	box-shadow: 0px 0px 4px rgba(0, 0, 0, .1) inset;*/
	font-size: 24px;
	color: #fff;
	text-align: left;
	/*	margin-bottom: 20px;*/
/*	margin-top: 30px;*/
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	border-radius: 6px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	padding-right: 50px;
	padding-left: 50px;
	line-height: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	
	text-shadow: 2px 2px 0px #000;
	
}

.huki1 {
	position: relative;
	background-color: #04062C;
	/*	box-shadow: 0px 0px 4px rgba(0, 0, 0, .1) inset;*/
	font-size: 30px;
	color: #fff;
	text-align: left;
	/*	margin-bottom: 20px;*/
/*	margin-top: 30px;*/
	padding-top: 30px;
	padding-bottom: 30px;
	font-weight: bold;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding-right: 50px;
	padding-left: 50px;
	line-height: normal;
	margin-top: 30px;
	margin-bottom: 30px;
	
	text-shadow: 2px 2px 0px #000;
	
}

@media screen and (max-width:769px){
.huki1 {
	position: relative;
	background-color: #04062C;
	/*	box-shadow: 0px 0px 4px rgba(0, 0, 0, .1) inset;*/
	font-size: 24px;
	color: #fff;
	text-align: left;
	/*	margin-bottom: 20px;*/
/*	margin-top: 30px;*/
	padding-top: 30px;
	padding-bottom: 30px;
	font-weight: bold;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding-right: 50px;
	padding-left: 50px;
	line-height: normal;
	margin-top: 30px;
	margin-bottom: 30px;
	
	text-shadow: 2px 2px 0px #000;
	
}
}

@media screen and (max-width:601px){
.huki1 {
	position: relative;
	background-color: #04062C;
	/*	box-shadow: 0px 0px 4px rgba(0, 0, 0, .1) inset;*/
	font-size: 20px;
	color: #fff;
	text-align: left;
	/*	margin-bottom: 20px;*/
/*	margin-top: 30px;*/
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: bold;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding-right: 50px;
	padding-left: 50px;
	line-height: normal;
	margin-top: 30px;
	margin-bottom: 30px;
	
	text-shadow: 2px 2px 0px #000;
	
}
}

.huki33 {
	position: relative;
	background-color: #04062C;
	font-size: 34px;
	line-height: 1.4em;
	color: #fff;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 30px;
/*	margin-top: 40px;*/
	text-shadow: 2px 2px 0px #000;
	
}

@media screen and (max-width:769px){
.huki33 {
	position: relative;
	background-color: #04062C;
	font-size: 24px;
	line-height: 1.4em;
	color: #fff;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 30px;
/*	margin-top: 40px;*/
	text-shadow: 2px 2px 0px #000;
	
}
}

@media screen and (max-width:601px){
.huki33 {
	position: relative;
	background-color: #04062C;
	font-size: 20px;
	line-height: 1.4em;
	color: #fff;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 30px;
/*	margin-top: 40px;*/
	text-shadow: 2px 2px 0px #000;
	
}
}

.huki33in{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

.huki33::after {
	position: absolute;
	top: 100%;
	left: 48%;
	right: 52%;
	content: '';
	width: 0;
	height: 0;
	border: 30px solid transparent;
	border-top: 20px solid #04062C;
}




/*-----------------------------------------------
 バックグラウンド
 -----------------------------------------------*/

.haikei1 {
	background-color: #FFFFCC;
}


/*-----------------------------------------------
 テーブル
 -----------------------------------------------*/

.hyo{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	}
.hyo th{
	padding: 10px;
	background-color: #CCC;
    text-align: center;
	}
	
.hyo td{
	padding: 10px;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	font-weight: bold;
	font-size: 120%;
    text-align: center;
	}

.hyo1{
    width: 90%;
    border-spacing: 0;
	background-color: #FFD9D9 !important;
	}
.hyo1 th{
    border-bottom: solid 2px #fb5144;
    padding: 10px 0;
    text-align: center;
	}
	
.hyo1 td{
    border-bottom: solid 2px #ddd;
    padding: 10px 0;
	font-weight: bold;
	font-size: 120%;
    text-align: center;
	}

/*-----------------------------------------------
 カラム
 -----------------------------------------------*/

.Item2col {
    margin-left:1.2%;
    margin-right:0.1%;
    margin-top:5px;
    margin-bottom:5px;
    padding: 15px 2.5%;
    float: left;
    width: 48%;
    background-color: #FFFFCC;
}

blockquote {
	margin-bottom:1em;
	padding:1em;
	border:1px dotted #ddd;
	border-left:5px solid #ddd;
	border-radius:5px;
}

@media screen and (max-width: 460px) {
    .Item2col {
        margin-left:1.2%;
        margin-right:0.1%;
        margin-top:2px;
        margin-bottom:2px;
        float: left;
        width: 98%;
        background-color: #FFFFCC;
    }
}

.movie{
	position: relative;
	margin: 0px 0 15px;
	text-align: center;
}
.movie iframe{
	width: 100%;
	height: 450px;
    background: #000;
	border: 0px solid #000;
    border-radius: 10px;/*角の丸み*/
}

/*-----------------------------------------------
 フッター
 -----------------------------------------------*/
#footer{
	margin-top: 50px;
	background-color: #04062C;
}
#footer-in{
	padding: 1px 2%;
	color: #fff;
}
#footer-in ul{ margin: 23px 0 10px; }
#footer-in ul li{
	float: left;
	margin: 0 5px 8px 0;
	padding-left: 5px;
	border-left: 1px solid #fff;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.3em;
}
#footer-in ul li:first-child{ padding-left: 0; border: 0 none; }

#footer-in ul li a{ color: #fff; text-decoration: none; }
#footer-in ul li a:link{ color: #fff; }
#footer-in ul li a:visited{ color: #fff; }
#footer-in ul li a:hover{ color: #eee; }
#copy{
	margin-bottom: 10px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.8em;
	text-align: right;
}

/*-----------------------------------------------
 トップに戻るボタン
 -----------------------------------------------*/

.totop {
	position:fixed;
	bottom:30px;
	right:15px;
	z-index:2;
}
.totop a {
	display:block;
	text-decoration:none;
}
.totop img {
	background:none;
	opacity:0.5;
}
.totop img:hover {
	background:none;
}

	  
.article{ margin: 0px}
#box-1{
　border: 5px solid #c7c8cd;
    padding: 29px;
    pad
    background-color: #fff;    
    box-shadow: 5px 5px 20px #eee;
}
#box-2 {
    border: 20px solid #efe2cb;
    padding: 29px;
    padding-left: 50px;
    padding-right: 50px;
    background-color: #fdf8df;
    box-shadow: 5px 5px 5px #cbc5b9;
    margin-bottom: 20px;
}

#box-3{
    border: 1px solid #7fe0e6;
    padding: 50px;
    background-color: #dffbfd;
    box-shadow: 5px 5px 5px #eee;
}

#box-4{
    border: 20px solid #eee;
    padding: 29px;
    background-color: #fff;
    box-shadow: 5px 5px 5px #aaa;
}
#box-5{
    border: 1px solid #f6edc6;
    padding: 50px;
    background-color: #ffffe3;
    box-shadow: 5px 5px 5px #eee;
}


#box-6 {
    border: 21px solid #03072B;
    padding: 35px;
    background-color: #fff;
    box-shadow: 5px 5px 5px #aaa;
    color: #000;
}

.vbox2{
	display: inline-block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #FFF;
	color: #333333;
	/*	white-space: nowrap;*/
	border: 12px solid #D3E0E7;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/back.png);
	background-repeat: repeat;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	line-height: normal;
}
.lf{
	font-size: 22px;
	line-height: 130%;
	}

#name-img{
padding-bottom:100px;
}

input[type="text"],
input[type="email"],
textarea {
  color: rgba(37, 37, 37, 0.5);
  border: 1px solid rgba(37, 37, 37, 0.1);
  background-color: #fff;
  }




/***mail-form****/
#mailf {
    border: 3px dotted #04374c;
    background-color: #d6f2fd;
    width: 98%;
    margin-right: auto;
    margin-left: auto;
    padding: 10px;
}
#form-table{
	margin:50px auto;
	line-height: 35px;
	}

/****end mai-form*****/



@media only screen and (max-width: 640px) {
.article{  margin: 20px;}
#box-2{
    border: 10px solid #efe2cb;
    padding: 29px;
    background-color: #fdf8df;
    box-shadow: 5px 5px 5px #cbc5b9;
}

#box-3{
    padding: 20px;

}
#box-4 {
    border: 13px solid #eee;
    padding: 20px;

}

#box-5 {
    border: 1px solid #f6edc6;
    padding: 20px;
}

#box-6 {
    border: 13px solid #03072B;
    padding: 25px;

}




/***mail-form****/
#mailf {

    width: 98%;
    margin-right: auto;
    margin-left: auto;
    padding:0px;
}


.name{
width:100%;
}

input[type="text"], input[type="email"], textarea {
    color: rgba(37, 37, 37, 0.5);
    border: 1px solid rgba(37, 37, 37, 0.1);
    background-color: #fff;
    width: 90%;
    margin-top: 10px;
}

/****end mai-form*****/



}

/****form*****/

#create_mailform{
text-align: center;
width:90%;
font-size: 13px;
}
.br-sp { display:none; 
}
tbody{
max-width:90%;
height:auto;
background-color: #D6F2FD;
margin:0 auto;

}

.needsicon {
width:37px;
height:18px;
padding:1px;
background-image:url("https://progressmind.ne.jp/parts/icn_hissu.png");
background-repeat: no-repeat;
float:left;
margin:10px 0 3px 5px;
}
.poins{
color:#ff6600;
}
.poinsoff{
color:#333;
}
.formlabels{
float:left;
margin-top:10px;
}

tbody .t03{
width:30%;
background-color:#ffeedd;
color:#333;
font-weight: bold; 
}


tbody .t03, .t04{
padding:10px 0px; 
vertical-align: middle; 
font-size: 100%;
text-align: left; 
}

tbody .t02{
background-color:#D6F2FD;
}

 /* テキストエリアの設定 */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,select{
width: 95%;
background-color: #fff;
color: #000;
padding:10px 0 10px 10px;
margin:10px 0;
}

input.f_names{
width: 35%;
margin-right:20px;
}

input[type="text"]:focus,
textarea:focus,select:focus{
background-color: #fff;
}

/*max-width: 899px*/
@media (max-width: 899px) {
#create_mailform{
text-align: center;
width:100%;
}
.form{
max-width:100%;
}

tbody .t03{
width:100%;
display: block;
list-style: none;
}

tbody .t03, .t04{
width:100%;
display: list-item;
padding:0px 0px; 
border:none;
}

tbody .t03{
width:100%;
display: block;
list-style: none;
}

tbody .t03, .t04{
width:100%;
display: list-item;
padding:0px 0px; 
border:none;
}
}

/*max-width: 640px*/
@media (max-width: 640px) {
#create_mailform{
text-align: center;
width:90%;
}
.form{
max-width:90%;
}

tbody .t03{
width:100%;
display: block;
list-style: none;
}

tbody .t03, .t04{
width:100%;
display: list-item;
padding:0px 0px; 
border:none;
}

tbody .t03{
width:100%;
display: block;
list-style: none;
}

tbody .t03, .t04{
width:100%;
display: list-item;
padding:0px 0px; 
border:none;
}

 /* テキストエリアの設定 */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,select{
width:90%;
padding:10px 0px 0px 0px;
margin:10px 0;
}
.br-sp { display:block }
}
/****form*****/

.size30-red {
	font-size: 30px;
	font-weight: bold;
	color: #ba0e0e;
}

.size28-red {
	font-size: 28px;
	font-weight: bold;
	color: #EA0000;
}

.size30-white {
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
}

@media screen and (max-width:769px){
.size30-red {
	font-size: 24px;
	font-weight: bold;
	color: #ba0e0e;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
}
}

@media screen and (max-width:601px){
.size30-red {
	font-size: 20px;
	font-weight: bold;
	color: #ba0e0e;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
}
}
	
/*------------------------------------------------------------
■　文字装飾　■
-------------------------------------------------------------*/

.size11-kuro {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

.size20-red {
	font-size: 20px;
	font-weight: bold;
	color: #EA0000;
}

.text_red_bold {
	FONT-WEIGHT: bold;
	COLOR: #CC0000;
}
.text_red_under {
	COLOR: #CC0000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
}
.text_red_bold_under {
	FONT-WEIGHT: bold;
	COLOR: #CC0000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
}
.text_red_b_y {
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #FFFFBB;
	color: #CC0000;
}

.text_under {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
}
.text_normal_y {
	FONT-WEIGHT: normal;
	BACKGROUND-COLOR: #FFFFBB
}
.text_bold_y {
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #FFFFBB
}
.text_bold_under {
	FONT-WEIGHT: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
}
.text_bold_y_line {
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #FFFFBB;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
}
.box-yellow {
        padding:2px;
        background-color: #FFFFBB;
}/*黄色*/

.red{ color: #CC0000!important; }/*赤*/
.blue{ color: #191970!important; }/*青*/


/*end*/

.submit{
	display: inline-block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #009933;
	color: #FFF;
	/*	white-space: nowrap;*/
	font-weight: bold;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 80%;
	font-size: 24px;
	margin-top: 30px;
	margin-bottom: 10px;
}

.submit:hover{
	background-color: #0C3;
}


/* ---------------------------------------------------------
floatクリア
--------------------------------------------------------- */

span.clear {
     height: 1px;
     margin: 0;
     padding: 0;
     font-size: 1px;
     line-height: 1px;
     display: block;
     clear: both;
}
.clear {
     height: 1px;
     margin: 0;
     padding: 0;
     font-size: 1px;
     line-height: 1px;
     display: block;
     clear: both;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}


.clr{
clear:both;
}

.attention{
	background:#FFEAEA;
	padding:20px;
	font-size:16px;
}

.attention_l{
	width:49%;
	float:left;
	}

.attention_r{
	width:49%;
	float:right;
	}
	
.submitbt {
	background-color: #5DC11A;
	box-shadow: 0 3px 0 #149421;
	text-shadow: 0px -2px #149421;
	position: relative;
	border-radius: 5px;
	font-size: 30px;
	color: #FFF !important;
	font-weight: bold;
	display: block;
	width: 80%;
	padding-top: 25px;
	padding-right: 40px;
	padding-bottom: 25px;
	padding-left: 40px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
	text-decoration: none;
	text-align: center;
}

.submitbt:active, .submitbt:hover {
	top: 3px;
	box-shadow: none;
	color:#fff;
}

/*******************************************
Multi Screen
********************************************/
@media screen and (max-width:1000px){
.section .cont-area{ margin: 0 2% 3em; }
}

@media screen and (max-width:769px){
.fl-l, .fl-r{ float: none!important; width: 100%!important; margin: 0 0 23px!important; }
#contents{ border-width: 2px; }
.sub01,.sub02,.sub03,.sub04{ font-size: 24px; font-size: 2.4rem; }
.sub03{ border-width: 5px; }
}

@media screen and (max-width:601px){
.sub01,.sub02,.sub03,.sub04{ font-size: 20px; font-size: 2.0rem; }
}

/*-----------------------------------------------
 20170705ins
 -----------------------------------------------*/
#content_form{
	margin: 20px 0;
	padding: 5px;
}
#create_mailform table th,
#create_mailform table td{
	padding: 10px 2%;
}
#create_mailform table td.t04 input,
#create_mailform table td.t04 textarea{ background-color: #f6fbff; border: 2px solid #1066a9; }

@media screen and (max-width:900px){
#create_mailform table td.t04{ list-style-type: none; }
.formlabels,
.needsicon{ float: none; display: inline-block; }
#create_mailform table td.t04 input,
#create_mailform table td.t04 textarea{ width: 100%!important; }