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

concept

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

#sub_visual .sv{
width:100%;
object-fit: cover;
object-position: center right;
}

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

.title-box{
margin:auto;
position:absolute;
width:100%;
top:120px;
left:-400px;
}

.title-box h1 img{
width:30%;
}

.title-box h2{
margin:0.5% auto 0;
width:100%;
padding-left:35.2%;
font-size:14px;
letter-spacing: 0.08em;
text-align: justify
}


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



.title-box{
left:-200px;
}

.title-box h2{
margin:1.5% auto 0;
}
 /* *************** */
}

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

.title-box{top:120px;}
.title-box h1 img{width:31%;}

.title-box h2{
padding-left:34.5%;
}

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

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

.title-box h1 img{width:37%;}

.title-box{
top:100px;
left:-330px;
}

.title-box h2{
padding-left:31.5%;
}

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */
.title-box{top:100px;}

#sub_visual .sv{
object-position:0px;
}

.title-box h1 img{width:45%}

.title-box{
top:65px;
left:-200px;
}

.title-box h2{
padding-left:27.8%;
line-height:1.7;
}
 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth900(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 900px) {
 /* ************** */
	#sub_visual .sv{object-position:-60px}
	/* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth800(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 800px) {
 /* ************** */
	#sub_visual .sv{object-position:-160px}
.title-box{top:70px;}

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

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

.title-box{top:90px;}
.title-box h1 img{width:50%;}

.title-box h2{
padding-left:25.3%;
}
#sub_visual .sv{object-position:-170px}

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

/* ▼▼▼▼▼▼▼▼MaxWidth680(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 680px) {
 /* ************** */
	#sub_visual .sv{object-position:-270px}
	/* *************** */
}

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

.title-box{top:100px;}
.title-box h1 img{width:55%;}
	#sub_visual .sv{object-position:-300px}

.title-box{
top:80px;
left:-180px;
}

.title-box h2{
padding-left:22.5%;
font-size:12px;
}

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

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

.title-box{top:100px;}
.title-box h1 img{width:55%;}
	#sub_visual .sv{object-position:-340px}

.title-box{
top:80px;
left:-150px;
}

.title-box h2{
padding-left:22.5%;
font-size:12px;
}

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

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */
	
.title-box{
top:65px;
left:-110px;
}
#sub_visual .sv{object-position:-270px}
.title-box h1 img{width:60%;}

.title-box h2{
padding-left:20%;
font-size:10px;
}
 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth380(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 380px) {
 /* ************** */
#sub_visual .sv{object-position:-300px}


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


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

タイトル部分

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

.head-title{
margin:6% auto 2%;
width:70%;
padding:0 10%;
}

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

.head-title{width:80%;}

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

.head-title{width:90%;}

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


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

.head-title{
padding:2% 10%;
}

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


/* ▼▼▼▼▼▼▼▼MaxWidth600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */
.head-title{width:100%;}


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

.head-title{
padding:2% 7%;
}

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


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

block01

*****************************************************/
#block01{
margin:2% auto;
width:100%;
padding:2% 15% 5%;
background:#fff1f1;
text-align: center;
}

#block01 div:nth-of-type(odd){
margin:-5% 0 0 0;
text-align: left;
position:relative;
}
#block01 div:first-of-type{
margin-top:5%;
}


#block01 div:nth-of-type(odd) p{
display:inline-block;
vertical-align: bottom
}

#block01 div:nth-of-type(odd) p:nth-of-type(2){
width:600px;
padding:0 2% 1%;
font-size:18px;
border-bottom:5px dotted #f7c6bd;
letter-spacing: 0.07em;
color:#4d4d4d;
}

#block01 div:nth-of-type(even){
margin:-5% 0 0 20%;
text-align: right;
position:relative;
}

#block01 div:nth-of-type(even) p{
display:inline-block;
vertical-align: bottom
}

#block01 div:nth-of-type(even) p:nth-of-type(1){
width:600px;
padding:0 2% 1%;
font-size:18px;
border-bottom:5px dotted #fed087;
letter-spacing: 0.07em;
color:#4d4d4d;
}

/*マーカー*/
#block01 span{
background: linear-gradient(transparent 60%, #ffff66 60%);
}


/*個別調整*/
#block01 div:nth-of-type(5),
#block01 div:nth-of-type(13)
{margin:4% 0 0 0;}

