/*----------
01.top
02.business
03.company
04.contact
----------*/

@media only screen and (max-width:1024px){
/*----------
01.top
----------*/

/*----------
02.business
----------*/

#business .first_text{
font-size: 16px;
line-height: 31px;
}

#business #strong_area .cnt_box{
padding: 42px 0 62px;
}

#business #strong_area .cnt_box .point_text{
font-size: 18px;
}

#business #strong_area .cnt_box .point_text:hover{
font-size: 20px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

#business .cnt_area h4{
width: 96%;
}


}

@media only screen and (max-width:750px){
/*----------
01.top
----------*/

#top{
padding: 0 0 90px;
}

#top #cnt_area01{
padding: 0 0 10px;
}

#top #cnt_area01 .cnt_box{
float: none;
width: auto;
margin: 0 auto 40px;
}


#top #cnt_area02{
width: 100%;
}

#top #cnt_area02 .movie{
position: relative;
width: 100%;
padding-top: 56.44%;
}

#top #cnt_area02 .movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}

.fb_iframe_widget span{
width: 100% !important;
}


/*----------
02.business
----------*/

#business .h2_g{
padding: 0 0 10px 15px;
}

#business .h2_g h2{
font-size: 30px;
}

#business .h2_g .h2_e{
font-size: 13px;
}

#business .mainimg{
margin: 0 auto 30px;
}

#business #strong_area{
padding: 0;
}

#business #strong_area .cnt_box{
padding: 22px 0 32px;
}

#business .first_text{
font-size: 14px;
line-height: 29px;
}

#business #strong_area .cnt_box .point_text{
font-size: 16px;
line-height: 20px;
}

#business #strong_area .cnt_box .point_text:hover{
font-size: 18px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

#business #strong_area .cnt_box .point_number{
padding: 20px 0 36px;
}

#business #strong_area .cnt_g01 .cnt_box{
width: 46%;
margin: 0 2%;
background-size: contain;
}

#business #strong_area .cnt_g01 .cnt_box03{
clear: both;
float: none;
margin: 0 auto;
position: relative;
top: -30px;
}

#business #strong_area .cnt_g02 .cnt_box{
width: 46%;
margin: 0 2%;
background-size: contain;
}

#business .cnt_area{
padding: 0 0 20px;
}

#business .cnt_area h4{
font-size: 20px;
}

#business .cnt_area h4 span{
font-size: 16px;
display: inline-block;
padding: 0 0 5px;
}

#business .cnt_area .cnt_box{
float: none;
}

#business .cnt_area .group_03in .cnt_box{
width: auto;
margin: 0 auto 30px;
}

#business .cnt_area .group_02in .cnt_box{
width: auto;
margin: 0 auto 30px;
}

.en #business #strong_area .cnt_g01 .cnt_box,.en #business #strong_area .cnt_g02 .cnt_box,.fr #business #strong_area .cnt_g01 .cnt_box,.fr #business #strong_area .cnt_g02 .cnt_box{
float: none;
margin: 0 auto 20px;
width: 100%;
min-height: 180px;
box-sizing: border-box;
}

.en #business #strong_area .cnt_box.cnt_box02{
margin: 0 auto 20px;
}

.en #business #strong_area .cnt_g01 .cnt_box03,.fr #business #strong_area .cnt_g01 .cnt_box03{
top: 0;
}

.en #business #strong_area .cnt_g02,.fr #business #strong_area .cnt_g02{
top: 0;
}

.en #business #strong_area .cnt_box03 .point_number{
padding: 15px 0 41px;
}

.fr #business #strong_area .cnt_box02 .point_number{
padding: 15px 0 41px;
}


/*----------
03.company
----------*/

#company .h2_g{
padding: 0 0 10px 15px;
}

#company .h2_g h2{
font-size: 30px;
}

#company .h2_g .h2_e{
font-size: 13px;
}

#company .mainimg{
margin: 0 auto 30px;
}

#company .cnt_area h3{
font-size: 22px;
padding: 0 0 8px;
}

#company #cnt_area01{
width: 90%;
}

#company #cnt_area01 .sub_title{
font-size: 14px;
padding: 0 0 15px;
}

#company #cnt_area01 .title{
font-size: 32px;
padding: 0 0 30px;
}

#company #cnt_area01 p{
font-size: 14px;
line-height: 27px;
padding: 0 0 40px;
}

#company #cnt_area02{
width: 90%;
padding: 0 0 60px;
}

#company #cnt_area02 dl{
font-size: 14px;
line-height: 27px;
padding: 0 0 31px;
}

#company #cnt_area02 dt{
width: 17%;
}

#company #cnt_area02 dd{
width: 83%;
}

.en #company #cnt_area02 dt,.fr #company #cnt_area02 dt{
float: none;
}

.en #company #cnt_area02 dd,.fr #company #cnt_area02 dd{
float: none;
width: 100%;
padding: 0 0 10px;
}

#company #cnt_area02 .cnt_box{
float: none;
width: auto;
margin: 0 auto 20px;
}

#company #cnt_area02 .cnt_box p{
font-size: 14px;
line-height: 23px;
}

/*----------
04.contact
----------*/

#contact{
padding: 0 0 60px;
}

#contact .h2_g{
padding: 0 0 10px 15px;
margin: 0 auto 40px;
}

#contact .h2_g h2{
font-size: 30px;
}

#contact .h2_g .h2_e{
font-size: 13px;
}

#contact #cnt_area01{
padding: 0 0 60px;
}

#contact table{
margin: 0 auto 25px;
}

#contact table tr{
display: block;
}

#contact table th{
width: auto;
font-size: 14px;
display: block;
text-align: left;
padding: 0 0 10px;
}

#contact table tr:nth-child(5) th{
padding:  0 0 10px;
}

#contact table tr:nth-child(6) th{
padding:  0 0 10px;
}

#contact table td{
/* padding: 0 0 15px 15px; */
display: block;
padding: 0 0 25px;
}

#contact .submit_box{
max-width: 260px;
}

#contact .submit{
font-size: 18px;
padding: 20px 0 19px;
}



}