@charset "utf-8";
/* lib 2026 カスタム */

/*#contents a, #contents a:visited {color: #000;} 
#contents a:hover {color: #000;} */

section#other section,
section#outline section {
    width: 80%;
}
@media screen and (max-width: 736px) {
    section#other section,
    section#outline section {
	    width: 100%;
    }
}

/*#container header .navigation2 ul,*/
div#navigation3,
#container header .navigation2 #slogan {
    display: none;
}

#container header #logo {
    width: 80px;
    height: 80px;
    top: 0;
    z-index: 9999;
    margin: 0;
}

#container header #logo a/*,
#container header h1#logo.mini, 
#container header #logo.mini,
#container header h1#logo.mini a, 
#container header #logo.mini a*/ {
    background-size: 80px 80px;
    width: 80px;
    height: 80px;
}

#container header nav .navigation {
    background-color: #E5EBEE;
}

#container #contents {
    margin-top: 40px;
}


#container #main {
    text-align: center;
}

#container #main .title {
    padding-top: 40px;
}

#container #main .title h1,
#container #main .title strong {
    color: #FFF;
    padding: 0;
    line-height: 1.4;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
}

 /*background-img用CSS*/
/* #contents #main {
    position: relative;
    background-image: url("../images/top/main.jpg");
    background-size: cover;
    background-position: center;
    height: 45vh;
    padding: 7% 20px;
} */

#contents #main #main_bg_wrap { 
    width: 100%;
    height: 500px; /*50vh*/
    background-color: #b0bfc8;
    overflow: hidden;
}

#contents #main #main_contents {
    position: relative;
    z-index: 20;
    width: 100%;
    height: 500px; /*50vh*/
    padding: 30px;
    box-sizing: border-box;
/*    background-color: rgba(71, 83, 89, 0.5);*/
}

#contents #main #main_bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

#contents #main #main_bg .slide_bg_inner {
    width: 100vw;
    height: 500px; /*50vh*/
    background-size: cover;
    background-position: center;
}

@media screen and (max-width: 736px) {
#contents #main #main_bg .slide_bg_inner {
    max-width: 736px;
    background-size: cover;
    background-position: center;
}
}

#contents #main #main_bg .slide_bg_inner.bg1 {
    background-image: url("/images/top/main_bg1.jpg");
}
#contents #main #main_bg .slide_bg_inner.bg2 {
    background-image: url("/images/top/main_bg2.jpg");
}
#contents #main #main_bg .slide_bg_inner.bg3 {
    background-image: url("/images/top/main_bg3.jpg");
}
#contents #main #main_bg .slide_bg_inner.bg4 {
    background-image: url("/images/top/main_bg4.jpg");
}

/*background-img用CSS*/


#contents section#main .info {
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto; /*80px auto 30px*/
    background-color: rgba(255, 255, 255, 0.7);
    box-sizing: border-box;
/*  display: flex;
    gap: 20px;
    justify-content: space-between;*/
    position: relative;
    bottom: -180px;
}



/*@media screen and (min-width: 1024px) and (max-width: 1280px){
    #contents section#main .info {
    }
}*/

/*@media screen and (min-width: 820px) and (max-width: 1280px){*/
@media screen and (min-width: 890px) and (max-width: 1023px){
    #contents #main #main_bg_wrap,
    #contents #main #main_contents,
    #contents #main #main_bg .slide_bg_inner {
        height: 53vw; /*45vh*/
    }
    #container #main .title {
        padding-top: calc(100vw / 15);
    }
    #contents section#main .info {
/*    margin: 80px auto 30px;*/
        bottom: -160px;
    }
}

/*@media screen and (min-width: 577px) and (max-width: 819px){*/
@media screen and (min-width: 768px) and (max-width: 889px){
    #contents #main #main_bg_wrap,
    #contents #main #main_contents,
    #contents #main #main_bg .slide_bg_inner {
        height: 64vw; /*45vh*/
    }
    #container #main .title {
        padding-top: calc(100vw / 10);
    }
    #contents section#main .info {
