@charset "Shift_JIS";

#sp {
    display: none;
    width: 100%;
    height: auto;
    padding: 0px;
    margin: 0px;
}
.NavMenu {
    display: none;
}
.respomsive_top_img {
    display: none;
}
.access_title {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.googlemap {
    display: none;
}
#access_bana_text {
    padding: 90px 0px 0px 35px;
}
/*ƒZƒ~ƒi[ pc*/
#seminar_movie {
    width: 391px;
    margin: 0px 0px 0px 0px;
    padding: 21px 0px 80px 0px;
}
#seminar_movie_bar {
    width: auto;
    height: 23px;
    margin: 0px;
    padding: 0;
    background: url("");
    background-repeat: no-repeat;
    text-align: left;
    clear: both;
    text-indent: 0px;
}
#seminar_movie_bar {
    position: relative;
    padding: 0px 0px 0px 18px;
    border-bottom: solid 2px #152884;
    font-size: 100%;
    font-weight: 600;
    line-height: 130%;
    color: #152884;
}
#seminar_movie_bar::before {
    position: absolute;
    top: 4px;
    left: 0px;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border: 3px solid #152884;
    border-radius: 50%;
}
#seminar_movie_bar::after {
    position: absolute;
    right: 5px;
    bottom: 2px;
    content: "Movie";
    color: #434343;
    font-size: 85%;
    font-weight: 500;
    font-family: 'Sylfaen', 'Charter', sans-serif;
}
.new_movie {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    margin: 10px 0px 0px 0px;
    border: solid 1px #cccccc;
    border-radius: 2px;
}
.new_movie::before {
    content: "";
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    display: block;
    width: 90px;
    height: 90px;
    margin: auto;
    background: url("../image_new/movie_btn.svg") no-repeat;
    background-size: contain;
    background-position: top;
    z-index: 50;
    opacity: 0.7;
    pointer-events: none;
}
.new_movie img {
    width: 100%;
    height: auto;
    border-radius: 2px;
}
.new_movie:hover::before {
    opacity: 1;
}
#seminar_movie_list {
    display: block;
    float: right;
    width: 200px;
    margin: 10px 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #d5d9e1;
    background: url(../image/top_news_list_icatch.gif);
    background-repeat: no-repeat;
    background-position: left;
    color: #334284;
    cursor: pointer;
    clear: both;
    line-height: 30px;
}
.sp_text,
.popup_img{
    display: none;
}

@media screen and (max-width:768px){
    
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/*=========================================*/
/* TOPƒy[ƒW */
/*=========================================*/

#hasei_title h1 {
    text-indent: -9999px;
}
    
#sp {
    display: block;
}
/*top_img*/
.title_img {
    width: 100%;
    height: 350px;
    background: url("../image_new/title_image_top.jpg");
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-indent: 0px;
}
    
.respomsive_top_img{
    max-width: 450px;
    width: 100%;
    height: auto;
    margin: 0px auto 0px 0px;    
    padding:110px 0px 0px 0px;
}
.respomsive_top_img {
    display: block;
    width: 100%;
    height: auto;
}
.pc_top_img {
    display: none;
}
/*ƒTƒuƒƒjƒ…[”ρ•\Ž¦*/
#pc {
    display: none;
}
/*ƒTƒuƒƒjƒ…[”ρ•\Ž¦*/
.main_manu3_none {
    display: none;
}
#contents {
    width: 100%;
    margin: 0px;
    padding: 0;
    clear: both;
}
#pankuzu {
    width: 100%;
    height: 30px;
    margin: 0px;
    padding: 0;
    background: url(../image/menu_sita.gif);
    background-repeat: no-repeat;
    background-position: top;
    text-align: left;
    clear: both;
}
#contents_in {
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 15px 0px 15px;
    clear: both;
}
/*info*/
#info_sp {
    padding: 0px 0px 40px 0px;
}
#info_bar_sp {
    margin: 0px;
    padding: 0;
    text-align: left;
}
#info_bar_sp {
    width: 100%;
    height: 30px;
    position: relative;
    padding: 0px 0px 0px 2px;
    border-bottom: solid 2px #2b60ae;
    font-size: 120%;
    font-weight: 600;
    line-height: 130%;
    color: #2b60ae;
}
#info_bar_sp::before {
    position: absolute;
    right: 5px;
    bottom: 2px;
    content: "Information";
    color: #434343;
    font-size: 85%;
    font-weight: 500;
    font-family: 'Sylfaen', 'Charter', sans-serif;
}
/* ƒCƒ“ƒtƒHƒƒjƒ…[ */
#info_menu_sp {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: auto;
    background-image: url("");
    clear: both;
}
#info_menu_sp ul#navi_banaleft_sp {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px 3px 0px 3px;
}
#info_menu_sp ul#navi_banaleft_sp li {
    display: block;
    float: none;
    height: auto !important;
    margin: 12px 0px 0px 0px;
    padding: 0px;
    text-indent: 0px;
}
/* info_btn */
#info_menu_sp {
    display: block;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
