/*
    contact-us.css
*/
/*
    For reset.
*/

	*{
        -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	button, input, select, textarea {
		font-family : inherit;
		font-size   : 100%;
	}

/************************************** For PC. **************************************/
	div.CONTACT_WP{
		width:100%;
        border-bottom:1px solid #434343;
        line-height:1.8em;
	}

	div.CONTACT_WP_TH{
		width:100%;
        border-bottom:1px solid #434343;
        margin-bottom:10px;
        line-height:1.8em;
        overflow-x: scroll;
	}

	div.CONTACT_SCR_TH{
		width:1450px;
	}
  /* ---------------------------------
      For Top Section 
    --------------------------------- */
	div.CONTACT_MAIN{
		width:100%;
		height:500px;
		background:url(../imgs/contact_top_bg.jpg) no-repeat;
		background-size: cover;
		background-position: 50% 30%;
		position:relative;
	}

	div.CONTACT_MAIN_BOX{
		width:320px;
		height:300px;
		padding:40px 10px;
        background:#000;
        color:#fff;
		position:absolute;
        left:5%;
        top:100px;
	}

	div.CONTACT_MAIN_BOX h2{
		font-size:220%;
        font-weight:bold;
        margin-bottom:40px;
        text-align:center;
	}

	div.CONTACT_MAIN_BOX p:lang(en){
		font-size:110%;
		margin:0;
		padding:0;
        line-height:1.5em;
        text-align:center;
	}

	div.CONTACT_MAIN_BOX p:lang(th){
		font-size:100%;
		margin:0;
		padding:0;
        line-height:1.5em;
        text-align:center;
	}

	div.CONTACT_BOX_INFO{
		width:86%;
        max-width: 1000px;
        margin:0 auto;
		font-size:100%;
        line-height:1.5em;
        padding:80px 0;
	}

	div.CONTACT_BOX01{
		width:100%;
        padding:80px 0;
        background:#f5f5f5;
	}

	div.CONTACT_BOX01_WP{
		width:86%;
        max-width: 1000px;
        margin:0 auto;
	}

	div.CONTACT_FORM_190 dl{
	  display: -webkit-box;  /*Android*/
	  display: -moz-box;     /*Firefox*/
	  display: -ms-flexbox;  /*IE*/
	  display: -webkit-flex; /*PC-Safari,iOS*/
	  display: flex;
	  justify-content: space-between;
	  flex-wrap: wrap;
	}

	div.CONTACT_FORM_190 dt{
		margin-bottom:8px;
	  font-size:0.9em;
	}

	div.CONTACT_FORM_LINE_190{
		margin-bottom:20px;
	}

	div.DISABLE_CONTACT_FORM_LINE_190{
		margin-bottom:20px;
	}

	div.HIGH_CONTACT_FORM_LINE_190{
		margin-bottom:20px;
	}

	div#div_form_name_190{
		width:48%;
	}

	div#div_form_mail_190{
		width:48%;
	}

	div#div_form_sub_190{
		width:100%;
	}

	div#div_form_txt_190{
		width:100%;
	}

	div.CONTACT_FORM_190 input[type="text"]{
	  width:100%;
		padding: 14px 30px;
		border: 1px solid #ccc;
		border-radius: 4px;
		font-size:1.0em;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  -o-box-sizing: border-box;
	  -ms-box-sizing: border-box;
	  box-sizing: border-box;
	}

	/*div.CONTACT_FORM_LINE_190 input[type="text"]{
		background: #ffffff;
	}

	div.DISABLE_CONTACT_FORM_LINE_190 input[type="text"]{
    background: #595959;
	}

	div.HIGH_CONTACT_FORM_LINE_190 input[type="text"]{
    background: #FFCCE8;
	}*/

	div.CONTACT_FORM_LINE_190 input[type="text"].FORM_NAME{
		background: #ffffff;
	}

	div.CONTACT_FORM_LINE_190 input[type="text"].DISABLE_FORM_NAME{
    background: #595959;
	}

	div.CONTACT_FORM_LINE_190 input[type="text"].HIGH_FORM_NAME{
    background: #FFCCE8;
	}

	div.CONTACT_FORM_LINE_190 input[type="text"].FORM_MAIL{
		background: #ffffff;
	}

	div.CONTACT_FORM_LINE_190 input[type="text"].DISABLE_FORM_MAIL{
    background: #595959;
	}

	div.CONTACT_FORM_LINE_190 input[type="text"].HIGH_FORM_MAIL{
    background: #FFCCE8;
	}

	div.CONTACT_FORM_LINE_190 input[type="text"].FORM_SUB{
		background: #ffffff;
	}

	div.CONTACT_FORM_LINE_190 input[type="text"].DISABLE_FORM_SUB{
    background: #595959;
	}

	div.CONTACT_FORM_LINE_190 input[type="text"].HIGH_FORM_SUB{
    background: #FFCCE8;
	}

	div.CONTACT_FORM_190 input[type="text"]:focus {
		box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	}

	div.CONTACT_FORM_190 textarea {
	  width:100%;
	  height: calc( 1.3em * 8 );
	  line-height: 1.3;
		padding: 14px 30px;
		border: 1px solid #ccc;
		border-radius: 4px;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  -o-box-sizing: border-box;
	  -ms-box-sizing: border-box;
	  box-sizing: border-box;
	  font-size:1.0em;
	}

	div.CONTACT_FORM_190 textarea.FORM_TXT {
		background: #ffffff;
	}

	div.CONTACT_FORM_190 textarea.DISABLE_FORM_TXT {
    background: #595959;
	}

	div.CONTACT_FORM_190 textarea.HIGH_FORM_TXT {
    background: #FFCCE8;
	}

	div.CONTACT_FORM_190 textarea:focus {
		box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	}

	div.CONTACT_FORM_190 p {
		text-align:right;
	}

	div.CONTACT_FORM_190 p input[type="button"] {
		padding: 10px 30px;
		border-radius: 4px;
		background: #434343;
		font-size: 1.0em;
		color: #ffffff;
	}

	div.CONTACT_FORM_190 p input[type="button"]:hover {
		cursor: pointer;
		background: #71C5E8;
		color:#fff;
	  transition: all .5s;
	}

	div.CONTACT_BOX02{
		width:86%;
        max-width: 1000px;
        margin:0 auto;
        padding:80px 0;
	}

	div.CONTACT_BOX02 p{
		margin:0;
		padding:0;
        text-align:center;
		font-size:100%;
	}

	div.CONTACT_BOX02 ul{
		width:70%;
        margin:0 auto;
	  display: flex;
	  justify-content: space-between;
      margin-top:50px;
	}

	div.CONTACT_BOX02 ul li{
		width:30%;
        text-align:center;
        border:1px solid #999;
        font-size:90%;
        border-radius:4px;
	}

	div.CONTACT_BOX02 ul li img{
		width:50px;
        height:auto;
      margin-top:20px;
	}

	div.CONTACT_BOX02 ul li a{
	  display: block;
		width:100%;
        height:auto;
        padding:20px;
	}