/*        margin: 60px auto 30px;*/
        padding: 10px;
        bottom: -190px;
    }
        /*#contents section#main .info {
            bottom: -50px;
    }*/
}
@media screen and (min-width: 577px) and (max-width: 767px){
    #contents #main #main_bg_wrap,
    #contents #main #main_contents,
    #contents #main #main_bg .slide_bg_inner {
        height: 64vw; /*35v*/
    }
    #contents section#main .info {
        bottom: -130px;
    }
}

/*@media screen and (min-width: 375px) and (max-width: 576px){*/
@media screen and (min-width: 375px) and (max-width: 576px){
    #contents #main #main_bg_wrap,
    #contents #main #main_contents,
    #contents #main #main_bg .slide_bg_inner {
        height: 64vw; /*35v*/
    }
    #container #main .title {
        padding-top: calc(100vw / 15);
    }
    #container #main h1 {
        font-size: 20px;
    }
    #container #main strong {
        font-size: 14px;
    }
    #contents section#main .info {
/*        margin: 40px auto;*/
        padding: 10px;
        bottom: -40px;
    }
}
@media screen and (max-width: 374px) {
    #contents #main #main_bg_wrap,
    #contents #main #main_contents,
    #contents #main #main_bg .slide_bg_inner {
        height: 64vw; /*35v*/
    }
    #container #main .title {
        padding-top: calc(100vw / 20);
    }
    #contents section#main .info {
/*        margin: 20px auto;*/
        padding: 5px;
        bottom: -40px;
    }
}


/* Gnavi */
#container header nav ol li.menu_btn a i {
    top:18px;
}

/* modal */
#modal_back {
    background: rgba(0, 0, 0, 0.5);
}


#contents .flx {
	display: flex;
	flex-wrap: wrap;
}

#contents .flx {
	gap: 10px 0;
}

#contents .flx dt {
	width: 100px;
}

.flx dd {
	width: calc(100% - 100px);
}

a.ico_mail {
    background: url(/images/reference/mail.gif) no-repeat;
    padding-left: 20px;
    font-size: 14px;
}

#contents .info_box nav ol li a span.hd-notion {
    display: inline-block;
    font-size: 18px;
    color: #d60000;
}

#contents .info_box nav ol li:hover a span.hd-notion {
    color: #fff;
}

@media screen and (max-width: 736px) {
    #contents .info_box nav ol li a span.hd-notion {
        font-size: 12px;
    }
}

/***** 各学部へのリンク *****/
/*#contents .flx.fac {
    gap: 20px;
}

#contents .flx.fac li {
    width: calc((100% - 60px) / 4);
    height: 66px;
    margin-bottom: 0;
}

#contents .flx.fac a {
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    transition: .3s;
    position: relative;
    transition: .3s ease-in-out;
}

#contents .flx.fac a:hover {
    opacity: .7;
    text-decoration: none;
}

#contents .flx.fac a:after {
    position: absolute;
    right: 10px;
    padding-right: 0;
}

#contents a.link_block::after {
    content: "";
    background: url(../images/ic_arw.svg) no-repeat;
    background-size: 100% auto;
    width: 8px;
    height: 11px;
}

#contents .flx.fac .f-let {
    background-color: #69308d;
}

#contents .flx.fac .f-psy {
    background-color: #000;
}

#contents .flx.fac .f-econ {
    background-color: #00b8ee;
}

#contents .flx.fac .f-biz {
    background-color: #ec6c00;
}

#contents .flx.fac .f-law {
    background-color: #914897;
}

#contents .flx.fac .f-policy {
    background-color: #7ebf41;
}

#contents .flx.fac .f-world {
    background-color: #f8b500;
}

#contents .flx.fac .f-human {
    background-color: #e63178;
}

#contents .flx.fac .f-rikou {
    background-color: #004da0;
}

#contents .flx.fac .f-soc {
    background-color: #C84E96;
}

#contents .flx.fac .f-agr {
    background-color: #009d62;
}*/

