.header_menu{
background:rgba(255,255,255,1);
z-index:999999;}

.message{
display:none;}

.bg1,
.bg2,
.bg3,
.bg4,
.bg5,
.bg6,
.bg8,
.bg9{
display:none;}

.lang_switch{
position:absolute;
right:20px;
top:100px;
z-index:88888;}

.lang_switch a:hover{
background:#000000;
color:#ffffff;
padding:10px 20px;
font-size:200%;
font-weight:bold;}

.lang_switch a{
background:#ffffff;
color:#000000;
padding:10px 20px;
font-size:200%;
font-weight:bold;
text-decoration:none;}




/*-----------------h1-------------*/
.coating_area h1,
.customize_area h1,
.aboutus_area h1,
.contact_area h1{
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
font-size:200%;
font-weight:bold;
text-align:center;
padding:70px 0;
display:block;
color:#000000;}

.coating_area h1 div,
.customize_area h1 div,
.aboutus_area h1 div,
.contact_area h1 div{
font-family: 'Raleway', sans-serif;
letter-spacing:2px;
font-size:60%;
display:block;
color:#000000;}

.photos h1,
.photos_view h1{
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';}


.top_photos h1{
font-family: 'Raleway', sans-serif;
letter-spacing:2px;
font-size:120%;
display:block;
color:#000000;
line-height:1em;
margin:0 0 70px 0;
padding:0;
font-weight:bold;}

.top_photos h1 div.subtitle{
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
font-size:200%;
font-weight:bold;
text-align:center;
padding:70px 0;
display:block;
color:#000000;
line-height:2em;
margin:0;
padding:0;}





/*------------------------top under--------------------------*/
.top_under_area h1{
text-align:center;
margin:50px 0;}

.top_under_area h1 img{
max-width:350px;}

.top_under_movie{
position:relative;
width:100%;
padding:56.25% 50px 0 50px;
margin:0 auto 50px;
max-width:1032px;
overflow:hidden;}

.top_under_movie iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;}

.bg100{
background-image:url('../images/top_under.jpg');
height:650px;
margin:0;
padding:0;}

.tu_txt_area{
position:relative;
top:100px;
background:rgba(0,0,0,0.7);
padding:50px;
width:70%;
text-align:left;
margin:0 auto;
color:#ffffff;}

table.tu_table{
width:60%;
border-top:1px solid #ffffff;
border-right:1px solid #ffffff;
margin:50px auto 0;}

table.tu_table th{
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
padding:5px 0;
text-align:center;}

table.tu_table td{
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
padding:5px 20px;}






/*--------------------coating---------------*/
.coating_area{
margin:0 auto;
max-width:1032px;
overflow:hidden;}

.coating_left{
width:70%;
float:left;
margin:0 3% 0 0;}

.coating_left img{
max-width:100%;}

.coating_right{
width:27%;
float:left;}

.coating_right img{
max-width:100%;}

.coating_left h2{
color:#00adef;
font-size:150%;
line-height:2em;
font-weight:bold;}

.coating_left h3.midashi1{
color:#45a2cf;
font-size:150%;
line-height:1.5em;
font-weight:bold;}

.coating_left h3.midashi2{
color:#45bfcf;
font-size:150%;
line-height:1.5em;
font-weight:bold;}

.coating_left h3.midashi3{
color:#007594;
font-size:150%;
line-height:1.5em;
font-weight:bold;}

.coating_left_left{
width:50%;
float:left;
margin:0 5% 0 0;}

.coating_left_box{
margin:30px 0;}

.coating_left_left img{
max-width:100%;}

.coating_left_right{
width:45%;
float:left;}

.coating_wax{
margin:30px 0;}

.coating_wax_box{
width:48%;
margin:30px 1% 0 1%;
float:left;}

.coating_wax_box h2{
font-size:150%;
font-weight:bold;
border:1px solid #000000;
text-align:center;
padding:10px 0;
margin:0 0 20px 0;}

.coating_wax_box img{
max-width:100%;}

table.rainbow_blue{
width:100%;
border-collapse:separate;
border-spacing:10px;}

table.rainbow_blue th{
font-size:150%;
color:#ffffff;
text-align:center;
width:20%;
padding:20px 0;}

table.rainbow_blue td{
color:#ffffff;
vertical-align:middle;
padding:0 20px;}

table.rainbow_blue tr:nth-of-type(1) th,
table.rainbow_blue tr:nth-of-type(1) td{
background:#45a2cf;}

table.rainbow_blue tr:nth-of-type(2) th,
table.rainbow_blue tr:nth-of-type(2) td{
background:#8ed8f8;}

table.rainbow_blue tr:nth-of-type(3) th,
table.rainbow_blue tr:nth-of-type(3) td{
background:#00adef;}

table.rainbow_blue tr:nth-of-type(4) th,
table.rainbow_blue tr:nth-of-type(4) td{
background:#005694;}

table.rainbow_blue tr:nth-of-type(5) th,
table.rainbow_blue tr:nth-of-type(5) td{
background:#003772;}

table.rainbow_blue tr:nth-of-type(6) th,
table.rainbow_blue tr:nth-of-type(6) td{
background:#45bfcf;}

table.rainbow_blue tr:nth-of-type(7) th,
table.rainbow_blue tr:nth-of-type(7) td{
background:#8eeef8;}

table.rainbow_blue tr:nth-of-type(8) th,
table.rainbow_blue tr:nth-of-type(8) td{
background:#00e0ef;}

table.rainbow_blue tr:nth-of-type(9) th,
table.rainbow_blue tr:nth-of-type(9) td{
background:#007594;}

.coating_performance{
margin:30px 0;}

.coating_performance h2{
font-size:150%;
font-weight:bold;}




/*-----------------gallery---------------*/
.top_photos h1{
border-top:1px solid #ececec;
position:relative;
top:0;
padding:90px 0 0 0;}










/*-----------------------customize-----------------*/
.customize_area{
margin:0 auto 70px;
max-width:1032px;
overflow:hidden;}

.customize_area h2{
font-weight:bold;
font-size:150%;
margin:30px 0;
text-align:center;}

.customize_area h2.t_left{
text-align:left;}

.customize_movie{
width:40%;
float:left;
margin:0 5%;}

.customize_movie iframe{
max-width:100%;}

.customize_area h3{
border-left:5px solid #000000;
border-bottom:1px solid #000000;
padding:20px 0 20px 40px;
font-size:200%;
font-weight:normal;
margin:50px 0 30px 0;}

.customize_area h3 div{
font-size:60%;}

.cust_50{
width:46%;
margin:30px 2%;
float:left;}

.cust_33{
width:29.3333%;
margin:0 2% 0 2%;
float:left;}

.cust_50 img,
.cust_33 img,
.cust_box img,
.cust_box2 img,
.customize_area img{
max-width:100%;}

.cust_box{
width:44%;
margin:20px 3%;
float:left;}

.cust_box img{
border:1px solid #000000;
padding:5px;}

table.rainbow_blue2{
width:100%;
border-collapse:separate;
border-spacing:10px;}

table.rainbow_blue2 th{
font-size:150%;
color:#ffffff;
text-align:center;
width:20%;
padding:20px 0;}

table.rainbow_blue2 td{
color:#ffffff;
vertical-align:middle;
padding:0 20px;}

table.rainbow_blue2 tr:nth-of-type(1) th,
table.rainbow_blue2 tr:nth-of-type(1) td{
background:#4586cf;}

table.rainbow_blue2 tr:nth-of-type(2) th,
table.rainbow_blue2 tr:nth-of-type(2) td{
background:#8ec3f8;}

table.rainbow_blue2 tr:nth-of-type(3) th,
table.rainbow_blue2 tr:nth-of-type(3) td{
background:#007def;}

table.rainbow_blue2 tr:nth-of-type(4) th,
table.rainbow_blue2 tr:nth-of-type(4) td{
background:#003894;}

table.rainbow_blue2 tr:nth-of-type(5) th,
table.rainbow_blue2 tr:nth-of-type(5) td{
background:#002072;}

table.rainbow_blue2 tr:nth-of-type(6) th,
table.rainbow_blue2 tr:nth-of-type(6) td{
background:#45a3cf;}

table.rainbow_blue2 tr:nth-of-type(7) th,
table.rainbow_blue2 tr:nth-of-type(7) td{
background:#8ed9f8;}

table.rainbow_blue2 tr:nth-of-type(8) th,
table.rainbow_blue2 tr:nth-of-type(8) td{
background:#00b0ef;}

.cust_box2{
width:23%;
float:left;
margin:20px 1%;}

.jirei_box{
margin:30px 0;}

.customize_area h4 span{
background-color:#ffffff;
z-index:100;
position:relative;
font-weight:bold;}

.customize_area h4 div{
border-bottom:1px solid #000000;
position:relative;
top:-10px;
z-index:90;}

.caution{
max-width:60px;
text-align:center;
margin:30px auto;}

.caution_box{
border:1px solid #000000;
padding:20px;}








/*-------------------aboutus-----------------*/
.aboutus_area{
margin:0 auto 70px;
max-width:1032px;
overflow:hidden;}

.aboutus_area h2{
border-left:5px solid #000000;
border-bottom:1px solid #000000;
padding:20px 0 20px 40px;
font-size:200%;
font-weight:normal;
margin:50px 0 30px 0;}

.about_left{
width:30%;
padding:0 50px;
float:left;}

.about_right{
width:70%;
float:left;}

.about_left img{
max-width:100%;}

table.aboutus{
width:100%;
border-top:1px solid #000000;}

table.aboutus th{
border-bottom:1px solid #000000;
padding:10px 0 10px 30px;
font-weight:normal;
width:25%;}

table.aboutus td{
border-bottom:1px solid #000000;
padding:10px 0 10px 30px;}









/*-----------------------contact------------------*/
.contact_back{
background-color:#ececec;
padding:0;
margin:0;}

.contact_area{
margin:0 auto;
max-width:1032px;
overflow:hidden;
padding:0 0 70px 0;}

.essential{
color:#ff0000;
font-size:90%;}

.form_title{
font-size:120%;
margin:20px 0 0 0;}

.form_entry{
padding:0 0 0 20px;}

.w_50{
width:50%;}

.w_100{
width:100%;}

.contact_area h2 span{
background-color:#ececec;
z-index:100;
position:relative;
font-weight:bold;
font-size:90%;}

.contact_area h2 div{
border-bottom:1px solid #000000;
position:relative;
top:-15px;
z-index:90;}

.submit{
background:#000000;
padding:10px 20px;
color:#ffffff;
margin:20px 0 0 0;
border:1px solid #000000;}

.submit:hover,
.reset:hover{
background:#ffffff;
padding:10px 20px;
color:#000000;
margin:20px 0 0 0;
border:1px solid #000000;}

.reset{
background:#ffffff;
color:#000000;
padding:10px 20px;
margin:20px 0 0 0;
border:1px solid #ffffff;}

.recruit_form_area{
max-width:80%;
margin:0 auto;}

.error_messe{
color:#ff0000;}




/*-------------------2017_10_17Add 
            ガラス質コーティング-------------------*/
.glass_coating_area{
margin:0 auto;
max-width:1032px;
overflow:hidden;
padding:70px 0;}

.glass_coating_area h2{
font-size:150%;
font-weight:bold;
text-align:center;}

.glass_coating_area h3{
font-size:150%;
font-weight:bold;}

.g1_img{
padding:30px 0;
width:50%;
margin:0 auto;}

.g1_img img{
max-width:100%;}





/*-------------------2017_10_17Add 
HLG-------------------*/
.hlg_area{
margin:0 auto;
max-width:1032px;
overflow:hidden;
padding:70px 0;}

.hlg_area h2{
font-size:150%;
font-weight:bold;
text-align:center;}

.hlg_img{
width:60%;
margin:0 auto;}

.hlg_img img{
max-width:100%;
padding:20px 0;}







/*-------------------2017_10_17Add 
グラセコとは-------------------*/
.glasseco_area{
margin:0 auto;
max-width:1032px;
overflow:hidden;
padding:70px 0;}

.glasseco_area h2{
font-size:150%;
font-weight:bold;
text-align:center;}

.glasseco_left{
width:70%;
float:right;
font-size:400%;
color:#b8d200;
text-align:center;
padding:30px 0;}

.glasseco_right{
width:30%;
float:right;
padding:30px 100px 0 100px;}

.glasseco_right img{
max-width:100%;}

.top_partial_border{
border-bottom:1px solid #ececec;}



.h_menu li:nth-of-type(1){
display:none;}

.h_menu{
font-size:60%;}


.company_link{
text-align:center;
font-size:150%;
font-weight:bold;}

.logo{
width:100px;
margin:20px 0 0 0;}


.gallery_link{
text-align:center;
margin:30px 0 0 0;}

.gallery_link a{
background:#ececec;
padding:10px 30px;
font-size:160%;}

.gallery_link a:hover{
background:#ffffff;
padding:10px 30px;
font-size:160%;
text-decoration:none;}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
           Tablet_yoko
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media only screen and (min-width: 1023px) and (max-width: 1280px) {

table.tu_table{
width:80%;}

.coating_area,
.customize_area,
.aboutus_area,
.contact_area{
padding-right:20px;
padding-left:20px;}



}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
           Tablet_tate
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media only screen and (min-width: 768px) and (max-width: 1022px) {


.bg100{
height:650px;}

.tu_txt_area{
width:90%;}

table.tu_table{
width:80%;}

.coating_area,
.customize_area,
.aboutus_area,
.contact_area{
padding-right:20px;
padding-left:20px;}

.recruit_form_area{
max-width:100%;}

.top_under_movie{
padding:56.25% 0 0 0;
max-width:95%;}





}







/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
           Smart Phone_yoko  Only                        
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

.index_slide_sp .slides{
display:none;}

.sp_img_sbc{
position:relative;
width:100%;
height:auto;}

.sp_img_sbc img{
position:relative;
max-width:100%;
top:0;
left:0;}





.bg100{
height:650px;}

.tu_txt_area{
width:90%;}

table.tu_table{
width:80%;}

.coating_area,
.customize_area,
.aboutus_area,
.contact_area{
padding-right:20px;
padding-left:20px;}

.recruit_form_area{
max-width:100%;}

.top_under_movie{
padding:56.25% 0 0 0;
max-width:95%;}

}







/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
           Smart Phone_tate  Only                        
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

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

.bg100{
height:800px;}

.tu_txt_area{
width:90%;
padding:10px;
top:50px;}

.top_under_movie{
padding:56.25% 0 0 0;
max-width:95%;}

table.tu_table{
width:100%;}

.coating_area,
.customize_area,
.aboutus_area,
.contact_area,
.glass_coating_area,
.hlg_area,
.glasseco_area{
padding-right:20px;
padding-left:20px;}

.recruit_form_area{
max-width:100%;}

.coating_left{
width:100%;
float:none;
margin:0;}

.coating_right{
width:100%;
float:none;
margin:30px 0 0 0;}

.coating_left_left{
width:100%;
float:none;
margin:0;}

.coating_left_right{
width:100%;
float:none;
margin:30px 0 0 0;}

.coating_wax_box{
width:100%;
margin:0 0 20px 0;
float:none;}

table.rainbow_blue,
table.rainbow_blue2{
width:100%;
border-collapse:separate;
border-spacing:10px;}

table.rainbow_blue th,
table.rainbow_blue2 th{
padding:10px 0;
width:100%;
display:block;
border-bottom:2px solid #ffffff;}

table.rainbow_blue td,
table.rainbow_blue2 td{
display:block;}

.customize_area h2{
line-height:1.5em;}

.customize_movie{
width:100%;
float:none;
margin:0 0 30px 0;}

.customize_area h3{
border-left:5px solid #000000;
border-bottom:1px solid #000000;
padding:10px 0 10px 20px;
font-size:200%;
font-weight:normal;
margin:50px 0 30px 0;}

.cust_box{
width:100%;
float:none;
margin:0 0 30px 0;}

.cust_box2{
width:48%;
float:left;
margin:10px 1%;}

.about_left{
width:100%;
padding:0 50px 20px 50px;
float:none;}

.about_right{
width:100%;
float:none;}

table.aboutus{
width:100%;
border-top:1px solid #000000;}

table.aboutus th{
display:block;
border-bottom:none;
padding:20px 0 10px 0;
font-weight:bold;
width:100%;}

table.aboutus td{
display:block;
border-bottom:1px solid #000000;
padding:0 0 20px 0;}





.index_slide_sp .slides{
display:none;}

.sp_img_sbc{
position:relative;
width:100%;
height:auto;}

.sp_img_sbc img{
position:relative;
max-width:100%;
top:0;
left:0;}




.top_under_area h1 img{
max-width:100%;}

.gallery_link a{
font-size:120%;}

.gallery_link a:hover{
font-size:120%;}

.g1_img,
.hlg_img{
width:100%;}

.glasseco_left{
width:100%;
float:none;
font-size:200%;
color:#b8d200;
text-align:center;
padding:30px 0;}

.glasseco_right{
width:100%;
float:none;
padding:30px 50px;}

}





/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
           tablet tate  〜  smartPhone tate まで   (menu)		   
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

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

.header_menu{
background:rgba(255,255,255,1);}

ul.h_menu li{
background:rgba(255,255,255,1);
border-top:1px solid #ececec;}

/*-----------------add 2017 1018--------------*/
.logo{
width:130px;
margin:auto;}




}