/*----------
01.top
02.business
03.
----------*/

/*----------
01.top
----------*/

#top{
padding: 0 0 90px;
}

#top .mainimg{
width: 100%;
padding: 0 0 46px;
}

#top .mainimg img{
width: 100%;
display: block;
}

#top #cnt_area01 {
/*max-width: 963px;
padding: 0 0 50px;*/
    max-width: 963px;
    padding: 16px 0 30px;
    background: #f8fafd;
    border-bottom: 1px solid #99abc7;
}

#top #cnt_area01 .cnt_box{
float: left;
max-width: 301px;
    width: 30%;
    margin: 0 1.65%;
}

#top #cnt_area01 .cnt_img{
max-width: 301px;
margin: 0 0 23px;
position: relative;
overflow: hidden;
}

#top #cnt_area01 .cnt_box .cnt_img::before{
content: "";
background: rgba(255,255,255,0.6);
width: 200%;
height: 50%;
position: absolute;
top: -70%;
left: -80%;
transform:rotate(-20deg);
transition: all .3s;
z-index: 1;
}

#top #cnt_area01 .cnt_box.active .cnt_img::before{
top: 120%;
left: 0%;
}

#top #cnt_area01 .cnt_img img{
width: 100%;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}

#top #cnt_area01 .active .cnt_img img{
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}

#top #cnt_area01 h2{
font-size: 23px;
/*color: #4c4948;*/
line-height: 1;
color: #231815;
font-family: 'NfMotoyaAporoStd-W1';
padding: 0 20px 5px 7px;
background: url(../common/img/arrow_right01.png) no-repeat 100% 6px;
display: inline-block;
transition: all .4s;
}

#top #cnt_area01 .active h2{
padding: 0 30px 5px 7px;
}

#top #cnt_area01 .h2_e{
font-size: 13px;
/*color: #4c4948;*/
color: #231815;
padding: 0 0 0 8px;
font-family: 'Century Gothic';
}

#top #cnt_area02 .movie{
max-width: 629px;
/*max-width: 560px;*/
margin: 0 auto;
}

#top #cnt_area02 .movie iframe {
width: 629px;
height: 355px;
}

#top #cnt_area02 .movie img{
width: 100%;
display: block;
}

#top #news_area{
padding: 82px 0 0;
}

#top #news_area h2{
text-align: center;
font-size: 36px;
/*color: #595757;*/
color: #231815;
line-height: 36px;
padding: 0 0 40px;
}

#top #news_area .news_line{
max-width: 480px;
margin: 0 auto;
}

#top #news_area .news_line iframe{
width: 100% !important;
}

#top #news_area #fb_page_plugin_area{
max-width: 480px;
}

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

#business{
padding: 0 0 10px;
}

#business .h2_g{
max-width: 962px;
margin: 0 auto 22px;
border-bottom: 1px solid #8d8c8c;
padding: 0 0 20px 33px;
box-sizing: border-box;
/*color: #4c4948;*/
color: #231815;
}

#business .h2_g h2{
font-size: 36px;
padding: 0 0 3px;
font-family: 'NfMotoyaAporoStd-W1';
}

#business .h2_g .h2_e{
font-size: 19px;
font-family: 'Century Gothic';
line-height: 19px;
}

#business .mainimg{
max-width: 961px;
margin: 0 auto 60px;
}

#business .mainimg img{
width: 100%;
display: block;
}

#business .first_text{
font-family: 'NfMotoyaAporoStd-W1';
text-align: center;
font-size: 18px;
line-height: 33px;
/*color: #595757;*/
color: #231815;
padding: 0 0 40px;
}

#business #strong_area{
padding: 0 0 84px;
}

#business #strong_area h3{
max-width: 962px;
margin: 0 auto 34px;
font-family: 'NfMotoyaAporoStd-W1';
border-bottom: 1px solid #838181;
text-align: center;
padding: 0 0 13px;
font-size: 28px;
/*color: #4c4948;*/
color: #231815;
}

#business #strong_area .cnt_g{
max-width: 962px;
margin: 0 auto;
}

#business #strong_area .cnt_box{
background: url(../img/business/pic_strong.png) no-repeat center center;
padding: 40px 0 59px;
float: left;
text-align: center;
}

