@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;800&display=swap');

header{ display: none;}
footer{ display: none;}
.pagetop{ display: none;}

body{ background: url(/lib/images/interview/bg01.png) no-repeat center top #f7f2ec; margin:0 0 0 0;  }
body a{ text-decoration: none; }
body a:hover{ opacity: 0.7; }
body#iv_index{ background: url(/lib/images/interview/index_bg01.jpg) no-repeat center top #f7f2ec;  }
#container{ width: 1162px; margin: 0 auto; font-feature-settings: "palt"; font-family: 'Noto Sans JP', sans-serif; }
br.sp{ display: none;}

/* header */
#iv_header{ padding: 50px 0 0 0; }
#iv_header h1{ display: block; font-size: 0; line-height: 0; margin: 0 0 45px 0; }
#iv_header #ivh_ttl{ display: table; width: 100%; margin: 0 0 45px 0; }
#iv_header #ivh_ttl #ivh_ttl_img{ display: table-cell; vertical-align: middle; width: 500px; }
#iv_header #ivh_ttl #ivh_ttl_txt{ display: table-cell; vertical-align: middle; padding: 0 0 0 70px; }
#iv_header #ivh_ttl #ivh_ttl_txt .vol_icon{ display:inline-block; margin: 0 0 10px 0; color: #FFF; background: #6f7d4d; font-size: 32px; line-height: 34px; letter-spacing: 3px; padding:9px 15px 14px;  }
#iv_header #ivh_ttl #ivh_ttl_txt .profile_name01{ display:block; margin: 0 0 0px 0; color: #6f7d4d; font-size: 60px; }
#iv_header #ivh_ttl #ivh_ttl_txt .profile_name01 span{ font-size: 24px; }
#iv_header #ivh_ttl #ivh_ttl_txt .profile_name01 em{ font-style: normal; font-size: 24px; }
#iv_header #ivh_ttl #ivh_ttl_txt .profile_name02{ display:block; margin: 0 0 0 0; font-size:30px; }

#iv_meta{ margin: 0 0 80px 0; }
#iv_meta .lead_txt01{ display: block; text-align: center; margin: 0 0 40px 0; font-size: 30px; }
#iv_meta .pagenav{ display: block; text-align: center; letter-spacing: -.4em; }
#iv_meta .pagenav p{ display:inline-block; text-align: center; letter-spacing: 1px; margin: 0 15px 0; }
#iv_meta .pagenav p a{ display:block; color:#ba905e; font-size: 24px; font-weight:400; padding: 3px 18px 8px; position: relative; border: 2px solid #ba905e; background: #FFF; }
#iv_meta .pagenav .prev{ width: 164px; }
#iv_meta .pagenav .prev a{ padding-left: 40px; }
#iv_meta .pagenav .prev a::before{ content: ""; margin: auto; position: absolute; top: 0; bottom: 0; left: 10%; width: 9px; height: 9px; border-top: 3px solid #ba905e;  border-right: 3px solid #ba905e; transform: rotate(225deg);    }
#iv_meta .pagenav .next{ width: 164px; }
#iv_meta .pagenav .next a{ padding-right: 40px; }
#iv_meta .pagenav .next a::before{ content: ""; margin: auto; position: absolute; top: 0; bottom: 0; right: 10%; width: 9px; height: 9px; border-top: 3px solid #ba905e;  border-right: 3px solid #ba905e; transform: rotate(45deg);    }

#iv_body{ margin: 0 0 60px 0; }

#iv_profile{ margin: 0 0 60px 0; clear: both; }
#iv_profile h3{ display: block; margin: 0 0 30px 0; font-size: 32px; font-weight: 700; border-bottom: 2px solid #6f7d4d; color: #6f7d4d; padding: 0 0 10px 0; }
#iv_profile .profile_body{ display: table; width: 100%; margin: 0 0 25px 0; color: #333; }
#iv_profile .profile_body .profile_body_img{ display: table-cell; vertical-align: middle; width:75px; }
#iv_profile .profile_body .profile_body_img img{ width:100%; }
#iv_profile .profile_body .profile_body_txt{ display: table-cell; vertical-align: top; padding: 0 0 0 20px; }
#iv_profile .profile_body .profile_body_txt .profile_name01{ display:block; margin: 0 0 5px 0; font-size:24px; font-weight: 700; }
#iv_profile .profile_body .profile_body_txt .profile_name02{ display:block; margin: 0 0 0px 0; font-size:20px; }
#iv_profile .intetview_author{ display:block; margin:50px 0 0px 0; font-size:20px; font-weight: 400; }

#iv_bn{ margin: 0 0 100px 0; clear: both; }
#iv_bn h3{ display: block; margin: 0 0 30px 0; font-size: 32px; font-weight: 700; border-bottom: 2px solid #6f7d4d; color: #6f7d4d; padding: 0 0 10px 0; }
#iv_bn .bn_body{ display: table; width: 100%; margin: 0 0 25px 0; color: #333; }
#iv_bn .bn_body .bn_img{ display: table-cell; vertical-align: middle; width:75px; }
#iv_bn .bn_body .bn_img img{ width:100%; }
#iv_bn .bn_body .bn_icon{ display: table-cell; vertical-align: middle; padding: 0 0 0 25px; width:140px; box-sizing: border-box; }
#iv_bn .bn_body .bn_icon p{ display:inline-block; margin: 0 0 0 0; color: #FFF; background: #6f7d4d; font-size:20px; line-height:22px; letter-spacing:1px; padding:8px 15px 10px; }
#iv_bn .bn_body .bn_name{ display: table-cell; vertical-align: middle; font-size:24px; font-weight: 400; }

/* footer */
#iv_footer{ padding: 0 0 0 0; }
#iv_footer .iv_wrap{ padding: 0 0 0 0; width: 1162px; margin: 0 auto; font-feature-settings: "palt"; font-family: 'Noto Sans JP', sans-serif; position: relative; }
#iv_footer #iv_footer01{ padding: 0 0 0 0; background: #c5c9b9; }
#iv_footer #iv_footer01 a{ color: #333; }
#iv_footer #iv_footer01 a:hover{ opacity: 0.7; text-decoration: none; }
#iv_footer #iv_footer01 .iv_footer01_body{ display: table; }
#iv_footer #iv_footer01 .iv_footer01_body h2{ display: table-cell; vertical-align: middle; font-size: 28px; line-height: 32px; letter-spacing: 1px; font-weight: 400; }
#iv_footer #iv_footer01 .iv_footer01_body ul{ display: table-cell; vertical-align: middle; padding:41px 0 41px 30px; }
#iv_footer #iv_footer01 .iv_footer01_body ul li{ display:inline-block; margin: 0 10px 0 0; }
#iv_footer #iv_footer02{ padding: 0 0 0 0; background: #6f7d4d; text-align: center; color: #FFF; font-size: 16px; letter-spacing: 1px; line-height: 60px; }
#iv_footer .iv_wrap .iv_pagetop{ position: absolute; right: 0px; top: -30px; }


/* INDEX */

/* INDEX header */
#iv_index_header{ padding:230px 0 0 0; box-sizing: border-box; height: 700px; }
#iv_index_header h1{ display: block; font-size: 0; line-height: 0; margin: 0 0 45px 0; }
#iv_index_header h1 img{  width: 64.058469475%; }

/* INDEX body */
#iv_index_body{ padding:75px 0 30px 0; }
#iv_index_body .lead_txt01{ display: block; text-align: center; margin: 0 0 40px 0; font-size: 30px; }
#iv_index_body #iv_index_entry{ margin: 0 0 50px 0; }
#iv_index_body #iv_index_entry::after { content: ""; display: block; clear: both; }
#iv_index_body #iv_index_entry .index_box01{ margin: 0 38px 38px 0; box-sizing: border-box; width: 560px; background:url(/lib/images/interview/box_bg01.png) no-repeat left top #FFF; border: 1px solid #c39e72; float: left; }
#iv_index_body #iv_index_entry .index_box01:nth-of-type(2n){ margin: 0 0 38px 0; }
#iv_index_body #iv_index_entry .index_box01 .thumbbox{ margin: 0 0 15px 0; font-size: 0; line-height: 0; }
#iv_index_body #iv_index_entry .index_box01 .thumbbox img{ width: 100%; }
#iv_index_body #iv_index_entry .index_box01 .vol_icon{ display:inline-block; margin: 0 0 20px 0; color: #FFF; background: #6f7d4d; font-size:20px; line-height:29px; letter-spacing: 3px; font-weight: 700; padding:5px 13px 7px 15px;  }
#iv_index_body #iv_index_entry .index_box01 .profile_name01{ display:block; margin: 0 0 0px 0; color: #6f7d4d; font-size:32px; line-height: 38px; font-weight: 700; }
#iv_index_body #iv_index_entry .index_box01 .profile_name01 span{ font-size: 22px; }
#iv_index_body #iv_index_entry .index_box01 .profile_name01 em{ font-style: normal; font-size: 24px; }
#iv_index_body #iv_index_entry .index_box01 .profile_name02{ display:block; margin: 0 0 0 0; font-size:20px; color: #333; }
#iv_index_body #iv_index_entry .index_box01 a{ display: block; padding: 40px 40px 35px; }
#iv_index_body #iv_index_entry .index_box01 a:hover{ opacity: 0.8; text-decoration: none; }


@media screen and ( max-width:767px) {

	body{ background:none;  }
	#container{ width: 100%; margin: 0 auto; background: url(/lib/images/interview/bg01sp.png) no-repeat center top #f7f2ec; background-size: 100% auto; }
	br.sp{ display: inline;}

	/* header */
	#iv_header{ padding: 0 0 35px 0; }
	#iv_header h1{ display: block; margin: 0 0 0 0; }
	#iv_header h1 img{ width: 100%; }
	#iv_header #ivh_ttl{ display: block; margin: 0 0 0 0; box-sizing: border-box; padding: 0 3% 0; }
	#iv_header #ivh_ttl #ivh_ttl_img{ display: block; width: 100%; margin: 0 0 25px 0; }
	#iv_header #ivh_ttl #ivh_ttl_img img{ width: 100%; }
	#iv_header #ivh_ttl #ivh_ttl_txt{ display: block; padding: 0 0 0 0; }
	#iv_header #ivh_ttl #ivh_ttl_txt .vol_icon{ display:inline-block; margin: 0 0 10px 0; font-size:22px; line-height:24px; letter-spacing:2px; padding:5px 15px 7px;  }
	#iv_header #ivh_ttl #ivh_ttl_txt .profile_name01{ display:block; margin: 0 0 0px 0; font-size:30px; font-weight: 700; }
	#iv_header #ivh_ttl #ivh_ttl_txt .profile_name01 span{ font-size: 20px; }
	#iv_header #ivh_ttl #ivh_ttl_txt .profile_name01 em{ font-style: normal; font-size: 20px; }
	#iv_header #ivh_ttl #ivh_ttl_txt .profile_name02{ display:block; margin: 0 0 0 0; font-size:20px; }
	
	#iv_meta{ margin: 0 0 30px 0; padding: 0 3% 0; }
	#iv_meta .lead_txt01{ margin: 0 0 30px 0; font-size:18px; line-height: 28px; text-align: left; }
	#iv_meta .pagenav{ display: block; }
	#iv_meta .pagenav p{ margin: 0 5px 0; }
	#iv_meta .pagenav p a{ font-size:16px; line-height:39px; padding: 0 10px 0; border: 2px solid #ba905e;  }
	#iv_meta .pagenav .prev{ width: 110px; }
	#iv_meta .pagenav .prev a{ padding-left: 25px; }
	#iv_meta .pagenav .prev a::before{ content: ""; margin: auto; position: absolute; top: 0; bottom: 0; left: 10%; width: 7px; height: 7px; border-top: 2px solid #ba905e;  border-right: 2px solid #ba905e; transform: rotate(225deg);    }
	#iv_meta .pagenav .next{ width: 110px; }
	#iv_meta .pagenav .next a{ padding-right: 25px; }
	#iv_meta .pagenav .next a::before{ content: ""; margin: auto; position: absolute; top: 0; bottom: 0; right: 10%; width: 7px; height: 7px; border-top: 2px solid #ba905e;  border-right: 2px solid #ba905e; transform: rotate(45deg);    }

	#iv_profile{ margin: 0 0 30px 0; padding: 0 3%; }
	#iv_profile h3{ margin: 0 0 20px 0; font-size:24px; border-bottom:1px solid #6f7d4d; padding: 0 0 8px 0; }
	#iv_profile .profile_body{ display: table; width: 100%; margin: 0 0 25px 0; }
	#iv_profile .profile_body .profile_body_img{ display: table-cell; vertical-align: top; width:65px; }
	#iv_profile .profile_body .profile_body_img img{ width:100%; }
	#iv_profile .profile_body .profile_body_txt{ display: table-cell; vertical-align: top; padding: 0 0 0 15px; }
	#iv_profile .profile_body .profile_body_txt .profile_name01{ font-size:20px; margin: 0 0 8px 0; }
	#iv_profile .profile_body .profile_body_txt .profile_name02{ margin: 0 0 0px 0; font-size:16px; }
	#iv_profile .intetview_author{ display:block; margin:30px 0 0px 0; font-size:16px;}
	
	#iv_bn{ margin: 0 0 0 0; padding: 0 3% 20px; }
	#iv_bn h3{ margin: 0 0 20px 0; font-size:24px; border-bottom:1px solid #6f7d4d; padding: 0 0 8px 0; }
	#iv_bn .bn_body{  display: table; width: 100%; margin: 0 0 25px 0; }
	#iv_bn .bn_body .bn_img{ display: table-cell; vertical-align: top; width:65px; }
	#iv_bn .bn_body .bn_img img{ width:100%; }
	#iv_bn .bn_body .bn_icon{ display: table-cell; vertical-align: top; padding: 0 0 0 15px; width:100px; }
	#iv_bn .bn_body .bn_icon p{ display:inline-block; font-size:16px; line-height:20px; letter-spacing:1px; padding:6px 12px 8px; margin: 15px 0 0 0; }
	#iv_bn .bn_body .bn_name{ display: table-cell; vertical-align: top; font-size:16px; font-weight: 700; }

	/* footer */
	#iv_footer{ padding: 0 0 0 0; }
	#iv_footer .iv_wrap{ padding: 0 1% 0 3%; width: 100%; box-sizing: border-box; margin: 0 auto; }
	#iv_footer #iv_footer01{ padding: 0 0 0 0; }
	#iv_footer #iv_footer01 .iv_footer01_body{ display: table; }
	#iv_footer #iv_footer01 .iv_footer01_body h2{ display: table-cell; vertical-align: middle; font-size:14px; line-height:24px; letter-spacing: 0px; }
	#iv_footer #iv_footer01 .iv_footer01_body ul{ display: table-cell; vertical-align: middle; padding:21px 0 21px 10px; }
	#iv_footer #iv_footer01 .iv_footer01_body ul li{ display:inline-block; margin: 0 3px 0 0; }
	#iv_footer #iv_footer01 .iv_footer01_body ul li img{ width: 31px; }
	#iv_footer #iv_footer02{ padding: 0 0 0 0; font-size: 10px; font-weight: 700; letter-spacing:0px; line-height: 40px; }
	#iv_footer .iv_wrap .iv_pagetop{ position: absolute; right: 15px; top:-50px; width: 11%; }
	#iv_footer .iv_wrap .iv_pagetop img{ width: 100%; width: 100%; }


	/* INDEX */

	/* INDEX header */
	#iv_index_header{ padding:0 0 0 0; box-sizing: border-box; height: auto; }
	#iv_index_header h1{ margin: 0 0 0 0; }
	#iv_index_header h1 img{  width:100%; }

	/* INDEX body */
	#iv_index_body{ padding:25px 0 30px 0; background: url(/lib/images/interview/index_bg01sp.jpg) no-repeat center top #f7f2ec; background-size: 100% auto; }
	#iv_index_body .lead_txt01{ text-align: center; margin: 0px 5% 20px; font-size: 19px; line-height: 32px; }
	#iv_index_body #iv_index_entry{ margin: 0 5% 50px; }
	#iv_index_body #iv_index_entry .index_box01{ margin: 0 0 20px 0; width: 100%; background:url(/lib/images/interview/box_bg01.png) no-repeat left top #FFF; background: 100% auto; float: none; }
	#iv_index_body #iv_index_entry .index_box01:nth-of-type(2n){ margin: 0 0 20px 0; }
	#iv_index_body #iv_index_entry .index_box01 .thumbbox{ margin: 0 0 15px 0; font-size: 0; line-height: 0; }
	#iv_index_body #iv_index_entry .index_box01 .vol_icon{ margin: 0 0 15px 0; font-size:16px; line-height:23px; letter-spacing:2px; padding:3px 13px 5px 15px;  }
	#iv_index_body #iv_index_entry .index_box01 .profile_name01{ font-size:22px; line-height: 36px; }
	#iv_index_body #iv_index_entry .index_box01 .profile_name01 span{ font-size: 16px; }
	#iv_index_body #iv_index_entry .index_box01 .profile_name01 em{ font-style: normal; font-size: 24px; }
	#iv_index_body #iv_index_entry .index_box01 .profile_name02{ display:block; margin: 0 0 0 0; font-size:14px; color: #333; }
	#iv_index_body #iv_index_entry .index_box01 a{ display: block; padding:20px 20px 20px; }

}


.post_content{ display: block; margin: 0 0 30px 0 ; } 
.post_content h3{ display: block; margin: 0 0 40px 0 ; font-size: 40px; color: #6f7d4d; letter-spacing: 1px; border-left: 8px solid #6f7d4d; padding: 1px 0 3px 25px; font-weight: normal; line-height: 42px; } 
.post_content .alignright{ margin: 0 0 50px 50px ; float: right; } 
.post_content .alignleft{ margin: 0 50px 50px 0 ; float: left; } 
.post_content .alignnone{ } 
.post_content p{ display: block; margin: 0 0 70px 0 ; font-size: 20px; line-height: 46px; letter-spacing: 2px; } 
.post_content .interviewimg01{ display: block; width: 800px; margin: 0 auto 15px ; } 
.post_content .interviewimg01cap{ display: block; width: 800px; margin: 0 auto 40px ; font-size: 16px; line-height: 28px; letter-spacing: 1px; } 
@media screen and ( max-width:767px) {
  .post_content{ margin: 0 0 30px 0; width: 100%; box-sizing: border-box; padding: 0 3% 0; } 
  .post_content h3{ margin: 0 0 20px 0 ; font-size:20px; border-left:4px solid #6f7d4d; padding: 1px 0 3px 15px; line-height: 30px; font-weight: 700; } 
  .post_content .alignright{ margin: 0 0 10px 0 ; width: 100%; float: none;  height: auto; } 
	.post_content .alignleft{ margin: 0 0 10px 0 ; width: 100%; float: none;  height: auto; } 
	.post_content .alignnone{ } 
	.post_content p{ display: block; margin: 0 0 40px 0 ; font-size:16px; line-height: 32px; letter-spacing: 1px; } 
  .post_content .interviewimg01{ display: block; width: 100%; margin: 0 auto 10px ; } 
  .post_content .interviewimg01 img{ width: 100%; height: auto;} 
  .post_content .interviewimg01cap{width: 100%; margin: 0 auto 20px ; font-size: 14px; line-height: 22px; letter-spacing: 1px; } 

}