/***** キャンパスマップ *****/
/*#contents .campusmap {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

#contents .campusmap div {
    width: calc((100% - 20px) / 2);
    text-align: center;
}

#contents .campusmap a {
    display: block;
}

#contents .campusmap div img {
    margin-bottom: 5px;
    width: 100%;
}*/

/***** 動画埋め込み *****/
/* 2column ver. */
/*#contents .movieWrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    gap: 40px 20px;
}

#contents .movieWrap > div {
    width: calc((100% - 20px) / 2);
}

#contents .movieWrap > div h3 {
    font-size: 120%;
    padding: 10px 0;
    margin: 0;
    text-align: center;
}*/

/***** リンク集 *****/
/*#contents .link_cont {
    border-bottom: 1px solid #cbd5dc;
    padding: 20px 0;
}

#contents .link_cont:first-of-type {
    border-top: 1px solid #cbd5dc;
}

#contents .link_cont h3 {
    font-size: 18px;
}

#contents .link_cont h3 span {
    font-size: 72.9%;
    display: block;
    font-weight: normal;
}

#contents .link_cont h4 {
    font-size: 100%;
}

#contents .link_cont ul {
    margin: 0;
}

#contents .link_cont ul li:last-child,
#contents ul.list01 li:last-child {
    margin-bottom: 0;
}*/

/***** 目立たせたいブロック *****/
#contents .important {
    background: #F2F5F7;
    padding: 30px;
    box-sizing: border-box;
}

#contents .important h2 {
    color: #F50000;
}

/***** リンク集 見出しに背景色付き *****/
/*link_cont_wrap#contents .link_cont_wrap.bgStyle h3 {
    background: #F2F5F7;
    padding: 12px;
    font-size: 18px;
}

#contents .link_cont_wrap.bgStyle > div {
    margin-bottom: 60px;
}*/


/*-- lib-search タブ切り替え --*/
/*section#lib-search .inner {
    padding: 40px 20px;
    max-width: 1200px;
    margin: 0 auto;
}
.tab-group{
  display: flex;
  justify-content: center;
}
.tab{
  flex-grow: 1;
  padding: 10px;
  list-style:none;
  background-color: #e0e7eb;
  border-right: solid 1px #fff;
  text-align:center;
  cursor:pointer;
}
.panel-group{
  height:100px;
  background-color: #e5ebee;
  border-right: solid 1px #fff;
  border-top:none;
  padding: 20px;
}
.panel{
  display:none;
}
.tab.is-active{
  background: #F50000;
  color: #FFF;
  transition: all 0.2s ease-out;
}
.panel.is-show{
  display:block;
}*/



@media screen and (max-width: 736px) {
    #container header #logo,
    #container header #logo a,
    #container header h1#logo.mini, 
    #container header #logo.mini,
    #container header h1#logo.mini a, 
    #container header #logo.mini a  {
        background-size: 60px 60px;
        width: 60px;
        height: 60px;
    }
    #container header #logo {
        top: 10px;
    }

    /***** 各学部へのリンク *****/
    /*#contents .flx.fac li {
        width: calc((100% - 30px) / 3);
    }*/

    /***** 動画埋め込み *****/
    /* 2column ver. */
    /*#contents .movieWrap {
        flex-direction: column;
    }

    #contents .movieWrap > div {
        width: 100%;
    }

    #contents .movieWrap > div h3 {
        font-size: 18px;
        padding: 10px 5px 10px 5px;
        margin: 0 0 10px 0;
    }*/

    /***** 目立たせたいブロック *****/
    #contents .important {
        padding: 15px;
    }
}

@media screen and (max-width: 500px) {
    /***** 各学部へのリンク *****/
    /*#contents .flx.fac {
        gap: 15px;
    }
    #contents .flx.fac li {
        width: calc((100% - 15px) / 2);
    }*/

    /***** キャンパスマップ *****/
    /*#contents .campusmap a {
        font-size: 14px;
    }*/
}


