@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Bad+Script);




h2 {
     font-family: "Lato", sans-serif;
     font-size: 28px;
     font-weight: normal;
     color: #1E1E1E;
     line-height: 1.8;
     letter-spacing: 0.2em;
}

.sec__heads{
    display: inline-block;
    padding: 10px;
    text-align: center !important;
    margin: 0 auto;
}

.sec__head--top {
    padding-top: 0;
}
.sec__ttl{
    margin-bottom: 0.2em;
    padding: 0;
    font-family: "Lato", sans-serif;
    font-size: 28px;
    font-weight: normal;
    line-height: 1.8;
    letter-spacing: 0.2em;
    color: #1E1E1E;
    text-align: center !important;
    text-transform: uppercase;
}


@media screen and (max-width:980px) {
.sec__ttl{ 
     
        font-size: 24px;
        letter-spacing: 0.16em;
        
}
}

.sec__ttl--ja{
    font-family: "Lato", sans-serif;
    position: relative;
    margin: 0;
    display: inline-block;
    padding: 0;
    font-size: 18px;
    font-style: normal;
    line-height: 1.4;
    color: #1E1E1E;
    text-align: center !important;
}
/*.sec__ttl--ja:before{
    width: 70px;
    border-top: 1px solid #111;
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -35px;
}
*/
table.formTable{
	width:80%;
	margin:0 auto;
	border-collapse:collapse;
}

table.formTable th{
	width: 100% !important;
    font-size: 14px;
	font-weight:normal;
    color:#5d5d5d;
	text-align:right;
    margin: 0 auto;
    padding:50px 0 0 0;
    text-align:center;
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-transform: none;
    float: left;
}


table.formTable td{
    width: 100% !important;
	border-bottom:1px solid #dcdcdc;
    font-size: 14px;
    font-weight:bold;
    color:#1E1E1E;
    margin: 0 auto;
	padding:25px 0 0 0;
    text-align:center;
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meirsans-serif;
    text-transform: none;
    float: left;
}




/*	COPYRIGHT
================================================== */



#copyright {
    width: 100%;
    background:#1E1E1E;/*EA4653*/
    margin: 0 auto 15px;
}

#copyright p {
    text-align:center;
	font-family: "Lato", sans-serif;
	font-size:70%;
	color:#ffffff !important;
    letter-spacing: 0.06em;
    line-height: 1.4;
}





/* -----------------------------------------------------
   
   #contact
   
   ----------------------------------------------------- */
   
#contact { margin: 0 auto; padding: 105px 0 30px; width: 45%;  position: relative; background: #fff; text-align: center;}

@media screen and (max-width:1300px) {
#contact { margin: 0 auto; padding: 105px 0 30px; width: 80%;  position: relative; background: #fff; text-align: center;}
}



/* ----------------------------------------------------------
   
   #contactWrapper
   
   ---------------------------------------------------------- */

#contactWrapper { margin: 35px auto ; padding: 0 7.5%;}
.centerContent {  width: 100%; text-align: center; background:url(../img/bg.jpg) center center repeat; 
       margin: 160px auto 0;
}

.centerContent .linkArea { text-align: center;}
.centerContent .inner {padding: 50px 0;}



.centerContent h2 {
	color: #1a1a1a; 
	font-family: "Lato", sans-serif;
	font-weight: normal; 
	font-style: normal; 
	text-align: center;
	font-size: 32px;
    line-height: 5;
    letter-spacing: 0.3em;
}




.centerContent h3 {
	font-family: "Lato", sans-serif;
	font-weight: normal; 
	font-style: normal; 
	line-height: 2; 
	margin: 0 auto !important;
	text-align: center;
	font-size: 22px;
    color: #1E1E1E;
    text-transform: lowercase;
    /*text-transform: uppercase;*/
    letter-spacing: 0.07em;
}



.centerContent .thankyou { 
	background-image: url(../images/common/thankyou.png) ;
	background-repeat: no-repeat; 
	background-position: center center; 
	max-width: 500px; 
	height: 300px; 
	margin: 0 auto 25px;  
	overflow: hidden;
}

/* ----------------------------------------------------------
   
   .leftContent
   
   ---------------------------------------------------------- */
   
.leftContent { float: left; width: 35%; margin-left: 50px; }
.leftContent h3.memo { /*color:#888;*/font-size: 18px; font-family: 'Bad Script', cursive; font-weight: normal; font-style: normal; line-height: 1.5; letter-spacing: .1em;margin-bottom:20px;}

