@import (once) "default.less";
@import (once) "common.less";


@media (max-width:960px){
}

@media (max-width:640px){
}


/* .company ///////////////////////*/
.company{
padding:20px 0 0 0;

.icon{
.dib;
.vam;
margin:0 0 0 -10px;
}
h2{
.dib;
.vam;
img{height:40px; }
.bold;
}

article{
width:820px;
.center;
}
em{
.bold;
font-size:12pt;
}

section{
padding:40px;
border:5px @glay solid;
margin:60px 0;

h3{
width:250px;
.bg_white;
.tac;
margin:-60px auto 30px auto;
}
h4{
font-size:11pt;
.bold;
}
}
.sec1{
border:5px #E50067 solid;
}
.sec1 .image img{
margin:20px 0 0 0;
width:400px;
}
.sec2{
border:5px #ECA146 solid;
}
.sec3{
border:5px #2278BC solid;
}
.sec4{
border:5px #13A739 solid;
}

ul{
padding:0 0 0 18px;
}
li:before{
content:"・ ";
}
li{
text-indent:-18px;
}

}


@media (max-width:960px){
.company{
article{
width:95%;
}
em{
.db;
padding:20px 0 0 0;
}
}
}


@media (max-width:720px){
.company{
.icon{
height:80px;
margin:0;
}
h2 img{
height:30px;
}
}
}


@media (max-width:560px){
.company{

header{
width:300px;
}
article{
width:300px;
}
.icon{
height:60px;
margin:0 5px 0 -10px;
}
h2 img{
height:25px;
}
em{
.bold;
font-size:10pt;
}

section{
padding:10px;
border:5px;
margin:60px 0;

h3{
width:150px;
.bg_white;
.tac;
margin:-30px auto 30px auto;
img{
height:25px;
}
}
h4{
font-size:11pt;
}
}
.sec1 .image img{
margin:20px 0 0 0;
max-width:100%;
}
.sec3 a img{
margin:0 0 20px 0;
max-width:100%;
}
.sec1{
border:2px #E50067 solid;
}
.sec2{
border:2px #ECA146 solid;
}
.sec3{
border:2px #2278BC solid;
}
.sec4{
border:2px #13A739 solid;
}
}
}