@charset "utf-8";

/* VISUAL */ 
#K00_s_visual , #K00_SV_container , #K00_SV_box { display:block ; overflow:hidden }
#K00_s_visual , #K00_SV_container { width:100% ; height:25rem }
#K00_s_visual {  background:url(../img/thum_11.jpg) no-repeat center center ; background-size:cover }
#K00_SV_container { position:relative ; background-color:rgba(0,0,0,0.6)  }
#K00_SV_box { 
    width:100% ; margin:auto ; padding:0.2rem 0.5rem ; box-sizing:border-box ; 
    text-align: center ;
    position:absolute ; top:50% ; left:50%  ; transform:translate(-50%,-50%) }
.K00_SV_title , .K00_SV_txt , .K00_SV_link , .K00_SV_link span { color:#ffffff ; text-align:center ; word-break:keep-all }
.K00_SV_title { font-size:1.5rem ; font-weight:600 ; line-height:1.8rem ; margin-bottom:0.75rem ; word-break:keep-all }
.K00_SV_title > br { display:none }
.K00_SV_txt , .K00_SV_link span { font-size:0.7rem ; line-height:1.2rem }
.K00_SV_txt { margin-bottom:0.75rem }
.K00_SV_txt br { display:none ;}
  
.K00_SV_link { transition:0.3s all }
 
.K00_SV_link , .K00_SV_link span , .K00_SV_link::before  { display:inline-block  } 
.K00_SV_link { border:solid 1px rgba(255,255,255,0.2) ; padding:0.25rem 1rem ; border-radius:3rem ; margin:auto ; opacity:0.8 }
.K00_SV_link::before { 
    margin-right:0.3rem ; content:"" ;
    content:"" ; width:1rem ; height:1rem ; background:url(../img/thum_11_icon.png) no-repeat center center ; background-size:cover }

.K00_SV_link:hover { background-color:rgba(0,0,0,0.7) ; border-color:rgba(0,0,0,0.7) ; opacity:1  }

#K00_visual_theme { display:block ; width:100% ; margin:auto ; text-align:center ; }
#K00_visual_theme > span { 
    display:inline-block ; border:solid 1px rgba(255,255,255,0.3) ; padding:0 0.5rem ; padding-bottom:0.2rem  ; border-radius:0.2rem ;
    font-size:0.9rem ; line-height:1.5rem ; color:#ffffff ; font-weight:300 ;
    margin-bottom:0.5rem ;
}



/* MAJOR */
.K00_SM_box_inner , .K00_SM_box_img , .K00_SM_box_txt , .K00_SM_box_class , .K00_SM_box_img::before ,
.K00_SM_box_txt > strong , .K00_SM_box_txt > p ,
.K00_SM_box_tag , .K00_SM_box_tag::before , .K00_SM_box_tag::after , 
.K00_SM_box_more { display:block ; overflow:hidden }

