@charset "UTF-8";

html { scroll-behavior: smooth;}

/* comment
---------------------------------------------------------------------------- */

.renew.sub .comment .cmn-mv-type01{
	background: url("/images/comment/comment_top_mv_bg.jpg")center center/cover no-repeat;
	margin-bottom: 0;
}
.renew.sub .comment .cmn-mv-type01 h1{
	background-image: none;
color:#fff;
	padding: 0 0 0 42px;
}
	@media screen and (max-width:767px) {
		.renew.sub .comment .cmn-mv-type01{
			background: url("/images/comment/comment_top_mv_bg_sp.jpg")center center/cover no-repeat;
		}
		.renew.sub .comment .cmn-mv-type01 h1{
			background-image: none;
			padding: 0 0 0 6.66vw;
		}
	}

/* top -------------------------------------------------------- */
.renew.sub .comment.top .pickup-wrap{
	padding-top: 80.4px;
}
	@media screen and (max-width:767px) {
		.renew.sub .comment.top .pickup-wrap{
			padding-top: 11.81vw;
		}
	}

.renew.sub .comment.top .pickup-wrap h2.h2-under-line{
	text-align: left;
	margin-bottom: 40px;
}
	@media screen and (max-width:767px) {
		.renew.sub .comment.top .pickup-wrap h2.h2-under-line{
			text-align: center;
			margin-bottom: 8.66vw;
		}
	}

	@media screen and (max-width:767px) {
		.list-tab-wrap{
			padding-left: 6.66vw;
			overflow: scroll;
            -ms-overflow-style: none;    /* IE, Edge 対応 */
            scrollbar-width: none;       /* Firefox 対応 */
        }
        .list-tab-wrap::-webkit-scrollbar{
            display:none;/* Chrome, Safari 対応 */
        }
	}

.renew.sub .comment .list-tab-wrap ul.list-tab{
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 1;
}
	@media screen and (max-width:767px) {
		.renew.sub .comment .list-tab-wrap ul.list-tab{
			justify-content: flex-start;
			width: 219.33vw;
		}
	}

.renew.sub .comment .list-tab-wrap ul.list-tab li{
	align-items: center;
	border: 1px solid #f7f8fa;
	border-bottom: 1px solid #ddd;
	background: #f7f8fa;
	display: flex;
	font-size: 15px;
	height: 54px;
	transition: .3s ease;
	justify-content: center;
	width: calc(25% - 20px);
	text-align: center;
}
	@media screen and (max-width:1300px) {
		.renew.sub .comment .list-tab-wrap ul.list-tab li{
			width: calc(25% - 1.53vw);
		}
	}
	@media screen and (max-width:767px) {
		.renew.sub .comment .list-tab-wrap ul.list-tab li{
			font-size: 4vw;
			height: 14.4vw;
			padding: 0 6.66vw;
			width: auto;
			margin-right: 4vw;
		}
		.renew.sub .comment .list-tab-wrap ul.list-tab li:last-child{
			margin-right: 0;
		}
		.renew.sub .comment .list-tab-wrap ul.list-tab li:first-child::before{
			border-bottom: 1px solid #fff;
			content: "";
			height: 0;
			position: absolute;
			bottom: 0;
			left: -8vw;
			width: 8vw;
		}
		.renew.sub .comment .list-tab-wrap ul.list-tab li:last-child::after{
			border-bottom: 1px solid #fff;
			content: "";
			height: 0;
			position: absolute;
			bottom: 0;
			right: 0;
			width: 10.2vw;
		}
	}

.renew.sub .comment .list-tab-wrap ul.list-tab li.current{
	color: #0071be;
	font-weight: bold;
	border: 1px solid #ddd;
	border-bottom: 1px solid #fff;
	background: #fff;
}
.renew.sub .comment .list-tab-wrap ul.list-tab li:not(.current):hover{
	background: #0071be;
	cursor: pointer;
	color: #fff;
}