/* .officeArea */
.officeArea { /*margin-top: 50px;*/ padding:20px 0 60px; position: relative; z-index: 0; }

.officeArea .headline { background-image: url(../images/common/contact.png) ;background-repeat: no-repeat;width: 300px; height: 300px; margin: 0 auto;  overflow: hidden; /*border-radius: 3%;  -webkit-border-radius: 3%; -moz-border-radius: 3%;*/}
.officeArea h3.name { background-image: url(../images/common/name.svg) ;background-repeat: no-repeat;width: 270px; height: 90px; margin: 0 auto;}
.officeArea br.spBlock { display:none; }
.officeArea p {text-align:center;}

/* ----------------------------------------------------------
   
   .rightContent
   
   ---------------------------------------------------------- */

#contact p.er { font-family: "Lato", sans-serif; color: #1E1E1E; padding: 0;font-size: 15px; text-align: center;line-height:1.5;  }


@media screen and (max-width:1300px) {
#contact p.er { font-family: "Lato", sans-serif; color: #1E1E1E; padding: 0;font-size: 13px; text-align:center; line-height:1.5; }

}

.rightContent {width: 55.5%; margin: 0 auto; position: relative;  }

.rightline { background: #eee; /*border: solid 4px #2b2b2b;*/ border-radius: 15px;  -webkit-border-radius: 15px; -moz-border-radius: 15px;padding:15px 0;}


#base_n { margin: 0 auto; padding: 105px 0 0; width: 100%;  position: relative; background: #fff; text-align: center;border: solid 1px #1E1E1E; margin: 60px auto 60px; padding:70px 0; border-radius: 5px;  -webkit-border-radius: 5px; -moz-border-radius: 5px;}

@media screen and (max-width:1300px) {
#base_n { margin: 0 auto; padding: 105px 0 0; width: 100%;  position: relative; background: #fff; text-align: center;border: solid 1px #1E1E1E; margin: 30px auto 30px; padding:35px 0; border-radius: 5px;  -webkit-border-radius: 5px; -moz-border-radius: 5px;}
}

#base_t { margin: 0 auto; padding: 105px 0 0; width: 100%;  position: relative; background: #fff; text-align: center;border: solid 1px #1E1E1E; margin: 60px auto 60px; padding:70px 0; border-radius: 5px;  -webkit-border-radius: 5px; -moz-border-radius: 5px;}

@media screen and (max-width:1300px) {
#base_t { margin: 0 auto; padding: 105px 0 0; width: 100%;  position: relative; background: #fff; text-align: center;border: solid 1px #1E1E1E; margin: 10px auto 10px; padding:35px 0; border-radius: 5px;  -webkit-border-radius: 5px; -moz-border-radius: 5px;}
}


#contact p.error_messe{
	margin:5px 0;
	color:#1E1E1E;
        font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
        line-height:80px;
        font-size: 15px;
}

@media screen and (max-width:980px) {
#contact p.error_messe{
	line-height:60px;
        font-size: 11px;
}
}



.rightContent h2 {color:#000;font-size: 18px; font-family: 'Bad Script', cursive; font-weight: normal; font-style: normal; line-height: 2; letter-spacing: .1em; margin: 35px auto 0;text-align: center;}

#contact section p {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #1E1E1E;
    padding: 0;
    text-align: center; 
    line-height: 1;
    letter-spacing: 0.06em;
}

#contact section .kinshi {
   margin: 0 auto;
   padding: 25px 0 0;
}

#contact section .kinshi p {
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #1E1E1E;
    padding: 0;
    text-align: left; 
    line-height: 1.5;
    letter-spacing: 0.03em;
}



.rightContent section {text-align: center; }


.inner form {width:70%;margin:0 auto;text-align:left;}

.inner ul { margin: 0 auto; padding: 0;}
.inner li {padding:20px 0 0;min-height:40px;font-size:15px;display: block; width: 100%; margin: 0 auto;}


label, label.lelmiss { 
        width: 100% !important;
        text-align: left;
        line-height:180%;
        color: #1E1E1E;
	font-weight: normal;
	font-size: 14px !important;
        font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}



input.lelmiss {
	position: relative;
	width: 100% !important;
	display: inline-block;
	margin: 10px 0 20px -5px;
	
        line-height:180%;
	vertical-align: top;
        float: left;
        font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
        font-size: 14px !important;
        
}