#K00_s_major { padding:2rem 0 }
#K00_SM_list { text-align:center ; display:flex ; flex-wrap:wrap ; justify-content:center } 
.K00_SM_box { overflow:hidden ; width:14rem ; margin:0.5rem }
.K00_SM_box_inner , .K00_SM_box_txt , .K00_SM_box_img::before , .K00_SM_box_more  { width:100% ; height:100% ; box-sizing:border-box }
.K00_SM_box_inner { position:relative ; padding-top:8.5rem }
.K00_SM_box_img , .K00_SM_box_txt { border-radius:0.4rem }
.K00_SM_box_txt { 
    padding:0.5rem 0.3rem ; padding-top:1.5rem  ; box-sizing:border-box ;
    text-align:center ; background-color:#ffffff ; border:solid 1px rgba(0,0,0,0.1) }
.K00_SM_box_img { 
    background-repeat:no-repeat ; background-position:center center ; background-size:20.5rem 9.5rem ;
    background-size: 20.5rem 10rem ;
    width:100% ; height:9.5rem ; position:absolute ; left:0 ; top:0 ; z-index:30 }
.cell21 .K00_SM_box_img { background-image:url(../img/thum_21.jpg) }
.cell22 .K00_SM_box_img { background-image:url(../img/thum_22.jpg) }
.cell23 .K00_SM_box_img { background-image:url(../img/thum_23.jpg) }
.K00_SM_box_img::before { background-color:#000000 ; opacity:0.7  ; content:"" }
 
.K00_SM_box_tag , .K00_SM_box_tag::before , .K00_SM_box_tag::after { width:3rem ; height:3rem  }
.K00_SM_box_tag { 
    position:absolute ; left:50% ; top:5.8rem ; z-index:32 ; transform:translate(-50%,-50%) ;
    background-color:rgba(255,255,255,0.2) ; border-radius:5rem } 
.K00_SM_box_tag::before , .K00_SM_box_tag::after { content:"" ; position:absolute ; top:0 ; left:0 }
.K00_SM_box_tag::before { z-index:33 ; background:url(../img/thum_icon_bg.jpg) no-repeat }
.K00_SM_box_tag::after { z-index:34 ; background:url(../img/thum_icon_col3_MB.png) no-repeat } 
.cell22 .K00_SM_box_tag::after { background-position:-3rem 0 } 
.cell23 .K00_SM_box_tag::after { background-position:-6rem 0 } 

.K00_SM_box_tag::before , .K00_SM_box_img , .K00_SM_box_img::before ,
.K00_SM_box_txt > strong , .K00_SM_box_txt > p , .K00_SM_box_class { transition:0.3s all }
.K00_SM_box_tag::before { opacity:0 }

.K00_SM_box:hover .K00_SM_box_img { background-size:22.5rem 11rem  } 
.K00_SM_box:hover .K00_SM_box_img::before { opacity:0.4 }
.K00_SM_box:hover .K00_SM_box_tag::before , .K00_SM_box:hover .K00_SM_box_class  { opacity:1 }
.K00_SM_box:hover .K00_SM_box_txt > strong , .K00_SM_box:hover .K00_SM_box_txt > p { text-decoration:underline }

.K00_SM_box_class  { 
    position:absolute ; top:3rem ; left:0 ; z-index:31 ; text-align:center ; width:100% ; opacity:0.8 ;
    font-size:0.7rem ; line-height:0.8rem ; color:#ffffff ; font-weight:400 }

.K00_SM_box_txt > strong , .K00_SM_box_txt > p { text-align:center ; word-break:keep-all }
.K00_SM_box_txt > strong { font-size:0.9rem ; line-height:1.2rem ; font-weight:600 ; color:#012d6b ; margin-bottom:0.5rem ; letter-spacing:-0.5px }
.K00_SM_box_txt > p { font-size:0.7rem ; line-height:0.9rem ; font-weight:400 ; color:#595959 }

.K00_SM_box_more { position:absolute ; left:0 ; top:0  ; z-index:35 ; font-size:0 ; color:transparent }  
 


/* ETC */
.K00_etc_box , .K00_EB_inner , .K00_EB_img , .K00_EB_txt , .K00_EB_img::before ,
.K00_EB_txt > strong , .K00_EB_txt > p ,
.K00_EB_tag , .K00_EB_tag::before , .K00_EB_more { display:block ; overflow:hidden }

.K00_etc_list.list1 { margin-bottom:1rem }

#K00_scene_etc { padding:2rem 0 ; background-color:#efefef }
.K00_etc_list  { text-align:center ; display:flex ; flex-wrap:wrap ; justify-content:center } 
.K00_etc_box { overflow:hidden ; width:10.2rem ; margin:0.5rem }
.K00_EB_inner, .K00_EB_txt , .K00_EB_img::before , .K00_EB_tag::before , .K00_EB_more { width:100% ; height:100% ; box-sizing:border-box }
.K00_EB_inner { position:relative ; padding-top:8rem }
.K00_EB_img , .K00_EB_txt { border-radius:0.4rem }

.K00_EB_img { 
    position:absolute ; left:0 ; top:0 ; z-index:30 ;
    width:100% ; height:8.5rem ; background-repeat:no-repeat ; background-position:center center }
.K00_EB_img::before { content:"" ; opacity:0.4 ; background:url(../img/main_etc_imgCover.png) repeat-x left top }

.cell31 .K00_EB_img { background-image:url(../img/thum_31.jpg) }
.cell32 .K00_EB_img { background-image:url(../img/thum_32.jpg) }
.cell33 .K00_EB_img { background-image:url(../img/thum_33.jpg) }
.cell41 .K00_EB_img { background-image:url(../img/thum_41.jpg) }
.cell42 .K00_EB_img { background-image:url(../img/thum_42.jpg) }
.cell43 .K00_EB_img { background-image:url(../img/thum_43.jpg) }
.cell51 .K00_EB_img { background-image:url(../img/thum_51.jpg) }
.cell52 .K00_EB_img { background-image:url(../img/thum_52.jpg) }
.cell53 .K00_EB_img { background-image:url(../img/thum_53.jpg) }

.list1 .K00_EB_img { background-size:10.5rem 10.5rem }
.list2 .K00_EB_img { background-size:10.5rem 9rem }

.K00_EB_class { 
    position:absolute ; top:0.5rem ; left:0 ; z-index:31 ; text-align:center ; width:100% ; opacity:1 ;
    font-size:0.7rem ; line-height:0.8rem ; color:#ffffff ; font-weight:400 ;
    text-shadow:0 0 2px rgba(0,0,0,0.2) ;
 }

.K00_EB_txt { width:100% ; padding:1rem 0.2rem ; padding-top:2.5rem ; box-sizing:border-box ; background-color:#ffffff }
.K00_EB_txt > strong , .K00_EB_txt > p { word-break:keep-all }
.K00_EB_txt > strong { font-size:0.9rem ; line-height:1.2rem ; font-weight:600 ; color:#012d6b ; margin-bottom:0.5rem ; letter-spacing:-1px }
.list1 .K00_EB_txt > strong > br { display:none ;} 
.K00_EB_txt > p  { 
    width:100% ; padding:0 0.2rem ; box-sizing:border-box ;
    font-size:0.7rem ; line-height:0.9rem ; font-weight:400 ; color:#595959 ;
    letter-spacing:-0.5px ;
    /* word-wrap:break-word ; white-space:nowrap ; overflow:hidden ; text-overflow:ellipsis  */
}
.K00_EB_tag , .K00_EB_tag::before , .K00_EB_tag::after { position:absolute } 
.K00_EB_tag { 
    width:3rem ; height:3rem ; left:50% ; top:8.5rem ; transform:translate(-50%,-50%) ; z-index:32 ; 
    background:url(../img/thum_icon_bg.jpg) no-repeat 0 0 ; border-radius:5rem ;
} 
.K00_EB_tag::before { z-index:33 ; content:"" }   

.cell21 .K00_EB_tag , .cell22 .K00_EB_tag , .cell23 .K00_EB_tag { background-position:-4rem 0 }
.cell31 .K00_EB_tag , .cell32 .K00_EB_tag , .cell33 .K00_EB_tag { background-position:-8rem 0 }
.cell41 .K00_EB_tag , .cell42 .K00_EB_tag , .cell43 .K00_EB_tag { background-position:-12rem 0 }
.cell51 .K00_EB_tag , .cell52 .K00_EB_tag , .cell53 .K00_EB_tag { background-position:-16rem 0 }

.K00_EB_tag::before { background-color:rgba(0,0,0,0.2) ; background-repeat:no-repeat }
.list1 .K00_EB_tag::before { background-image:url(../img/thum_icon_col4_MB.png) }
.list2 .K00_EB_tag::before { background-image:url(../img/thum_icon_col5.png) }
 
.cell51 .K00_EB_tag::before { background-position:-3rem 0 }
.cell32 .K00_EB_tag::before { background-position:-6rem 0 }
.cell33 .K00_EB_tag::before { background-position:-9rem 0 }
 
.cell42 .K00_EB_tag::before { background-position:-3rem 0 }
.cell43 .K00_EB_tag::before { background-position:-6rem 0 }
.cell52 .K00_EB_tag::before { background-position:-9rem 0 }
.cell53 .K00_EB_tag::before { background-position:-12rem 0 }

.K00_EB_more { position:absolute ; left:0 ; top:0 ; z-index:35 ; font-size:0 ; color:transparent }
.K00_EB_img , .K00_EB_txt > strong , .K00_EB_txt > p , .K00_EB_img::before , .K00_EB_tag::before { transition:0.3s all }
.list1 .K00_etc_box:hover .K00_EB_img { background-size:11.55rem 11.55rem }
.list2 .K00_etc_box:hover .K00_EB_img { background-size:11.55rem 9.9rem }
.K00_etc_box:hover .K00_EB_txt > strong , .K00_etc_box:hover .K00_EB_txt > p { text-decoration:underline }
.K00_etc_box:hover .K00_EB_img::before { opacity:0.6 }
.K00_etc_box:hover .K00_EB_class  { opacity:1 }
.K00_etc_box:hover .K00_EB_tag::before { background-color:rgba(0,0,0,0) ;}
 



/* PC **********/
@media all and (min-width:1100px){
 
    /* VISUAL */
    #K00_scene_VM { padding:0rem ; position:relative }
    #K00_s_visual , #K00_SV_container { width:100% ; height:100vh ; min-height:42rem }
    #K00_s_visual { margin:0 }
    #K00_SV_box { top:16% ; transform:translate(-50%,0%) }
    .K00_SV_title { font-size:3rem ; line-height:3.8rem ; font-weight:500 ; margin-bottom:1.5rem ; letter-spacing:-2px }
    .K00_SV_txt  { font-size:1rem ; line-height:1.6rem ; margin-bottom:1.8rem ; font-weight:300 }
    .K00_SV_link span { font-size:0.8rem ; line-height:1.2rem ; font-weight:400 ; } 
    .K00_SV_link { padding:0.4rem 1.4rem ; padding-top:0.5rem }
    .K00_SV_link::before {  width:1.2rem ; height:1.2rem }

    .K00_SM_box_img { background-size:20.5rem 10rem }
    .K00_SM_box:hover .K00_SM_box_img { background-size:22.55rem 11rem }
    .K00_SV_txt br { display:block }

    #K00_visual_theme { 
        width:98% ; max-width:62rem ;  text-align:left ; margin-bottom:3rem ; 
        opacity:0.9 } 
    #K00_visual_theme > span { padding:0.3rem 1rem 0.5rem 1rem ; background-color:rgba(0,0,0,0.1) }
    



    /* MAJOR */
    #K00_s_major { width:62rem ; position:absolute ; left:50% ; bottom:2rem ; transform:translateX(-50%) ; padding:0 }
    .K00_SM_box { width:20rem ; margin:0 ; margin-right:20px ; border:0 }
    .K00_SM_box:last-child { margin:0 }
    .K00_SM_box_txt { border:0 ; padding-bottom:0.75rem }
    .K00_SM_box_txt > strong { font-size:1.1rem ; line-height:1.5rem ; font-weight:700 ; letter-spacing:-1px }
    .K00_SM_box_txt > p { font-size:0.7rem ; color:#595959 }
     
    .K00_SM_box_class  { top:2.5rem }
    .K00_SM_box_tag , .K00_SM_box_tag::before , .K00_SM_box_tag::after { width:4rem ; height:4rem  } 
    .K00_SM_box_tag::after { z-index:34 ; background:url(../img/thum_icon_col3.png) no-repeat }
 
    .cell22 .K00_SM_box_tag::after { background-position:-4rem 0 } 
    .cell23 .K00_SM_box_tag::after { background-position:-8rem 0 } 
 

    /* ETC */
    body::after {
        display:block ; overflow:hidden ; content:"" ;
        width:100% ; height:100% ; position:fixed ; left:0 ; top:0 ; z-index:-1 ;
        background:url(../img/main_bg_PC.jpg) no-repeat center center ; background-size:cover }

    #K00_scene_etc { background:none ; padding-top:5rem ; padding-bottom:3rem } 

    .K00_etc_list.list1 { margin-bottom:1rem }
    .K00_etc_list {width:100% ; max-width:55rem ; margin:auto }
    .K00_etc_box { margin:0 ; margin-right:1rem ; margin-bottom:1rem ; }
    .K00_etc_box:last-child { margin-right:0rem }

    .list1 .K00_etc_box { width:13rem }
    .list1 .K00_EB_img  { height:13rem }
    .list1 .K00_EB_inner { padding-top:12rem }

    .list1 .K00_EB_img { background-size:13.5rem 13.5rem }
    .list1 .K00_etc_box:hover .K00_EB_img { background-size:14.85rem 14.85rem }
    .list1 .K00_EB_txt > strong > br { display:block } 
    .list1 .K00_EB_txt > strong { font-size:1rem ; line-height:1.3rem }

    .list1 .K00_EB_tag { width:4rem ; height:4rem ; left:50% ; top:13rem } 
    .list1 .K00_EB_tag::before { z-index:33 ; content:"" } 
    .list1 .K00_EB_txt { padding-top:3.5rem }

    .list1 .K00_EB_tag::before { background-image:url(../img/thum_icon_col4.png) } 
    .cell51 .K00_EB_tag::before { background-position:-4rem 0 }
    .cell32 .K00_EB_tag::before { background-position:-8rem 0 }
    .cell33 .K00_EB_tag::before { background-position:-12rem 0 }
	
	
	
   
}