@charset "utf-8";
/*17101追加*/
a img:hover{opacity: 0.85}

.font_s{font-size: .9em}
.voice-container{color: #000;font-size: 1.1em}
.voice-container hr{border-bottom:1px dashed #ccc;width: 90%;margin:10px auto 20px;}
.page-back{text-align: left;padding: 25px 0px 45px;margin-top: 20px}
.page-back span{display: inline-block;padding: 7px 20px;font-size: 1.5em;background:#eee;border-radius: 50px}

/*お客様の声ページ*/
.cu_vt_title1{text-align: left;padding:10px 0px 15px;display: inline-block;cursor: pointer;color: #5d5d5d;}
.cu_vt_title1:hover{color: #347ca4}
.cu_vt_title1 span{display: inline-block;}
.vt_title_img,.cu_vt_title1 h2{vertical-align: middle;}
.vt_title_img{margin:10px ;width:27%}	
.cu_vt_title1 h2{font-size: 1.4em;margin: 0;line-height: 1.4em;display: inline-block;width: 65%;
	display: inline-block; margin: 10px;}

.vt_title_com{font-weight: bold;}
.vt_title_name{font-size: .9em; margin-top: 10px;display: inline-block;}

/*インタビューページ*/
.cu_vc_title1{text-align: left;padding:10px 10px 15px;display: inline-block;cursor: pointer;color: #5d5d5d;}
.cu_vc_title1:hover{color: #347ca4}
.cu_vc_title1 span{display: inline-block;}
.vc_title_img,.cu_vc_title1 h2{vertical-align: middle;}
.vc_title_img{width:25%;margin-right: 10px}	
.cu_vc_title1 h2{font-size: 1em;margin: 0;line-height: 1.4em;display: inline-block;width: 70%;
	display: inline-block; margin: 10px 0;}

.voice_right{padding: 40px 10px  10px;}
.voice_right hr{width: 90%;border:1px solid #ccc;margin: auto;margin-bottom: 20px}
@media(min-width: 992px){
.voice_left{width: 72%;float: left}
.voice_right{width: 25%;float: right;padding: 40px 0px 10px 30px}
.vc_title_img,.cu_vc_title1 h2{width:100%}	
}

.cu_v_title1{text-align: left; color: #555;}
.cu_v_title1 h2{font-weight:bold;margin:50px 0 20px; color: #347ca4}
.cu_v_title1 p{border-left: 5px solid #347ca4;padding: 0 5px;font-size: 1.8em;font-weight: bold;margin: 10px 0}

.cu_v1-1{width: 70%;display: inline-block;}
.cu_v1-2{ text-align:left;font-size:.9em;width: 28%;display: inline-block;vertical-align: bottom;padding: 15px;    line-height: 2em;}
.cu_v1-2 p{ border:1px solid;display: inline-block;padding: 0 8px;}
.cu_v1-3{ text-align:left;font-size: 1.1em;margin:10px}

.hr_s {font-weight: bold;margin: 35px 0 30px;font-size: 1.1em;color: #347ca4}
.hr_s2{font-weight: bold;font-size: 1.1em;color: #347ca4;margin:10px 0 30px;}
.hr_s hr{display: inline-block;width: 40px;margin: 7px 10px 7px 0;border:1px solid #ccc;}
.hr_s2 hr{display: inline-block;width: 50px;margin: 7px 10px 7px 0;border:1px solid #ccc;}

.cu_v1-3 span,.cu_v1-4 span{display: inline-block;padding: 2px 5px;font-size: .9em;background: #888887;color: #fff;}
.cu_v1-3 h3{color: #000;margin: 50px 0 20px;position: relative;font-size: 1.8em;line-height: 1.4;
padding:0.25em 1em;display: inline-block;}
.cu_v1-3 h3:before,.cu_v1-3 h3:after{  content:'';width: 15px;height: 30px;position: absolute;display: inline-block;}
.cu_v1-3 h3:before{border-left: solid 3px #347ca4;border-top: solid 3px #347ca4;top:0;left: 0;}
.cu_v1-3 h3:after{border-right: solid 3px #347ca4; border-bottom: solid 3px #347ca4;bottom:0;right: 0;}

/*動画エリア*/
.cu_v_a1,.cu_v_a1-p{max-width:600px}/*動画の横幅*/
.cu_v_a1{margin:60px 0 10px;}
.cu_v_a1-p{font-size: 1.1em;padding: 10px;border:1px solid #ccc;text-align: left;}
.video{position:relative; width:100%;padding-top:56.25%;}
.video iframe{position:absolute;top:0;right:0; width:100%; height:100%;}


.cu_v1-4-2,.cu_v1-4-3{width: 100%;margin-bottom: 10px}	
.cu_v1-4-1,.cu_v1-4-2,.cu_v1-4-3{display: inline-block;vertical-align: top}

@media(max-width:991px){
	.cu_v1-3 h3{margin-bottom: 10px}
	.cu_v1-4-2{max-width:100;margin: 5px 0 15px;margin-left: 10px}
	.cu_v1-4-3{max-width: 600px;margin: 5px 0 15px;margin-right: 10px}
}
@media(max-width:600px){
	.cu_v_title1 h2{font-size: 1.7em;line-height: 1.5em;}
	.cu_v1-3 h3{font-size: 1.4em}
	.cu_v1-1,.cu_v1-2{width: 100%}
	.cu_v1-4-2{float: left;max-width: 700px;width: 100%;margin-left:0; }
	.cu_v1-4-3{float: left;max-width: 700px;width: 100%;margin-right:0; }
	.vt_title_img,.cu_vt_title1 h2{width: 100%;margin:5px 0}
}



/*サービス動画*/
.sav_v1{max-width: 1170px;margin: 50px auto;background: #f8f8f8}
.sav_v1 table{width: 100%;border-collapse: separate;border-spacing: 30px;}
.sav_v1 td{vertical-align: top;padding-bottom: 10px;width: 50%}
.sav_v1 th{font-size: 1.7em}
.sav_v1 th hr{display: inline-block;width: 30px;margin: 10px ;vertical-align: middle;border:1px solid;}

.sav_v1 h5{font-size: 1.25em;text-align: left;margin: 0 0 5px;font-weight: bold;border:1px solid;padding: 5px;}
.sav_v1 h5 span{display: inline-block;padding: 2px 5px;border:1px solid;}
.sav_v1 p{text-align: left;padding: 10px 0 0;line-height: 1.8em;font-size: 1.1em;}

.link_a1 {margin-bottom: 10px}
.link_a1 a{display: inline-block;padding: 3px 7px;margin-right: 10px ;background: #000;color: #fff}
.link_a1 a i{ font-size: 1.5em;padding-left: 7px}

@media(max-width: 600px){
	.sav_v1 table{border-spacing: 10px;}
	.sav_v1 td,.sav_v1 th{display: block;width:99%;box-sizing: border-box;margin: auto;}
	.sav_v1 p{padding-bottom: 10px}
}


/*news一覧*/
.news_list{text-align: left}
.news_list2 {display: inline-block;text-align: left;vertical-align: top;color: #aaa;width: 65%;}
.news_list2-2{color: #aaa;display: inline-block;margin-top: 10px}

.news_list2 strong{font-size: 1.3em;}
.news_list2 strong span{font-size: .8em;font-weight: normal;display: inline-block;margin-top: 5px;}
.news_list2 a{color: #5d5d5d ;}
.news_list2 strong:hover{color: #307181}
.news_list2 p{font-weight: normal;font-size: .95em; color: #aaa;}
.news_list2 p span{ color: #fff; margin-right: 10px;padding: 5px 10px;display: inline-block;width: 100px;text-align: center;}
.news_list2 small{font-size: 1.3rem;margin-top: 10px;display: inline-block;
background:#f7f7f7;padding: 15px 15px; }

.news_img1{margin-top: 0}

/*iconの色*/
.news_1{background: #508070;}/*music-green*/
.news_2{background: #576D94;}/*company-live-blue*/
.news_3{background: #A58465;}/*anime-brown*/
.news_4{background: #888;}/*etc-brown*/

.news_title1{cursor: pointer;vertical-align: top;}
.news_title1 span{display: inline-block;}
.news_title1 h2{vertical-align: middle;}
.news_title1 h2{font-size: 1.4em;margin: 0;line-height: 1.4em;display: inline-block;width: 65%;
	display: inline-block; margin: 10px;}

	@media(max-width:600px){
.news_title1{text-align: center;}
.news_list2-2{text-align: right;}
.news_title1,.news_list2-2{margin-bottom: 10px; display:block;	}
.news_title1 h2,.news_list2{width: 100%;margin:5px 0}
	}

/*newsのページャー*/
.list {padding: 0}
.list li{list-style: none;}
.list hr{margin: 20px auto 30px;}
.pager {
    clear:both;
    margin:30px 0;
    text-align:center;
}
.pager span {
    margin:5px;
    padding:5px 8px;
    color:#fff;
    background:#000;
}
.pager span:hover {
    cursor:pointer;
    background:#999;
}
.pager span.current {
    color:#000;
}
.pager span.current:hover {
    cursor:default;
}
.pager span.invalid {
    color:#dcdcdc;
    background:none;
}
.pager span.invalid:hover {
    cursor:default;
}
.pager span.ellipsis {
    color:#000;
    background:none;
}
.pager span.ellipsis:hover {
    cursor:default;
}



/*news詳細*/
.news_in td{width: 45%;vertical-align: top;padding: 10px 15px;}
.news_in th{width: 55%;vertical-align: top;padding: 10px }
.news_in small{font-size: 1.3rem;margin-top: 0px;display: inline-block;letter-spacing: 0.05em;line-height: 1.7em;
background:#fafafa;padding: 15px; }

.news_in {color: #5d5d5d;text-align: left;padding: 0px 0px 50px;}
.news_in table{width: 100%}
.news_in h1{font-size: 2em;border-bottom: 4px solid #688bc0;}
.news_in h1 span{font-size: .8em;display: inline-block;margin-top: 5px;line-height: 1.6em;}

.news_p1{font-weight: normal;line-height: 1.7em;}
.news_in p span{ color: #fff; margin-right: 10px;padding: 5px 10px;display: inline-block;width: 100px;text-align: center;}


.news_list4 a{display: inline-block;padding: 10px 15px;border: 2px solid;font-weight: bold;color: #177182;font-size: 1.2em;}
.news_list4 a:hover{background: #eee}
.news_list4 {text-align: center;margin: 40px 0 30px}
.news_p2{font-size: 1.1em;line-height: 1.7em;margin-bottom: 20px}

.news_back{text-align: center;}
.news_back a{display: inline-block;background: #d5e1e4;padding: 10px 30px;margin: 30px 10px;border-radius: 50px;letter-spacing: 0.05em;
	color: #000;font-weight: bold;}
.news_back a:hover{background: #a9cdd6}

.news-etc_movie{padding: 20px 30px 0;margin: 20px 0;background: #eee}
.news-etc_movie .slider{max-width: 800px;margin: auto;vertical-align: middle;}
.news-etc_movie .slider p{padding: 10px;text-align: left}



.news-etc_movie h3{vertical-align: middle;margin-right: 40px;position: relative;line-height: 1.4;padding:0.15em 1em;display: inline-block;top:0;margin-bottom: 20px}
.news-etc_movie h3:before,.news-etc_movie h3:after{ position: absolute;top: 0;content:'';width: 8px;height: 100%;display: inline-block;}
.news-etc_movie h3:before{border-left: solid 2px #5d5d5d;border-top: solid 2px #5d5d5d;border-bottom: solid 2px #5d5d5d;left: 0;}
.news-etc_movie h3:after{content: ''; border-top: solid 2px #5d5d5d; border-right: solid 2px #5d5d5d; border-bottom: solid 2px #5d5d5d; right: 0;}

.news_in-video {text-align: left;display:inline-block;margin: auto;width: 100%}
.news_in-video ul{margin: 0;padding: 0}
.news_in-video li{display: inline-block;width: 33%;vertical-align: top;padding: 7px}
.news_in-video li p{padding: 5px 0}

@media(max-width: 800px){
.news-etc_movie{padding: 20px 10px;}
}

@media(max-width: 700px){
	.news_in th,.news_in td{display: block;width: 100%}
	.news_in-video li{width: 100%}
	.news-etc_movie h3{margin-right:0;font-size: 1.5em}
}

@media(min-width: 1000px){
.news-etc_movie .slider{display: inline-block;}
}