@media screen and (max-width: 320px) {
    /***** キャンパスマップ *****/
    /*#contents .campusmap {
        flex-direction: column;
    }

    #contents .campusmap div {
        width: 100%;
    }*/
}

/*ボタン*/
#contents .btn1 {
	margin: 30px auto;
    display: flex;
    height: 66px;
}

#contents .btn1 a {
	display: flex;
	width: 100%;
	background-color: #e5ebee;
	color: #000;
	font-size: 18px;
	text-decoration: none;
    justify-content: center;
    align-items: center;
}

#contents .btn1 a:hover {
	background-color: #D60000;
	color: #FFF;
}



/* SNS */
#container .info_box .sns_box {
    width: 600px;
    margin: 20px auto 20px auto;
    display: flex;
}

#container .info_box .sns_box .follow {
    width: 200px;
}

#container .info_box .sns_box .follow h3 {
    font-size: 34px;
    font-family: HelveticaNowDisplay-Bd, sans-serif;
    color: #d60000;
    text-align: left;
}

#container .info_box .sns_box .follow p {
    font-size: 14px;
    font-weight: bold;
    font-family: HelveticaNowDisplay-Bd, sans-serif;
    text-align: left;
    line-height: 20px;
}

#container .info_box .sns_box .sns {
    width: auto;
    text-align: left;
}

#container .info_box .sns_box .sns p {
    padding-left: 20px;
    font-weight: bold;
}

#container .info_box .sns_box .sns a {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 5px 15px 10px 15px;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
}

#container .info_box .sns_box .sns a.twitter {
  background: url(/images/common/icon_x_wh.svg) 50% 50% no-repeat;
  background-size: 32px 32px;
}/*202310*/
#container .info_box .sns_box .sns a.facebook {
  background: url(/images/common/ico_facebook_b.png) 50% 50% no-repeat;
  background-size: 36px 36px;
}
#container .info_box .sns_box .sns a.youtube {
  background: url(/images/common/ico_youtube_b.png) 50% 50% no-repeat;
  background-size: 36px 36px;
}
#container .info_box .sns_box .sns a.instagram {
  background: url(/images/common/ico_instagram_b.png) 50% 50% no-repeat;
  background-size: 33px 33px;
}
#container .info_box .sns_box .sns a.line {
  background: url(/images/common/ico_line_b.png) 50% 50% no-repeat;
  background-size: 32px 32px;
}
#container .info_box .sns_box .sns a.tiktok {
  background: url(/images/common/ico_tiktok_b.png) 50% 50% no-repeat;
  background-size: 36px 36px;
}

@media screen and (max-width: 736px) {
/* SNS */
#container .info_box .sns_box {
    display: block;
    width: 90%;
    margin: 10px auto 10px auto;
    text-align: center;
}

#container .info_box .sns_box .follow {
    width: 100%;
}

#container .info_box .sns_box .follow h3 {
    font-size: 24px;
    text-align: center;
}

#container .info_box .sns_box .follow p {
    font-size: 14px;
    margin-bottom: 10px;
    text-align: center;
}

#container .info_box .sns_box .follow p {
    font-weight: bold;
    font-family: HelveticaNowDisplay-Bd, sans-serif;
}

#container .info_box .sns_box .sns {
    width: 100%;
    text-align: center;
}

#container .info_box .sns_box .sns p {
    font-size: 16px;
    font-weight: normal;
    padding-left: 0px;
}

#container .info_box .sns_box .sns a {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 10px;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
}

}


/* date info -------------------------------------*/
/*画面サイズが991pxまでは以下の内容を適用*/
.date_info{
width:100%;
/*height:110px;*/
/*background-color: rgba(15, 15, 15, 0.7);*/
grid-row: 1;
grid-column: 1;
text-align: center;
position: relative;
}
.time{
margin-top: auto;
margin-bottom: auto;
}                                          
.time,.kaikan-info,.cal-link{
/*margin-top: 10px;
height:90px;*/
margin-bottom: 10px;
margin-bottom: auto;
float:left;
border-right: #000 solid 1px;
color: #000;
}
.kaikan-info{
display: flex;
justify-content: center;
}
.cal-link{
border-right: none;
}
.konzatu{
height: 100%;
}

