@charset "utf-8";
/* CSS Document */

body {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-seri;
    color: #000;
    font-size: 14px;
}
/**/

header {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
	clear:both;
	vertical-align: bottom;		
}
@media (max-width: 768px){
header {
padding: 0rem;	
	text-align: center;
	margin: 0 auto;
}
}

.cr_adh img {
	max-width: 195px;
	vertical-align: sub;
}
@media (max-width: 768px){
.cr_adh img {
	max-width: 34.45%;
}	
}
.cr_ch  {
	max-width: 30px;
	vertical-align: sub;
}
@media (max-width: 768px){
.cr_ch {
	max-width: 6%;
}	
}
.cr_leh img {
	max-width: 110px;
	vertical-align: sub;
}
@media (max-width: 768px){
.cr_leh img {
	max-width: 22%;
}	
}


.cr_leh2 img {
	max-width: 140px;
	vertical-align: sub;
}
@media (max-width: 768px){
.cr_leh2 img {
	max-width: 22%;
}	
}


/**/

.times{
    font-family: "Times New Roman", Times, "serif"
}
.hiragino {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.hiragino_3 {
	font-weight: 100;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.title{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 90px;
}
@media (max-width: 768px){
.title{
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}
}

.title img{
   max-width: 100%;
}


/*
.title:before{
    content: url(../img/happy-top.png);
	max-width: 100%;
}
@media (max-width: 768px){
.title:before{
	max-width: 100%;
}
}

.title:after{
    content: url(../img/happy-bottom.png);
	max-width: 100%;
}
@media (max-width: 768px){
.title:before{
	max-width: 100%;
}
}
*/

#formWrap h2{
/*    font-size: 17px;
    margin: 0 0 10px 0;*/
}
#formWrap h3 {
/*     font-size: 16px;
    font-weight: normal;
    padding-left: 10px;
    border-left: solid 4px #C5AD6F;
    margin: 0;
    line-height: 1.5;
    margin-bottom: 2px;*/
}
#formWrap h4 {
    color: #816834;
    font-weight: normal;
    margin: 5px 0;
}
#formWrap h5 {
	font-size: 1.2rem;
	text-align: center;
    color: #816834;
    margin: 1rem auto;
}
@media (max-width: 768px){
#formWrap h5 {
	font-size: 1rem;
	text-align: center;
    margin: 1rem auto;
}	
}

.formWraph3 {
    font-size: 16px;
    font-weight: normal;
    padding-left: 10px;
    border-left: solid 4px #C5AD6F;
    margin: 0;
    line-height: 1.5;
    margin-bottom: 2px;
}
@media (max-width: 768px){
.formWraph3 {
    font-size: 90%;
}
}

.brown-b {
    border-bottom: 2px solid #9E770F;
}
.contact-bottom {
    color: #9E770F;
    font-size: 16px;
    margin: 10px 0 55px 0;
}
.flow {
    margin-bottom: 45px;
}
@media (max-width: 768px){
.flow {
    margin-bottom: 1rem;
}	
}

#form {
    margin-top: 5px;
        margin-bottom: 80px;
}
.flow img {
 
}
@media (max-width: 768px){
.flow img {
   max-width: 100%
}	
}


table.formTable .reqwired {
   background-color: #8E0000;
color: #fff;
padding: 4px 8px;
margin-right: 10px;
font-size: 0.7rem;
}
@media (max-width: 768px){
table.formTable .reqwired {
padding: 4px 8px;
margin-right: 10px;
font-size: 0.5rem;
}	
}

table.formTable td, table.formTable th {
	border-bottom: 1px solid #C5AD6F;
	padding: 18px;
	color: #333;
        }
table.formTable tr:last-child td, table.formTable tr:last-child th{
    border-bottom: none;
}
@media (max-width: 768px){
table.formTable td, table.formTable th {
/*            border-bottom: 1px solid #C5AD6F;
*/            padding: 0.3rem;
}	
}

table.formTable .not-reqwired {
    padding: 25px 0 25px 77px;
}
@media (max-width: 768px){
table.formTable .not-reqwired {
    padding: 0.3rem 0 0.3rem 2.6rem;
	/*    padding: 1rem 0 1rem 3.6rem;*/
}	
}