#info_menu_sp #navi_banaleft_sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 0px 10px 5px 10px;
}
#info_menu_sp #navi_banaleft_sp li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: calc(50% - 6px) !important;
    border: 1px solid #a1a1a1;
    text-align: left;
    border-radius: 5px;
}
#info_menu_sp ul li::after {
    content: "";
    position: absolute;
    display: block;
    background: url("../image_new/info_icon_off-01.svg") no-repeat;
    background-size: contain;
    top: 37%;
    left: 15px;
    width: 12px;
    height: 12px;
}
#info_menu_sp ul li a {
    position: relative;
    display: inline-block !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100% !important;
    height: auto !important;
    padding: 18px 18px 18px 35px !important;
    color: #333333;
    font-size: 75%;
    font-weight: 600;
    line-height: 140%;
    text-decoration: none;
    vertical-align: middle;
}
#info_menu_sp ul li:nth-child(odd) {
    margin: 12px auto 0px 0px;
}
#info_menu_sp ul li:nth-child(even) {
    margin: 12px 0px 0px auto;
}
/* info_sub_btn on */
#info_menu_sp ul li:hover {
    border: 1px solid #cccccc;
}
#info_menu_sp ul li:hover::after {
    background: url("../image_new/info_icon_on.svg") no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#info_menu_sp ul li:hover > a {
    color: #6F6F6F;
}
#info_menu_sp ul #info_menu_sp:hover {
    opacity: 0.5;
}
#access_bana_sp {
    width: 100%;
    height: 130px;
    margin: 0px;
    padding: 0px;
    background: url("");
    background-repeat: no-repeat;
    background-position: bottom;
    text-align: left;
    clear: both;
}
.access_title {
    text-indent: 0px;
    white-space: normal;
}
#access_bana_text_sp {
    padding: 0px 0px 0px 0px;
    text-align: left;
    color: #334284;
}
#access_bana_sp {
    width: 100%;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 40px 0px 40px 0px;
    background: url("");
    background-repeat: no-repeat;
    text-align: left;
    clear: both;
    text-indent: 0px;
}
.access_title {
    position: relative;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
    width: 100%;
    height: 30px;
    border-bottom: solid 2px #2b60ae;
    font-size: 120%;
    font-weight: 600;
    line-height: 130%;
    color: #2b60ae;
}
.access_title::before {
    position: absolute;
    right: 5px;
    bottom: 2px;
    content: "Access";
    color: #434343;
    font-size: 85%;
    font-weight: 500;
    font-family: 'Sylfaen', 'Charter', sans-serif;
}
#access_bana_text_sp {
    padding: 0px 0px 0px 0px;
    text-align: left;
    color: #334284;
}
.map_btn div a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 15px auto 0px auto;
    padding: 0px 15px 0px 0px;
    width: 220px;
    height: 60px;
    background: url();
    color: #264eaa;
    font-size: 100%;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid #264eaa;
    border-radius: 5px;
}
.map_btn_border > a:before {
    content: "";
    position: absolute;
    right: 15%;
    display: block;
    background: url("../image_new/icon_arrow.svg") no-repeat;
    background-size: contain;
    width: 13px;
    height: 13px;
}
.map_btn_border > a:hover:before {
    opacity: 0.5;
}
.map_btn div.map_btn_border a:hover {
    color: #6F8DBC;
    border: 1px solid #6F8DBC;
    text-decoration: none;
}
.map_btn div.map_btn_borde {
    text-indent: 0px;
}
.googlemap {
    display: block;
    margin: 0px auto 0px auto;
    border: solid 1px #a1a1a1;
    border-radius: 2px;
}
#news_sp {
    padding: 5px 0px 40px 0px;
}
#news_bar_sp {
    width: 100%;
    height: 30px;
    margin: 0px;
    padding: 0;
    background: url("");
    background-repeat: no-repeat;
    text-align: left;
    clear: both;
    text-indent: 0px;
}
#news_bar_sp {
    position: relative;
    padding: 0px 0px 0px 2px;
    border-bottom: solid 2px #2b60ae;
    font-size: 120%;
    font-weight: 600;
    line-height: 130%;
    color: #2b60ae;
}
#news_bar_sp::before {
    position: absolute;
    right: 5px;
    bottom: 2px;
    content: "What's New";
    color: #434343;
    font-size: 85%;
    font-weight: 500;
    font-family: 'Sylfaen', 'Charter', sans-serif;
}
.news_waku {
    width: 100%;
    margin: 0px;
    padding: 0px 3px 0px 3px;
    background: url("");
    border-bottom: solid 1px #cccccc;
    text-align: left;
    clear: both;
}
.news_waku table tr td {
    padding: 0.8em 0px 0.8em 3px;
}
.news_waku table tr td img.icon_new {
    display: inline-block;
    margin: 0px 0.5em 0px 0px;
}
.news_tl_text {
    font-size: 90%;
}
#news_list_sp {
    float: none;
    clear: none;
    width: auto;
    margin: 0px 0px;
    padding: 0px 0px 0px 0px;
    border: none;
    background: url("");
}
/* ”μŒγˆγˆηŽj */
#book_sp {
    width: 100%;
    height: auto;
    clear: both;
    margin: 0px;
    padding: 0px;
}
#book_sp ul#navi_bana_book_sp {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
}
#book_sp ul#navi_bana_book_sp li a:hover {
    opacity: 0.8;
}
#book_sp ul#navi_bana_book_sp li a {
    height: auto;
}
#book_sp ul#navi_bana_book_sp li a img {
    width: 100%;
    height: auto;
    border: solid 1px #a1a1a1;
    border-radius: 2px;
}
#book_sp ul#navi_bana_book_sp li#navi_book_sp {
    width: 100%;
    padding: 0px 3px 0px 3px;
}
#seminar_movie_sp {
    width: 100%;
    padding: 40px 0px 0px 0px;
}
#seminar_movie_bar_sp {
    width: 100%;
    height: 30px;
    margin: 0px;
    padding: 0;
    background: url("");
    background-repeat: no-repeat;
    text-align: left;
    clear: both;
    text-indent: 0px;
}
#seminar_movie_bar_sp {
    position: relative;
    padding: 0px 0px 0px 2px;
    border-bottom: solid 2px #2b60ae;
    font-size: 120%;
    font-weight: 600;
    line-height: 130%;
    color: #2b60ae;
}
#seminar_movie_bar_sp::before {
    content: "";
    display: none;
}
#seminar_movie_bar_sp::after {
    position: absolute;
    right: 5px;
    bottom: 2px;
    content: "Movie";
    color: #434343;
    font-size: 85%;
    font-weight: 500;
    font-family: 'Sylfaen', 'Charter', sans-serif;
}
#seminar_movie_list_sp {
    float: none;
    clear: none;
    width: auto;
    margin: 0px 0px;
    padding: 0px 0px 0px 0px;
    border: none;
    background: url("none");
}
.new_movie {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    margin: 10px 0px 0px 0px;
    border: solid 1px #a1a1a1;
    border-radius: 2px;
}
.new_movie::before {
    content: "";
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    display: block;
    width: 90px;
    height: 90px;
    margin: auto;
    background: url("../image_new/movie_btn.svg") no-repeat;
    background-size: contain;
    background-position: top;
    z-index: 50;
    opacity: 0.7;
    pointer-events: none;
}
.new_movie img {
    width: 100%;
    height: auto;
    border-radius: 2px;
}
.new_movie:hover::before {
    opacity: 1;
}
#contentsright_sp {
    padding: 0px 0px 40px 0px;
}
#contentsright_bar2_sp {
    width: 100%;
    height: 30px;
    margin: 0px;
    padding: 0;
    background: url("");
    text-align: left;
    clear: both;
    text-indent: 0px;
}
#contentsright_bar2_sp {
    position: relative;
    padding: 0px 0px 0px 2px;
    border-bottom: solid 2px #2b60ae;
    font-size: 120%;
    font-weight: 600;
    line-height: 130%;
    color: #2b60ae;
}
#contentsright_bar2_sp::before {
    position: absolute;
    right: 5px;
    bottom: 2px;
    content: "Contents";
    color: #434343;
    font-size: 85%;
    font-weight: 500;
    font-family: 'Sylfaen', 'Charter', sans-serif;
}
#contentsright_menu4_sp {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: auto;
}
#contentsright_menu4_sp ul#navi_banaright_sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
}
#contentsright_menu4_sp ul#navi_banaright_sp li {
    display: block;
    float: none;
    text-indent: 0px;
    width: calc(50% - 5px);
    height: auto;
    margin: 5px 0px 0px 0px;
    padding: 0px;
}
#contentsright_menu4_sp ul#navi_banaright_sp li a {
    display: block;
    width: 100%;
    height: auto;
}
#contentsright_menu4_sp ul#navi_banaright_sp li a img {
    width: 100%;
    height: auto;
}
#contentsright_menu4_sp ul#navi_banaright_sp li a img:hover {
    opacity: 0.8;
}
/*btn*/
.top_btn div a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 15px auto 0px auto;
    padding: 0px 15px 0px 0px;
    width: 250px;
    height: 60px;
    background: url();
    color: #264eaa !important;
    font-size: 100%;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid #264eaa;
    border-radius: 5px;
}
.top_btn_list > a:before {
    content: "";
    position: absolute;
    right: 15%;
    display: block;
    background: url("../image_new/icon_arrow.svg") no-repeat;
    background-size: contain;
    width: 13px;
    height: 13px;
}
.top_btn_list > a:hover:before {
    opacity: 0.5;
}
.top_btn .top_btn_list a:hover {
    color: #6F8DBC !important;
    border: 1px solid #6F8DBC;
    text-decoration: none;
}
.top_btn .top_btn_list {
    text-indent: 0px;
}
.top_btn {
    width: 100% !important;
}
    
