@charset "utf-8";
/*-----------------------------------------------
where-to-buy
-----------------------------------------------*/
	.container {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
		gap: 30px;
		max-width: 960px;
	}
	.contentBox{
		width: auto;
		font-weight: bold;
		font-size: 20px;
		padding: 40px 40px 40px;
	}
	.aboutBox .img{
		text-align: center;
	}
	.aboutBox .img img{
		max-width: 75%;
	}
	.content {
    	background: url(/usa/common/images/body_back01.gif) repeat 0 0;
		padding-bottom: 30px!important;
	}
	.StakeholderBox{
		margin: 0 0 0 50px;
	}
	.subTitle{
		font-size: 20px!important;
		font-weight: bold;
	}
	.fontBold{
		font-weight: bold;
	}
	@media screen and (max-width: 768px) {
		.container  {
			flex-direction: column;
		}
		.contentBox {
			font-size: 16px;
			margin: 15px;
			padding: 0;
		}
		.aboutBox p{
			padding: 15px 15px 0;
		}
		.StakeholderBox{
			margin: 0 0 0 25px;
		}
		.secTitle {
        	padding: 15px 0 0px 10px;
		}
		.read_text{
			padding: 10px;
		}
		.container {
			gap: 10px;
		}
	}
/*-----------------------------------------------
	 for all products search pages
-----------------------------------------------*/

	#iframe_wrapper {
    	position: relative;
    	width: 100%;
	}
	#iframe_wrapper:before {
    	content:"";
    	display: block;
    	padding-top: 75%; /* 高さと幅の比を13.3:10に固定。10/13.3*100=75 */
	}
	#iframe_content {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
   	 	height: 100%;
	}
	@media only screen and (max-width: 768px) {
		#iframe_wrapper:before {
    		padding-top: 165%; /* 高さと幅の比を10:15に固定。15/10*100=150 */
			
		}
		.content .customerCareBox {
      padding: 0;
      border-radius: 0;
    }
	}
	@media only screen and (max-width: 736px) {
		.container {
		display: block;
	}
	}