/***************** Google Ads *****************/
	div.GOOGLE_ADS_POPUP_CNT{
      /*display: flex;
      width: 100vw;
      height: 100vh;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 100000;
      justify-content: center;
      align-items: center;
      background:#fff;
      background:rgba(255, 255, 255, 0.4);*/
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
    }

	div.GOOGLE_ADS_POPUP_CNT_WP{
	  width:420px;
      height:auto;
      padding:30px 10px 10px 10px;
      background:#000;
      position:relative;
	}

	div.GOOGLE_ADS_POPUP_CNT_WP img.G_CLOSE{
      width:16px;
      height:16px;
      position:absolute;
      top:10px;
      right:10px;
	}

	div.GOOGLE_ADS_POPUP_CNT_BOX{
		width:100%;
        height:auto;
	}

  /* ---------------------------------
      For Google Ads 
    --------------------------------- */
	div.CONTACTUS_ADS{
      margin-top:30px;
      margin-bottom:30px;
	}



/************************************** For SP. **************************************/
@media screen and (max-width:767px){
	div.CONTACT_WP{
        border-bottom:0;
        line-height:2.0em;
	}

	div.CONTACT_WP_TH{
		width:100%;
        margin-bottom:10px;
        border-bottom:0;
        line-height:2.0em;
        overflow-x: hidden;
	}

	div.CONTACT_SCR_TH{
		width:100%;
	}

	div.CONTACT_MAIN{
		height:400px;
		background-size: 230% auto;
		background-position: 70% 54%;
	}

	div.CONTACT_MAIN_BOX{
		width:100%;
		padding:20px;
		height:160px;
        position:absolute;
        top:240px;
       left: 0;
		background: rgba(0,0,0,0.4);
	}

	div.CONTACT_MAIN_BOX h2{
		font-size:160%;
		font-weight:bold;
		-webkit-text-stroke: 0;
		margin-bottom:20px;
        text-align:left;
	}

	div.CONTACT_MAIN_BOX p{
		text-align:left;
	}

	div.CONTACT_BOX01{
		width:100%;
		padding: 40px 20px;
	}

	div.CONTACT_BOX01_WP{
		width:100%;
	}

	div#div_form_name_190{
		width:100%;
	}

	div#div_form_mail_190{
		width:100%;
	}

	div.CONTACT_BOX02{
		width:100%;
		padding: 40px 20px 0 20px;
	}

	div.CONTACT_BOX02 p{
        text-align:left;
	}

	div.CONTACT_BOX02 ul{
		width:60%;
	  display: block;
      margin-top:30px;
	}

	div.CONTACT_BOX02 ul li{
		width:100%;
        text-align:center;
        margin-bottom:40px;
	}

	div.CONTACT_BOX02 ul li p{
        text-align:center;
	}

  /* ---------------------------------
      For Google Ads 
    --------------------------------- */
	div.CONTACTUS_ADS{
      margin-top:20px;
      margin-bottom:20px;
	}

}