@charset "UTF-8";
/* ************************************** _

タイトル：home.css

概要：トップページの追加css

_ ************************************** */


/* トップページ
---------------------------------------------------------------------------- */

@media screen and (max-width: 960px) {
	
	.sp_pd{padding:0 20px;}
	.top_product_bg{
		width:100%;
		background-color:#e1f4ff;	
		padding-bottom:50px;
	}
	.top_product_wrap{
		max-width:960px;
		width:100%;
		margin:0 auto;
	}



	h3.top_product_m{
		position:relative;
		width:150px;
		height:111px;
		margin: 0 auto 10px auto;
	}
	h3.top_product_m img{
		position:absolute;
		top:-30px;
		z-index:99;

	}
	.top_product_donyu{margin-bottom:50px;}


	.top_product_wrap h5{margin-bottom:40px;}

	.product_stand{
		max-width:960px;
		width:100%;
		margin-bottom:10px;	
	}


	.product_flecon{
		max-width:960px;
		width:100%;
	}



	.top_brand_bg {
		background: none;
	}
	.top_brand_shadow {
		background: url(../images/cmn_img/shadow.png) repeat-x top left;
	}
	.top_brand_wrap{
		max-width:960px;
		width:100%;
		margin:0 auto;	
	}

	.top_brand_wrap_conts h5{margin-bottom:40px;}




	.top_brand_wrap2{
		max-width:960px;
		width:100%;
		margin:0 auto;	
	}

	.top_brand_wrap_conts2 h5{margin-bottom:40px;}

	.product_prseat{
		max-width:960px;
		width:100%;
		margin-bottom:70px;	
	}

	.top_flow_wrap{
		max-width:960px;
		width:100%;
		margin:0 auto;	
	}
	.top_flow_wrap_conts{
		width:100%;
		padding: 60px 0 50px 0;
	}
	.top_flow_wrap_conts h5{margin-bottom:40px;}
	
	.page_top_bg img {width: auto!important; }
}


@media screen and (max-width: 768px) {

	h4.mbox , h2.mbox {
		position: relative;
		padding: .2em .35em;
		background-color: #0083ce;
		color:#fff;
		font-size:26px;
		font-weight:bold;
		margin-bottom:30px;
	}
	h4.mbox::after , h2.mbox::after {
		content: '';
		position: absolute;
		top: -40px;
		left: 0;
		width: -webkit-calc(100% - 20px);
		width: calc(100% - 40px);
		height: 0;
		border: 20px solid transparent;
		border-bottom-color: #21abe8;
	}

	.product_stand_ph{
		width:100%;
		float:none;
	}
	.product_stand_txt{
		width:100%;
		float:none;
	}
	.product_stand_txt table{
		max-width:620px;
		width:100%;
		margin-bottom:20px;
		border:1px solid #ccc;
		background-color:#fff;
	}
	.product_stand_txt table th{
		width:65%;
		border:1px solid #ccc;
		background-color:#f2f2f2;
		padding: 8px 5px 8px 20px;
	}
	.product_stand_txt table td{
		width:35%;
		margin-bottom:20px;
		border:1px solid #ccc;
		background-color:#fff;
		padding: 8px 5px 8px 20px;
	}
	.product_stand_table{
		max-width:620px;
		width:100%;
		margin:0 auto;
	}
	.product_stand_table table{
		width:100%;
		margin-bottom:20px;
		border:1px solid #ccc;
		background-color:#fff;
	}
	.product_stand_table table th{
		width:65%;
		border:1px solid #ccc;
		background-color:#f2f2f2;
		padding: 8px 5px 8px 20px;
	}
	.product_stand_table table td{
		width:35%;
		margin-bottom:20px;
		border:1px solid #ccc;
		background-color:#fff;
		padding: 8px 5px 8px 20px;
	}

	.product_flecon{
		max-width:960px;
		width:100%;
	}
	.product_flecon_ph{
		text-align: center;
		width:100%;
		float:none;
	}
	.product_flecon_txt{
		margin-left: auto;
		margin-right: auto;
		width:100%;
		float:none;
	}



	.top_brand_bg {
		background: none;
	}
	.top_brand_shadow {
		background: url(../images/cmn_img/shadow.png) repeat-x top left;
	}

	.top_brand_wrap_conts{
		width:100%;
		background: url(../images/index/top_brand_logobg_sp.png) no-repeat 50% 50px;
		background-size:contain;
		padding: 60px 0 50px 0;
	}
	.top_brand_wrap_conts h5{margin-bottom:40px;}





	.top_brand_bg2 {
		background: url(../images/index/top_brand_vietnam_bg3_sp.png) no-repeat 50% 50%;
		background-size: cover;
	}
	.top_brand_shadow2 {
		background: url(../images/cmn_img/shadow.png) repeat-x top left;
	}
	.top_flow_shadow_bottom {
		background: url(../images/cmn_img/shadow.png) repeat-x top left;
		height:10px;
	}

	.top_brand_wrap_conts2{
		width:100%;;
		float:none;
		padding: 60px 0 50px 0;
	}

	.product_prseat_ph{
		width:100%;
		float:none;
	}
	.product_prseat_txt{
		width:100%;;
		float:none;
	}

	.top_flow_bg {
		background: url(../images/index/top_mitumori_bg3_sp.png) no-repeat 50% 50%;
	}
	.top_flow_shadow {
		background: url(../images/cmn_img/shadow.png) repeat-x top left;
	}
	.top_flow_shadow_bottom {
		background: url(../images/cmn_img/shadow.png) repeat-x top left;
		height:10px;
	}

	.top_flow_wrap_conts{
		width:100%;
		padding: 60px 0 50px 0;
	}
	
	
	/*3カラム */
	.colum3_wrap div.colum3_wrap_box{
		flex-basis: 100%;
		max-width: 100%;
		margin-bottom:20px;
	}
	/*2カラム* 20210324追加*/
	.colum2_wrap div.colum2_wrap_box{
		flex-basis: 100%;
		max-width: 100%;
		margin-bottom:20px;
	}
	
}