@charset 'UTF-8';
/*****************************************************

company

*****************************************************/

.title-box h2{
color:#fff;
text-shadow: 0px 0px 3px #666;
}

/*****************************************************

block01 ロゴの由来

*****************************************************/

#block01{
margin:5% auto;
width:100%;
max-width:1000px;
}

/* ブロック共通タイトル */
.block-title{
margin:5% auto;
width:100%;
max-width:1000px;
text-align: center;
}

/*背景色有ブロック用 */
#block02 .block-title,
#block05 .block-title{padding-top:5%;}

.block-title span{
padding-bottom:2%;
border-bottom:5px dotted #f7c6bd;
}

.box01{
margin:0 auto;
width:100%;
position:relative
}

.box01 p{
margin:3% auto 0;
width:45%;
float:left;
}

.box01 .right{
margin:4% auto;
width:55%;
float:right;
}


.box01 .right dl{
margin:0 auto;
width:100%;
}

.box01 .right dt{
margin:0 auto 3%;
width:100%;
text-align: left;
}

.box01 .right dt span{
margin:0 auto;
width:100%;
padding:2% 5%;
border:1px solid #fb7289;
color:#fb7289;
letter-spacing: 0.1em;
font-size:16px;
}

.box01 .right dd{
margin:0 auto 5%;
width:100%;
color:#fb7289;
letter-spacing: 0.1em;
font-size:14px;
text-align: justify
}

/* ▼▼▼▼▼▼▼▼MaxWidth1200(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1200px) {
 /* ************** */

.box01{padding:0 4%}

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth900(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 900px) {
 /* ************** */

/* ブロック共通タイトル */
.block-title{
margin:5% auto;
width:100%;
}

/*背景色有ブロック用 */
#block02 .block-title,
#block05 .block-title{padding-top:10%;}

.box01 p{
margin:3% auto 0;
width:100%;
text-align: center;
float:none;
}

.box01 .right{
margin:10% auto;
width:80%;
float:none;
}

.box01 .right dl{
margin:0 auto;
width:100%;
}


 /* *************** */
}


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


.box01 p{
margin:10% auto 0;
width:40%;
}
 /* *************** */
}


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

.block-title img{
margin:5% auto;
width:24%;
}
#block01 .block-title img{
margin:5% auto;
width:28%;
}
#block03 .block-title img{
margin:5% auto;
width:17%;
}
.block-title span{
padding-bottom:3.5%;
}

.box01 p{
margin:5% auto 0;
width:45%;
}
 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */

.box01 .right dt{
margin:10% auto 5%;
}

.box01 .right dt span{
padding:3% 10%;
}

.box01 .right dd{
margin:0 auto 5%;
letter-spacing: 0.05em;
font-size:13px;
text-align: justify;
line-height:1.5;
}


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


 /* *************** */
}


/*****************************************************

◆ block02 ◆ 企業理念

*****************************************************/

#block02{
margin:10% auto;
width:100%;
background:#fff5f4
}



/*****************************************************

◆ block03 ◆ 沿　革

*****************************************************/

#block03{
margin:10% auto;
width:100%;
}

#block03 ul{
margin:0% auto;
width:100%;
max-width:540px;
text-align: center
}

#block03 li{
margin:0 auto;
width:100%;
font-size:15px;
letter-spacing: 0.05em;
text-align: left;
padding-left:7em;
text-indent:-7em;
}

br.mb{display:none;}
/* ▼▼▼▼▼▼▼▼MaxWidth1200(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1200px) {
 /* ************** */


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

#block03 ul{
width:95%;
}

 /* *************** */
}


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


 /* *************** */
}


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

#block03 li{
font-size:13px;
}


 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */
br.mb{display:block;}

#block03 ul{
width:90%;
}
#block03 span{padding-left:6%;}

#block03 li{
text-align: left;
padding-left:0;
text-indent:0;
font-size:12px;
}

#block03 li{margin:5% auto;}

 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth380(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 380px) {
 /* ************** */


 /* *************** */
}



/*****************************************************

◆ block04 ◆ 代表挨拶

*****************************************************/

#block04{
margin:10% auto;
width:100%;
position:relative;
}

.box2{
margin:0 auto;
width:100%;
}

#block04 .ceo-title{
margin:10% auto;
width:40%;
float:left;
}

#block04 .ceo-title{text-align: center
}

#block04 .box2-right{
margin:0 auto;
width:60%;
float:right;
}

#block04 .box2-right img{width:100%}

#block04 dl{
margin:5% auto;
width:90%;
text-align: left;
}

#block04 dl dt{
margin:5% auto;
width:100%;
text-align: left;
font-size:32px;
letter-spacing: 0.1em;
}

#block04 dl dd{
margin:3% auto 0 1%;
width:80%;
text-align: justify;
font-size:14px;
letter-spacing: 0.1em;
line-height:1.5;
}

#block04 dl dd:last-of-type p{
text-align: right;
font-size:14px;
}

#block04 dl dd:last-of-type p span{
text-align: right;
font-size:25px;
}

/* ▼▼▼▼▼▼▼▼MaxWidth1200(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1200px) {
 /* ************** */

#block04 dl dt{
font-size:25px;
}

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

#block04 dl dd{
width:95%;
}

 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth900(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 900px) {
 /* ************** */

#block04{
margin:20% auto;
}

#block04 .ceo-title{
margin:10% auto;
width:100%;
float:none;
}

#block04 .ceo-title img{width:15%;}

#block04 .box2-right{
margin:0 auto;
width:100%;
float:none;
}

 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */
#block04 .ceo-title img{width:25%;}


 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */
#block04 .ceo-title img{width:30%;}

#block04 dl dt{
font-size:22px;
}

#block04 dl dd{
font-size:12px;
}
#block04 dl dd:last-of-type p span{
text-align: right;
font-size:20px;
}

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


 /* *************** */
}





/*****************************************************

◆ block05 ◆ 会社概要

*****************************************************/

#block05{
margin:10% auto;
width:100%;
background:#fff5f4;
padding-bottom:3%;
}

#block05 .out-ul{
margin:5% auto;
width:100%;
max-width:550px;
}

#block05 .out-ul li{
margin:2.5% auto;
position:relative;
border-bottom:1px solid #000;
padding-bottom:1%;
font-size:14px;
letter-spacing: 0.07em;
}

#block05 .out-ul li div:first-child{
display:inline-block;
vertical-align: top;
width:15%;
text-align: left;
}

#block05 .out-ul li div:nth-of-type(2){
display:inline-block;
width:80%;
vertical-align: top;
text-align: left;
}


#block05 .in-ul li{
margin:1.5% auto;
border-bottom:0px;
padding-left:1em;
text-indent:-1em;
}




/* ▼▼▼▼▼▼▼▼MaxWidth1200(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1200px) {
 /* ************** */


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

#block05 .out-ul{
margin:8% auto;
}
 /* *************** */
}


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

#block05 .out-ul{
margin:8% auto;
width:90%;
}

 /* *************** */
}


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

#block05 .out-ul li{
font-size:13px;
}

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */

#block05 .out-ul li div:first-child{
width:30%;
}

#block05 .out-ul li div:nth-of-type(2){
width:68%;
}

#block05 .out-ul li{margin:3% auto; padding:0 2%;}

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


 /* *************** */
}