/* = home
-------------------------------------------------------------- */

#home{
	background-color:#F7F5F5;
}

.keyVisual{
	position:relative;
	z-index:0;
	width:100%;
}

.slideTop{
	width:100%;
	display:block;
}
.slideTop li{
	width:100%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}

.scroll {
  position:fixed;
  bottom: 50px;
  left: 50%;
  z-index: 2000;
  display: inline-block;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-decoration: none;
  -webkit-animation: sdb 1.5s infinite;
  animation: sdb 1.5s infinite;
  visibility:hidden;
  opacity:0;
}
.big .scroll {
  visibility:visible;
  opacity:1;
}

@-webkit-keyframes sdb {
  0% {
    -webkit-transform:translate(-50%, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform:translate(-50%, 20px);
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform:translate(-50%, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform:translate(-50%, 20px);
    opacity: 0;
  }
}

.keyVisualWave{
	position:absolute;
	left:0;
	width:100%;
	background-image:url(/share/imgs/cp/images/keyVisualWave@2x.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
/*2025年 UPD */
/*	z-index:1000; */
	z-index:999;
}
.keyVisualWave::after{
	content:"";
	position:absolute;
	left:0;
	bottom:-2px;
	width:100%;
	height:4px;
	background-color:#F7F5F5;
	z-index:1000;
}

.homeGoodpoint{
	padding-top:34px;
	padding-bottom:90px;
}

.titleGoodpoint{
	text-align:center;
}
.textGoodpoint{
	font-size:16px;
	line-height:1.875em;
	letter-spacing:.01em;
	font-weight:normal;
	text-align:center;
	margin-top:63px;
}

.goodpointIcon{
	display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
            flex-wrap:wrap;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
            justify-content:space-between;
margin-top:115px;
}

.goodpointIcon li{
	width:175px;
	position:relative;
}
.goodpointIconText{
	position:absolute;
	font-size:15px;
	line-height:1.533em;
	letter-spacing:0em;
	font-weight:bold;
	text-align:center;
	white-space:nowrap;
	top:-20px;
	left:50%;
	-webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}

.homeGoodpointLink{
	width:927px;
	margin-top:32px;
	margin-left:auto;
	margin-right:auto;
}
.homeGoodpointLink a{
	display:block;
	width:450px;
	float:left;
	margin-left:27px;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.homeGoodpointLink a:first-child{
	margin-left:0px;
}

.homeVoice{
	padding-top:72px;
	padding-bottom:72px;
}
.titleVoice{
	text-align:center;
}
.textVoice{
	font-size:16px;
	line-height:1.875em;
	letter-spacing:.01em;
	font-weight:normal;
	text-align:center;
	margin-top:35px;
	margin-bottom:32px;
}

.slideTopVoice .slideItem a{
	position:relative;
	width:100%;
	height:100%;
	display:block;
}
.slideTopVoice .slideItem a{
	position:relative;
	padding-top:2px;
}
.voiceThumHover{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}


.voiceTextWrap{
	position:absolute;
	top:50%;
	left:50%;
	z-index:1000;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width:100%;
	opacity:0;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.slideTopVoice li:nth-child(2n+1) .voiceTextWrap{
	margin-left:-6px;
	margin-top:-6px;
}
.slideTopVoice li:nth-child(2n) .voiceTextWrap{
	margin-left:-9px;
}

.voiceTitle{
	font-size:14px;
	line-height:24px;
	letter-spacing:.01em;
	font-weight:normal;
	text-align:center;
	color:#ffffff;
	margin-bottom:24px;
}
.voiceTitle.longText{
	margin-bottom:8px;
}
.voiceName{
	font-size:13px;
	line-height:21px;
	letter-spacing:.01em;
	font-weight:normal;
	text-align:center;
	color:#ffffff;
}

.iconLink{
	padding-top:72px;
	padding-bottom:72px;
}
.iconLink ul{
	display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
            flex-wrap:wrap;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
            justify-content:space-between;}.iconLink ul > *:nth-child(1){
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}
.iconLink ul li{
	width:350px;
}
.iconLink ul li a{
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.homeInterview{
	padding:72px 0;
}

.titleDotted{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr auto 1fr;
	grid-template-columns: 1fr auto 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
	margin-bottom:59px;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
}.titleDotted > *:nth-child(1){
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}.titleDotted > *:nth-child(2){
	-ms-grid-row: 1;
	-ms-grid-column: 2;
}.titleDotted > *:nth-child(3){
	-ms-grid-row: 1;
	-ms-grid-column: 3;
}
.titleDotted h3{
	color: #058DBF;
	font-size: 28px;
	padding:0 26px;
}
.titleBefore, .titleAfter {
	width:100%;
	height:20px; 
	margin-top:10px;
}
.titleBefore line, .titleAfter line{
	fill: none; 
	stroke: #058DBF;
	stroke-width: 6;
	stroke-linecap: round; 
         /* 線の端の部分を丸く、四角はsquare*/
	stroke-dasharray: 0.5, 16;
}

.titleBefore {
	margin-right: .4em;
}
.titleAfter {
	margin-left: .4em;
}

.interviewThum li{
	float:left;
	width:500px;
	margin-right:50px;
}
.interviewThum li a{
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.interviewThum li:last-child{
	margin-right:0;
}
.interviewThum li img{
	display:block;
	margin-bottom:14px;
	border-radius:5px;
}
.interviewCatch{
	display:inline;
	font-size:14px;
	line-height:18px;
	letter-spacing:.01em;
	font-weight:normal;
	text-align:left;
	margin-right:12px;
}
.interviewName{
	display:inline;
	font-size:18px;
	line-height:18px;
	letter-spacing:.01em;
	font-weight:bold;
	text-align:left;
}

.homeChannel{
	padding-top:72px;
	padding-bottom:180px;
}
.slideTopChannel .slideItem{
	position:relative;
}
.slideTopChannel .slideItem img {
  width: 92%;
  height: 100%;
  margin-left:4%;
}
.slideTopChannel .slideItem a{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

.slideTopChannel .slideItem a::after{
	content:"";
	width:64px;
	height:64px;
	background-image:url(/share/imgs/cp/images/start.png);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	top:50%;
	left:50%;
	opacity:.8;
	 -webkit-transform: translate(-50%, -50%);
	 transform: translate(-50%, -50%);
}

/* = Media (Responsive Setting)
-------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1079px) {

.homeGoodpoint{
	padding-top:23.8px;
	padding-bottom:63px;
}
.titleGoodpoint img{
	width:407.4px;
	height:44.1px;
}

.textGoodpoint{
	font-size:11.2px;
	line-height:1.875em;
	margin-top:44.1px;
}
.goodpointIcon{
    margin-top:80.5px;
}
.goodpointIcon li{
	width:122.5px;
}

.goodpointIcon li img{
	width:100%;
}

.goodpointIconText{
	font-size:10.5px;
	line-height:1.533em;
	top:-14px;
	left:50%;
}
.homeGoodpointLink{
	width:648.9px;
	margin-top:22.4px;
}
.homeGoodpointLink a{
	width:315px;
	margin-left:18.9px;
}
.homeGoodpointLink a img{
	width:100%;
}
.homeVoice{
	padding-top:25.2px;
	padding-bottom:25.2px;
}
.titleVoice img{
	width:407.4px;
	height:46.9px;
}
.textVoice{
	font-size:11.2px;
	line-height:1.875em;
	letter-spacing:.01em;
	margin-top:24.5px;
	margin-bottom:22.4px;
}
.voiceTitle{
	font-size:10px;
	line-height:16.8px;
	letter-spacing:.01em;
	margin-bottom:16.8px;
}
.voiceName{
	font-size:10px;
	line-height:16.8px;
	letter-spacing:.01em;
}
.iconLink{
	padding-top:25.2px;
	padding-bottom:50.4px;
}
.iconLink ul li{
	width:245px;
}
.iconLink li img{
	width:100%;
}
.homeInterview{
	padding:50.4px 0;
}
.titleDotted{
	margin-bottom:41.3px;
}
.titleDotted h3{
	font-size: 19.6px;
	padding:0 18.2px;
}
.titleBefore, .titleAfter {
	height:14px; 
	margin-top:7px;
}
.titleBefore {
	margin-right: .28em;
}
.titleAfter {
	margin-left: .28em;
}
.interviewThum li{
	width:350px;
	margin-right:35px;
}
.interviewThum li img{
	width:100%;
	margin-bottom:9.8px;
	border-radius:5px;
}
.interviewCatch{
	font-size:10px;
	line-height:12.6px;
	letter-spacing:.01em;
	margin-right:8.4px;
}
.interviewName{
	font-size:12.6px;
	line-height:12.6px;
	letter-spacing:.01em;
}
.homeChannel{
	padding-top:50.4px;
	padding-bottom:126px;
}

	

} /*Query End*/
@media only screen and (max-width: 767px) {

.PC {display: none;}
.SP {display: block;}

.homeGoodpoint{
	padding-top:23.8px;
	padding-bottom:31.5px;
}
.titleGoodpoint img{
	width:305.55px;
	height:33.075px;
}

.textGoodpoint{
	font-size:13px;
	letter-spacing:0;
	line-height:1.875em;
	margin-top:22.05px;
}
.goodpointIcon{
    margin-top:40.25px;
}
.goodpointIcon li{
	width:32%;
}
.goodpointIcon li img{
	width:100%;
}
.goodpointIcon li{
	margin-bottom:24px;
}

.goodpointIconText{
	font-size:10px;
	line-height:1.533em;
	letter-spacing:0;
	top:-14px;
	left:50%;
}
.homeGoodpointLink{
	width:320px;
	margin-top:22.4px;
}
.homeGoodpointLink a{
	float:none;
	width:320px;
	margin-left:0px;
	margin-bottom:24px;
}
.homeGoodpointLink a img{
	width:100%;
}
.homeVoice{
	padding-top:25.2px;
	padding-bottom:25.2px;
}
.titleVoice img{
	width:305.55px;
	height:35.175px;
}
.textVoice{
	font-size:13px;
	line-height:1.875em;
	letter-spacing:.01em;
	margin-top:24.5px;
	margin-bottom:11.2px;
}
.voiceTitle{
	font-size:12px;
	line-height:16.8px;
	letter-spacing:.01em;
	margin-bottom:16.8px;
}
.voiceName{
	font-size:12px;
	line-height:16.8px;
	letter-spacing:.01em;
}
.iconLink{
	padding-top:0px;
	padding-bottom:25.2px;
}
.iconLink ul li{
	width:48%;
}
.iconLink li img{
	width:100%;
}
.homeInterview{
	padding:25.2px 0;
}
.titleDotted{
	margin-bottom:20.65px;
}
.titleDotted h3{
	font-size: 19.6px;
	padding:0 18.2px;
}
.titleBefore, .titleAfter {
	height:14px; 
	margin-top:7px;
}
.titleBefore {
	margin-right: .28em;
}
.titleAfter {
	margin-left: .28em;
}
.interviewThum li{
	width:100%;
	margin-right:0px;
	margin-bottom:24px;
}
.interviewThum li img{
	width:100%;
	margin-bottom:9.8px;
	border-radius:5px;
}
.interviewCatch{
	font-size:12px;
	line-height:13px;
	letter-spacing:.01em;
	margin-right:4.2px;
}
.interviewName{
	font-size:13px;
	line-height:13px;
	letter-spacing:.01em;
}
.homeChannel{
	padding-top:25.2px;
	padding-bottom:63px;
}

.slideTopChannel .slideItem a::after{
	width:32px;
	height:32px;
}

	
} /*Query End*/

@media only screen and (min-width: 768px) {

.goodpointIcon li a:hover img{
	-webkit-transform: scale(1.06);
	transform: scale(1.06);
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    transform-origin:center center;
}
	
.homeGoodpointLink a:hover{
	
	-webkit-transform: translate(1%, 1%);
	transform: translate(1%, 1%);
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    transform-origin:center center;
}
.slideTopVoice .slideItem a:hover .voiceThumHover{
	opacity:.79;
}

.slideTopVoice .slideItem a:hover .voiceTextWrap{
	opacity:1;
}
.iconLink ul li a:hover img{
	-webkit-transform: scale(1.04);
	transform: scale(1.04);
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    transform-origin:center center;
}
.interviewThum li a:hover{
	color:#058DBF;
}
.slideTopChannel li:hover{
opacity:.7;
}

	} /*Query End*/