.renew.sub .comment .list-detail-wrap{
	border-top: 1px solid #ddd;
	margin-top: -1px;
	padding-bottom: 120px;
}
	@media screen and (max-width:767px) {
        .renew.sub .comment .list-detail-wrap{
            padding-bottom: 6.66vw;
        }
	}


/*-4階層用-----------------------------------------*/
	.renew.sub .comment .list-detail-wrap2{
		margin-top: -1px;
		padding-bottom: 120px;
	}
		@media screen and (max-width:767px) {
	        .renew.sub .comment .list-detail-wrap2{
	            padding-bottom: 6.66vw;
	        }
		}
/*-4階層用-----------------------------------------*/
	

.renew.sub .comment .list-detail{
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition: opacity .5s ease;
	justify-content: space-between;
	flex-wrap: wrap;
}
	@media screen and (max-width:767px) {
		.renew.sub .comment .list-detail{
			display: block
		}
	}

.renew.sub .comment .list-detail.current{
	display: flex;
	height: auto;
	opacity: 1;

}
	@media screen and (max-width:767px) {
		.renew.sub .comment .list-detail.current{
			display: block
		}
	}

.renew.sub .comment .person-box{
	align-items: center;
	border-right: 1px solid #ddd;
	display: flex;
	flex-direction: column;
	margin-top: 60px;
	height: auto;
	padding: 10px 40px 18px;
	position: relative;
	width: calc(100% / 4);
}
	@media screen and (max-width:1300px) {
		.renew.sub .comment .person-box{
			padding: 10px 3.07vw 18px;
		}
	}
	@media screen and (max-width:767px) {
		.renew.sub .comment .person-box{
			border-right: none;
			border-bottom: 1px solid #ddd;
			margin: 13.33vw 6.66vw 0;
			padding: 0 0 13.33vw;
			width: auto;
		}
	}

.renew.sub .comment .pading{
	visibility: hidden;
	width: calc(100% / 4);
}
	@media screen and (max-width:767px) {
		.renew.sub .comment .pading{
			display: none;
		}
	}


.renew.sub .comment .person-box:nth-child(4n){
	border: none;
}
	@media screen and (max-width:767px) {
		.renew.sub .comment .person-box:nth-child(4n){
			border-bottom: 1px solid #ddd;
		}
	}

.renew.sub .comment .person-box figure{
	display: block;
	border-radius: 50%;
	overflow: hidden;
	height: 180px;
	width: 180px;
}
	@media screen and (max-width:1000px) {
		.renew.sub .comment .person-box figure{
			height: 18vw;
			width: 18vw;
		}
	}
	@media screen and (max-width:767px) {
		.renew.sub .comment .person-box figure{
			height: 60vw;
			width: 60vw;
		}
	}

.renew.sub .comment .person-box figure img{
	object-fit: cover;
	height: 180px;
	transition: .3s ease;
	width: 180px;
}
	@media screen and (max-width:1000px) {
		.renew.sub .comment .person-box figure img{
			height: 18vw;
			width: 18vw;
		}
	}
	@media screen and (max-width:767px) {
		.renew.sub .comment .person-box figure img{
			height: 60vw;
			width: 60vw;
		}
	}

.renew.sub .comment .person-box:hover figure img{
	transform: scale(1.05);
}
	@media screen and (min-width:768px) {
		.renew.sub .comment .person-box:hover figure img{
			transform: scale(1.05);
		}
	}

.renew.sub .comment .person-box .detail-box{
	display: flex;
	border: none;
	flex-direction: column;
	height: 100%;
	width: 100%;
}
.renew.sub .comment .person-box .detail-box p.label{
	align-items: center;
	border: 1px solid #0071be;
	border-radius: 13px;
	color: #0071be;
	display: flex;
	font-size: 13px;
	height: 26px;
	justify-content: center;
	margin: 30px 0 14.6px;
	width: 100%;
}
	@media screen and (max-width:767px) {
		.renew.sub .comment .person-box .detail-box p.label{
			border-radius: 3.46vw;
			font-size: 3.46vw;
			height: 6.93vw;
			margin: 6.66vw 0 5.22vw;
		}
	}

