@charset "UTF-8";

#sell #main_bg_top {
	background: url(/moetaku/_assets/images/interview/p_main_interview_bg.webp) repeat-x center top 0px;
	height:380;
}

#sell #main_bg {
	background: #d9e1ec;
	height:380px;
}

#sell #main_visual {
	background: url(/moetaku/_assets/images/interview/p_main_interview.webp) no-repeat center top 0px;
	height:380px;
}

#sell #main_visual_1 {
	background: url(/moetaku/_assets/images/interview/p_main_interview_1.webp) no-repeat center top 0px;
	height:380px;
}
#sell #main_visual_2 {
	background: url(/moetaku/_assets/images/interview/p_main_interview_2.webp) no-repeat center top 0px;
	height:380px;
}
#sell #main_visual_3 {
	background: url(/moetaku/_assets/images/interview/p_main_interview_3.webp) no-repeat center top 0px;
	height:380px;
}
#sell #main_visual_4 {
	background: url(/moetaku/_assets/images/interview/p_main_interview_4.webp) no-repeat center top 0px;
	height:380px;
}
#sell #main_visual_5 {
	background: url(/moetaku/_assets/images/interview/p_main_interview_5.webp) no-repeat center top 0px;
	height:380px;
}
#sell #main_visual_6 {
	background: url(/moetaku/_assets/images/interview/p_main_interview_6.webp) no-repeat center top 0px;
	height:380px;
}
#sell #main_visual_7 {
	background: url(/moetaku/_assets/images/interview/p_main_interview_7.webp) no-repeat center top 0px;
	height:380px;
}

.inaba	{
	font-weight:700;
	font-size:16px;
	color:#fb4d7e;
	margin-left:150px;	
	margin-right:70px;	
	margin-top:30px;
	line-height:1.5em
	}
.customer	{
	margin-left:150px;
	margin-top:30px;
	font-size:16px;
	margin-right:70px;	
	line-height:1.5em
	
	}
.customer a{
	color:#0088c5;
	text-decoration: underline;
	
	}

.pic01	{float:right;
	background-color:#f0f3f8;
	margin-left:50px;
	margin-top:30px;
	font-size:16px;
	margin-right:70px;
	padding:20px;
	text-align:center !important;

	}

.pic02	{
	background-color:#f0f3f8;
	margin-left:150px;
	margin-top:30px;
	font-size:16px;
	margin-right:70px;
	padding:20px;
	text-align:center !important;
	}


.another	{
	margin-left:100px;
	margin-top:10px;
	font-size:16px;
	margin-right:70px;
	width:100%;
	line-height:1.8em
}

.other_i{

	width:100%;
	background:#8e8e8e;
	padding:10px;
	color:#ffffff;
	font-size:40px !important;

}

.w200_2block	{
	width:250px;
	}

.w200	{
	width:200px;
	}
	
.w250	{
	width:250px;
	}
.w290	{
	width:290px;
	}
	
.w300	{
	width:300px;
	margin-right:10px;
	margin-bottom:50px !important;
	}
.w350	{
	width:350px;
	}
.w20	{width:25%;}
.w80	{width:70%;}


.bdg	{
	border-bottom:2px dotted #aaaaaa;
	width:80%;
	}

.imar30	{margin-right:30px;}
.mtb	{margin-top:10px;margin-bottom:10px;}	
.f_dgray          { color: #959595 !important;}
.mmatm35	{margin-top:-35px !important;}
.mmat100	{margin-top:-100px !important;
	}
.mmat80	{margin-top:-20px !important;
	}
.mmar10	{margin-right:10px !important;}

@media (max-width: 768px) {

	#sell #main_bg {
	height:auto;
	}
	
	#sell #main_bg_top {
	background:none;
	}
	
	
	#sell #main_visual {
		background: url(/moetaku/_assets/images/interview/p_main_interview_sp.webp) no-repeat center top 0px;
		background-size: 100%;
	height:auto;
	}
	#sell #main_visual_1 {
		background: url(/moetaku/_assets/images/interview/p_main_interview_sp_1.webp) no-repeat center top 0px;
		background-size: 100%;
	}
	#sell #main_visual_2 {
		background: url(/moetaku/_assets/images/interview/p_main_interview_sp_2.webp) no-repeat center top 0px;
		background-size: 100%;
	}
	#sell #main_visual_3 {
		background: url(/moetaku/_assets/images/interview/p_main_interview_sp_3.webp) no-repeat center top 0px;
		background-size: 100%;
	}
	#sell #main_visual_4 {
		background: url(/moetaku/_assets/images/interview/p_main_interview_sp_4.webp) no-repeat center top 0px;
		background-size: 100%;
	}
	#sell #main_visual_5 {
		background: url(/moetaku/_assets/images/interview/p_main_interview_sp_5.webp) no-repeat center top 0px;
		background-size: 100%;
	}
	#sell #main_visual_6 {
		background: url(/moetaku/_assets/images/interview/p_main_interview_sp_6.webp) no-repeat center top 0px;
		background-size: 100%;
	}
	#sell #main_visual_7 {
		background: url(/moetaku/_assets/images/interview/p_main_interview_sp_7.webp) no-repeat center top 0px;
		background-size: 100%;
	}
	
	