.date_title{
text-align: center;
font-size: 1em;
margin-left: auto;
margin-right: auto;
}
.date_info, .search{
z-index: 10;
}
.date_info p{
margin: 0;
}
.cal-link{
margin-left: 28px;
/*color:white;*/
text-decoration: none;
}
.cal-link1{
text-decoration: none;
/*color: white;*/
display: relative;
}
.cal-link1:hover{
text-decoration: none;
color: #d60000;
}
.cal{
letter-spacing: -1.1px;
}
/*中央カラム域のサイズに合わせて幅を制御する*/
@media screen and (min-width: 1301px){
    #cal3{margin-top: 10px;}
    #cal-sp{font-size: 16px;}
    .cal-dinfo{font-size: 24px;}
    .holar,.kaikan-kbn{
    height: 100%;
    margin-right: 5%;
    }
    .ru-dan{display: none;}
    .time,.kaikan-info,.cal-link{
    margin-top: 10px;
    height:90px;
    }
    .date_info {height: 110px;}
    .cal{font-size: 18px;}
    .cal2{font-size: 24px;}
    .time{width: 22%;
    font-size: 16px;}
    .kaikan-info{width: 52%;
    font-size: 16px;}
    .cal-link{width: 22%;
    font-size: 16px;
    }
} 
@media screen and (min-width: 992px) and (max-width: 1300px){
    #cal3{margin-top: 10px;}
    #cal-sp{font-size: 16px;}
    .cal-dinfo{font-size: 24px;}
    .holar,.kaikan-kbn{
    height: 100%;
    margin-right: 5%;
    }
    .ru-dan{display: none;}
    .time,.kaikan-info,.cal-link{
    margin-top: 10px;
    height:90px;
    }
    .date_info {height: auto; display: inline-block;}
    .cal{font-size: 18px;}
    .cal2{font-size: 24px;}
    .time{
    width: 22%;
    font-size: 16px;
    }
    .kaikan-info{
    width: 52%;
    font-size: 16px;
    }
    .cal-link{width: 22%;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px){
    #cal-sp{font-size: 16px;}
    .cal-dinfo{font-size: 24px;}
    .holar,.kaikan-kbn{
    height: 100%;
    margin-right: 3%;
    }
    .ru-conf{display: none;}
    .ru-dan{display: block;margin-right:1%;}
    .time,.kaikan-info,.cal-link{
    margin-top: 10px;
    height:70px;
    }
    .date_info {display: inline-block;/*height: 80px; */}
    .cal{font-size: 18px;}
    .cal2{font-size: 24px;}
    .time{
    width: 35%;
    font-size: 14px;
    }
    .kaikan-info{
    width: 63%;
    border-right: none;
    font-size: 14px;
    }
    .cal-link{display: none;}
}
@media screen and (max-width: 767px){
    #cal-sp{font-size: 12px;margin-top:1px;}
    .cal-dinfo{font-size: 12px;}
    .holar,.kaikan-kbn{
    padding-top:1px;
    height: 100%;
    margin-right: 3px;
    }
    .ru-conf{display: none;padding-top:1px;}
    .ru-dan{display: block;margin-right:3px;padding-top:1px;}
    .time,.kaikan-info,.cal-link{
    margin-top: 0px;
    height:100%;
    }
    .date_info {display: inline-block;height: 50px; }
    .cal{font-size: 12px;}
    .cal2{font-size: 15px;}
    .time{
    width: 25%;
    font-size: 12px;
    box-sizing: border-box;
    padding-top: 8px;
    }
    .kaikan-info{
    width: 75%;
    border-right: none;
    font-size: 12px;
    }
    .cal-link{display: none;
    }
}

@media screen and (max-width: 343px) {
    #cal-sp, #cal-dinfo, .kaikan-info {
        font-size: 11px;
    }
}

