.sp {
    display: none;
}
.header{
    width: 960px;
    height: 568px;
    margin: 0 auto;
    position: relative;
    background-image: url(../img/main03.png);
}
.header_main{
    width: 960px;
    height: 184px;
    margin: 0 auto;
}

.header .title{
    position: absolute;
    top: 30px;
    right: 30px;
}
.header .logo1{
    position: absolute;
    bottom: 15px;
    left: 25px;
}

.menu_area{
    width: 960px;
    height: 110px;
    margin: 0 auto;
    position: relative;
}
.menu_area .logo2{
    position: absolute;
    top: 15px;
    left: 25px;
}
.menu_area .menu{
    float: right;
    width: 610px;
    clear: both;
    overflow: hidden;
    margin-top: 40px;
}
.menu_area .menu li{
    float: left;
    padding: 0 7px;
}
.menu_area .menu li a:hover img {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
}


.main_area{
    width: 960px;
    clear: both;
    overflow: hidden;
    margin: 55px auto 0;
}
.main_area .blog_area{
    width: 560px;
    float: left;
    margin-left: 30px;
}
.main_area .title_img{
    text-align: center;
}
.main_area .company_log{
    font-size: 16px;
    line-height: 200%;
    width: 533px;
    margin: 50px auto 0;
}
.main_area .company_s_title{
    width: 783px;
    margin: 60px auto 0;
    font-size: 17px;
    font-weight: bold;
    border-bottom: 1px solid #000;
    line-height: 200%;
}
.main_area .company_address{
    font-size: 16px;
    line-height: 34px;
    width: 486px;
    margin: 40px auto 0;
    text-align: left;
}
.main_area .company_address th{
    width: 110px;
}
.main_area .company_address td a{
    color: #666;
    text-decoration: none;
}
.main_area .company_address iframe{
    margin-top: 20px;
}
.main_area .company_history{
    font-size: 16px;
    line-height: 34px;
    width: 620px;
    margin: 40px auto 50px;
    text-align: left;
}
.main_area .company_history th{
    width: 70px;
}

.main_area .comming_soon{
    text-align: center;
    margin: 50px 0 200px;
}

.main_img{
    margin: 50px 0;
    text-align: center;
}

.main_history{
    width: 490px;
    margin: 70px auto;
}

.blog_area .title{
    margin-left: 30px;
}
.caption{
    font-size: 12px;
    text-align: left;
    width: 490px;
    margin: 25px auto;
}

.blog_area table{
    margin-top: 25px;
}
.blog_area table td{
    width: 280px;
}
.blog_area table td.bb{
    border-bottom: 1px solid #797979;
}
.blog_area table td.br{
    border-right: 1px solid #797979;
}
.blog_area table td .article{
    width: 228px;
    margin: 10px 0 20px 25px;
}
.blog_area table td .article .img{
    margin-left: 10px;
}
.blog_area table td .article .img img{
    width: 202px;
}
.blog_area table td .article .title{
    margin-top: 15px;
    margin-left: 0px;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
}
.blog_area table td .article .content{
    margin-top: 12px;
    font-size: 11px;
    line-height: 150%;
}
.blog_area table td .article .date_area{
    clear: both;
    overflow: hidden;
    margin-top: 22px;
}
.blog_area table td .article .date{
    font-size: 9px;
    float: left;
    width: 120px;
}
.blog_area table td .article .link{
    font-size: 10px;
    float: right;
    width: 80px;
    text-align: right;
}
.blog_area table td .article .link a{
    text-decoration: none;
    color: #000;
}
.blog_article p{
    padding: 50px;
}


.facebook_area{
    width: 280px;
    float: right;
    margin-right: 40px;
}
.facebook_area .title{
    margin: 0 0 25px 0;
}

.footer_area{
    clear: both;
    overflow: hidden;
    margin-top: 60px;
    height: 100px;
    background-color: #d5d3d3;
}
.footer_area .copy{
    color: #FFF;
    font-size: 11px;
    margin-top: 20px;
    text-align: center;
}
.footer_area .f_menu{
    clear: both;
    overflow: hidden;
    width: 760px;
    margin: 23px auto 0px;
}
.footer_area .f_menu .title{
    float: left;
    width: 210px;
}
.footer_area .f_menu ul{
    float: right;
    width: 500px;
    margin-top: 10px;
}
.footer_area .f_menu ul li{
    float: left;
    text-align: center;
    padding: 0 5px;
}
.footer_area .f_menu ul li a:hover img {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
}
#page_top{
    width: 35px;
    height: 35px;
    position: fixed;
    right: 35px;
    bottom: 90px;
    opacity: 0.6;
}
#page_top a{
    position: relative;
    display: block;
    width: 35px;
    height: 35px;
    text-decoration: none;
}
#page_top a::before{
    position: absolute;
    top: 0;
    bottom: 50px;
    right: 50px;
    left: 0;
    margin: auto;
}