.inaba	{
	font-weight:700;
	font-size:16px;
	color:#fb4d7e;
	margin-left:0px;	
	margin-right:0px;	
	margin-top:30px;
	}
.customer	{
	margin-left:0px;
	margin-top:30px;
	font-size:16px;
	margin-right:0px;	
	
	}

.pic01	{float:none;
	background-color:#f0f3f8;
	margin-left:0px;
	margin-top:30px;
	font-size:16px;
	margin-right:0px;
	padding:20px;
	text-align:left !important;
	width:100%;

	}
.pic02	{
	background-color:#f0f3f8;
	margin-left:0px;
	margin-top:30px;
	font-size:16px;
	margin-right:0px;
	padding:20px;
	text-align:left !important;
	vertical-align: middle !important;
	
	}

.another	{
	margin-left:10px;
	margin-top:10px;
	font-size:12px;
	margin-right:0px;
	width:100%;
	line-height:1.8em
}

.another img	{
    margin-top: calc(100% - 105px);
}

.other_i{
	font-size:24px !important;
	margin-bottom:-20px !important;

}

.w200_2block	{
	width:48%;
	}

.w250	{
	width:100%;
	}

.w290	{
	width:100%;
	margin-bottom:5px;
	}

.w300	{
	width:100%;
	margin-bottom:5px !important;
	margin-right:0;
	}
.w350	{
	width:100%;
	}
	

.w20	{width:35%;}
.w80	{width:60%;}


.bdg	{
	border-bottom:2px dotted #aaaaaa;
	width:95%;
	}

.imar30	{
	margin-right:10px;
	}
.mtb	{
	margin-top:5px;margin-bottom:5px;
	}	

.mmatm30	{margin-top:-30px !important;
	}
.mmat100	{margin-top:100px !important;
	}
.mmat130	{margin-top:130px !important;
	}
.mmatm35	{margin-top:-43px !important;}
.mmat80 	{margin-top:130px !important;}
.mmar10	{margin-right:0px !important;}

}


.c-heading-h2 {
	margin-left:150px;	
	margin-right:70px;	
	margin-top:30px;
	padding-bottom:20px !important;
  border-top: 5px solid #e5e5e5;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.4;
  position: relative;
}
.c-heading-h2:before {
  content: "";
  display: block;
  width: 50px;
  border-top: 5px solid #13b5b1;
  position: absolute;
  top: -5px;
  left: 0;
}


@media (max-width: 767px) {
  .c-heading-h2 {
    font-size: 2.6rem;
	margin-left:0px;	
	margin-right:0px;	
	margin-top:-20px;  }
}


.c-heading-h3 {
	margin-left:150px;	
	margin-right:150px;	
	margin-top:-60px !important;
	padding-bottom:0px !important;
  border-top: 5px solid #e5e5e5;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.4;
  position: relative;
}
.c-heading-h3:before {
  content: "";
  display: block;
  width: 50px;
  border-top: 5px solid #13b5b1;
  position: absolute;
  top: -5px;
  left: 0;
}


@media (max-width: 767px) {
  .c-heading-h3 {
    font-size: 2.6rem;
	margin-left:0px;	
	margin-right:0px;	
	margin-top:20px !important;  }
}