.renew.sub .comment .person-box .detail-box h3{
	font-size: 18px;
	margin-bottom: 7.6px;
}
	@media screen and (max-width:767px) {
		.renew.sub .comment .person-box .detail-box h3{
			font-size: 4.8vw;
			margin-bottom: 2.56vw;
			padding: 0;
		}
	}

.renew.sub .comment .person-box .detail-box p.name{
	font-size: 14px;
	line-height: 1;
	margin-bottom: 15px;
}
	@media screen and (max-width:767px) {
		.renew.sub .comment .person-box .detail-box p.name{
			font-size: 3.73vw;
			margin-bottom: 6.4vw;
			padding: 0;
		}
	}

.renew.sub .comment .person-box .detail-box ul{
	display: flex;
	font-size: 12px;
	flex-wrap: wrap;
	margin-bottom: 30px;
	position: relative;
	z-index: 2;
}
	@media screen and (max-width:767px) {
		.renew.sub .comment .person-box .detail-box ul{
			font-size: 3.2vw;
			margin-bottom: 6.31vw;
		}
	}

.renew.sub .comment .person-box .detail-box ul li{
	border-right: 1px solid #ddd;
	padding-right: 10px;
	margin: 0 10px 10px 0;
}
	@media screen and (max-width:767px) {
		.renew.sub .comment .person-box .detail-box ul li{
			border-right: 1px solid #ddd;
			padding-right: 3.2vw;
			margin: 0 3.2vw 3.2vw 0;
		}
	}

.renew.sub .comment .person-box .detail-box ul li:last-child{
	border-right: none;
}
.renew.sub .comment .person-box .detail-box ul li a{
	transition: .3s ease;
	color: #0071be;
}
.renew.sub .comment .person-box ul li a:hover{
	opacity: .5;
}
	@media screen and (min-width:768px) {
		.renew.sub .comment .person-box ul li a:hover{
			opacity: .5;
		}
	}

.renew.sub .comment .person-box .detail-box .link-arr{
	margin: auto -5px 0 0;
	text-align: right;
}
.renew.sub .comment .person-box:hover .detail-box .cmn-move-arrow.type02{
  background: url(/images/cmn_icon_arr_b.png) center left 5px /25px auto no-repeat;
}
	@media screen and (min-width:768px) {
		.renew.sub .comment .person-box:hover .detail-box .cmn-move-arrow.type02{
			background: url(/images/cmn_icon_arr_b.png) center left 5px /25px auto no-repeat;
		}
	}

.renew.sub .comment .person-box a.link-more{
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}

/* slide */
.renew.sub .comment .comment-slide-wrap{
	margin-bottom: 100px;
	padding-bottom: 70px;
	width: 100%;
}
	@media screen and (max-width:767px) {
		.renew.sub .comment .comment-slide-wrap{
			margin-bottom: 18.66vw;
			padding-bottom: 21.33vw;
		}
	}

.renew.sub .comment .comment-slide-wrap .person-box{
	border: none;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	margin: 0 0 0;
	padding: 0;
	width: 100%;
}
	@media screen and (max-width:767px) {
		.renew.sub .comment .comment-slide-wrap .person-box{
			flex-direction: column;
		}
	}

.renew.sub .comment .comment-slide-wrap .person-box .img-box{
	height: auto;
	width: 630px;
}
	@media screen and (max-width:1300px) {
		.renew.sub .comment .comment-slide-wrap .person-box .img-box{
			width: 48.46%;
		}
	}
	@media screen and (max-width:767px) {
		.renew.sub .comment .comment-slide-wrap .person-box .img-box{
			margin-bottom: 7.73vw;
			width: 100%;
		}
	}

.renew.sub .comment .comment-slide-wrap .person-box .img-box figure{
	border-radius: 0;
	height: auto;
	width: 100%;
}
.renew.sub .comment .comment-slide-wrap .person-box .img-box figure img{
	border-radius: 0;
	height: auto;
	width: 100%;
}
.renew.sub .comment .comment-slide-wrap .person-box .detail-box{
	display: block;
	flex: 1;
	justify-content: flex-start;
	padding: 0 0 0 40px;
}
	@media screen and (max-width:767px) {
		.renew.sub .comment .comment-slide-wrap .person-box .detail-box{
			padding: 0 6.66vw;
		}
	}

