.sp_v{
display: none;
}

.sp_so_box{
display: none;
}

.sp_v_in_part_wrp{
display: none;
}

.movie_wrp{
min-width: 1100px;
position: relative;
}

.sample_movie{
min-width: 1100px;
position: relative;
width: 0 auto;
}

video{
width: 100%;
height: auto;
z-index: 2;
display: block;
}

.movie_wrp::after{
background-color: rgba(0, 0, 0, 0);
bottom: 0;
content: "";
height: auto;
left: 0;
position: relative;
right: 0;
top: 0;
width: 100%;
z-index: 3;
}

.v_in_part_wrp {
left: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%) translateX(-50%);
z-index: 9998;
text-align: center;
}

.m_leed{
margin-bottom: 38px;
}

.m_leed img{
width: 450px;
height: auto;
}

.about_link{
display: inline-block;
backface-visibility: hidden;
}

.about_link img{
width: 250px;
height: auto;
display: inline-block;
backface-visibility: hidden;
 background-color: rgba(255, 255, 255, .01);
}

.about_link:hover img{
opacity:0.6;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
display: inline-block;
backface-visibility: hidden;
}

.cont_1100 {
margin: 0 auto;
width: 1100px;
margin-top: 30px;
}

.upper_wrp .box01{
width: 364px;
height: auto;
float: left;
}

.black_wrp{
background-color: #000;
width: 364px;
height: 250px;
float: left;
}

.side_mg{
margin-left: 4px;
margin-right: 4px;
}

.link_box{
background-color: #000;
overflow: hidden;
display: block;
}

.link_box img{
width: 364px;
height: 250px;
display: block;
transition-duration: 0.3s;
}

.link_box img:hover{
transform: scale(1.1);	/*画像の拡大率*/
transition-duration: 0.3s;
opacity: 0.6;
}

.block02 h2{
width: 1100px;
padding: 32px 0 32px 135px;
}

.block02 h2 .sub_leed_txt{
float: left;
width: 463px;
height: auto;
padding-top: 12px;
padding-right: 50px;
box-sizing: content-box;
}

.block02 .logo_txt_wrp{
float: left;
}

.block02 h2 .white_logo{
float: left;
width: 77px;
height: auto;
box-sizing: content-box;
padding-right: 15px;
}

.block02 h2 p{
float: left;
font-size: 28px;
color: #009277;
padding-top: 9px;
letter-spacing: 0.2em;
}



.block03{
margin-top: 40px;
margin-bottom: 30px;

}

.block03 .l_wrp {
background-color: #000;
float: left;
overflow: hidden;
position: relative;
width: 550px;
}

.block03 .l_r_wrp:first-of-type .l_wrp h3 {
color: #fff;
font-size: 18px;
left: 23%;
pointer-events: none;
position: absolute;
top: 45%;
z-index: 1;
letter-spacing: 0.1em;
}

.block03 .l_wrp img {
display: block;
height: auto;
width: 100%;
}

.block03 .r_wrp {
background-color: #000;
float: left;
overflow: hidden;
position: relative;
width: 550px;
}

.block03 .l_r_wrp:first-of-type .r_wrp h3 {
color: #fff;
font-size: 18px;
left: 38%;
pointer-events: none;
position: absolute;
top: 45%;
z-index: 1;
letter-spacing: 0.1em;
}

.block03 .l_r_wrp:last-of-type .l_wrp h3 {
color: #fff;
font-size: 18px;
left: 44%;
pointer-events: none;
position: absolute;
top: 45%;
z-index: 1;
letter-spacing: 0.1em;
}

.block03 .l_r_wrp:last-of-type .r_wrp h3 {
color: #fff;
font-size: 18px;
left: 34%;
pointer-events: none;
position: absolute;
top: 45%;
z-index: 1;
letter-spacing: 0.1em;
}


.block03 .r_wrp img {
display: block;
height: auto;
width: 100%;
}

.zoom01 img {
transition-duration: 0.3s;
}

.zoom01 img:hover{
transform: scale(1.1);	/*画像の拡大率*/
transition-duration: 0.3s;
opacity: 0.6;
}