.contact_form{
    width: 570px;
    margin: 45px auto 50px;
}
.contact_form .required{
    width: 55px;
}
.contact_form .any{
    width: 55px;
}
.contact_form td{
    vertical-align: top;
    text-align: left;
}
.contact_form th{
    vertical-align: top;
    text-align: left;
}
.contact_form td.required span{
    display: block;
    font-size: 12px;
    color: white;
    background-color: #a52b31;
    width: 39px;
    text-align: center;
    padding: 3px;
}
.contact_form td.any span{
    display: block;
    font-size: 12px;
    border: 1px solid #808080;
    width: 39px;
    text-align: center;
    padding: 3px;
}
.contact_form th{
    width: 105px;
    font-size: 14px;
    line-height: 20px;
}
.contact_form td p{
    margin-top: 10px;
    color: #999999;
    font-size: 14px;
    margin-bottom: 45px;
}
input.wpcf7-form-control.wpcf7-text {
    background-color: #f2f2f2;
    border: none;
    padding: 5px;
    width: 100%;
}
textarea.wpcf7-form-control.wpcf7-textarea{
    background-color: #f2f2f2;
    border: none;
    padding: 5px;
    width: 100%;
    height: 255px;
}
input.wpcf7-form-control.wpcf7-submit{
    cursor: pointer;
    display: block;
    width: 356px;
    height: 50px;
    border: none;
    text-indent: -9999px;
    margin: 45px auto;
    background: url(/common/img/form_btn.png) no-repeat 0 0;
}
.contact_form .btn_area{
    text-align: center;
}
span.wpcf7-not-valid-tip{
    padding: 3px;
}
.hr{
 width: 590px;
 border-bottom: 1px solid #000;
 margin: 40px auto;
}

.main_area .log07c{
 text-align: center;
 width: 590px;
 font-size: 18px;
 margin: 70px auto 30px;
 border-top: 1px solid #000;
 border-bottom: 1px solid #000;
 padding: 10px 0;
}
.main_area .table{
	font-size: 15px;
  width: 590px;
}
.main_area .title_s{
 font-size: 19px;
 color: #FFF;
 background-color: #000;
 padding: 0 0 3px 10px;
 width: 590px;
}
.main_area .log_s{
 font-size: 19px;
 width: 590px;
 margin-top: 25px;
}
.main_area .log_s .none{
 color: #FFF;
}
.main_area .log_s .f15{
	font-size: 15px;
}
.graffiti {
    margin: 0 auto;
    text-align: center;
}
.graffiti .img01 {
    margin: 70px auto 50px;
}
.graffiti .img02 {
    margin: 0 auto 57px;
}
.graffiti .img03 {
    margin: 0 auto 28px;
}
.graffiti .img04 {
    margin: 0 auto 24px;
}
.graffiti ul {
    font-family: serif;
    margin: 46px auto 49px;
    font-size: 16px;
}
.graffiti .title {
    font-size: 25px;
    margin: 0 auto 38px;
}
.graffiti .topic  {
        margin: 0 auto 28px;
    text-align: left;
    width: 480px;
    line-height: 30px;
}
.graffiti .list {
    margin: 0 auto 28px;
    text-align: center;
    width: 570px;
    line-height: 30px;
}
.graffiti .list span {
    font-size: 12px;
}
.graffiti .inquiry {
    width: 500px;
    border: 1px solid black;
    border-radius: 10px;
    margin: 0 auto;
    line-height: 50px;
    font-size: 15px;
}
.graffiti .inquiry a {
    text-decoration: none;
    color: #BD272D;
    border-bottom: 1px solid;
}
.graffiti .img05 {
    margin: 0 auto 93px;
}
.graffiti .img06 {
    margin: 0 auto;
    border-top: 1px solid;
    padding: 53px;
    width: 590px;
}
.facility {
    font-size: 16px;
    font-family: serif;
    margin: 92px auto 0;
}
.facility p {
    font-size: 31px;
    border-bottom: 1px solid;
    margin: 0 auto;
    width:590px;
    padding: 0 0 53px;
}
.facility ul {
    width: 500px;
    clear: both;
    overflow: hidden;
    margin: 52px auto 0;
}
.facility ul .left {
    float: left;
    text-align: left;
    line-height: 40px;
}
.facility ul .right {
    float: right;
    text-align: left;
    line-height: 40px;
}




