@charset "UTF-8";
/* CSS Document */


/* ************************************************************
block01
************************************************************ */
#block01{
margin:5% auto 0;
width:100%;
}

h2.title-h2{
margin:0 auto;
width:100%;
max-width:1000px;
border-bottom:1px solid #000;
font-size:25px;
letter-spacing: 0.02em;
line-height:1.6;
padding:0 0 10px 0;
}

#block01 h3{
margin:3% auto;
width:100%;
color:#5b9bdc;
font-size:23px;
}

#block01 h3 span{
font-size:30px;
display:block;
line-height:2.2;
letter-spacing: 0.02em;
}

#block01 p{
margin:3% auto;
width:100%;
text-align: center;
font-size:16px;
line-height:2.2;
letter-spacing: 0.03em;
}



/* ******************************************* */
@media screen and (max-width: 1200px) {
/* ---------------------------------- */
#block01{
margin:5% auto 0;
width:100%;
}

h2.title-h2{
margin:0 auto;
width:90%;
font-size:25px;
}

#block01 h3{
margin:4% auto;
font-size:20px;
}

#block01 h3 span{
font-size:25px;
}

#block01 p{
font-size:14px;
}


/* ---------------------------------- */
}
/* ******************************************* */
@media screen and (max-width: 1024px) {
/* ---------------------------------- */

/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
/* ---------------------------------- */
#block01{
margin:6% auto 0;
}

h2.title-h2{
margin:0 auto;
width:80%;
font-size:20px;
}

#block01 h3{
margin:4% auto;
font-size:18px;
line-height:1.5;
}

#block01 h3 span{
font-size:25px;
}

#block01 p{
font-size:14px;
text-align: left;
padding:0 10%;
line-height:1.8
}

/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
/* ---------------------------------- */

/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
/* ---------------------------------- */

#block01 h3{
margin:4% auto;
font-size:16px;
line-height:1.5;
}

#block01 h3 span{
font-size:20px;
letter-spacing: 0em;
}

#block01 p{
font-size:13px;
line-height:1.6
}
/* ---------------------------------- */
}
/* ******************************************* */
@media screen and (max-width: 380px) {
/* ---------------------------------- */
#block01 h3 span{
font-size:18px;
letter-spacing: 0em;
}
/* ---------------------------------- */
}


/* ************************************************************
big-image
************************************************************ */
#big-image{
margin:5% auto 0;
width:100%;
height:500px;
background:url(../img/company/block01-img@2x.jpeg) left no-repeat;
background-size:cover
}

/* ******************************************* */
@media screen and (max-width: 1200px) {
/* ---------------------------------- */
#big-image{
height:400px;
}

/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
/* ---------------------------------- */
#big-image{
margin:12% auto 0;
background:url(../img/company/block01-img@2x.jpeg) 20% no-repeat;
background-size:cover;
}

/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
/* ---------------------------------- */
#big-image{
margin:12% auto 0;
height:500px;
background:url(../img/company/block01-img-mb.jpg) 10% top no-repeat;
background-size:cover;
}

/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
/* ---------------------------------- */
#big-image{
margin:15% auto 0;
background:url(../img/company/block01-img-mb.jpg) 20% top no-repeat;
}

/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
/* ---------------------------------- */

/* ---------------------------------- */
}
/* ******************************************* */
@media screen and (max-width: 380px) {
/* ---------------------------------- */

/* ---------------------------------- */
}




/* ************************************************************
block02
************************************************************ */
#block02{
margin:10% auto 0;
width:100%;
}

#block02 .box{
margin:5% auto;
width:100%;
max-width:1000px;
display:flex;
}

#block02 .box .left{
width:50%;
}

#block02 .box .right{
width:50%;
text-align: left;
padding:0 0 0 5%;
}

#block02 .box .right ul{
margin:0 auto;
width:100%;
}

#block02 .box .right ul li{
margin:0 auto;
width:100%;
display:flex;
justify-content: space-between;
border-bottom:1px solid #000;
padding:15px 15px;
line-height:1.8;
letter-spacing: 0.05em;
}

#block02 .box .right ul li:last-of-type{border-bottom:none;}

#block02 .box .right ul li p:first-of-type{
margin:0 auto;
width:30%;
text-align: left;
}

#block02 .box .right ul li p:nth-of-type(2){
margin:0 auto;
width:70%;
text-align: left;
}

/* ******************************************* */
@media screen and (max-width: 1200px) {
/* ---------------------------------- */
#block02{
margin:15% auto 0;
width:100%;
padding:0 10%;
}

#block02 .box{
margin:8% auto;
}

#block02 .box .right{
padding:0 0 0 8%;
}

#block02 .box .right ul li{
padding:15px 15px;
font-size:14px;
}

/* ---------------------------------- */
}


/* ******************************************* */
@media screen and (max-width: 1024px) {
/* ---------------------------------- */
#block02{margin:15% auto 0;}

#block02 .box{
display:block;
}

#block02 .box .left,
#block02 .box .right{
margin:5% auto;
width:100%;
padding:0;
}

#block02 .box .left img{
max-width:400px;
}

#block02 .box .right ul{
padding:5% 0 0;
}

#block02 .box .right ul li{
padding:15px 15px;
font-size:14px;
}


/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
/* ---------------------------------- */

/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
/* ---------------------------------- */

/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
/* ---------------------------------- */
#block02{margin:20% auto 0;}

#block02 .box .left img{
max-width:100%;
}
#block02 .box .right ul{
margin:0 auto;
width:100%;
}

#block02 .box .right ul li{
text-align: center;
display:block;
}

#block02 .box .right ul li p:first-of-type,
#block02 .box .right ul li p:nth-of-type(2){
width:100%;
text-align: center;
}

/* ---------------------------------- */
}
/* ******************************************* */
@media screen and (max-width: 380px) {
/* ---------------------------------- */

/* ---------------------------------- */
}





/* ************************************************************
block03
************************************************************ */
#block03{
margin:15% auto;
width:100%;
}

#block03 iframe{
margin:3% auto;
width:100%;
max-width:1000px;
}



/* ******************************************* */
@media screen and (max-width: 1024px) {
/* ---------------------------------- */
#block03 iframe{
width:90%;
}

/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
/* ---------------------------------- */
#block03{
margin:20% auto;
width:100%;
}

#block03 iframe{
margin:5% auto;
width:80%;
}

/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
/* ---------------------------------- */

/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
/* ---------------------------------- */
#block03{
margin:25% auto 20%;
}
/* ---------------------------------- */
}
/* ******************************************* */
@media screen and (max-width: 380px) {
/* ---------------------------------- */

/* ---------------------------------- */
}