@media screen and (max-width: 320px) {
    #cal-sp, #cal-dinfo, .kaikan-info {
        font-size: 10px;
    }
}

.ru-konzatu{
text-decoration: underline;
/*color: white;*/
cursor: pointer;
}
.ru-konzatu:hover{
/*  color: white;*/
}
.cal-link2{
display: block;
position: relative;
top: 0;
padding: 10px 20px;
width: 85%;
}
/*202603*/
.cal-link2 img {
    width: 48px;
}
.cal-link3{
display: block;
position: relative;
top: 0;
}
/* /date info -------------------------------------*/


/* search -------------------------------------*/
.right-space {
    padding: 30px 0px;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}
.search_input {
position: relative;
width: 100%;
}

.search_input--txt {
margin-right: 2vw;
padding: 0 10px 0 10px;
overflow: hidden;
transform-origin: left top;
font-size: 16px;
font-weight: 400;
letter-spacing: 0;
line-height: 1;
}

.search_input--btn {
cursor: pointer;
position: relative;
overflow: hidden;
background-color: #d60000;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 27px;
color: white;
text-shadow: none;
transition: opacity .4s ease;
    border:none;
}
.ru-kensakulink {
text-decoration: none;
padding: 2px 20px;
cursor: pointer;
position: relative;
top: 4px;
overflow: hidden;
background-color: #d60000;
background-position: 50% 50%;
background-repeat: no-repeat;
color: white;
text-shadow: none;
transition: opacity .4s ease;
}
.inputarea{
width: 100%;
}
 /* responsive */
.right-space{
grid-row: 3;
grid-column: 1;
}

@media screen and (max-width: 736px) {
    .right-space {
        padding: 0;
    }
}

