/*
    support_biz.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.SUPPORT_BIZ_WP{
		width:100%;
        border-bottom:1px solid #434343;
        margin-bottom:10px;
        line-height:1.8em;
	}

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

	div.SUPPORT_BIZ_SCR_TH{
		width:1450px;
	}

  /* ---------------------------------
      For Top Section 
    --------------------------------- */
	div.SUPPORT_BIZ_MAIN:lang(en){
		width:100%;
		height:500px;
		background:url(../imgs/support_biz_top_bg_pc_en.jpg) no-repeat #0B6DAB;
		background-size: auto 500px;
		background-position: right;
		position:relative;
        margin-bottom:30px;
	}

	div.SUPPORT_BIZ_MAIN:lang(th){
		width:100%;
		height:500px;
		background:url(../imgs/support_biz_top_bg_pc_th.jpg) no-repeat #0B6DAB;
		background-size: auto 500px;
		background-position: right;
		position:relative;
        margin-bottom:30px;
	}

	div.SUPPORT_BIZ_WP h3{
		width:100%;
		font-size:160%;
        font-weight:bold;
        margin-top:40px;
        margin-bottom:20px;
        text-align:center;
	}

	div.SUPPORT_BIZ_MAIN_BOX{
		width:320px;
		height:300px;
		padding:40px;
        background:#fff;
        color:#000;
		position:absolute;
        left:5%;
        top:100px;
        display:flex;
        align-items: center;
	}

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

	div.SUPPORT_BIZ_MAIN_BOX p{
		font-size:160%;
		margin:0;
		padding:0;
        line-height:1.5em;
        text-align:left;
        font-weight:bold;
	}

	div.SUPPORT_BIZ_INFO01{
		width:86%;
        max-width: 1000px;
        margin:0 auto;
        padding:40px 0;
        background:#fff;
	}

	div.SUPPORT_BIZ_INFO01 h4{
		font-size:160%;
        font-weight:bold;
        margin-bottom:20px;
	}

	div.SUPPORT_BIZ_INFO01 p{
		margin:0;
		padding:0;
	}

	div.SUPPORT_BIZ_INFO01 h4.H4_CTR{
		text-align:center;
        margin-bottom:40px;
	}

	div.SUPPORT_BIZ_FEATURE01{
		display:flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        margin-bottom:20px;
	}

	div.SUPPORT_BIZ_FEATURE02{
        margin-bottom:40px;
	}

	div.SUPPORT_BIZ_FEATURE02 h5{
		font-size:120%;
        font-weight:bold;
        margin-bottom:10px;
	}

	div.SUPPORT_BIZ_FEATURE03{
		display:flex;
        justify-content: space-between;
	}

	div.SUPPORT_BIZ_FEATURE_IMG{
        width:46%;
	}

	div.SUPPORT_BIZ_FEATURE_IMG img{
        width:100%;
	}

	div.SUPPORT_BIZ_FEATURE_TXT{
        width:46%;
	}

	div.SUPPORT_BIZ_FEATURE_TXT h5{
		font-size:120%;
        font-weight:bold;
        margin-bottom:10px;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_TXT{
        margin-bottom:20px;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_IMG_PC{
        margin-bottom:20px;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_IMG_PC img{
        width:100%;
	}

	div.SUPPORT_BIZ_INFO01 p.SIZE_AML img{
        width:80%;
        margin-left:10%;
	}

	div.SUPPORT_BIZ_INFO01 p.SIZE_AML2 img{
        width:60%;
        margin-left:20%;
	}


	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_IMG_SP{
		display:none;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_TXTIMG{
		display:flex;
        align-items:center;
        font-weight:bold;
        margin-bottom:20px;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_TXT_LINK{
		font-size:140%;
        font-weight:bold;
        margin-top:20px;
        margin-bottom:30px;
        color:#434343;
        text-align:center;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_TXTIMG img{
		width:160px;
        margin-left:10px;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_LOGO{
		width:200px;
        margin:0 auto;
        margin-top:40px;
        margin-bottom:20px;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_LOGO img{
        width:100%;
	}

	div.SUPPORT_BIZ_INFO01 a{
        text-decoration:underline;
	}

	div.SUPPORT_BIZ_INFO02_WP{
		width:100%;
        background:#FDFFE4;
	}

	div.SUPPORT_BIZ_INFO02{
		width:86%;
        max-width: 1000px;
        margin:0 auto;
        padding:40px 0;
        position:relative;
	}

	div.SUPPORT_BIZ_INFO02 h4{
		font-size:160%;
        font-weight:bold;
        margin-bottom:20px;
	}

	div.SUPPORT_BIZ_INFO02 p{
		margin:0;
		padding:0;
	}

	div.SUPPORT_BIZ_INFO02 p.SUPPORT_BIZ_INFO02_IMG_PC{
        position:absolute;
        top:30px;
        right:0;
        width:23%;
	}

	div.SUPPORT_BIZ_INFO02 p.SUPPORT_BIZ_INFO02_IMG_PC img{
        width:100%;
	}

	div.SUPPORT_BIZ_INFO02 p.SUPPORT_BIZ_INFO02_IMG_SP{
		display:none;
	}

	div.SUPPORT_BIZ_INFO03{
		width:86%;
        max-width: 1000px;
        margin:0 auto;
        padding:0 0 20px 0;
        background:#fff;
	}

	div.SUPPORT_BIZ_INFO03 h4{
		font-size:160%;
        font-weight:bold;
        margin-bottom:20px;
        margin-top:20px;
	}

	div.SUPPORT_BIZ_INFO03 h4.SUPPORT_BIZ_INFO03_SELLER{
		font-size:140%;
		display:block;
        width:200px;
        padding:4px 8px;
        color:#fff;
        border-radius:8px;
        background:#3AB54B;
        text-align:center;
        margin-top:0;
        margin-top:10px;
	}

	div.SUPPORT_BIZ_INFO03 h4.SUPPORT_BIZ_INFO03_BUYER{
		display:block;
        width:240px;
        padding:4px 8px;
        color:#fff;
        border-radius:8px;
        background:#29B4D3;
        text-align:center;
        margin-top:60px;
	}

	div.SUPPORT_BIZ_INFO03 h4.SUPPORT_BIZ_INFO03_DEAR{
        margin-top:60px;
	}

	div.SUPPORT_BIZ_INFO03 p{
		margin:0;
		padding:0;
	}

	div.SUPPORT_BIZ_INFO03 p.SUPPORT_BIZ_INFO03_TXT{
        margin-bottom:10px;
	}

	div.SUPPORT_BIZ_INFO03 p.SUPPORT_BIZ_INFO03_IMG{
        margin-bottom:20px;
        margin-top:40px;
	}

	div.SUPPORT_BIZ_INFO03 p.SUPPORT_BIZ_INFO03_IMG img{
        width:70%;
        margin-left:15%;
	}

	div.SUPPORT_BIZ_INFO03 a{
        text-decoration:underline;
	}

	div.SUPPORT_BIZ_INFO_MOV{
		display:flex;
        justify-content: center;
		margin-bottom:40px;
	}

	div.SUPPORT_BIZ_INFO_MOV iframe{
        width: 47%;
        height: auto;
        aspect-ratio: 16 / 9;
	}

	div.SUPPORT_BIZ_INFO04{
		width:86%;
        max-width: 1000px;
        margin:0 auto;
        padding:0 0 40px 0;
        background:#fff;
		display:flex;
        justify-content: space-between;
	}

	div.SUPPORT_BIZ_INFO04 a{
		display:block;
		width:48%;
	}

	div.SUPPORT_BIZ_INFO04 a img{
		width:100%;
        height:auto;
	}

	div.SUPPORT_BIZ_POP_BG{
      display: flex;
      width: 100vw;
      height: 100vh;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1000000;
      background:rgba(0, 0, 0, 0.4);
      justify-content: center;
      align-items: center;
    }

	div.SUPPORT_BIZ_POP{
		width:80%;
        max-width:1000px;
        height:auto;
        position:relative;
	}

	div.SUPPORT_BIZ_POP img{
        width: 100%;
        height: auto;
  	}

	div.SUPPORT_BIZ_POP span{
        position:absolute;
        top:4px;
        right:6px;
		width:20px;
		height:20px;
        cursor:pointer;
  	}

	div.SUPPORT_BIZ_POP span img{
		width:100%;
        border:0;
  	}

	img.sup_icon{
		width:20px;
		height:20px;
        margin-right:2px;
        vertical-align:middle;
	}
/************************************** For SP. **************************************/
@media screen and (max-width:767px){
	div.SUPPORT_BIZ_WP{
        border-bottom:0;
        line-height:2.0em;
	}

	div.SUPPORT_BIZ_WP h3{
		font-size:140%;
        margin-top:20px;
        margin-bottom:10px;
	}

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

	div.SUPPORT_BIZ_SCR_TH{
		width:100%;
	}

	div.SUPPORT_BIZ_MAIN:lang(en){
		width:100%;
		height:400px;
		background:url(../imgs/support_biz_top_bg_sp_en.jpg) no-repeat;
		background-size: 100% auto;
		background-position: top;
		position:relative;
        margin-bottom:10px;
	}

	div.SUPPORT_BIZ_MAIN:lang(th){
		width:100%;
		height:400px;
		background:url(../imgs/support_biz_top_bg_sp_th.jpg) no-repeat;
		background-size: 100% auto;
		background-position: top;
		position:relative;
        margin-bottom:10px;
	}

	div.SUPPORT_BIZ_MAIN_BOX{
		width:100%;
		padding:20px 0 40px 20px;
		height:auto;
        position:absolute;
        top:270px;
        left: 0;
		background: rgba(255, 255, 255,0.8);
	}

	div.SUPPORT_BIZ_MAIN_BOX p{
		font-size:120%;
		font-weight:bold;
		-webkit-text-stroke: 0;
        text-align:left;
        line-height:120%;
	}

	div.SUPPORT_BIZ_MAIN_BOX p:lang(th){
		font-size:110%;
	}

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

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

	div.SUPPORT_BIZ_INFO01 h4{
		font-size:120%;
	}

	div.SUPPORT_BIZ_INFO01 h4.INFO{
		font-size:140%;
        text-align:center;
	}

	div.SUPPORT_BIZ_INFO02{
		width:100%;
	}

	div.SUPPORT_BIZ_INFO02 h4{
		font-size:120%;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_IMG_PC{
		display:none;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_IMG_SP{
        display:block;
		width:100%;
        margin-bottom:10px;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_IMG_SP.SIZE_SML{
        display:block;
		width:80%;
        margin:0 auto;
        margin-bottom:10px;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_IMG_SP img{
        width:100%;
	}

	div.SUPPORT_BIZ_INFO02 p.SUPPORT_BIZ_INFO02_IMG_PC{
		display:none;
	}

	div.SUPPORT_BIZ_INFO02 p.SUPPORT_BIZ_INFO02_IMG_SP{
        display:block;
	}

	div.SUPPORT_BIZ_INFO02 p.SUPPORT_BIZ_INFO02_IMG_SP img{
        display:block;
		width:80%;
        margin:0 auto;
        margin-bottom:10px;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_TXTIMG{
		display:flex;
        flex-direction: column;
        font-size:140%;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_TXTIMG img{
		width:70%;
	}

	div.SUPPORT_BIZ_INFO01 p.SUPPORT_BIZ_INFO01_TXT_LINK{
		font-size:120%;
	}

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

	div.SUPPORT_BIZ_INFO03 h4{
		font-size:120%;
        margin-top:10px;
        
	}

	div.SUPPORT_BIZ_INFO03 p.SUPPORT_BIZ_INFO03_TXT{
        margin-bottom:20px;
	}

	div.SUPPORT_BIZ_INFO03 p.SUPPORT_BIZ_INFO03_IMG{
        margin-top:20px;
        margin-bottom:10px;
	}

	div.SUPPORT_BIZ_FEATURE01{
		display:block;
	}

	div.SUPPORT_BIZ_FEATURE02{
		display:block;
	}

	div.SUPPORT_BIZ_FEATURE03{
		display:block;
	}

	div.SUPPORT_BIZ_FEATURE_TXT h5{
		font-size:110%;
        text-align:center;
	}

	div.SUPPORT_BIZ_FEATURE_TXT{
		width:100%;
	}

	div.SUPPORT_BIZ_FEATURE_IMG{
		width:100%;
        margin-bottom:20px;
	}

	div.SUPPORT_BIZ_INFO01 h4.H4_CTR{
		font-size:140%;
        margin-bottom:20px;
	}

	div.SUPPORT_BIZ_FEATURE02 h5{
		font-size:110%;
        text-align:center;
	}


	div.SUPPORT_BIZ_INFO03 h4.SUPPORT_BIZ_INFO03_SELLER{
        margin-top:10px;
	}

	div.SUPPORT_BIZ_INFO03 h4.SUPPORT_BIZ_INFO03_BUYER{
        margin-top:10px;
	}

	div.SUPPORT_BIZ_INFO03 h4.SUPPORT_BIZ_INFO03_DEAR{
        margin-top:10px;
	}

	div.SUPPORT_BIZ_INFO_MOV{
      flex-direction: column;
		margin-bottom:0;
	}

	div.SUPPORT_BIZ_INFO_MOV iframe{
        width: 100%;
		margin-bottom:20px;
	}

	div.SUPPORT_BIZ_INFO04{
		width:100%;
		padding:20px 20px 0 20px;
        display:block;
	}

	div.SUPPORT_BIZ_INFO04 a{
		width:100%;
        margin-bottom:20px;
	}

	div.SUPPORT_BIZ_POP{
		width:90%;
	}

	div.SUPPORT_BIZ_POP span{
        position:absolute;
        top:-10px;
        right:-6px;
		width:20px;
		height:20px;
        cursor:pointer;
  	}


}