.hypen {
    margin: 0 5px;
}
.postal-code {
    font-size: 12px;
    color: #787575;
}
table.formTable .address {
    border-bottom: 1px dotted #C5AD6F;
}
table.formTable td input,
table.formTable td select,
table.formTable td textarea{
    border: solid 1px #ccc;
padding: 8px;
}
.form-cap p:nth-child(2n) {
    margin-top: 0;
    padding-top: 0;
}
.form-cap {
    color: #625E5E;
    line-height: 1.75;
    font-size: 13px;
    background-color: #FAF8F3;
    border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
    margin-bottom: 30px;
}
.form-cap p {
    padding: 20px;
    margin: 0;
    text-indent: -1em;
    margin-left: 1em;
}
.form-cap a {
    color: #625E5E;
    font-weight: bold;
}
/**/
.form-cap2 p:nth-child(2n) {
    margin-top: 0;
    padding-top: 0;
}
.form-cap2 {
    color: #625E5E;
    line-height: 1.75;
    font-size: 13px;
    margin-bottom: 30px;
}
.form-cap2 p {
    padding: 20px;
    margin: 0;
    text-indent: -1em;
    margin-left: 1em;
}
.form-cap2 a {
    color: #625E5E;
    font-weight: bold;
}
/**/
.submid-button {
    color: #fff;
    font-size: 16px;
    border: none;
    background-color: #9E770F;
    padding: 16px 115px;
    margin-top: 40px;
	margin-bottom: 60px;
    cursor: pointer;
}
@media (max-width: 768px){
.submid-button {
    font-size: 16px;
    border: none;
    background-color: #9E770F;
    padding: 0.7rem 4rem;
    margin-top: 1.2rem;
	margin-bottom: 3rem;	
    cursor: pointer;
}	
}


/**/
/*** レスポンシブテーブルデザイン ***/
#formWrap {
	max-width: 860px;
	width: 92%;/*	width: 100%;*/
	margin: 0 auto;
	line-height: 120%;
	font-size: 90%;
}

.shokai{
	width: 100%;
	margin: 0 auto;
/*  border: 2px solid #d6ceb4;
*/  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
border-collapse: collapse;	
}
 
.shokai th{
/*  padding: 6px 8px 5px;
  border-top: solid 1px #ffffff;*/
  width: 30%;
  overflow: hidden;

  font-weight: normal;
/*   font-size: 100%;*/
	
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
/*  vertical-align: top;*/
/*  background-color: #eeece4;*/
}
 
.shokai td{
padding: 5px 10px;
text-align: left;
vertical-align: top;
/*color: #595960;*/
/*background-color: #ffffff;*/
/*border-top: dotted 1px #e0dccc;*/
overflow: hidden;
word-break: break-all;
word-wrap: break-word;
}
 
@media (max-width: 768px){
.shokai th{
	background-color: #F3F2ED;
	width: 100%;
	display: block;
	margin: 0 auto;
	border: none;
	border-radius: 3px;
}
.shokai td{
  display: list-item;
  width: 100%;
  border-top: none !important;
}
}/* end */

.width50100{
	width: 50%;
}
@media (max-width: 768px){
.width50100{
	width: 90%;
}	
}

/**/

/*contact*/

.contact-b {
	border-bottom: 1px solid #9E770F;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
@media (max-width: 768px){
.contact-b {
	border-bottom: 2px solid #9E770F;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
}	
}

.contact2{
	width: 600px;
margin: 3vw auto -0.2rem ;
	text-align: center;
}


.contact2_h2 {
	letter-spacing: 0.2rem;
	/*width: 600px;*/
	font-size: 24px;
	text-align: center;
	font-family: "游明朝体", "Yu Mincho", YuMincho, Georgia, "Times New Roman", Times, "serif";
	/*border-bottom: thin solid #c5ad6f;*/
	margin: 3vw auto 1rem ;
	/*padding: 16px auto;*/
}
@media (max-width: 768px){
.contact2_h2{
	width: 70%;
	font-size: 18px;
	margin: 5vw auto 0.5rem ;
	padding: 16px auto;
}	
}

.contact2_h3{
	letter-spacing: 0.1rem;
	color: #c5ad6f;
	font-size: 12px;
	text-align: center;
	margin: 0.5rem auto 1rem ;
	padding: 0 auto;
}
/**/
.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}
/**/
/*footer*/
#footer {
		width: 100%;
		max-width: 100%;
		padding-top: 2rem;
		text-align: center;
}

.cr{
	font-size: 80%;
	color: #333;
	padding: 1rem;
	clear:both;
	vertical-align: bottom;	
}

.cr_ad  img {
	max-width: 212px;
	vertical-align: sub;
}
@media (max-width: 768px){
.cr_ad img {
	max-width: 26.5%;
}	
}

.cr_c  {
	max-width: 60px;
	vertical-align: sub;
}
@media (max-width: 768px){
.cr_c {
	max-width: 6%;
}	
}
.cr_le img {
	max-width: 160px;
	vertical-align: sub;
}
@media (max-width: 768px){
.cr_le img {
	max-width: 20%;
}	
}

.cr p {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	padding: .2rem;
	color: #010D56;
}

.mb_rem {
		color: #010D56;
	font-size: 0.9rem;
	background: #F5F1E7;
	padding-top: 2rem;
	padding-bottom: 1rem;
}
@media (max-width: 768px){
.mb_rem {
	font-size: 0.8rem;
	padding-top: 1.5rem;
	padding-bottom: 0.2rem;
}	
}


.mb_rem  a{
		font-size: 0.8rem;
color: #333;
text-decoration: none;
}