﻿#fv img{width: 100vw;height: auto;border-radius: 10px  10px 0 0;}
.h2ttl{color: #004986;font-size: 2.4rem;font-weight:700;margin: 40px auto 20px;}
.h2ttl small{font-size: 1.2rem;display: block;font-family: serif;}
@media screen and (max-width: 1000px){
.h2ttl{margin-left: 0;margin-top: .6em !important;margin-bottom: .6em;line-height: .8em;}
}

#bl-topnews{color: #fff;background: #004986;padding: 5px;}
#bl-topnews .wrap{font-size: 1.4rem;width: 100%;margin: 0 auto;display: flex;align-items: center;}
#bl-topnews h2{display: none;}
#bl-topnews h2::after{content: "";background: #fff;width: 4px;height: 26px;display: inline-block;vertical-align: middle;border-radius: 2px;margin: 0 0 0 15px;}
#bl-topnews a{color: #fff;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#bl-topnews .adate{margin-right: 10px;font-weight: 700;opacity: .8;}
#bl-topnews .bl-search{display: none;}

@media screen and (min-width: 1000px){
#bl-topnews .wrap{width: calc(100% - 30rem);float: left;}
#bl-topnews h2{display: block;padding: 5px 20px;font-weight: 700;}
#bl-topnews .alist{width: calc(100% - 100px);}
#bl-topnews .bl-search{display: block;float: right;border-bottom: none;padding: 0;}
#bl-topnews  .searchform {font-size: 1.6rem;width: 30rem;padding: 1rem 4rem .8rem .8rem;border: none;}
}

#intro{color: #004986;text-align: left;padding: 5vw 0;}
#intro h2{font-size: 2.8rem;font-weight: 700;margin-bottom: 20px;font-family: serif;letter-spacing: .07em;}
#intro p{font-size: 1.7rem;}

@media screen and (min-width: 1000px){
#intro{background: url(../img/bg-topcatch.jpg) left 90% top 80px no-repeat;background-size: 450px auto;padding: 5vw;max-width: 1100px;margin: 0 auto;}
}

@media screen and (max-width: 1000px){
#intro p {margin: auto .6em;}
#intro p .block {display: inline !important;}
#intro h2{font-size: 2.4rem;letter-spacing:0;font-weight: 900;}
}

#caution{width: 90vw;max-width: 790px;font-size: 1.4rem;text-align: left;margin: 20px auto;padding: 2rem;background: #ffff88;border: 2px solid #004986;border-radius: 10px;}
#caution h3{color: #004986;font-size: 1.6rem;font-weight: 700;margin: 15px 0 7px;}
#caution h3::before{content: "";background: url(../img/ico-info_b.svg) center center no-repeat;width: 30px;height: 30px;display: inline-block;vertical-align: middle;}
#caution p{margin-bottom: 10px;}
#caution p a{text-decoration: underline;}

@media screen and (min-width: 1000px){
#caution{background: #ffff88 url(/img/bg-info.png);background-repeat: no-repeat;background-size: auto 135px;background-position: right 10px bottom 0;width: 80vw;max-width: 790px;padding: 0 10px 10px 20px;}
#caution p.rm{margin-right: 150px;}
}

@media screen and (max-width: 1000px){
#caution{padding: .5rem 2rem;margin-top: 0;}
}

.top_movie{padding: 2em 2em 1em 2em !important;max-width: 750px;margin: 2em auto auto auto;background: #ebeff3;border-radius: 2em;}

@media screen and (max-width: 1000px){
.top_movie{background: none !important;margin: 2em auto!important;padding: 0 !important;border-radius: 0 !important;}
.top_movie p.fontS {margin-top: .4em !important;}
}

.caption{text-align: left;}

@media screen and (min-width: 1000px){
.caption{text-align: center;}
}

#bl-recommend a{padding: 1rem;font-size: 1.4rem;text-align: left;}
#bl-recommend a img{background-position: center center;background-repeat: no-repeat;background-size: cover;width: 100%;height: 29vw;border-radius: 1rem;margin-bottom: .5rem;}
#bl-recommend a h4{opacity: .8;}

@media screen and (min-width: 1000px){
#bl-recommend a img{width: 100%;height: 14vw}
#bl-recommend a:hover,#bl-recommend a:hover h4{opacity: 1;}
}

#bl-products{display: flex;flex-direction: column;justify-content: center;grid-gap: 2rem;background: #e6edf3 url(/img/bg-products.jpg) center bottom no-repeat;background-size: 100% auto;padding: 0 0 2rem 1rem;margin: 5rem 0;border-radius: 1rem;}
#bl-products p{color: #004986;text-align: left;font-size: 1.4rem;font-weight: 500;display: block;max-width: 29rem;}
#bl-products .gl{max-width: 60rem;display: flex;grid-gap:1rem;flex-wrap: wrap;}
#bl-products .gl a{display: block;width: 11rem;height: 11rem;border-radius: 1rem;}
#bl-products .gl .tlink{color: #fff;font-size: 1.4rem;font-weight: 700;background: rgb(0 73 134 / 70%);display: inline-block;text-align: left;vertical-align: middle;padding: 3rem 0 0 1rem;box-sizing: border-box;margin: 0;}
#bl-products .gl .tlink::after {content: "";background: url(../img/ico-next.svg) center center no-repeat;width: 30px;height: 30px;display: inline-block;vertical-align: middle;}
#bl-products .gl img{width: 11rem;height: 11rem;background-color: #fff;background-position: center center;background-repeat: no-repeat;background-size: cover;border-radius: 1rem;}

@media screen and (min-width: 1000px){
#bl-products{flex-direction: row;padding: 5rem 1rem;}
#bl-products .gl{grid-gap: 2rem;}
#bl-products .gl .tlink{font-size: 1.6rem;padding: 4.2rem 0 0 1rem;}
#bl-products .gl a,#bl-products .gl img{width: 13rem;height: 13rem;}
}

@media screen and (max-width: 1000px){
div#bl-products {margin-top: 2rem;grid-gap: 10px;}
#bl-products .gl a:nth-child(6),#bl-products .gl a:nth-child(7){display:none;}
}

#bl-seminar{padding-bottom: 2.5rem;}
#bl-seminar .caption{margin-bottom: 2.5rem;}
#bl-seminar .btn_blue{padding: 1rem 3rem 1rem 4rem;}
#bl-seminar .bl-seminar{width: 100%;display: flex;grid-gap: 15px;flex-direction: column;align-items: center;padding: 3px 0 10px;border-bottom: 2px dotted #ccc;}
#bl-seminar .bl-seminar:last-child{border:none;}
#bl-seminar .s_catch{margin:1em 0 10px;line-height: 2rem;}
#bl-seminar .s_catch a{color: #004986;font-size: 1.8rem;font-weight: 700;}
#bl-seminar .s_subcatch{font-size: 1.5rem;line-height: 2rem;margin-bottom: 10px;}
#bl-seminar .s_subcatch br{display: none;}
#bl-seminar .bl-img{max-width: 100%;position: relative;padding: 5px 0 0 5px;}
#bl-seminar .bl-img img{border-radius: 10px;}
#bl-seminar .category p{color: #fff;background: rgb(3 155 229 / 85%);display: inline-block;font-size: 1.2rem;line-height: 2rem;font-weight: 500;border-radius: 15px;padding: 0 5px;margin: 0 5px 0 0;position: absolute;top: 0;left: 0;z-index: 1;}
#bl-seminar .bl-txt{padding: 0 0 10px;text-align: left;}
#bl-seminar .desc .s_name,#bl-seminar .desc .s_date{display: flex;margin-bottom: 5px;align-items: baseline;}
#bl-seminar .s_yes .desc .s_date{display: none;}
#bl-seminar .s_name dt,#bl-seminar .s_date dt{color: #fff;font-size: 1.4rem;border-radius: 8px;padding: 0 5px;margin-right: 5px;white-space: nowrap;}
#bl-seminar .s_name dt{background: #004986;}
#bl-seminar .s_date dt{background: #aaa;}

@media screen and (min-width: 1000px){
#bl-seminar .bl-seminar{width: calc(30% - 10px);max-width: 450px;align-items: center;padding: 3px 20px 10px 0;border-right: 2px dotted #ccc;border-bottom: none;}
}

@media screen and (max-width: 1000px){
.bl-seminar .btn_red, .bl-seminar .btn_grey {display: block;margin-left: auto;margin-right: auto;width: max-content;}
}

.bl-block3 .i_photo{width: 70%;border-radius: 50%;background-position: center center;background-repeat: no-repeat;background-size: cover;}

#bl-interview .flbox a {width: 23%;box-sizing: border-box;}
#bl-interview .flbox {margin-top: 2em;}
#bl-interview a h3 {width: 85%;margin: auto;}
#bl-interview a h3 small{display:block;margin-top:.8em;line-height: 1.2em;}
#bl-interview a h3 div{margin-top:.6em;color: #004986;font-weight: 700;text-align: left;}
#bl-interview .btn_wblue {padding: 1rem 3rem 1rem 4rem;margin-top: 2em;}

@media screen and (max-width: 1000px){
#bl-interview .flbox {margin-top: 0;flex-direction: row;grid-gap: inherit;}
#bl-interview .flbox a {width: 48%;margin: 1.6em auto 0 auto;text-align: center;}
#bl-interview .bl-block3 .i_photo{width: 80% !important;}
#bl-interview a h3{width: 93% !important;}
}

@media screen and (min-width: 1000px){
#bl-interview,#bl-seminar{background: #ebeff3;border-radius: 1rem;padding: 1em;}
#bl-interview .h2ttl,#bl-seminar .h2ttl {margin-top: 1em;}
}


#bl-news{margin-top: 3rem;}
#bl-news .bl-ttl{display: flex;align-items: flex-end;}
#bl-news .apost{white-space: nowrap;}
#bl-news .apost a{max-width: calc(100vw - 4rem);display: inline-block;vertical-align: middle;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

@media screen and (min-width: 1000px){
#bl-news{display: flex;grid-gap: 20px;flex-wrap: wrap;justify-content: center;flex-direction: row;}
#bl-news .bl-ttl{display: block;}
#bl-news #alist{padding: 3rem 0;}
#bl-news .apost a{max-width: calc(80vw - 350px);}
}

@media screen and (max-width: 1000px){
#bl-news .apost{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#bl-news .apost a{max-width: calc(100vw - 4rem);display: inline;vertical-align: middle;}
}


@media screen and (max-width: 1000px){
#bl-knowledge .catlist a.block img {width: 50%;float: left;}
#bl-knowledge .catlist a.block p {width: 46%;float: left;margin-left: 3%;}
.catlist a.block:after {content: "";display: block;clear: both;}
}

