@charset "UTF-8";

.kv_wrap{
	margin: 0 auto 20px;
	padding: 0 0 0px;
	position:relative;
	text-align:center;
	height:220px;
	background: url(../images/top/kv_bg.png) no-repeat center bottom;
	background-size:cover;
}

.kv_txt1{
position: absolute;
top: 7px;
right: 7px;
}
.kv_txt1 img{
width:250px;
height:auto;
}
.kv_txt2{
position: absolute;
bottom: 5px;
left: 5px;
}
.kv_txt2 img{
width:135px;
height:auto;
}
.intro_wrap{
	margin: 0 auto 50px;
	padding: 0 0 0px;
	position:relative;
	text-align:center;
}
.intro_area{
	margin: 0 auto;
	padding: 0 0 0px;
	position:relative;
	text-align:center;
	width:auto;
}
.intro_area h3{
	margin: 0 0 15px;
	padding: 0 0 0px;
	position:relative;
	font-size:21px;
	line-height:21px;
	font-weight:800;
	text-align:center;
	color:#000;
	z-index:10;
	letter-spacing:0.05em;
}
.intro_area h3 em{
color:#ec5e5c;
}
.intro_area p{
	margin: 0 auto 0;
	padding: 0 0 0px;
	position:relative;
	font-size:14px;
	line-height:1.6;
	font-weight:500;
	text-align:left;
	color:#000;
	letter-spacing:0.05em;
	display:inline-block;
}
.intro_area p em{
color:#ec5e5c;
}


.special_wrap{
	margin: 0 auto 20px;
	padding: 0 0 0px;
	position:relative;
	text-align:center;
	min-width:auto;
}
.special_wrap h3{
	margin: 0 auto;
	padding: 0 0 0px;
	position:relative;
	text-align:left;
	width:auto;
}
.special_wrap h3 img{
	margin-bottom:-30px;
}
.special_area{
	margin: 0 auto;
	padding: 0 0 0px;
	position:relative;
	text-align:center;
	min-width:auto;
	max-width:auto;
	background: url(../images/top/sp_special_bg.png) no-repeat center top;
	background-size:100%;

}

ul.special_link_list{
	margin: 0 auto;
	padding: 0 0 0px;
	position:relative;
	text-align:center;
	width:100%;
}
ul.special_link_list li{
	margin: 0 auto;
	padding: 0 0 0px;
	position:relative;
	text-align:center;
	width:100%;
}
ul.special_link_list li a{
	display:block;
}
ul.special_link_list li a img{
	width:100%;
	height:60vw;
}
ul.special_link_list li a:hover img{
	filter: brightness(0%);
}


.interview_wrap{
	margin: 0 auto 30px;
	padding: 0 0 0px;
	position:relative;
	text-align:center;
	min-width:auto;
}

.interview_area{
	margin: 0 auto 20px;
	padding: 20px 0 5px;
	position:relative;
	text-align:center;
	min-width:auto;
	background: url(../images/top/interview_bg.png) repeat center top;
	background-size:70px auto;
}

.interview_area h3{
	margin: 0 auto 15px;
	padding: 0 0 0px;
	position:relative;
	text-align:center;
}
.interview_area h3 small{
	margin: 0 auto 15px;
	padding: 0 0 0px;
	position:relative;
	text-align:center;
	font-size:10px;
	line-height:10px;
	color:#6aa3e3;
	font-weight:500;
	display:block;
	width:320px;
	border-bottom:1px solid #6aa3e3;
}
.interview_area h3 strong{
	margin: 0 auto 5px;
	padding: 0 0 0px;
	position:relative;
	text-align:center;
	font-size:22px;
	line-height:22px;
	color:#505050;
	font-weight:900;
	letter-spacing:0.10em;
	display:block;
}
.interview_area h3 em{
	margin: 0 auto;
	padding: 0 0 0px;
	position:relative;
	text-align:center;
	font-size:14px;
	line-height:14px;
	color:#000;
	font-weight:500;
	letter-spacing:0.10em;
}
.interview_area h3 em img{
	width:160px;
	height:auto;
	vertical-align:middle;
}

ul.interview_list{
	margin: 0 auto;
	padding: 0 0 0;
	position: relative;
	text-align:center;
}
ul.interview_list li{
	margin: 0 15px;
	padding: 5px 0 0;
	position: relative;
	text-align:center;
}
ul.interview_list li a{
	margin: 0 0;
	padding: 0 0 0;
	position: relative;
	text-align:center;
}
ul.interview_list li a img{
	width:340px;
	height:auto;
filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.8));
}
ul.interview_list li:hover{

}
ul.interview_list .slick-list .slick-slide{

}
ul.interview_list .slick-list .slick-active{

}

