@charset "utf-8";
/* Reset */

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* PC */

/*sub_menu*/

.sub_menu_list a:nth-child(1) li{
	background: #008da8;
    color: #fff;
    border: 1px solid;
}

/*mv*/
.top_mv_campain{
	position: absolute;
    left: 50%;
    bottom: -90px;
    transform: translate(-50%, -50%);
    width: 780px;
}

/* content01 */
.top_content01{
  max-width: 1000px;
  margin: 60px auto 20px;
}

.top_content01 h2{
	text-align: center;
	font-size: 50px;
	font-weight: 100;
	color: #9fa0a0;	
}

.top_content01 h2 span:first-child{
	color: #000;
    font-weight: bold;
}

.top_content01 h2 span:last-child{
	color: #008da8;
    font-weight: bold;
}

.top_content01_txt{
	text-align: center;
	margin: 10px 0 20px;
}

.top_content01_txt > img{
    max-width: 710px;
    width: 100%;
}

.top_content01_txt p{
	font-size: 16px;
    color: #000;
    line-height: 2em;
    letter-spacing: 2px;
}

.top_content01_txt p span img{
	height: 24px;
    margin: 0 10px 0 0;
}

.top_content01_txt h3{
	margin: 50px auto 0;
    font-size: 24px;
    letter-spacing: 5px;
    font-weight: bold;
    color: #000;
}

.top_content01_logo{
	display: block;
    margin: 60px auto 80px;
}

.top_video_box{
    max-width: 650px;
    margin: 20px auto 30px;
    display: flex;
    justify-content: space-between;
}

.top_video_box > div > p{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    font-weight: bold;
    height: 65px;
    color: #333;
    background: #ffffff;
    border: 1px solid #000;
    border-top: none;
    margin: 0px 0 0;
    line-height: 1.5em;
    letter-spacing: 1px;
    font-feature-settings: "palt" 1;
}

.top_video_list{
    position: relative;
    height: 170px;
    width: 300px;
}

.top_video_list video{
    position: absolute;
    width: 300px;
    height: 170px;
    top: 0;
    left: 0;
    border: 1px solid;
}


/* content02 */
.top_content02_bg{
	width: 100%;
}

.top_content02{
	display: flex;
}

.top_content_sumi{
	width: 50%;
    background: linear-gradient(180deg,#eee, transparent);
	position: relative;
	height: 850px;
}

.top_content_sumi::after{
    position: absolute;
    content:"";
    background:url(../img/border_cont02.png) repeat-y;
    width:4px;
    height: 850px;
    right: -2px;
    top: -55px;
}

.top_content_sumi_box{
	position: absolute;
    width: 100%;
    max-width: 500px;
    right: 0;
    top: -70px;
}

.top_content_sumi_h{
	max-width: 500px;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.top_content_sumi_h > img{
    max-width: 180px;
}

.top_content_sumi_h p{
	text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    letter-spacing: 5px;
    line-height: 1.4em;
    margin: 10px 0;
}

.top_content_sumi_list{
	max-width: 500px;
    margin: 50px 0px 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.top_content_sumi_list_p{
	position: absolute;
    top: 40%;
    display: flex;
    left: 50%;
	width: 100%;
    transform: translate(-50%, 0%);
    flex-direction: column;
    align-items: center;
}

.top_content_sumi_list_p p{
	font-size: 24px;
    letter-spacing: 1px;
    font-feature-settings: "palt";
    font-weight: bold;
    color: #000;
}

.top_content_sumi_list_p p > span{
    font-size: 14px;
    letter-spacing: 0;
}

.top_content_sumi_list_p a{
	margin: 10px 0 0;
}

.top_content_densi{
	width: 50%;
    background: linear-gradient(180deg,#deedf1, transparent);
	position: relative;
	height: 850px;
}

.top_content_densi_box{
	position: absolute;
    width: 100%;
    max-width: 500px;
    left: 0;
    top: -70px;
}

.top_content_densi_h{
	max-width: 500px;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.top_content_densi_h > img{
    max-width: 180px;
}

.top_content_densi_h p{
    font-size:16px;
    letter-spacing: 5px;
    line-height: 1.4em;
	text-align: center;
    font-weight: bold;
    color: #000;
    margin: 10px 0;
}

.top_content_densi_list{
	max-width: 500px;
    margin: 50px auto 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.top_content_densi_list_p{
	position: absolute;
	width: 100%;
    top: 40%;
    display: flex;
    left: 50%;
    transform: translate(-50%, 0%);
    flex-direction: column;
    align-items: center;
}

.top_content_densi_list_p p{
	font-size: 24px;
    letter-spacing: 1px;
    font-feature-settings: "palt";
    font-weight: bold;
    color: #000;
}

.top_content_densi_list_p p rt{
    font-size: 12px;
    font-weight: 100;
    letter-spacing: 0;
}

.top_content_densi_list_p a{
	margin: 10px 0 0;
}

/* link_box */
.link_box{
	max-width: 1000px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 40px auto 100px;
}

.link_box > div:nth-child(2){
	margin: 60px 0 0;
}


/* スマホ */


@media (max-width: 1090px){

}


@media (max-width: 1000px){
 
}
@media (max-width: 960px){

}

@media (max-width: 800px){

}


@media (max-width: 768px){
 
}

@media (max-width: 767px){

/*mv*/
    .top_mv_campain{
        width: 100%;
        min-width: auto;
        padding: 0 10px;
    }

/* content */
.top_content01 {
    margin: 80px auto 20px;
}
.top_content01 h2 {
    font-size: 40px;
}

.top_content01_txt p {
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0 0 30px;
}

.top_content01_txt h3 {
    font-size: 20px;
}

.top_content01_logo {
    display: block;
    max-width: 300px;
    margin: 60px auto 110px;
}

.top_content_sumi::after{
    display: none;
}

.top_video_box {
    max-width: 300px;
    flex-direction: column;
}

.top_video_list {
    margin: 0 ;
}

.top_video_box > div > p{
    margin: 0px 0 20px;
}

.top_content02{
    flex-direction: column;
}

.top_content_sumi {
    width: 100%;
    height: 900px;
}

.top_content_sumi_box,.top_content_densi_box {
    right: 0;
    left: 0;
    margin: 0 auto;
}

.top_content_sumi_h p,.top_content_densi_h p{
    letter-spacing: 2px;
}

.top_content_sumi_list_p {
    top: 45%;
}

.top_content_sumi_list_p p {
    font-size: 20px;
}



.top_content_densi {
    width: 100%;
    height: 900px;
}

.top_content_densi_list_p {
    top: 45%;
}

.top_content_densi_list_p p {
    font-size: 20px;
}

.top_content_densi_list_p p rt {
    font-size: 10px;
}

.link_box {
    padding: 0 10px;
    margin: 20px auto 40px;
}

.link_box > div:nth-child(2) {
    margin: 20px 0 0;
}


}

@media (max-width: 650px){
}


@media (max-width: 420px){

}

@media (max-width: 350px){
.top_content_sumi_list_p p,.top_content_densi_list_p p {
    font-size: 18px;
    letter-spacing: 0;
}
}

@media all and (-ms-high-contrast: none) {
.top_video_box > div > p{
    padding:8px 0 0;
}
  
}