textarea {width: 100%;font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
        text-transform: none;　color: #1a1a1a; padding: 5px; font-size: 16px; margin-left: -5px; font-size: 13px; line-height: 1.5;}



input[type=text], 
input[type=password], 
input[type=email], 
textarea {
	border:1px solid #c7c7c7;
	outline:5px solid rgba(100, 100, 100, 0.1);
	padding:3px 5px;
}

input[type=text]:focus, 
input[type=text]:active, 
input[type=password]:active, 
input[type=password]:focus, 
input[type=email]:active, 
input[type=email]:focus, 
textarea:active, 
textarea:focus {
	outline:5px solid rgba(100, 100, 100, 0.3);
}


@media screen and (max-width:768px) {
.inner form {width:100%;margin:0 auto;text-align:left;}

}

.graphic {
	position: absolute;
	top: 0;
	left: 0;
	fill: none;
}

.icon {
	color: #ddd;
	font-size: 150%;
}



/* ----- .contactbtnArea ----- */

.contactbtnArea { margin: 35px -1% ; font-size: 0; text-align:center;}

/* .submitbtn */
.action { display:block; display: inline-block;  padding: 0; margin:0 1%; width:400px; line-height:100px; text-align:center; border:#f9fbfb 1px solid; color:#fff; font-weight: bold;background:#1a1a1a; font-size: 18px; font-style: normal; letter-spacing: .1em; position:relative;font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
        -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   
   -webkit-appearance: none;
   border-radius: 0;
}


.action:hover {
	
        color:#aaa;
        /*box-shadow: 0 0 1px #bfbfbf,
                          0 0 1px #F2F6F6, 
                          0 0 6px #A3B7B4,
                          0 0 11px #E9EAC7, 
                          0 0 15px #E8E2C7,
                          0 0 19px #E8DBC7,
                          0 0 22px #E8D5C7;*/
        cursor:pointer;
}


a.contact { display:block; display: inline-block;  padding: 0; margin:10% 1% 0; width:400px; line-height:100px; text-align:center; border:#f9fbfb 1px solid; color:#fff; font-weight: bold;background:#1a1a1a; font-size: 18px; font-style: normal; letter-spacing: .1em; position:relative;font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
        -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   
   -webkit-appearance: none;
   border-radius: 0;
   text-decoration: none;
}


a.contact:hover {
	
        color:#aaa;
        /*box-shadow: 0 0 1px #bfbfbf,
                          0 0 1px #F2F6F6, 
                          0 0 6px #A3B7B4,
                          0 0 11px #E9EAC7, 
                          0 0 15px #E8E2C7,
                          0 0 19px #E8DBC7,
                          0 0 22px #E8D5C7;*/
        cursor:pointer;
}

/* .resetbtn */
.resetbtn {display:block; display: inline-block; *display: inline; *zoom: 1;padding: 0;margin:0 1% 3%; width:400px; line-height:100px; text-align:center; color:#fff; font-weight: bold;background:#999999; border:#f9fbfb 1px solid; font-size: 18px; font-style: normal; letter-spacing: .1em; position:relative;
filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
        -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;

   -webkit-appearance: none;
   border-radius: 0;

    }

.resetbtn:hover { 
     color: #1e1e1e;
        /*box-shadow:
  0 0 1px #fff,
  0 0 4px #fff,
  0 0 7px #aaa,
  0 0 10px #aaa;*/
cursor:pointer;
}


@media screen and (max-width:1300px) {
.action, a.contact, .resetbtn { width: 280px;}
}

/* =======================================  columns w/ margin  ======================================= */ 
.fg1, .fg2, .fg3, .fg4, .fg5, .fg6, .fg7, .fg8, .fg9, .fg10, .fg11, .fg12 {
 margin:0 2%;
 padding:0;
 float:left;
 position:relative;
}
.fg12Collection { width: 100%; margin: 0; padding: 0; float: left; position: relative; }
.fg12 { width: 96%; }
.fg11 { width: 87.66%; }
.fg10 { width: 79.33%; }
.fg9 { width: 71%; }
.fg8 { width: 62.66%; }
.fg7 { width: 54.33%; }
.fg6 { width: 46%; }
.fg5 { width: 37.66%; }
.fg4 { width: 29.33%; }
.fg3 { width: 21%; }
.fg2 { width: 12.66%; }
.fg1 { width: 4.33%; }