.renew.sub .comment .comment-slide-wrap .person-box .detail-box p.label{
	display: inline-block;
	line-height: 26px;
	margin: 0 0 14.6px;
	padding: 0 38px;
	width: auto;
}
	@media screen and (max-width:767px) {
		.renew.sub .comment .comment-slide-wrap .person-box .detail-box p.label{
			font-size: 3.46vw;
			height: 6.93vw;
			line-height: 6.93vw;
			margin: 0 0 3.65vw;
			padding: 0 10.66vw;
		}
	}

.renew.sub .comment .comment-slide-wrap .person-box .detail-box h3{
	font-size: 24px;
	margin-bottom: 12.8px;
}
	@media screen and (max-width:767px) {
		.renew.sub .comment .comment-slide-wrap .person-box .detail-box h3{
			font-size: 5.6vw;
			margin-bottom: 12.8px;
		}
	}

.renew.sub .comment .comment-slide-wrap .person-box .detail-box p.name{
	font-size: 15px;
	line-height: 1;
	margin-bottom: 40px;
}
	@media screen and (max-width:767px) {
		.renew.sub .comment .comment-slide-wrap .person-box .detail-box p.name{
			font-size: 4vw;
			margin-bottom: 9.33vw;
		}
	}

.renew.sub .comment .comment-slide-wrap .btn-prev,
.renew.sub .comment .comment-slide-wrap .btn-next{
	align-items: center;
	background: #fff;
	border: 1px solid #262626;
	border-radius: 50%;
	display: flex;
	height: 50px;
	justify-content: center;
	position: absolute;
	transition: .3s ease;
	bottom: 0;
	width: 50px;
}
	@media screen and (max-width:767px) {
		.renew.sub .comment .comment-slide-wrap .btn-prev,
		.renew.sub .comment .comment-slide-wrap .btn-next{
			height: 10.66vw;
			width: 10.66vw;
		}
	}