/* パンくずリスト */
#dir_path2 {
    background: #fff;
}
#dir_path2 section {
    padding: 6px 0;
}
#dir_path2 section ol {
    width: 100%;

}
#dir_path2 section ol li {
    float: left;
    width: auto;
    padding-right: 7px;
    line-height: 2;
}
#dir_path2 section ol li:after {
    display: inline-block;
    content: ">";
}
#dir_path2 section ol li:last-child:after {
    content: "";
}
#dir_path2 section ol li a {
    display: inline-block;
    width: auto;
    color: #577ad9;
    margin-right: 7px;
}
@media (max-width: 768px) {
    #dir_path2 section {
        padding: 3px 0;
        margin-top:-120px !important;
    }
    #dir_path2 section ol {
        padding-left: 5px;
    }
    #dir_path2 section ol li  {
        font-size: 85%;
    }
}




.ojigi {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 20px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 20px;
  background: #fff1f7;
  border-radius: 15px;
  text-align:left;
  margin-top:-150px;
  margin-left:470px;
}

.ojigi:before {
content: "";
  position: absolute;
  top: 50%;
  left: -28px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #fff1f7;
  z-index: 0;}

.ojigi p {
  margin: 0;
  padding: 0;
}

.illust
{
 position: absolute;
 background: url(/moetaku/_assets/images/interview/i_moe1.webp) no-repeat top;
 height:220px;
 width:220px;
 margin-top:-200px;
 margin-left:200px;
 background-size: 100%;

}

@media (max-width: 768px) {


.ojigi {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 20px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #fff1f7;
  border-radius: 15px;
  text-align:left;
  margin-top:-30px;
  margin-left:0px;
}

.ojigi:before {
content: "";
  position: absolute;
  top: 100%;
  left: 45%;
  margin-top: 0px;
  border: 20px solid transparent;
  border-top: 15px solid #fff1f7;
  z-index: 0;}



.illust
{
 position: absolute;
 background: url(/moetaku/_assets/images/interview/i_moe1.webp) no-repeat top;
 height:150px;
 width:150px;
 margin-top:0px;
 margin-left:25%;
 background-size: 100%;

}


}



.interview1 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 20px;
  min-width: 120px;
  max-width: 100%;
  color:#fb4d7e;
  font-size: 16px;
  background: #fff1f7;
  border-radius: 15px;
  text-align:left;
  margin-top:30px;
  margin-left:550px;
}

.interview1:before {
content: "";
  position: absolute;
  top: 50%;
  left: -28px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #fff1f7;
  z-index: 0;}

.interview1 p {
  margin: 0;
  padding: 0;
}

.illust1
{
 position: absolute;
 background: url(/moetaku/_assets/images/interview/i_moe1.webp) no-repeat top;
 height:200px;
 width:200px;
 margin-top:-150px;
 margin-left:300px;
 background-size: 100%;

}
.illust2
{
 position: absolute;
 background: url(/moetaku/_assets/images/interview/i_moe2.webp) no-repeat top;
 height:250px;
 width:250px;
 margin-top:-160px;
 margin-left:250px;
 background-size: 100%;

}
.illust3
{
 position: absolute;
 background: url(/moetaku/_assets/images/interview/i_moe4.webp) no-repeat top;
 height:200px;
 width:200px;
 margin-top:-140px;
 margin-left:300px;
 background-size: 100%;

}

@media (max-width: 768px) {


.interview1 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 20px 15px;
  min-width: 120px;
  max-width: 100%;
  color:#fb4d7e;
  font-size: 16px;
  background: #fff1f7;
  border-radius: 15px;
  text-align:left;
  margin-top:-30px;
  margin-left:5%;
}

.interview1:before {
content: "";
  position: absolute;
  top: 100%;
  left: 45%;
  margin-top: 0px;
  border: 20px solid transparent;
  border-top: 15px solid #fff1f7;
  z-index: 0;}



.illust1
{
 position: absolute;
 background: url(/moetaku/_assets/images/interview/i_moe1.webp) no-repeat top;
 height:150px;
 width:150px;
 margin-top:0px;
 margin-left:20%;
 background-size: 100%;
 clear:both;

}

.illust2
{
 position: absolute;
 background: url(/moetaku/_assets/images/interview/i_moe2.webp) no-repeat top;
 height:150px;
 width:150px;
 margin-top:0px;
 margin-left:20%;
 background-size: 100%;
 clear:both;

}
.illust3
{
 position: absolute;
 background: url(/moetaku/_assets/images/interview/i_moe4.webp) no-repeat top;
 height:150px;
 width:150px;
 margin-top:0px;
 margin-left:20%;
 background-size: 100%;
 clear:both;

}


}