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

/* ************************************************************
interior
************************************************************ */

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


#block01 h2{
margin:0 auto 2%;
width:100%;
}

#block01 h2 span{
background:#000;
font-size:20px;
color:#fff;
padding:1% 2%;
letter-spacing: 0.05em;
line-height:3;
}

#block01 p{
margin:0 auto;
width:100%;
max-width:800px;
font-size:15px;
color:#000;
padding:1% 2%;
line-height:1.5;
letter-spacing: 0.05em;
}

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


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

#block01{
margin:10% auto;
padding:0 5%
}

#block01 h2{margin:0 auto 5%;}

#block01 h2 span{
font-size:18px;
padding:2% 3%;
}

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


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

#block01{
margin:15% auto;
}

#block01 h2{margin:0 auto 6%;}


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


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


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

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


#block01 h2 span{
font-size:14px;
line-height:1.6;
padding:2% 5%;
}
#block01 p{
font-size:13px;
}

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


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


/* ************************************************************
block02
************************************************************ */
#block02{
margin:5% auto 10%;
width:100%;
background-color:#c3c3c3;
position:relative
}

#block02 h2{
margin:0 auto;
width:100%;
padding:5% 0 3%;
}

#block02 h2 span{
margin:0 auto;
font-size:20px;
color:#000;
padding:0.5% 1.5%;
line-height:1.5;
letter-spacing: 0.05em;
border-bottom:2px solid #000;
}

#block02 ul{
margin:0 auto;
padding:1% 1% 8%;
width:100%;
max-width:1100px;
display:flex;
flex-flow: row wrap;

}

#block02 ul li{
margin:0 auto;
width:50%;
padding:1.5% 0;
z-index: 1;
position:relative

}

#block02 .mark{
margin:auto;
position:absolute;
bottom:-40px;
right:10%;
max-width:800px;

}

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

#block02 .mark{
right:0;
width:30%;
}


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


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


#block02 h2{
padding:10% 0 3%;
}

#block02 ul{
padding:1% 5% 12%;
}

#block02 ul li{
margin:0 auto;
width:50%;
padding:1% 2%;
z-index: 1;
}
 /* *************** */
}


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



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


/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */
#block02{
margin:5% auto 20%;
}

#block02 h2 span{
font-size:20px;
line-height:2.5;
}

#block02 ul{
padding:1% 1% 8%;
display:block;
}

#block02 ul li{
margin:1% auto;
width:60%;
}

#block02 .mark{
width:50%;
}
 /* *************** */
}


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

#block02 ul li{width:85%;}

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

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */
#block02{
margin:5% auto 25%;
}
#block02 h2{padding:10% 2% 5%}
#block02 h2 span{
font-size:18px;
}

#block02 ul{
padding:1% 1% 12%;
display:block;
}

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


 /* *************** */
}
/* ************************************************************
WINDOW
************************************************************ */

#block-window{
margin:5% auto;
width:100%;
display:flex;
justify-content: space-between;
align-items: center;
flex-flow:row nowrap;
max-width:1200px;
}

#block-window .left{
margin:0 auto;
width:50%;
}

#block-window .right{
margin:0 auto;
width:50%;
text-align: left;
padding-left:5%;
font-size:16px;
}

#block-window .right span{font-weight:bold;}

.window-caution{
margin:-5% auto 10%;
width:100%;
max-width:800px;
font-size:14px;
line-height:1.5;
}

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

#block-window{padding:0 5%;}
#block-window .right{font-size:14px;}

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

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



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

#block-window{padding:0 5% 8%;}

.window-caution{
width:90%;
font-size:12px;
}
 /* ---------------------------------- */
}

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

#block-window{
margin:5% auto;
display:block;
}

#block-window .left{width:85%;}

#block-window .right{
margin:5% auto;
width:80%;
text-align: left;
padding-left:0;
font-size:14px;
}

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

/* ******************************************* */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
#block-window .left{width:90%;}

#block-window .right{
margin:10% auto;
width:90%;
font-size:13px;
}
.window-caution{font-size:10px;}


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

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




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


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