#block01 div:nth-of-type(7),
#block01 div:nth-of-type(11)
{margin:2% 0 0 0;}

#block01 div:nth-of-type(9),
#block01 div:nth-of-type(15),
#block01 div:nth-of-type(17),
#block01 div:nth-of-type(19),
#block01 div:nth-of-type(23)
{margin:0 0 0 0;}

#block01 div:nth-of-type(21){margin:6% 0 0 0;}




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

#block01{
padding:2% 10%;
}

#block01 div:nth-of-type(odd) p:nth-of-type(2),
#block01 div:nth-of-type(even) p:nth-of-type(1){
font-size:16px;
}

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1200(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1200px) {
 /* ************** */
#block01{
padding:1% 5% 8%;
}
#block01 div:nth-of-type(odd) p:nth-of-type(2),
#block01 div:nth-of-type(even) p:nth-of-type(1){
width:500px;
font-size:16px
}

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */
#block01{
padding:1% 5% 5%;
}

#block01 div:nth-of-type(even){
margin:-4% 0 0 20%;
}


#block01 div:nth-of-type(odd) p:nth-of-type(2),
#block01 div:nth-of-type(even) p:nth-of-type(1){
width:400px;
}
#block01 div:nth-of-type(odd) p:nth-of-type(1),
#block01 div:nth-of-type(even) p:nth-of-type(2){
text-align: center;
}

#block01 div:nth-of-type(odd) p:nth-of-type(1) img,
#block01 div:nth-of-type(even) p:nth-of-type(2) img{
width:80%;
text-align: center;
}



/*個別調整*/
#block01 div:nth-of-type(5),
#block01 div:nth-of-type(13)
{margin:6% 0 0 0;}

#block01 div:nth-of-type(7),
#block01 div:nth-of-type(11)
{margin:4% 0 0 0;}

#block01 div:nth-of-type(9),
#block01 div:nth-of-type(15),
#block01 div:nth-of-type(17),
#block01 div:nth-of-type(19),
#block01 div:nth-of-type(23)
{margin:2% 0 0 0;}

#block01 div:nth-of-type(21){margin:8% 0 0 0;}

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


/* ▼▼▼▼▼▼▼▼MaxWidth790(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 790px) {
 /* ************** */
#block01{
padding:1% 3% 8%;
}
#block01 div:nth-of-type(odd) p:nth-of-type(2),
#block01 div:nth-of-type(even) p:nth-of-type(1){
width:50%;
}

#block01 div:nth-of-type(odd) p:nth-of-type(2),
#block01 div:nth-of-type(even) p:nth-of-type(1){
font-size:14px
}
/*個別調整*/
#block01 div:nth-of-type(5),
#block01 div:nth-of-type(13)
{margin:8% 0 0 0;}

#block01 div:nth-of-type(7),
#block01 div:nth-of-type(11)
{margin:6% 0 0 0;}

#block01 div:nth-of-type(9),
#block01 div:nth-of-type(15),
#block01 div:nth-of-type(17),
#block01 div:nth-of-type(19),
#block01 div:nth-of-type(23)
{margin:4% 0 0 0;}

#block01 div:nth-of-type(21){margin:10% 0 0 0;}

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


/* ▼▼▼▼▼▼▼▼MaxWidth600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */
#block01{
padding:1% 3% 5%;
}
	
#block01 div:nth-of-type(odd){
margin:8% auto;
text-align: left;
position:relative;
}

#block01 div:nth-of-type(even){
margin:8% 0 0;
text-align: right;
position:relative;
}
#block01 div:nth-of-type(odd) p:nth-of-type(1),#block01 div:nth-of-type(even) p:nth-of-type(2){
width:20%;}
 
	
#block01 div:nth-of-type(odd) p:nth-of-type(2),
#block01 div:nth-of-type(even) p:nth-of-type(1){
font-size:13px;
width:70%;
}
	
#block01 div:nth-of-type(odd) p:nth-of-type(1) img,
#block01 div:nth-of-type(even) p:nth-of-type(2) img{
width:100%;
text-align: center;
}
	/* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */

#block01 div:nth-of-type(odd) p:nth-of-type(2),
#block01 div:nth-of-type(even) p:nth-of-type(1){
font-size:12px;
}

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


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