.block03 h2{
width: 1100px;
padding: 32px 0 32px 88px;
background: rgb(29,173,229);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFkYWRlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGExODQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(29,173,229,1) 0%, rgba(0,161,132,1) 100%);
background: -webkit-linear-gradient(left, rgba(29,173,229,1) 0%,rgba(0,161,132,1) 100%);
background: linear-gradient(to right, rgba(29,173,229,1) 0%,rgba(0,161,132,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1dade5', endColorstr='#00a184',GradientType=1 );
}

.block03 h2 .sub_leed_txt{
float: left;
width: 524px;
height: auto;
padding-top: 12px;
padding-right: 50px;
box-sizing: content-box;
}

.block03 .logo_txt_wrp{
float: left;
}

.block03 h2 .white_logo{
float: left;
width: 77px;
height: auto;
box-sizing: content-box;
padding-right: 15px;
}

.block03 h2 p{
float: left;
font-size: 28px;
color: #fff;
padding-top: 9px;
letter-spacing: 0.2em;
}

.block04{
width: 850px;
margin: 0 auto;
margin-bottom: 115px;
padding-top: 30px;
}

.block04 dl{
margin-bottom: 30px;
}

.block04 dl dt{
margin: 0 auto;
text-align: center;
}

.block04 dl dt span{
font-size: 21px;
position: relative;
letter-spacing: 0.2em;
color: #fff;
}

.block04 dl dt span::before{
display: inline-block;
content: '';
position: absolute;
width: 38px;
height: 35px;
background-image: url(../img/top/news_icon_w.png);
background-position: left top;
background-repeat: no-repeat;
background-size: contain;
left: -60px;
top: -6px;
}

.block04 dl dd{
display: table;
width: 850px;
font-size: 14px;
padding: 20px 0 20px 25px;
border-bottom: #fff solid 1px;
	margin: 0 auto;
	color: #fff;
}

.block04 dl dd p:first-of-type{
display: table-cell;
padding-right: 25px;
vertical-align: top;
font-family: 'Source Sans Pro', sans-serif;
color: #FFFFFF;
}

.block04 dl dd p:last-of-type{
display: table-cell;
vertical-align: top;
font-family: 'Source Sans Pro', sans-serif;
color: #FFFFFF;
}

.win .block04 dl dd p:first-of-type{
display: table-cell;
padding-right: 25px;
vertical-align: top;
font-family: "'Source Sans Pro', sans-serif", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

.win .block04 dl dd p:last-of-type{
display: table-cell;
vertical-align: top;
font-family: "'Source Sans Pro', sans-serif", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}


/*------------------------------------------*/
.menu_wrp {
	width: 100%;
	margin: 0 auto;
}
.menu {
	width: 33.333%;
	float: left;
	display: inline-block;
	background: #22262f;
	position: relative;
  text-align: center;
}
.menu img {
	width: 100%;
	display: inline-block;
	opacity: 0.3;
}

.center_wrp{
left: 50%;
position: absolute;
text-align: center;
top: 50%;
transform: translateY(-50%) translateX(-50%);
}

.menu p,.menu a {
	color: #fff;
	
}
.menu p {
	width: 100%;
	font-size: 130%;
	text-align: center;
  margin-bottom: 13px;
	letter-spacing: 0.15em;
}
.menu a {
	display: inline-block;
	font-size: 90%;
	letter-spacing: 0.1em;
	text-align: center;
	border: #fff 1px solid;
	padding: 8px 20px;
	margin: 0;
	z-index: 100;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.menu a:hover {
	background-color: #fff;
	color: #333;
}
.block04 {
	background-color: #000;
	width: 100%;
	padding-top: 93px;
	padding-bottom: 83px;
	margin-bottom: 0px;
}
.block04 dt {
	text-align: center;
	color: #fff;
	width: 850px;
	border-bottom: 1px #fff solid;
	padding-bottom: 26px;
	padding-left: 76px;
}
.block04 dl dd span {
	color: #fff;
}
.block04 dl dd {
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.block04 dl dd:hover {
	opacity: 0.6;
}

a {
	z-index: 100!important;
}
a span {
	z-index: 100;
}
.list_link_wrp {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

.list_links::before {
	font-family: 'Material Icons';
	content: '\e5c8';
	color: #fff;
	display: inline-block;
	height: 14px;
	position: absolute;
	left: 17%;
}
.list_links {
    background-color: #000;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    padding: 10px 54px;
    position: relative;
    transition-duration: 0.3s;
}

.list_links:hover{
background-color: #fff;
color: #000;
}

.list_links:hover::before{
color: #000;
}

.block05 {
	width: 100%;
	background-color: #C9CACE;
	text-align: center;
	padding-top: 43px;
	padding-bottom: 43px;
}
.block05 a {
	font-size: 21px;
	color: #000;
	position: relative;
}
.contact {
	font-size: 17px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.contact::after {
	content: '>';
	color: #000;
	display: inline-block;
	width: 17px;
	height: 17px;
	position: absolute;
	right: -16%;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.contact:hover {
	opacity: 0.6;
	
}

/*------------------------------------------*/


@media only screen and (max-width:640px){
.sp_v{
display: block;
}

.pc_v{
display: none;
}

.pc_so_box{
display:  none;
width: 100%;
}

.sp_so_box{
display: block;
width: 100%;
}

.sp_so_box a{
display: block;
width: 100%;
}

.sp_so_box a img{
display: block;
width: 100%;
}

.movie_wrp {
    min-width: inherit;
    position: relative;
	width: 100%;
	margin-top:49px;
}

.movie_wrp::after {
display: none;
}

.v_in_part_wrp {
display: none;
}

.sp_v_in_part_wrp{
display: block;
width: 100%;
height: auto;
}

.sp_v_in_part_wrp a img{
width: 100%;
height: auto;
}

.upper_wrp .box01 {
display: none;
}

.black_wrp {
    background-color: #000;
    float: none;
    height: auto;
    width: 100%;
}

.side_mg {
    margin-left:0px;
    margin-right: 0px;
}

.link_box img {
    display: block;
    height: auto;
    width: 100%;
}

.block02 h2 {
padding: 0px;
width: 100%;
padding-bottom: 30px;
text-align: center;
}

.block02 .logo_txt_wrp {
    float: none;
}

.block02 h2 .sub_leed_txt {
    box-sizing: content-box;
    float: none;
    height: auto;
    padding-right: 0px;
    padding-top: 35px;
	padding-bottom: 20px;
    width: 90%;
}

.block02 h2 .white_logo {
    box-sizing: content-box;
    float: left;
    height: auto;
    padding: 0px;
    width: 57px;
}

.block02 h2 p {
    color: #009277;
    float: left;
    font-size: 18px;
    letter-spacing: 0.2em;
    padding-top: 8px;
	padding-left: 10px;
}

.block03{
position: relative;
padding-top: 90px;
margin-top: 0px;
margin-top: 50px;
}

.block03 h2 {
position: absolute;
top: 0px;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(29, 173, 229) 0%, rgb(0, 161, 132) 100%) repeat scroll 0 0;
    padding: 0px;
    width: 100%;
	text-align: center;
	padding-bottom: 30px;
}

.block03 h2 .sub_leed_txt {
    box-sizing: content-box;
    float: none;
    height: auto;
    padding-right: 0px;
    padding-top: 30px;
	padding-bottom: 20px;
    width: 90%;
}

.block03 h2 .white_logo {
    box-sizing: content-box;
    float: left;
    height: auto;
    padding: 0px;
    width: 57px;
}

.block03 h2 p {
    color: #fff;
    float: left;
    font-size: 18px;
    letter-spacing: 0.2em;
    padding-top: 8px;
	padding-left: 10px;
}

.logo_txt_wrp{
display: inline-block;
}

.block03 .logo_txt_wrp {
    float: none;
}

.m_leed {
width: 90%;
margin: 0 auto;
    margin-bottom: 20px;
	margin-top: 0px;
}

.m_leed img {
    height: auto;
    width: 100%;
}

.cont_1100 {
width: 100%;
margin-top: 0px;
}

h2 img{
width: 90%;
height: auto;
padding: 38px 0;
}

.block03 .l_wrp {
background-color: #000;
float: none;
overflow: hidden;
position: relative;
width: 100%;
}

.block03 .r_wrp {
background-color: #000;
float: none;
overflow: hidden;
position: relative;
width: 100%;
}

.block03 h3 {
color: #fff;
font-size: 18px!important;
left: 50%!important;
pointer-events: none;
position: absolute!important;
top: 50%!important;
transform: translate(-50%, -50%)!important;
z-index: 1;
}

.block03 .l_r_wrp:first-of-type .l_wrp h3 {
line-height: 1.4;
text-align: center;
letter-spacing: -0.08em;
top:53%!important;
}

.mgt01{
margin-top: 29px;
}


.block04 dl dd {
    border-bottom: 1px solid #fff;
    display: table;
    font-size: 14px;
    padding: 20px 0 20px 10px;
    width: 100%;
}



/*キュービックレスポンシブ設定*/

.menu {
	width: 100%;
	float: none;
	display: inline-block;
	background: #22262f;
	position: relative;
}

.block04 dl {
margin: 0 auto;
    margin-bottom: 30px;
    width: 90%;
}

.block04 dt {
    border-bottom: 1px solid #fff;
    color: #fff;
    padding-bottom: 26px;
    padding-left: 76px;
    text-align: center;
    width: 100%;
}

.block04 dl dd .date {
    display: block;
    margin-bottom: 8px;
    padding-right: 0;
}

.block04 dl dd .sent {
    display: block;
    line-height: 1.4;
}

.center_wrp {
    width: 100%;
}

.list_link {
	font-size: 14px;
	display: inline-block;
	width: 176px;
	color: #fff;
	border: solid #fff 1px;
	padding: 12px 33px 12px 55px;
	border-radius: 4px;
	position: relative;
	left: inherit;
}

.list_link_wrp {
    text-align: center;
}

.info_date{
display: block!important;
margin-bottom: 8px;
}

.info_sent{
display: block!important;
line-height: 1.4;
}

}