@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td, img	{
	margin: 0;
	padding: 0;
	transition: none;

}
.bar div{
	transition: all 0.3s ease;
}
.en header h1{
padding:15px 0 10px 0;
}
.en header .serach_area {
padding-top:20px;
}
.en#top .colum_3_outer{
padding-top:50px;
}
.en#top .service_area .inner{
padding-bottom:10px;
}
.en .sub_area .inner {
    padding: 0px 0;
}
.en footer {
    background: #e5edf6 none repeat scroll 0 0;
    border-bottom: 38px solid #004ea2;
    margin-top: 20px;
    height:80px;
    position: relative;
    z-index: 910;
}
.en .content_body .service_area .colum_3 p {
    color: #000;
    height: 80px;
    overflow: hidden;
    padding: 15px;
    text-align: left;
}
.en .content_body .service_area .colum_3{
margin-bottom:20px;
}
.en header .g_nav ul li a {
    display: block;
    font-weight: 700;
    padding: 10px;
    position: relative;
    font-size:14px;
}
.en#top div.hero div.inner h2{
line-height: 1.2!important;
font-size:50px;
font-weight: 200 !important;
text-align: center !important;
letter-spacing: 0px !important;
}
.en .hero .inner p{
font-size:22px !important;
font-weight: 300 !important;
}
.en .slide_01 h2{
padding-left:335px!important;
}
.en .slide_02 h2{
padding-left:335px!important;
}
.en .slide_02 p{
width:400px;
margin-left:350px!important;
}
.en .slide_03 h2{
font-size:48px!important;
}
.en .slide_03 p{
width:400px;
margin-left:460px!important;
}
.en#top li.last div.inner h2{
padding-left:50px!important;
text-align: left!important;
}
.en#top li.last div.inner p{
padding-left:150px!important;

}
.en#top li.last div.inner p.text_02{
font-size: 43px!important;
font-weight: 400!important;
left:-50px!important;
}
.en .cms_body {
    padding-top: 0;
}
.en .cms_body h3 {
margin:0 0 15px 0;
    border-bottom: 2px solid #004ea2;
    border-left:0px;
    clear: both;
    font-size: 24px;
    font-weight: 700;
    padding: 0px 0 10px 15px;
    text-align: left;
}
.indent p{
padding-left:15px;
}
.en .cms_body p{
font-size: 15px;
}
.en div.idea_list span{
font-weight: 700;
display: inline-block;
margin: 0 10px 0 0px;

}
.en div.idea_list p{
margin-left:23px;
text-indent: -13px;
padding: 0 0 15px 20px;
}
.en div.idea_list{
padding-bottom:20px;
}
.en .idea_list li{
list-style-type: decimal;
margin:0 0 5px 20px;
}
.en .cms_body .line_indent span.namber{
float: left;
width:50px;
border-left:3px solid #004ea2;
padding:0 0 0px 15px;
display: block;
}
.en .cms_body .line_indent{
font-size:17px;

}
.en .cms_body .line_indent span:last-child{
padding-left:50px;
display: block;
}
.en ol.idea_list {
padding:10px 0 15px 0;
border-bottom:1px dotted #333;
margin-bottom:15px;
}
.en ol.idea_list li{
list-style-type: decimal;
margin:0px 0 0 70px;
padding-left:10px;

}
.en h4.line_title{
border-left:3px solid #004ea2;
font-size:17px;
padding:0 0 0px 15px;
margin-bottom:15px;
}
.en h5.color_title{
color:#004ea2;
font-weight: 500;
padding:0px 0 15px 50px;
font-size:16px;
}
.en p.dev_txt{
padding-left:50px;
padding-bottom:15px;
}
.en .bt_line{
border-bottom:1px dotted #333;
margin-bottom:15px;
}
.en h3 span{
font-size:15px;
display:block;
}
.en .bg_box{
background: #e5edf6;
padding: 15px;
}
.en .bg_box h4{
color:#004ea2;
font-size:20px;
padding:0 0 10px 15px;
}
.en .bg_box img{
float: right;
}
.en .cms_body .right{
margin-left:20px;
}
.en dl.outline dt{
border-left:3px solid #004ea2;
font-size:17px;
padding:0 0 0 15px;
font-weight: 700;
margin-top:15px;
width:250px;
float: left;
}
.en dl.outline dd{
padding:15px 0 15px 250px;
border-bottom:1px dotted #333;

}
.en .bt_line + p,
.en dl.outline + p{
text-align: right;
color:#666;
font-size: 13px
}
.en .bt_line .inner{
padding:0 0 0 60px;
}
.en .bt_line .inner  dt{
float: left;
width:330px;

}
.en .bt_line .inner  dd{
padding:0 0 5px 330px;
border-bottom:1px dotted #333;
}
.en .bt_line .inner  dd:last-child{
border:0px;
}
.top_line {
border-top:2px solid #004ea2;
}
.map_img.bt_line{
margin:40px 0 50px 0;
}
.en .outline hr{
margin:10px 0!important;
}
.en dl.outline.history dt{
width:150px;
}
.en dl.outline.history dd{
padding-left:150px;
}
#idea .bar div{
left:95px;
right:700px;
}
#greet .bar div{
left:5px;
right:900px;
}
#enterp .bar div{
left:290px;
right:550px;
}
#develo .bar div{
left:434px;
right:380px;
}
#contri .bar div{
left:606px;
right:138px;
}
#outline .bar div{
left:854px;
right:0;
}
.netta{
    margin-top:-20px;
    display:flex;
        border:3px solid #99cc00;
    border-radius: 10px;
}
.netta_a:hover {
    text-decoration: none;
}
.netta .img_outer{
    padding:10px 20px;
     border-right:2px solid #99cc00;
}
.netta h2{
    text-align: left;
    padding:10px 20px 10px 0px;
    color:#000;
}
.netta img{
width:300px;
}
.netta .text_area{
    padding:5px 20px 10px 20px;
    text-align: left;
    color:#000;
}
.szk_title .title_img{
float:left;
width:470px;
}
.szk_title .muu_img{
    float:right;
}
.szk_head {
    float: left;
    width: 620px;
    padding-bottom: 0px;
}
.szk_head2 {
    display: flex;
    padding:0px 0 0 0;
    justify-content: space-between;
    align-items: center;
}
.szk_head2 div{
    margin:20px 0 0 0px;
}
.szk_head2 div:first-child{
    width:212px;
}
.szk_head2 div:last-child{
    width:730px;
    padding-top:0px;
}
.szk_head2 img{
    width:212px;
}
.colum2_area{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.colum2_area div {
    width:49%;
    text-align: left;
}
.colum2_area div  h3{
    padding-left:10px;
    font-weight: 700;
}
.colum2_area div  p{
    padding-left:10px;
}
.colum2_area img{
    margin:15px 0 25px 0;
}
.colum2_area div.full{
    width:100%;
}
.bottom_txt{
    font-size:13px;
    padding:20px 0 30px 0;
}
h3.t25{
    font-size:25px;
}
.smp{
    display:none;
}

.content_body h2.modal__title{
    font-size: 18px;
}

@media screen and (max-width: 760px){
.pc{display: none}
.smp{display: block;}
.netta{
    margin-top:0;
    display: block;
    border:3px solid #99cc00;
    border-radius: 10px;
}
.netta .img_outer{
    padding:20px;
    border-bottom:2px solid #99cc00;
    border-right:0;
}
#szk .content_body img{
    width:90%;
    height:auto;
    display: block;
    margin: 0 auto;
}
#szk .content_body h3{
    width:90%;
    margin:0 auto;
    font-weight: 700!important;
}
#szk .content_body .szk_map_area img{
    width:70%!important;
}
#szk .content_body .read_txt{
    width: 90%;
}
.szk_head2 {
    display: block;
    padding: 0px 0 0 0;
    justify-content: space-between;
}
#szk .content_body .szk_head2 h3,
#szk .content_body .colum2_area h3{
    width:100%;
    font-weight: 700!important;
}
.szk_head2 div:last-child {
    width: 90%;
    padding-top: 10px;
    margin:0 auto;
}
.szk_head2 div:first-child {
    width: 50%;
    margin:20px auto 10px auto;
}
#szk .content_body p{
    padding-bottom:10px;
}
.colum2_area {
    display: block;
    justify-content: space-between;
    flex-wrap: wrap;
}
.colum2_area div.full,
.colum2_area div {
    width: 90%;
    text-align: left;
    margin:0 auto;
}
.colum2_area div h3 {
    padding-left: 0px;
}
.colum2_area div p {
    padding-left: 0px;
}
#szk .content_body .colum2_area img{
    margin-bottom:20px;
}
.bottom_txt {
    width: 90%;
    font-size: 13px;
    padding: 20px 0 30px 0;
    margin: 0 auto;
}
.szk_nav .left{
    margin:15px;
}
.szk_nav .right{
    margin:15px;
}
.szk_title::after {
    content: ""!important;
    padding: 5px 0;
    display: block;
}
.title_box{
    padding:0 0px;
    /*display: flex;
    justify-content: space-between;*/
}
.szk_title .title_img,
.szk_title .muu_img{
    float:none;
}
.szk_list {
    float: left;
    margin-left: 0px;
}
#szk .content_body .szk_list img{
    width:100%;
}
#szk .content_body .t25{
    font-weight: 700!important;
}
.title_area h2 {
    padding: 0;
    font-size: 18px;
    font-weight: 700!important;
}
.en h1 img{
  width:auto!important;
  margin-left:10px;
}
.content_body h2.modal__title {
    font-size: 3.4vw!important;
}
}
a.link:link,
a.link:visited,
a.link:hover{
    margin-top: 10px;
    display: inline-block;
    color: #004ea2!important;
}