@charset "utf-8";
@media screen and (max-width: 750px) {
#contents{
	margin-top: 21.3vw;
}
footer{
	margin-bottom: 0;
}
#title{
	height: 48vw;
	padding: 16vw 0;
}
#title .title_en{
	font-size: 11.4vw;
	margin-bottom: 2vw;
}
#title .title_jp{
	font-size: 4.2vw;
}
#title.concept{
	background: url("../images/bg_ttl_concept.jpg") no-repeat center;
	background-size: cover;
}
#title.contact{
	background: url("../images/bg_ttl_contact.jpg") no-repeat center;
	background-size: cover;
}
/*============================
         concept
============================*/
#concept #greeting{
	padding: 12vw 0 20.5vw;
}
#concept #greeting .wrap{
	width: 100%;
	padding: 0 14.6vw;
}
#concept #greeting h2{
	font-size: 7vw;
	line-height: 1.5;
	margin-bottom: 10.3vw;
	letter-spacing: 0;
}
#concept #greeting .textbox{
	font-size: 4.2vw;
	margin-bottom: 10.6vw;
	letter-spacing: 0;
}
#concept #greeting .name{
	font-size: 6.4vw;
}
#concept #greeting .position{
	font-size: 4.2vw;
	margin-right: 6.6vw;
}

#concept #photo{
	height: 175.3vw;
	background: url("../images/bg_concept_photo_sp.jpg") no-repeat center;
	background-size: cover;
}
#concept #products{
	padding: 19.3vw 0;
	background: #FAF9F8;
}
#concept #products .textbox::after {
    width: 14.1vw;
    height: 14.1vw;
    background: url(../images/products_after_02_w_sp.png) no-repeat center;
    background-size: 14.1vw;
}
#concept #works{
	padding: 15.3vw 0;
}
/*============================
         company
============================*/
#company {
	padding: 14.6vw 0 12.7vw;
}
#company table,
#company table tbody,
#company table tr,
#company table th,
#company table td{
	display: block;
	width: 100%;
}
#company table{
	width: 100%;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 0;
	font-size: 4.2vw;
}
#company table tr{
	margin-bottom: 5.3vw;
}
#company table th,
#company table td{
	height: auto;
}
#company table th{
	padding: 2.6vw 0;
}
#company table td{
	padding: 3.3vw 0;
	line-height: 1.5;
}
#company table .kome{
	font-size: 3.2vw;
	margin-top: 2vw;
}
/*============================
         error
============================*/
#error {
	padding: 21vw 0 24.8vw;
}
#error .wrap{
	padding: 0 15.9vw;
}
#error h1 {
	font-size: 3.7vw;
	letter-spacing: 3vw;
	margin-bottom: 12vw;
	padding-left: 2vw;
}
#error h1 span{
	font-size: 10.1vw;
	letter-spacing: 10vw;
	margin-bottom: 2.6vw;
	text-indent: 7vw;
}
#error .textbox{
    text-align: justify;
    text-justify: inter-ideograph;
	margin-bottom: 6.6vw;
	font-size: 4.2vw;
}
/*============================
         privacy
============================*/
#privacy{
	padding: 10vw 0 5.3vw;
}
#privacy .wrap{
	width: 100%;
}
#privacy h2{
	font-size: 4.8vw;
	height: 16vw;
	padding: 5.3vw 0;
	margin-bottom: 35px;
	line-height: 1;
}
#privacy .privacy_box{
	font-size: 4.2vw;
	margin-bottom: 10.6vw;
}
#privacy .privacy_box ul{
	margin-top: 8vw;
}
#privacy .privacy_box ul li{
	margin-bottom: 5.3vw;
	padding-left: 4.6vw;
}
#privacy .privacy_box ul li::before{
	left: 0;
	top: 0;
	
}
/*============================
         thanks
============================*/
#thanks{
	padding: 18.7vw 0;
}
#thanks h1{
	font-size: 5.3vw;
	margin-bottom: 6.6vw;
	line-height: 1.4;
}
#thanks .textbox{
	width: 100%;
	margin: 0 auto 12vw;
	padding: 8vw 0;
	font-size: 4.2vw;
}
/*============================
        contact_form
============================*/
#contact_form{
	padding: 11.3vw 0 16.6vw;
}
#contact_form .wrap{
	width: 100%;
}
#contact_form .textbox{
	padding: 0 4vw;
	font-size: 4.2vw;
	margin-bottom: 10vw;
}
#contact_form h2{
	font-size: 4.2vw;
	margin-bottom: 6vw;
}
	
#contact_form .example_box{
	display: block;
	float: none;
	width: 61.3vw;
	font-size: 3.7vw;
	margin-left: auto;
	margin-right: auto;
}
#contact_form .example_box img{
	display: block;
	margin-bottom: 4vw;
	width: 100%;
	height: auto;
}
#contact_form .example_box .textbox{
	line-height: 2;
	margin-bottom: 16px;
}
#contact_form table .textbox{
	width: 100%;
	font-size: 4.2vw;
	margin-top: 0;
	margin-bottom: 5.3vw;
}
#contact_form table .clearfix{
	margin-bottom: 6.6vw;
}
#contact_form .example_box .kome{
	margin-top: 2.6vw;
}
#contact_form .example_box:first-child{
	margin-right: auto;
	margin-bottom: 12vw;
}
#contact_form .example_box:first-child::after{
	width: 4.8vw;
	height: 4.8vw;
	top: auto;
	bottom: -7.3vw;
	right: 50%;
	margin-right: -2.4vw;
}
#contact_form .telbox{
	width: 100%;
	height: 26.1vw;
	margin: 0 auto 12.5vw;
	padding: 4.2vw 4.6vw;	
}
#contact_form .telbox .tel{
	font-size: 8.8vw;
	font-weight: bold;
	text-align: center;
	padding-bottom: 1.6vw;
	margin-bottom: 2.2vw;
}
#contact_form .telbox .tel span{
	display: inline-block;
	text-indent: -5px;
}
#contact_form .telbox .tel svg{
	width: 5.3vw;
	height: auto;
	vertical-align: -0.2vw;
}
#contact_form .telbox .time{
	font-size: 3.7vw;
	letter-spacing: 0;
}
#contact_form .telbox .time:first-child{
	margin-right: 1.8vw;
}
#contact_form .telbox .time span{
	margin-right: 1.1vw;
	font-size: 2.6vw;
	width: 11.4vw;
	height: 4vw;
	padding: 0.8vw 0;
	vertical-align: 0.3vw;
}
}