#business #strong_area .cnt_box .point_number{
font-size: 18px;
font-family: 'NfMotoyaAporoStd-W1';
/*color: #595757;*/
color: #231815;
padding: 0 0 56px;
text-align: center;
}

.en #business #strong_area .cnt_box .point_number,.fr #business #strong_area .cnt_box .point_number{
padding: 15px 0 41px;
}

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

.fr #business #strong_area .cnt_box02 .point_number{
padding: 25px 0 31px;
}

#business #strong_area .cnt_box .point_text{
font-family: 'TsukushiAMaruGothic';
font-size: 23px;
line-height: 25px;
/*color: #4c4948;*/
color: #231815;
background: #fff;
text-align: center;
padding: 6px 0;
display: inline-block;
}

#business #strong_area .cnt_box .point_text:hover{
font-size: 24px;
-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_g01 .cnt_box{
width: 34.45%;
width: 34.85%;
width: 38.26%;
/*width: 50%;*/
width: 49%;
}

#business #strong_area .cnt_box.cnt_box02{
margin: 114px -1.12% 0;
margin: 114px -7.39% 0;
margin: 114px -19.131% 0;
width: 33.33%;
/*width: 38.26%;*/
width: 40.26%
}

.en #business #strong_area .cnt_box.cnt_box02,.fr #business #strong_area .cnt_box.cnt_box02{
margin: 164px -19.131% 0;
}

#business #strong_area .cnt_g02{
position: relative;
top: -60px;
}

#business #strong_area .cnt_g02 .cnt_box{
width: 50%;
}

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

#business .cnt_area h4{
font-family: 'NfMotoyaAporoStd-W1';
padding: 0 0 13px 4px;
font-size: 28px;
/*color: #4c4948;*/
color: #231815;
border-bottom: 1px solid #838181;
box-sizing: border-box;
max-width: 962px;
margin: 0 auto 27px;
}

#business .cnt_area .cnt_box{
max-width: 321px;

float: left;
}

#business .cnt_area .cnt_img{
max-width: 321px;
padding: 0 0 10px;
}

#business .cnt_area .cnt_img img{
width: 100%;
display: block;
}

#business .cnt_area .cnt_text{
font-size: 14px;
line-height: 20px;
/*color: #595757;*/
color: #231815;
box-sizing: border-box;
padding: 0 1px;
font-family: 'KozGoPr6N-Regular';
}

#business .cnt_area .group_03in{
max-width: 999px;
margin: 0 auto;
}

#business .cnt_area .group_03in .cnt_box{
margin: 0 0.6%;
width: 32.13%;
}

#business .cnt_area .group_02in{
max-width: 666px;
margin: 0 auto;
}

#business .cnt_area .group_02in .cnt_box{
margin: 0 0.9%;
width: 48.2%;
}


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

#company{
/* padding: 0 0 10px; */
}

#company .h2_g{
max-width: 962px;
margin: 0 auto 22px;
border-bottom: 1px solid #8d8c8c;
padding: 0 0 20px 33px;
box-sizing: border-box;
/*color: #4c4948;*/
color: #231815;
}

#company .h2_g h2{
font-size: 36px;
padding: 0 0 3px;
font-family: 'NfMotoyaAporoStd-W1';
}

#company .h2_g .h2_e{
font-size: 19px;
font-family: 'Century Gothic';
line-height: 19px;
}

#company .mainimg{
max-width: 961px;
margin: 0 auto 60px;
}

#company .mainimg img{
width: 100%;
display: block;
}

#company .cnt_area h3{
max-width: 962px;
margin: 0 auto 34px;
font-family: 'NfMotoyaAporoStd-W1';
border-bottom: 1px solid #838181;
text-align: center;
padding: 0 0 13px;
font-size: 28px;
/*color: #4c4948;*/
color: #231815;
}

#company #cnt_area01{
font-family: 'NfMotoyaAporoStd-W1';
text-align: center;
padding: 0 0 78px;
}

#company #cnt_area01 .sub_title{
font-size: 18px;
/*color: #595757;*/
color: #231815;
padding: 0 0 20px
}

#company #cnt_area01 .title{
font-size: 42px;
/*color: #595757;*/
color: #231815;
padding: 0 0 40px;
}

#company #cnt_area01 p{
font-size: 18px;
line-height: 31px;
padding: 0 0 60px;
}