ul.interview_list .slick-dots
{
    position: absolute;
    bottom: -20px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
ul.interview_list .slick-dots li
{
    position: relative;

    display: inline-block;

    width: 8px;
    height: 8px;
    margin: 0 4px;
    padding: 0;

    cursor: pointer;
}
ul.interview_list .slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 8px;
    height: 8px;
    padding: 0px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
ul.interview_list .slick-dots li button:hover,
ul.interview_list .slick-dots li button:focus
{
    outline: none;
}
ul.interview_list .slick-dots li button:hover:before,
ul.interview_list .slick-dots li button:focus:before
{
    opacity: 1;
}
ul.interview_list .slick-dots li button:before
{
    font-family: 'slick';
    font-size: 12px;
    line-height: 12px;

    position: absolute;
    top: 0;
    left: 0;

    width: 8px;
    height: 8px;

    content: '•';
    text-align: center;

    opacity: 1.00;
    color: #aaaaaa;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
ul.interview_list .slick-dots li.slick-active button:before
{
    opacity: 1.00;
    color: #4f8de3;
}




.interview_wrap .btn_more{
	margin: 0 auto;
	padding: 0 0 0;
	position:relative;
	text-align:center;
	width:240px;
}
.interview_wrap .btn_more a{
	margin: 0 auto;
	padding: 10px 0;
	position:relative;
	text-align:center;
	font-size:16px;
	line-height:16px;
	color:#fff;
	font-weight:600;
	letter-spacing:0.05em;
	box-sizing: border-box;
	display:block;
	background-color:#4f8de3;
	border-radius:30px;
}
.interview_wrap .btn_more a:hover{

}



.talk_wrap{
	margin: 0 auto 35px;
	padding: 20px 0 0px;
	position:relative;
	text-align:center;
	min-width:auto;
	background: url(../images/top/sp_talk_bg.png) no-repeat center top;
	background-size:cover;
	height:245px;
	box-sizing: border-box;
}

.talk_wrap h3{
	margin: 0 auto;
	padding: 0 0 0;
	position:relative;
	text-align:center;
	font-size:25px;
	line-height:25px;
	color:#fff;
	font-weight:700;
	letter-spacing:0.05em;
	filter: drop-shadow(0px 0px 5px rgba(255,105,0,1.0)) drop-shadow(0px 0px 5px rgba(255,105,0,1.0));
	box-sizing: border-box;
	width:auto;
}
.talk_wrap h3 small{
	font-size:20px;
	line-height:20px;
}
.talk_wrap h3 img{
position: absolute;
top: 15px;
right: 10px;
width:165px;
height:auto;
}

.talk_wrap .btn_more{
	margin: 0 auto;
	padding: 145px 0 0;
	position:relative;
	text-align:center;
	width:240px;
}
.talk_wrap .btn_more a{
	margin: 0 auto;
	padding: 10px 0;
	position:relative;
	text-align:center;
	font-size:16px;
	line-height:16px;
	color:#fff;
	font-weight:600;
	letter-spacing:0.05em;
	box-sizing: border-box;
	display:block;
	background-color:#ffa01e;
	border-radius:30px;
}
.talk_wrap .btn_more a:hover{

}

.link_wrap{
	margin: 0 auto 50px;
	padding: 0 0 0px;
	position:relative;
	text-align:center;
	min-width:auto;
}

.link_wrap ul.link_list:nth-child(1){
	margin: 0 0 15px;
	padding: 100px 0 0px;
	position:relative;
	text-align:left;
	background: url(../images/top/sp_link_bg1.png) no-repeat center top;
	background-size:cover;
	height:325px;
	box-sizing: border-box;
}
.link_wrap ul.link_list:nth-child(2){
	margin: 0 0 15px;
	padding: 100px 0 0px;
	position:relative;
	text-align:right;
	background: url(../images/top/sp_link_bg2.png) no-repeat center top;
	background-size:cover;
	height:325px;
	box-sizing: border-box;
}
.link_wrap ul.link_list:nth-child(3){
	margin: 0 0;
	padding: 110px 0 0px;
	position:relative;
	text-align:left;
	background: url(../images/top/sp_link_bg3.png) no-repeat center top;
	background-size:cover;
	height:225px;
	box-sizing: border-box;
}
.link_wrap ul.link_list li{
	margin: 0 auto ;
	padding: 15px 0px;
	position:relative;
	text-align:center;
	width:auto;
}
.link_wrap ul.link_list:nth-child(2) li{
	margin: 0 auto;
	padding: 10px 0px;
	position:relative;
	text-align:center;
	width:auto;
	box-sizing: border-box;
}
.link_wrap ul.link_list li h3{
	margin: 0 0;
	padding: 0 0 10px;
	position:relative;
	text-align:center;
	font-size:18px;
	line-height:1.5;
	color:#fff;
	font-weight:700;
	letter-spacing:0.05em;
	filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.7));
}
.link_wrap ul.link_list:nth-child(1) li a{
	margin: 0 auto;
	padding: 10px 0;
	position:relative;
	text-align:center;
	font-size:16px;
	line-height:16px;
	color:#0073cd;
	font-weight:600;
	letter-spacing:0.05em;
	box-sizing: border-box;
	display:block;
	background-color:#fff;
	border-radius:30px;
	border:1px solid #0073cd;
	width:240px;
}
.link_wrap ul.link_list:nth-child(2) li a{
	margin: 0 auto;
	padding: 10px 0;
	position:relative;
	text-align:center;
	font-size:16px;
	line-height:16px;
	color:#5cb134;
	font-weight:600;
	letter-spacing:0.05em;
	box-sizing: border-box;
	display:block;
	background-color:#fff;
	border-radius:30px;
	border:1px solid #5cb134;
	width:240px;
}
.link_wrap ul.link_list:nth-child(3) li a{
	margin: 0 auto;
	padding: 10px 0;
	position:relative;
	text-align:center;
	font-size:16px;
	line-height:16px;
	color:#ff583a;
	font-weight:600;
	letter-spacing:0.05em;
	box-sizing: border-box;
	display:block;
	background-color:#fff;
	border-radius:30px;
	border:1px solid #ff583a;
	width:240px;
}