.renew.sub .comment .comment-slide-wrap .btn-prev{right: 120px;}
.renew.sub .comment .comment-slide-wrap .btn-next{right: 0;}
	@media screen and (max-width:767px) {
		.renew.sub .comment .comment-slide-wrap .btn-prev{right: auto; left: 30.13vw;}
		.renew.sub .comment .comment-slide-wrap .btn-next{right: 30.13vw;}
	}

	@media screen and (min-width:768px) {
		.renew.sub .comment .comment-slide-wrap .btn-prev:hover,
		.renew.sub .comment .comment-slide-wrap .btn-next:hover{
            cursor:pointer;
			border: 1px solid #0071be;
			background: #0071be;}
	}

.renew.sub .comment .comment-slide-wrap .btn-prev::before {
    content: "▼";
    display: block;
    font-size: 12px;
    transform: rotate(90deg);
}
.renew.sub .comment .comment-slide-wrap .btn-next::before {
    content: "▼";
    display: block;
    font-size: 12px;
    transform: rotate(-90deg);
}

	@media screen and (min-width:768px) {
		.renew.sub .comment .comment-slide-wrap .btn-prev:hover::before,
		.renew.sub .comment .comment-slide-wrap .btn-next:hover::before{color: #fff;}
	}

.renew.sub .comment .comment-slide-wrap .slick-counter{
	align-items: center;
	bottom: 0;
	display: flex;
	justify-content: center;
	font-size: 15px;
	height: 50px;
	position: absolute;
	right: 50px;
	width: 70px;
}
	@media screen and (max-width:767px) {
		.renew.sub .comment .comment-slide-wrap .slick-counter{
			font-size: 4vw;
			height: 10.66vw;
			right: 40.8vw;
			width: 18.4vw;
		}
	}

.renew.sub .comment .comment-slide-wrap .slick-counter span{
	padding: 0 5px;
}
	@media screen and (max-width:767px) {
		.renew.sub .comment .comment-slide-wrap .slick-counter span{
			padding: 0 1.33vw;
		}
	}

/*modaal追加*/
	.renew.sub .comment .yt-wrap{
	  display: flex;
	  justify-content: space-between;
	}
	  @media screen and (max-width:767px) {
	    .renew.sub .comment .yt-wrap{
	      display: block;
	    }
	  }

	.renew.sub .comment .yt-wrap .yt-box{
	  width: 32.34%;
	}
	  @media screen and (max-width:767px) {
	    .renew.sub .comment .yt-wrap .yt-box{
	      margin-bottom: 6.66vw;
	      width: auto;
	    }
	  }

	.renew.sub .comment .yt-wrap .yt-box.modal-movie a::after {
	  height: 60px;
	  left: calc(50% - 30px);
	  top: calc(50% - 30px);
	  width: 60px;
	}
	  @media screen and (max-width:767px) {
	    .renew.sub .comment .yt-wrap .yt-box.modal-movie a::after {
	      height: 10.66vw;
	      left: calc(50% - 5.33vw);
	      top: calc(50% - 5.33vw);
	      width: 10.66vw;
	    }
	  }

		/**/
		.tih2{
			margin:2rem 0 1.5rem 0!important;
			line-height:2.5rem!important;
		}
		.comh3{
			font-size:23px;
			font-weight:bold;
		}
		@media screen and (max-width:767px) {
			.comh3{
				font-size:21px;
				font-weight:bold;
			}
		}
		.comecam1 {
    color: #aaa;
    font-weight: bold;
    font-size: 22px;
    border-bottom: 2px solid #1b8bc5;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0.9rem;
	}
	@media screen and (max-width:767px) {
		.comecam1{
			color: #aaa;
			font-weight: bold;
			font-size: 17.5px;
			border-bottom: 2px solid #1b8bc5;
			margin-top: 0px;
			padding-top: 0px;
			padding-bottom: 0.9rem;
		}
	}

.cmt{
	margin-top:0.5rem!important;
	}

/* 新規テンプレート用css追加分　231228
---------------------------------------------------------------------------- */
.updatelist{color: #aaa;text-align: end;font-size:0.9em;line-height:1.5;}
.renew .trd-dir-cont-wrap section.updatelist{margin-bottom:0;}
.renew.sub .comment p{margin-bottom:0;}
.commentSNS{display:flex;justify-content: flex-end;padding:1rem;}
.renew.sub .sec-dir-inner.voice .cmn-fc-gy.cmn-tar{margin-top: 0.5rem;line-height: 1.5;font-size: 0.8em;}
@media screen and (max-width: 767px){.renew.sub .sec-dir-inner.voice .cmn-fc-gy.cmn-tar{text-align:left;padding:0 1em;}}

/* 汎用 */
.FCb{color:#0071be!important;}
h2.new::before{content: "―";}
.BGf4f4f5{background-color: #f4f4f5!important;} /* 240112 edd */

/* 調整用 */
.renew .trd-dir-cont-wrap .voice section{margin-bottom:1rem;}
html{scroll-padding-top: 8rem;}
.voice {font-size:15px;}

/* 記事内画像設定 */
.voice .articleImg{margin:1rem auto;width:76%;}
@media screen and (max-width: 767px){.voice .articleImg{width:100%;}}

/* メイン画像または動画 */
.movie{margin:3rem auto;width:76%;}
.voice .meinView img{width:100%;/*object-fit: cover;*/}
@media screen and (max-width: 767px){
.voice .meinView img{height: 100%;}
.voice .movie{width:100%;margin-top:1rem;}
.voice .movie .cmn-1col-box{margin-top:0;}
.renew.sub .modal-movie {padding:0;}
}

/* プロフ */
.voice .profile{margin-top:2rem;}
.renew.sub .voice .profile h2{font-size:1.6em;line-height: 1.8;margin-bottom:0.5rem;font-weight:normal;}
.voice .profile .cmn-2col-box{align-items: stretch;}
.voice .profile p{width:48%;margin:0;}
.voice .profile ul{width:48%;}
@media screen and (max-width: 767px){.voice .profile p,.voice .profile ul{width:100%;}.voice .profile ul{padding: 1rem 6.66vw;}}

/* チェックリスト */
.checkList{padding:1rem;line-height:1.8;}
.checkList li{margin-bottom:0.3rem;padding-left: 1.5em;position: relative;}
.checkList li.checkMark:before {content: "";position: absolute;width: 3px;height: 7px;top: .55em;left: 6px;-webkit-transform: rotate(50deg);-ms-transform: rotate(50deg);transform: rotate(50deg);border-right: 2px solid #0071be;border-bottom: 2px solid #0071be;}
.checkList li:after {content: "";position: absolute;top: .4em;left: 0;width: 1em;height: 1em;border: 1px solid #9c9c9c;border-radius: 2px;}


/* 実績 */
.voice .achievement{margin-top:2rem;}
.renew.sub .voice .achievement h2{font-size:1.4em;line-height: 1.8;margin-bottom:0.5rem;font-weight:normal;}
.voice .achievement dl{line-height:1.5;}
.voice .achievement dt{margin-bottom:0.5rem;font-weight:bold;}
.voice .achievement dd{margin-bottom:0.3rem;}
@media screen and (max-width: 767px){.achievement dl{padding: 0 6.66vw;}.achievement dd{margin-bottom:0.7rem;}}

/* 目次 */
.renew .trd-dir-cont-wrap .voice section.jumpList{color: #2c2c2f;background: #f4f4f5;margin:3rem 0;padding:1rem 0;}
.renew.sub .voice .jumpList h2{font-size:1.4em;line-height: 1.8;margin-bottom:0.5rem;font-weight:normal;}
.renew.sub .voice .jumpList ol{margin:0 1.5rem;}
.renew .voice .jumpList ol.cmn-num-list li{line-height:1.5;}
@media screen and (max-width: 767px){.renew .voice .jumpList ol.cmn-num-list li{line-height:1.8;}}

/* 質問回り */
.voice .question{margin-top:5rem;}
.voice .question h3 {color: #FFF;font-weight: normal;padding: 1.5rem 1rem;line-height: 1.5;width: 100%;position: relative;z-index: 1;font-size:1.8em;}
.voice .question h3::after {content: "";background: url(/images/parts/parts_mv_type02_bg.jpg) center center /cover no-repeat;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;}
.voice .question dt,.voice .question dd{padding:0 1rem;}
.voice .question .query{color: #0071be;font-size:1.4em;line-height:1.4;position: relative;padding:0;margin-left:1em;margin-top:3rem;}
.voice .question .query::before{content: "―";position: absolute;top:0;left:-1em;}
.voice .question dd{line-height: 1.8;margin-top:1rem;}
@media screen and (max-width: 767px){.voice .question dt,.voice .question dd{padding: 0 6.66vw;margin-left: 0.5em;}.voice .question .query{padding: 0 6.66vw 0 3.66vw;font-size:1.4em;}.voice .question .query::before{top:0;left:-2.5vw;}}

.voice .ByStatement dt{/*color:#0071be;*/margin:0!important;padding:0!important;font-weight:bold;}
.voice .ByStatement dd{margin:0.2rem 0 1.5rem 0!important;padding:0!important;position: relative;z-index: 1;}
.voice .ByStatement dd::after {content: "";position: absolute;z-index: -1;background:#f0f8ff;top: -3px;left: -10px;width:calc(100% + 18px);height:calc(100% + 10px);border-radius: 10px;}

/* 新規テンプレート用css追加分　240305
---------------------------------------------------------------------------- */
/* リード文 */
.renew .trd-dir-cont-wrap .voice section.lead{/*font-style:italic;*/margin:2rem 1rem;border:1px solid #ccc; padding:1rem;}
@media screen and (max-width: 767px){.renew .trd-dir-cont-wrap .voice section.lead p{padding:0;}
}