#company #cnt_area01 .cnt_box{
max-width: 682px;
margin: 0 auto;
}

#company #cnt_area01 .cnt_img{
max-width: 321px;
width: 47.08%;
float: left;
margin: 0 1.46%;
}

#company #cnt_area01 .cnt_img img{
width: 100%;
}

#company #cnt_area02{
padding: 0 0 120px;
}

#company #cnt_area02 dl{
max-width: 900px;
margin: 0 auto;
font-size: 18px;
line-height: 31px;
font-family: 'NfMotoyaAporoStd-W1';
/*color: #595757;*/
color: #231815;
padding: 0 0 62px;
}

#company #cnt_area02 dt{
float: left;
clear: both;
width: 84px;
}

.en #company #cnt_area02 dt{
width: 150px;
}

.fr #company #cnt_area02 dt{
width: 200px;
}

#company #cnt_area02 dd{
float: left;
}

#company #cnt_area02 .cnt_g{
max-width: 920px;
margin: 0 auto;
}

#company #cnt_area02 .cnt_box{
max-width: 440px;
margin: 0 1.08%;
width: 47.84%;
float: left;
}

#company #cnt_area02 .cnt_box .map{
max-width: 440px;
width: 100%;
padding: 0 0 10px;
}

#company #cnt_area02 .cnt_box #map-canvas{
height: 300px;
}

#company #cnt_area02 .cnt_box #map-canvas02{
height: 300px;
}

#company #cnt_area02 .cnt_box .map img{
width: 100%;
}

#company #cnt_area02 .link_txt{
display: block;
margin: 5px auto;
text-align: center;
font-family: 'KozGoPr6N-Regular';
font-size: 14px;
color: #231815;
}

#company #cnt_area02 .cnt_box p{
font-size: 18px;
line-height: 27px;
/*color: #595757;*/
color: #231815;
font-family: 'KozGoPr6N-Regular';
}


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

#contact{
padding: 0 0 110px;
}

#contact .h2_g{
max-width: 962px;
margin: 0 auto 90px;
border-bottom: 1px solid #8d8c8c;
padding: 0 0 20px 33px;
box-sizing: border-box;
/*color: #4c4948;*/
color: #231815;
}

#contact .h2_g h2{
font-size: 36px;
padding: 0 0 3px;
font-family: 'NfMotoyaAporoStd-W1';
}

#contact .h2_g .h2_e{
font-size: 19px;
font-family: 'Century Gothic';
line-height: 19px;
}

#contact #cnt_area01{
padding: 0 0 125px;
border-bottom: 1px solid #8d8c8c;
}

#contact table{
/*max-width: 793px;*/
max-width: 825px;
width: 100%;
margin: 0 auto 52px;
}

#contact table th{
font-size: 15px;
/*color: #595757;*/
color: #231815;
text-align: right;
/*width: 167px;*/
width: 120px;
font-family: 'KozGoPr6N-Regular';
}

#contact table tr:nth-child(6) th{
vertical-align: top;
padding: 5px 0 0;
}

#contact table td{
padding: 0 0 15px 21px;
}

#contact table td input{
max-width: 543px;
width: 100%;
box-sizing: border-box;
border:1px solid #4c4948;
background: #fff;
box-shadow: none;
height: 45px;
padding: 5px 10px;
font-size: 16px;
/*color: #595757;*/
color: #231815;
}


#contact table td textarea{
max-width: 543px;
width: 100%;
box-sizing: border-box;
border:1px solid #4c4948;
background: #fff;
box-shadow: none;
padding: 5px 10px;
height: 215px;
font-size: 16px;
line-height: 26px;
/*color: #595757;*/
color: #231815;
}

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

#contact .submit_box{
max-width: 323px;
width: 100%;
margin: 0 auto;
/* height: 84px; */
background: #fff;
border:1px solid #4c4948;
text-align: center;
transition: all .4s;
}

#contact .submit{
max-width: 323px;
width: 100%;
font-size: 22px;
box-sizing: border-box;
border-radius:10px;
border:none;
background: none;
text-align: center;
padding: 25px 0 24px;
transition: all .4s;
}

#contact .submit_box:hover{
background: #2a344b;
}

#contact .submit_box:hover .submit{
color: #fff;
}

#contact #cnt_area01 p{
text-align: center;
}