@charset "utf-8";

@media print, screen and (min-width : 769px){.anchor {
        height: 1px;
        display: block;
	}
	
    #top_content {
        margin: 0 auto 140px;
		padding-top: 35px;
    }
    
    #top_content h2 {
        width: 880px;
        margin: 0 auto 50px;
        font-size: 38px;
        line-height: 1.368em;
        white-space: nowrap;
        text-align: center;
    }
    
    #top_content h2 .sup {
        font-size: 11px;
        top: 5px;
        right: 0;
    }
    
    #top_content .pic_full {
        margin: 0 0 20px;
    }
    
    #top_content .pic_full img {
        width: 100%;
        max-width: none;
       /* transition: all 1000ms ease-out;
        transition-delay: 500ms;
        opacity: 0;
        filter: blur(5px) brightness(120%);
        -webkit-filter: blur(5px) brightness(120%);
		*/
    }
    
    #top_content .pic_full.on img {
        opacity: 1;
        filter: blur(0) brightness(100%);
        -webkit-filter: blur(0) brightness(100%);
    }
    
    #top_content .section_inner {
        /* width: 880px; */
    }
    
    #top_content .section_desc {
        text-align: center;
		margin: 0 0 100px 0;
    }
    
    #top_content .icons {
		display:-webkit-box;
		display:-ms-flexbox;
		display: -webkit-flex;
		display:flex;
		-webkit-box-align:start;
		-ms-flex-align:start;
		-webkit-align-items:flex-start;
		align-items:flex-start;
		-webkit-box-pack: center;
		-ms-flex-pack:center;
		-webkit-justify-content: center;
		justify-content: center;
    }
    
    #top_content .icons li {
        width: 200px;
        margin: 0 10px;
        text-align: center;
    }
    
    #top_content .icons li:first-child {
        margin-left: 0;
    }
    
    #top_content .icons li:last-child {
        margin-right: 0;
    }
    
    #top_content .icon {
        height: 65px;
    }
    
    #top_content .copy {
        width: 200px;
        font-size: 13px;
        line-height: 1.6em;
    }
    
    #section_movie,
    .section_movie {
            margin: 0 0 100px 0;
    }

    #section_movie .movie_wrap,
    .section_movie .movie_wrap {
        width: 880px;
        margin: 0 auto;
    }

    .modal_mov_open {
        position: relative;
        cursor: pointer;
        line-height: 0;
    }
	
    
	.movie_wrap a {
		display: block;
		position: relative;
	}
	
	#contents_area .mov.is-embed:hover {
		opacity: 1;
		cursor: inherit;
	}
	
	.movie_wrap .pic {
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
		position: relative;
	}
	
	.movie_wrap .thumb,
	.movie_wrap .video-js {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
	}

	.movie_wrap .thumb::after {
        content:"";
        width: 100%;
        height: 100%;
        
        position: absolute;
        top: 0;
        left: 0;
        
        background: url(/auto-archive/fit/2022/webcatalog/image/pic_movie_play.png) center center no-repeat rgba(0, 0, 0, .5);
        background-size: 165px auto;
        transition: background .2s ease-out;
    }
    
    .modal_mov_open.covered.min::after {
        background-image: url(/auto-archive/fit/2022/webcatalog/image/pic_movie_play_min.png);
        background-size: 53px auto;
    }
    
    .modal_mov_open.covered:hover::after {
        background-color: rgba(0, 0, 0, 0);
    }
    
    .modal_mov_open img {
        width: 100%;
        height: auto;
    }
    
    .img_slider.col04 .pic {
        padding: 0;
        width: auto;
    }
    
/*
    .section h4 .sup {
        font-size: 11px;
        top: 8px;
    }
*/

    .section h3 .sup,
    .section h4 .sup {
        font-size: 11px;
        top: 5px;
        right: 0;
    }

    .section.bg {
        padding: 140px 0 100px;
        background-color: #f8f8f8;
    }

    .col_left .img_slider .slick-list {
        margin-bottom: 20px;
    }
    
    .col_left .img_slider .arrow_prev,
    .col_left .img_slider .arrow_next {
        margin-bottom: 10px;
        top: inherit !important;
    }
    
    .col_left .img_slider p.caption {
        margin-top: -10px;
        margin-bottom: 0;
        font-size: 12px;
    }
    
    .center {
        text-align: center;
    }
	
/* -----------------------------------
    #section_modulo_navi
----------------------------------- */
#section_modulo_navi{
 padding: 68px 0 127px;
margin-bottom: 86px;
}
#section_modulo_navi .section_inner{
	width: 930px;
}
#section_modulo_navi h4{
	font-size: 24px;
	margin-bottom: 40px;
}
	
#section_modulo_navi ul li{
	width: 300px;
	float: left;
	margin-right: 15px;
}
	
#section_modulo_navi ul li:last-child{
	margin-right: 0;
}
#section_modulo_navi a{
	display: block;
	background-color: #fff;
	color: #444;
}
	#section_modulo_navi ul li.current a{
	background-color: #808080;
	color: #fff;
}
#section_modulo_navi a:hover{
	background-color: #dbdbdb;
}
#section_modulo_navi a:hover,
#section_modulo_navi ul li.current a img{
	opacity: 1 ;
}
#section_modulo_navi a:hover img{
	opacity: 0.9 ;
}

#section_modulo_navi p{
	padding: 18px 18px 25px;
	font-size: 18px;
	line-height: 1.5em;
}
#section_modulo_navi p span{
	display: block;
	margin-top: 10px;
	font-size: 16px;
	font-weight: bold;
}
    
}

span.supText {
    font-size: 75.5%;
    vertical-align: top;
    position: relative;
    top: -0.5em;
    left:-0.5em;
}