.search {
display: flex;
position: relative;
flex-direction: column;
align-items: center;
background-color: #e5ebee;
opacity: 0.9;
margin-left: auto;
margin-right: auto;
}
/*.main_space{
grid-template-rows: 20% 10% 70%;
grid-template-columns: 100%;
width:100%;
position: relative;
}*/
.space{
height: 5%;
grid-row: 2;
grid-column: 1;
}
@media screen and (min-width: 580px) {
.ru-tab-switch:checked+.ru-tab-label+.ru-tab-content {height: 62px;}
}
@media screen and (max-width: 579px) and (min-width: 465px) {
.ru-tab-switch:checked+.ru-tab-label+.ru-tab-content {height: 75px;}
}
@media screen and (max-width: 464px) {
.ru-tab-switch:checked+.ru-tab-label+.ru-tab-content {height: 65px;}
}
#search_back{
display: none;
position: absolute;
height: 500px;
width: 100%;
z-index: 1;
object-fit: cover;
}
/*タブ切替*/
.ru-tab-wrap {
display: flex;
flex-wrap: wrap;
}
.ru-tab-wrap:after {
content: '';
width: 100%;

background: rgb(98,122,134);
display: block;
order: -1;
}
.ru-tab-label {
color: black;
background: #cbd5dc;
border-top: 3px solid #cbd5dc;
font-weight: 200;
white-space: nowrap;
text-align: center;
order: -1;
position: relative;
cursor: pointer;
flex: 1;
margin-bottom: 0;
}
.ru-tab-label:hover {
color: white;
background: rgb(150,169,179);
    border-top: 3px solid #96a9b3;
}
.ru-tab-label:not(:last-of-type) {
margin-right: 1px;
}
.ru-tab-content {
height: 0;
overflow: hidden;
opacity: 0;
}
.ru-tab-switch:checked+.ru-tab-label {
color: #000;
background: #e5ebee;
font-weight: bold;
    border-top: 3px solid #d60000;
}
.ru-tab-switch:checked+.ru-tab-label+.ru-tab-content {
overflow: auto;
opacity: 1;
position: relative;
padding-left: 10px;
padding-right: 10px;
}
.ru-tab-switch {
display: none;
}
.ru-textarea{
padding-left: 5px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 0px;
z-index: 100;
/*margin-top: 15px;*/
}
.setumei{
position: relative;
color: #000;
margin-top: 4px;
}
/*中央カラム域のサイズに合わせて幅を制御する*/
@media screen and (min-width: 1301px){
.search{
    height: 220px;/*197*/
    }
.ru-textarea{
height: 50px;/*60*/
margin-top: 10px;
}
.tab-densi{
padding-top: 10px;
}
.ru-tab{
padding-top: 12px;
}
.search_input--txt{
height: 100%;
width:67%}
.search_input--btn {
font-size: 1em;
height: 50px; 
width: 200px;
} 
.setumei{font-size: 15px;}
.ru-tab-label {
height: 40px;
font-size: 16px;}
.ru-textarea,.ru-tab-content{
width: 90%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 992px) and (max-width: 1300px){
.search{height: 197px;}
.ru-textarea{
height: 60px;
margin-top: 5px;
}
.tab-densi{
padding-top: 10px;
}
.ru-tab{
padding-top: 18px;
}
.search_input--txt{
height: 100%;
width:67%}
.search_input--btn {
font-size: 1em;
height: 50px; 
width: 200px;
} 
.setumei{font-size: 15px;}
.ru-tab-label {
height: 40px;
font-size: 16px;}
.ru-textarea,.ru-tab-content{
width: 90%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.search{height: 197px;}
.ru-textarea{
height: 60px;
margin-top: 5px;
}
.tab-densi{
padding-top: 10px;
}
.ru-tab{
padding-top: 18px;
}
.search_input--txt{
height: 100%;
width:67%}
.search_input--btn {
font-size: 1em;
height: 50px; 
width: 65px;
} 
.setumei{font-size: 13px;}
.ru-tab-label {
height: 40px;
font-size: 14px;}
.ru-textarea,.ru-tab-content{width: 100%;}
}
@media screen and (max-width: 767px){
.search{height: 145px;}
.ru-textarea{
height: 30px;/*45*/
margin-top: 0px;
}
.tab-densi{
padding-top: 3px;
}
.search_input--txt{
height: 30px;
width:77%}
.search_input--btn {
font-size: 12px;
height: 32px; 
width: 60px;} 
.setumei{font-size: 12px;margin-top: 0;}
.ru-tab-label {
height: 30px;
line-height: 30px;
text-align: center;
width:30%;
font-size: 12px;}
    .ru-kensakulink {
        font-size: 12px;
        top:0px;
        padding: 2px 10px;
    }
.shosai_link{font-size:12px;margin-right:3px;}
.ru-textarea,.ru-tab-content{width: 100%;}
}
#shosai{
text-decoration: none;
color: white;
}
.shosai{color:red;}.shosai_link{float:left;}
.ru-kensakulink:hover{text-decoration:none;color: white}
/* /search -------------------------------------*/


.w70 { width: 70% !important; }
.w80 { width: 80% !important; }




.fll{float:left !important;}
.flr{float:right !important;}
.clear { clear: both;}

.clearfix::after {
	content: ""; clear: both; display: block;
}

.p0 {padding:0 !important;}

.m0a {margin:0 auto !important;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}


.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}

.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}


.mr0 {margin-right:0 !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}

.plink { margin-top:-90px !important; padding-top:90px !important; }

.tal {text-align:left !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}

.fcr { color: #D60000; }
.bold { font-weight: bold;}
.fcr_b { color: #D60000; font-weight: bold; }
.small { font-size: 86%;}
.ssmall { font-size: 76%;}

.uline { text-decoration: underline;}

.indent1 { text-indent: 1em; }
.indent2 { padding-left:1em; text-indent:-1em;}

.block {display: block;}
.il_block {display: inline-block;}
.il {display: inline;}

.none_pc { display: none;}
.none_sp { display: block;}

@media screen and (max-width: 736px) {
.none_pc { display: block;}
.none_sp { display: none;}
}