#original .main09{
	width: 960px;
	height: 640px;
	background-image: url(/common/img/main09.png);
	margin-bottom: 120px;
}
#original .main09 img {
    margin-top: 160px;
}
#original .btn_area{
	clear: both;
	overflow: hidden;
	width: 660px;
	margin: 0 auto 70px;
}
#original .btn_area li{
	float: left;
	margin: 5px;
	width: 100px;
}
#original ul{
	margin-top: 0px;
}

#equipment .main10{
	width: 960px;
	height: 638px;
	background-image: url(/common/img/main10.png);
	margin-bottom: 120px;
}
#equipment .main10 img {
    margin-top: 170px;
}

#scribble .main08{
	width: 960px;
	height: 638px;
	background-image: url(/common/img/main08.png);
	margin-bottom: 120px;
}
#scribble .main08 img {
    margin-top: 170px;
}


/**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/


@media screen and (max-width: 768px){
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }


    /* SPmenu */
    #gNavi {
        display:none;
        width:100%;
        margin:0 auto;
        clear:both;
        border-bottom:2px solid #FFF;
        position:fixed;
        z-index:1;
        background:rgba(255,255,255,1);
        margin-bottom:0;
        top:0px;
        color:#BC0008;
        padding:40px 0 0 0;
        font-size:100%;
    }
    #gNavi li {
        float: none;
        text-align: center;
        width: 48%;
        display: inline-block;
    }
    #gNavi li a {
        font-size: 18px;
        font-weight: bold;
        width:100%;
        padding: 10px 0;
        display:block;
        text-align:center;
        color: #333;
        line-height:40px;
        text-decoration: none;
    }
    #gNavi li a img {
        margin:0;
    }
    #spMenuBtn {
        position:fixed;
        top:10px;
        right:10px;
        background:url(../img/common/spBtnOff.png);
        background-size:100% auto;
        width:40px;
        height:44px;
        z-index:100;
    }
    p.active{
        background:url(../img/common/spBtnOn.png) !important;
        background-size:100% auto!important;
        width:40px!important;
        height:44px!important;
    }
    #gNavi .naviSp {
        width:100%;
    }


    .header_main {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    .main_area {
        width: 90%;
        margin-top: 30px;
    }
    img {
        width: 100%;
    }
    .menu_area {
        width: 100%;
        margin: 0 auto;
    }
    .main_area .blog_area {
        width: 100%;
        margin: 0 auto 50px;
    }
    .blog_area .title {
        margin-left: 0;
    }
    #blog_article table {
        margin-top: 25px;
        margin: 0 auto;
        width: 100%;
    }
    #blog_article td {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0 auto;
    }
    #blog_article .article {
        width: 100%;
        margin: 0 auto;
    }
    .blog_area table td .article .img img {
        width: 100%;
    }
    .blog_area table td .article .title {
        text-align: center;
    }
    .blog_area table td .article .content {
        text-align: center;
    }
    .facebook_area {
        width: 100%;
        margin: 0 auto;
    }
    .footer_area {
        width: 100%;
        margin: 0 auto;
        height: auto;
    }
    .footer_area .f_menu {
        width: 100%;
    }
    .footer_area .f_menu ul {
        float: none;
        width: 100%;
    }
    .footer_area .f_menu ul li {
        float: none;
        width: 40%;
        margin: 0 auto;
    }
    .footer_area .f_menu .title {
        width: 100%;
    }
    .main_area .company_s_title {
        width: 100%;
        margin: 30px auto;
    }
    .company_address th{
        display: block;
        width: 100%!important;
        text-align: left;
        font-weight: bold;
    }
    .company_address td{
        display: block;
        border-bottom: 1px solid #000;
        margin: 5px auto 15px;
    }
    .company_history th {
        width: 100%;
        display: block;
    }
    .company_history td {
        width: 100%!important;
        display: block;
    }
    .company_log {
        line-height: 150%;
        width: 100%;
        text-align: left!important;
    }
    .contact_form td {
        width: 100%;
        display: block;
    }
    .contact_form th {
        width: 100%;
        display: block;
    }

    .facebook_area .title{
        text-align: center;
    }
    .facebook_area .title img{
        width: 50%;
    }
    #page_top{
        right: 10px;
        bottom: 20px;
    }
    #page_top a::before{
        right: 10px;
        bottom: 20px;
    }
    .facebook_area iframe{
        text-align: center;
        margin: 0 auto;
    }
    .facebook_area p{
        text-align: center;
    }
    .footer_area .title{
        text-align: center;
        margin-bottom: 15px;
    }
    .footer_area .title img{
        width: 80%;
    }
    #footer_menu{
        width: 70%;
        margin: 0 auto 20px;
        clear: both;
        overflow: hidden;
    }
    #footer_menu li{
        float: left;
        width: 50%;
        text-align: center;
        padding: 0;
    }
    #footer_menu li a{
        color: #333;
        text-decoration: none;
        display: block;
        width: 100%;
        padding: 10px 0;
    }
    .footer_area .copy{
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .main_area .company_log{
        margin-bottom: 50px;
    }
    .w635{
        width: 100%!important;
        line-height: 150%;
    }
    img.google_map{
        width: 20%;
    }
    .main_area .company_log{
        width: 100%;
    }
    .contact_form{
        width: 100%;
    }
    .contact_form td p{
        margin-top: 5px;
        margin-bottom: 15px;
    }
    .contact_form .btn_area{
        clear: both;
        height: 50px;
    }
    input.wpcf7-form-control.wpcf7-submit{
        width: 80%!important;
        height: 40px!important;
        margin: 15px auto 0;
        background-size:100% auto!important;
    }
    input.wpcf7-form-control.wpcf7-text{
        width: 96%!important;
        margin: 0 auto;
    }
    textarea.wpcf7-form-control.wpcf7-textarea{
        width: 96%!important;
        margin: 0 auto;
    }
    .blog_area table td .article .content{
        text-align: left;
    }
    
    
    .hr{
      width: 100%;
      margin: 10px auto;
		}
		.log07b{
		  width: 80%;
		}
		.mb20{
		  margin-bottom: 20px;
		}
		.main_area .log07c{
		 text-align: center!important;
		 margin-bottom: 20px;
		}
		.main_area .table{
			font-size: 13px;
			margin-bottom: 20px;
			margin-top: 20px;
		}
		
		.main_area .title_s{
		 font-size: 17px;
		 margin-bottom: 15px;
		}
		.main_area .log_s{
		 margin-top: 15px;
		 font-size: 16px;
		}
		.main_area .log_s .none{
		 color: #FFF;
		}
		.main_area .log_s .f15{
			font-size: 13px;
		}
		.main_area .center{
		  text-align: center!important;
		}
		
		
		#original .main09{
			width: 100%;
			background-image: none;
			margin-bottom: 50px;
			height: auto;
		}
		#original .main09 img {
			margin: 10px auto;
			width: auto;
		}
		#original .btn_area{
			clear: both;
			overflow: hidden;
			width: 100%;
			margin: 0 auto 40px;
		}
		#original .btn_area li{
			float: left;
			width: 33%;
			margin: 0;
			padding: 0;
		}
		#original .btn_area li img{
			text-align: center;
			width: 90%;
		}
		#original ul{
			margin-top: 0px;
		}
		.graffiti .img06{
			width: 100%;
			height: auto;
			padding: 20px 0 20px;
		}
		.graffiti .list{
			width: 100%;
		}
		.graffiti .inquiry{
			width: 90%;
		}
		
		#equipment .main10{
			width: 100%;
			background-image: none;
			margin-bottom: 50px;
			height: auto;
		}
		#equipment .main10 img {
			margin: 10px auto;
			width: auto;
		}
		.facility ul{
			width: 100%;
		}
		.facility ul li{
			float: none;
		}
		.facility ul .left{
			float: none;
		}
		.facility ul .right{
			float: none;
		}
		.facility p{
			font-size: 24px;
			width: 100%;
			line-height: 180%;
			padding: 10px 0;
		}
		.facility{
			margin-top: 30px;
			margin-bottom: 50px;
		}
		.graffiti .inquiry{
			line-height: 250%;
		}
		
		#scribble .main08{
			width: 100%;
			background-image: none;
			margin-bottom: 50px;
			height: auto;
		}
		#scribble .main08 img {
			margin: 10px auto;
			width: auto;
		}
}