/* ƒ|ƒbƒvƒAƒbƒv */
/*--box-sizing--*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.sp_text,
.popup_img{
    display: block;
}
.pc_text{
    display: none;    
}
#popup_top{
width:90%;
height:auto;
margin:30px auto 0px auto;
padding: 20px 20px 20px 20px;
border: solid 1px #e8e8e8;
background:url("");
 background: linear-gradient(180deg, #f5f7fa 0%, #f5f7fa 60%, #ebedee 60%, #fdfbfb 100%);
box-shadow: 2px 2px 4px gray;
clear:both;
text-indent: 0px;
 
}
    
#popup_top h2{
    font-size: 150%;
    font-weight: 600;
    line-height: 170%;
	font-family: "Ÿΰ–Ύ’©", YuMincho, "Hiragino Mincho ProN W3", "ƒqƒ‰ƒMƒm–Ύ’© ProN W3", "Hiragino Mincho ProN", "HG–Ύ’©E", "‚l‚r ‚o–Ύ’©", "‚l‚r –Ύ’©", serif;

}
#popup_top h2 span{
	font-family: "Ÿΰ–Ύ’©", YuMincho, "Hiragino Mincho ProN W3", "ƒqƒ‰ƒMƒm–Ύ’© ProN W3", "Hiragino Mincho ProN", "HG–Ύ’©E", "‚l‚r ‚o–Ύ’©", "‚l‚r –Ύ’©", serif;
}
#popup_top2{
width:100%;
height:89px;
margin:30px auto 0px auto;
background:url("");
clear:both;
}

#popup_bottom{
width:100%;
height:62px;
margin:0px auto;
background:url("") no-repeat;
clear:both;
text-align:right;
}

#popup_bottom_text{
padding:30px 10px 0px 10px;
text-align:center;
}

#popup_waku{
    width:90%;
    height:auto;
    margin:0px auto;
    background:url("") #FFFFFF;
    background-repeat:repeat-y;
    box-shadow: 2px 2px 4px gray;
    clear:both;
    
}
#popup_waku .popup_img img{
    max-width: 400px;
    width: 100%;
}
#popup_waku #botan_print_page{
margin:0px auto;
}

#popup_back_image{
width:100%;
min-height:320px;
margin:0px auto;
padding:0px;
background:url("");
clear:both;
}

#popup_back_image2{
width:100%;
max-width: 400px;
min-height:auto;
margin:0px auto;
padding:0px 20px 20px 20px;
background:url("");
clear:both;
}
    
#popup_back_image2 {
    padding: 0px 15px 0px 15px;
    
}

#popup_con{
width:100%;
margin:0px;
padding: 0px 0px 50px 0px;
float:none;
clear:both;
text-align:left;
}
    
#popup_con > div{
padding: 0px 0px 10px 0px;

}

#popup_con img{
    width: 100%;
    height: auto;
}

.sp_text .sp_text_red{
    position: relative;
    font-size: 140%;
    color: #B22B11;      
}
.sp_text .sp_text_tel{
    font-size: 110%;
    color: #B22B11;
}
.sp_text .sp_text_red::before{ 
content:"";
top:0;
left: 0;
background: url("../image_new/popup_arrow_sp.svg") no-repeat;
display: inline-block;
width: 35px;
height: 35px;
vertical-align: middle;
margin: 0 10px 3px 0;
}
    
.css-br{
    display:inline-block;
}
}