@charset "utf-8";
/*----------------------------------------------------
    共通css
----------------------------------------------------*/
#lower-main {
    float: none;
    margin: 0 auto;
}
#header_top .box h1:before {
  background: #000;
  color: #fff;
  content: "PR";
  display: inline-block;
  font-size: 13px;
  line-height: 1.4;
  margin-right: 1rem;
  padding: 0 1rem;
}

#header_top .box .title:before {
  background: #000;
  color: #fff;
  content: "PR";
  display: inline-block;
  font-size: 13px;
  line-height: 1.4;
  margin-right: 1rem;
  padding: 0 1rem;
}

.stbl {
    width: 100%;
    overflow-x: scroll;
    border: 1px solid #ccc;
}

.stbl table {
    margin: 0;
    width: 142%;
}

.img-ex img{
  width: 300px;;
}

/* 202309_oki */

.txt_bold1 {
    background: linear-gradient(transparent 70%, #FFFF00 0%);
    font-weight: bold;
    color: #4c444d;
}

/* 20230222_oki */

@media screen and (max-width: 599px){
    
    .lower_bottom{
        border: dashed 4px #dcc866;
        background: #fffeef !important;
    }
    .cmn-column3{
        display: block !important;
        /* overflow-x: scroll; */
    }

    .lower_bottom .cmn-column3 .cmn-parts-box{
        width: 100% !important;
    }
    .cmn-parts-box-in{
        padding: 10px 15px !important;
        border-radius: 10px !important;
        margin: 0 0 50px 0 !important;
    }
    .cmn-parts-box-in:last-child{
        margin: 0 0 0 0 !important;
    }

    .cmn01-catch-copy{
        text-align: center !important;
        margin: 30px 0 0 0 !important;
        color: #FFFFFF !important;

    }
    .br_sp{
        display: none;
    }

    .mainttl {
        font-size: 26px !important;
        margin: 0 !important;
    }

    .mainttl span.title_f_s {
        font-size: 20px !important;
    }

    .annot_area{
        margin: 10px 0 !important;
    }
    .sp, .sp_br, .forSP{
        display: block !important;
    }

    .sp_br a{
        /* background-color: #22c53a !important; */
        background: #22c53a url(/wp/wp-content/uploads/sp-tel.png) no-repeat left 16px center !important;
        background-size: 8px auto;
    }

    .lower_bottom{
        padding: 3.5rem 0.5rem 0 !important;
    }

    .lower_bottom:before {
        content: none !important;
    }
    
    .lower_bottom:after {
        content: none !important;
    }

    .annot_area{
        /* font-size: 0.6rem; */
        font-size: 12px;
    }
    .detail_last{
        height: auto !important;
    }

    .tokushoku_area{
        background: #fffde7 !important;
    }

    .tc img {
        text-align: center;
        max-width: 100%;
    }
    
}


.mainttl{
    font-size: 40px;
    margin: 0 0 50px 0 ;
}
.mainttl span{
    background: url(img/search_yellow.png) repeat-x left bottom;
}
.mainttl span.title_f_s{
    font-size: 26px;
}


.lower_bottom{
    /* margin: 10rem auto 4rem; */
    margin: 0 auto 4rem;
    padding: 3.5rem 0.5rem 3.5rem;
    /* background: #f2cd5a; */
    background: #fffeef;
    border-radius: 10px;
    position: relative;
}

.lower_bottom .mainttl{
    padding: 0;
    /* font-size: 2.8rem; */
    /* font-size: 1.8rem; */
    font-size: 2.5rem;
    margin: 0 auto 3rem;
    text-align: center;
    line-height: 1.4;
    position: relative;
    font-weight: bold;
}

.lower_bottom .cmn-column2, .lower_bottom .cmn-column3 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
}

/* cms.css */
.cmn-column2, .cmn-column3 {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
/* cms.css */

.lower_bottom .cmn-column2 .cmn-parts-box:first-child, .lower_bottom .cmn-column3 .cmn-parts-box:first-child{
    margin-left: 0;
}

/* cms.css */
.lower_bottom .cmn-column3 .cmn-parts-box {
    width: calc((100% - 3rem)/3);
}
/* cms.css */

.lower_bottom .cmn-column2 .cmn-parts-box, .lower_bottom .cmn-column3 .cmn-parts-box {
    /* padding: 1.5rem 1rem; */
    /* background: #fff; */
    border-radius: 5px;
}
.cmn-parts-box-in{
    background: #fff;
    padding: 5px;
    border-radius: 10px;
}

.lower_bottom .cmn-parts-box .cmn01-catch-copy {
    font-weight: bold;
    line-height: 1.4;
    /* font-size: 1.6rem; */
    font-size: 1.2rem;
    position: relative;
    margin-bottom: 1rem;
    /* color: #fd7d00; */
    /* color: #000000; */
    color: #ffffff;
    /* padding: 0 0 1.5rem; */


}

.cmn01-catch-copy{
    position:relative;
    background:#7dd3eb;
    padding:10px;
    text-align:center;
    color:#FFFFFF;
    font-size:30px;
    font-weight:bold;
    border-radius:36px;
    -webkit-border-radius:36px;
    -moz-border-radius:36px;
}
.cmn01-catch-copy:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(110, 255, 230, 0);
    border-top-width:15px;
    border-bottom-width:15px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-top-color:#7dd3eb;
    top: 100%;
    right: 32px;

}


.lower_bottom .cmn-column2 .ttl, .lower_bottom .cmn-column3 .ttl {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    padding: 20px;
    background: #d3eaff;
    border-radius: 10px 10px 0 0;
    margin: 0 0 10px 0;
    overflow: hidden;
}

.cmn01-image img{
    width: 100%;
}


/* common.css */
.sp, .sp_br, .forSP {
    display: none;
}
/* common.css */


.contents_top .btn-web.pc_br a {
    margin: 0px auto;
}

.lower_bottom .btn-web a {
    font-size: 1rem;
    padding: 1.2rem 2rem 1.2rem 1.2rem;
    margin: 2rem auto 1rem;
    color:#fff !important;
}

/* common.css */
.btn-web a {
    /* background: #e67200; */
    background: #ff4747;
}
/* common.css */

.btn-internal {
    display: block;
    margin: 1.5rem auto;
    text-align: center;
    padding: 12px;
    background: #ffd30d;
    max-width: 450px;
    border-radius: 40px;
    font-weight: bold;
    box-shadow: 0px 3px 0px #3d2314;
    position: relative;
}
.btn-internal:hover {
    opacity: 0.3;
    transform: translateY(3px);
    box-shadow: none;
}
.btn-internal::before { 
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 23.5px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #3d2314;
    border-right: 2px solid #3d2314;
    transform: rotate(45deg);
}
#lower-main .btn-internal a {
    color: #3d2314;
    text-decoration: none;
    font-size: 1rem;
}
@media screen and (max-width: 599px) {
.btn-internal {
    margin: 1.8rem 1rem 2rem;
    padding: 14px;
}
#lower-main .btn-internal a {
    font-size: 1.1rem;
}
}

.btn-web a, .btn-tel a {
    max-width: 350px;
    margin: 40px auto 50px;
    padding: 1.5rem 4.5rem;
    display: block;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    border-radius: 10px;
    position: relative;
    color: #fff;
}

.cmn-parts-box ul{
    /* margin: 5px !important; */
    margin: 5px 15px !important;
}
.cmn-parts-box ul li{
    background:none !important;
    padding:0 !important;
    
}


.annot_area{
    margin: 10px;
    font-size: 0.6rem;
    font-size: 0.73rem;
    text-align: left !important;
}

.caption {
    text-align: center;
    font-size: 10px;
    color: #888;
    line-height: 1.4;
    word-wrap: break-word;
    white-space: nowrap;
    display: block;
}



.image-text__caption {
    display: block;
    padding: 0.5rem 0;
}

.caption, .viral-quote {
    margin: 10px 0;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #C0C0C0 #eee;
    width: 100%;
    height: 100%;
}
.caption:-webkit-scrollbar {
    height: 2px !important;
    scrollbar-width: thin;
}

p.detail_title_01,p.detail_title_02,p.detail_title_03{
    text-align: center !important;
    margin: 0px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
}

p.detail_title_01{
    background: #90cbf1;
}
p.detail_title_02{
    background: #91e6d6;
}

p.detail_title_03{
    background: #dfb964;
}


.tokushoku_area{
    /* background: #fbf8ce !important; */
    /* background: #fffde7 !important; */
    background: #FFFFFF;
    padding: 0 0 5px 0 !important;
    margin: 0 0 10px 0 !important;
}

.detail_last{
    height: 250px;
}


.lower_bottom{
    background: url(img/search_center.png) repeat-y;
    position: relative;
    /* width: 660px; */
    /* height: auto; */
    /* margin: 0 0 40px 0; */
    /* padding: 15px; */
}

.lower_bottom:before {
    position: absolute;
    top: 0;
    left: 0;
    background: url(img/search_top.png) no-repeat;
    width: 690px;
    height: 28px;
    content: '';
}

.lower_bottom:after {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(img/search_bottom.png) no-repeat;
    width: 690px;
    height: 16px;
    content: '';
}



.btn-web{
    position: relative;
}
.btn-web a::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 1.3rem;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

span.fsize_s{
    font-size: 12px;
    font-weight: unset !important;
}

#lower-main .btn-web a {
    font-size: 14px;
    color: #FFF;
}


/* 20230222_oki */

























/* Scss Document */
/* \*/
* html .fcb {
  height: 1%;
}

.fcb {
  display: block;
}

/* */
.clear {
  clear: both;
}

.cf:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  /* 隙間対応 */
  font-size: 0.1em;
  /* 隙間対応 */
  line-height: 0;
  /* 隙間対応 */
}

/* 追加 MacIE 5 と WinIE 7 向け */
.cf {
  display: inline-block;
}

/*MacIE \*/
* html .cf {
  height: 1em;
}

.cf {
  display: block;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.tc {
  text-align: center;
}

/*各上下左右マージン指定*/
.mt0 {
  margin-top: 0px !important;
}

.mt1 {
  margin-top: 1px !important;
}

.mt2 {
  margin-top: 2px !important;
}

.mt3 {
  margin-top: 3px !important;
}

.mt4 {
  margin-top: 4px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt6 {
  margin-top: 6px !important;
}

.mt7 {
  margin-top: 7px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mt9 {
  margin-top: 9px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt23 {
  margin-top: 23px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt85 {
  margin-top: 85px !important;
}

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

.mt95 {
  margin-top: 95px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb1 {
  margin-bottom: 1px !important;
}

.mb2 {
  margin-bottom: 2px !important;
}

.mb3 {
  margin-bottom: 3px !important;
}

.mb4 {
  margin-bottom: 4px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb6 {
  margin-bottom: 6px !important;
}

.mb7 {
  margin-bottom: 7px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.mb9 {
  margin-bottom: 9px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml1 {
  margin-left: 1px !important;
}

.ml2 {
  margin-left: 2px !important;
}

.ml3 {
  margin-left: 3px !important;
}

.ml4 {
  margin-left: 4px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml6 {
  margin-left: 6px !important;
}

.ml7 {
  margin-left: 7px !important;
}

.ml8 {
  margin-left: 8px !important;
}

.ml9 {
  margin-left: 9px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml14 {
  margin-left: 14px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.ml85 {
  margin-left: 85px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.ml95 {
  margin-left: 95px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mr1 {
  margin-right: 1px !important;
}

.mr2 {
  margin-right: 2px !important;
}

.mr3 {
  margin-right: 3px !important;
}

.mr4 {
  margin-right: 4px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr6 {
  margin-right: 6px !important;
}

.mr7 {
  margin-right: 7px !important;
}

.mr8 {
  margin-right: 8px !important;
}

.mr9 {
  margin-right: 9px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr12 {
  margin-right: 12px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mr95 {
  margin-right: 95px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.mtbm0 {
  margin-bottom: 0px !important;
}

/*各上下左右パディング*/
.pt0 {
  padding-top: 0px !important;
}

.pt1 {
  padding-top: 1px !important;
}

.pt2 {
  padding-top: 2px !important;
}

.pt3 {
  padding-top: 3px !important;
}

.pt4 {
  padding-top: 4px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt6 {
  padding-top: 6px !important;
}

.pt7 {
  padding-top: 7px !important;
}

.pt8 {
  padding-top: 8px !important;
}

.pt9 {
  padding-top: 9px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pt85 {
  padding-top: 85px !important;
}

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

.pt95 {
  padding-top: 95px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pb1 {
  padding-bottom: 1px !important;
}

.pb2 {
  padding-bottom: 2px !important;
}

.pb3 {
  padding-bottom: 3px !important;
}

.pb4 {
  padding-bottom: 4px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb6 {
  padding-bottom: 6px !important;
}

.pb7 {
  padding-bottom: 7px !important;
}

.pb8 {
  padding-bottom: 8px !important;
}

.pb9 {
  padding-bottom: 9px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pl1 {
  padding-left: 1px !important;
}

.pl2 {
  padding-left: 2px !important;
}

.pl3 {
  padding-left: 3px !important;
}

.pl4 {
  padding-left: 4px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl6 {
  padding-left: 6px !important;
}

.pl7 {
  padding-left: 7px !important;
}

.pl8 {
  padding-left: 8px !important;
}

.pl9 {
  padding-left: 9px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.pl85 {
  padding-left: 85px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.pl95 {
  padding-left: 95px !important;
}

.pl100 {
  padding-left: 100px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pr1 {
  padding-right: 1px !important;
}

.pr2 {
  padding-right: 2px !important;
}

.pr3 {
  padding-right: 3px !important;
}

.pr4 {
  padding-right: 4px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr6 {
  padding-right: 6px !important;
}

.pr7 {
  padding-right: 7px !important;
}

.pr8 {
  padding-right: 8px !important;
}

.pr9 {
  padding-right: 9px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr12 {
  padding-right: 12px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pr85 {
  padding-right: 85px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pr95 {
  padding-right: 95px !important;
}

.pr100 {
  padding-right: 100px !important;
}

a:hover img {
  filter: alpha(opacity=80);
  opacity: 0.8;
}

a:hover.none img {
  filter: alpha(opacity=100);
  -moz-opacity: 100;
  opacity: 100;
}

#header_top {
  padding: 10px 0px;
}
#header_top .box {
  width: 960px;
  margin: 0 auto;
}
#header_top .box .title {
  font-size: 11px;
  font-weight: normal;
  color: #aaaaaa;
  line-height: 1;
  float: left;
}
#header_top .box .title a {
  font-size: 11px;
  font-weight: normal;
  color: #aaaaaa;
  text-decoration: none;
}
#header_top .box .title a:hover {
  text-decoration: underline;
}
#header_top .box .read-txt {
  font-size: 11px;
  font-weight: normal;
  color: #aaaaaa;
  float: right;
  line-height: 1;
  text-decoration: none;
}

#logo {
  width: 960px;
  margin: 20px auto 30px;
  text-align: center;
}

#globalNav {
  margin: 0 0 10px 0;
}
#globalNav ul {
  width: 960px;
  margin: 0 auto;
}
#globalNav ul li {
  border-left: 1px solid #000000;
  display: inline-block;
  width: 187px;
  text-align: center;
}
#globalNav ul li a {
  color: #000000;
  font-weight: bold;
}
#globalNav ul li a:hover {
  color: #7dd3eb;
}
#globalNav ul li:last-child {
  border-right: 1px solid #c8c8c8;
}

#mv {
  background: url("img/mv_bg01.jpg") no-repeat;
  width: 1160px;
  height: 503px;
  margin: 0 auto;
  position: relative;
}
#mv .ttl {
  position: absolute;
  top: 45px;
  left: 150px;
  width: 437px;
  height: 156px;
  padding-top: 35px;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  line-height: 130%;
  background: url("img/mv_txt_bg.png") no-repeat;
}
#mv .txt {
    width: 500px;
    line-height: 20px;
    font-size: 12px;
    position: absolute;
    top: 200px;
    left: 150px;
    background-color: rgb(252, 254, 252);
    opacity: 0.85;
    padding: 10px 10px 10px 20px;
    border-radius: 15px;
}
#mv .character {
  position: absolute;
  top: 70px;
  right: 210px;
}

#footer-link {
  margin: 60px 0 0 0;
  padding: 30px 0 10px;
  background: #a8e2f2;
}
#footer-link #footerDesc {
  width: 960px;
  margin: 0 auto;
}
#footer-link #footmenu {
  width: 960px;
  margin: 0 auto;
}

#graduate-list {
  margin: 0 0 30px 0;
}
#graduate-list .inner {
  border: 4px solid #7dd3eb;
  background: url("img/bg_index01.png");
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  padding: 10px;
  width: 188px;
  height: 270px;
  float: left;
}
#graduate-list .inner .ttl {
  margin: 0 0 10px 0;
}
#graduate-list .inner .ttl a {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  text-decoration: underline;
}
#graduate-list .inner .ttl a:hover {
  text-decoration: none;
}
#graduate-list .inner .ttl a img {
  vertical-align: middle;
  margin: 0 10px 0 0;
}
#graduate-list .inner p {
  font-size: 13px;
  line-height: 150%;
  text-align: ;
  margin: 0px;
}

.index-ttl {
  font-size: 22px;
  font-weight: bold;
  padding: 10px 20px 35px 70px;
  margin: 0 0 20px;
  line-height: 1.4;
  background: url("img/index_h2.png") no-repeat left top;
}

#search {
  background: url("img/search_center.png") repeat-y;
  position: relative;
  width: 660px;
  height: auto;
  margin: 0 0 40px 0;
  padding: 15px;
}
#search:before {
  position: absolute;
  top: 0;
  left: 0;
  background: url("img/search_top.png") no-repeat;
  width: 690px;
  height: 28px;
  content: '';
}
#search:after {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("img/search_bottom.png") no-repeat;
  width: 690px;
  height: 16px;
  content: '';
}
#search .ttl {
  font-size: 40px;
  font-weight: bold;
  line-height: 110%;
  padding-top: 20px;
  padding-left: 150px;
  margin-bottom: 50px;
}
#search .ttl span {
  background: url("img/search_yellow.png") repeat-x left bottom;
  font-size: 26px;
}
#search .ttl em {
  background: url("img/search_yellow.png") repeat-x left bottom;
  text-decoration: none;
  font-style: normal;
}
#search .abso01 {
  position: absolute;
  top: 30px;
  left: 30px;
}
#search .abso02 {
  position: absolute;
  top: 60px;
  right: 40px;
}
#search .sub-ttl {
  height: 30px;
  text-align: center;
  font-size: 20px;
  padding-top: 10px;
  font-weight: bold;
  color: #fff;
}
#search .age {
  background: #90cbf1;
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
}
#search .method {
  background: #91e6d6;
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
}
#search .list-age {
  background: #fbf8ce;
  padding: 10px;
}
#search .list-age ul {
  margin: 0px;
}
#search .list-age ul li {
  display: block;
  padding: 0px;
}
#search .list-age ul li a {
  background: url("img/btn_search_age.png") no-repeat;
  display: block;
  width: 194px;
  float: left;
  height: 60px;
  text-align: center;
  font-size: 22px;
  padding-top: 20px;
  padding-left: 10px;
  font-weight: bold;
  color: #68b6e8;
  text-decoration: none;
}
#search .list-age ul li a:hover {
  text-decoration: underline;
  opacity: 0.8;
}

#search .list-method {
  background: #fbf8ce;
  padding: 10px;
}
#search .list-method ul {
  margin: 0px;
}
#search .list-method ul li {
  margin: 0px;
  padding: 0px;
  display: block;
}
#search .list-method ul li a {
  background: url("img/btn_search_method.png") no-repeat;
  display: block;
  width: 125px;
  float: left;
  height: 57px;
  text-align: center;
  font-size: 18px;
  padding-top: 23px;
  padding-left: 25px;
  font-weight: bold;
  color: #4fc1ac;
  text-decoration: none;
}
#search .list-method ul li a:hover {
  text-decoration: underline;
  opacity: 0.8;
}
#search .searchBtn {
  margin: 20px 0px;
}
#search .searchBtn a {
  display: block;
  background: url("img/btn_rank_search.png") no-repeat;
  width: 360px;
  height: 52px;
  padding-top: 17px;
  padding-left: 120px;
  font-size: 22px;
  font-weight: bold;
  color: #000;
  float:left;
  margin:0 0 0 15px;
  text-decoration: none;
}
#search .searchBtn a:hover {
  text-decoration: underline;
  opacity: 0.8;
}
#search .result {
  border: 5px solid #fbf8ce;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  padding: 15px;
  background: #fff;
}
#search .result .result-ttl {
  background: url("img/ranking_headline.png") no-repeat;
  width: 555px;
  height: 50px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  padding-top: 17px;
  padding-left: 55px;
}
#search .result .fl {
  width: 305px;
}
#search .result .fr {
  width: 300px;
}
#search .result .fr .point-ttl {
  text-align: center;
  background: #fbf8ce;
  border-radius: 15px;
  padding: 10px;
  margin: 0 30px 10px;
}
#search .result .fr ul {
  margin: 0px;
  font-size: 13px;
padding:0 0 0 37px;
}
#search .result .fr ul li {
  background: none;
  padding: 0px;
}
#search .result .fr .result-btn a {
  display: block;
  background: url("img/btn_ranking.png") no-repeat;
  width: 215px;
  height: 38px;
  padding-top: 12px;
  padding-left: 20px;
  margin: 36px auto 0;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
#search .result .fr .result-btn a:hover {
  text-decoration: underline;
  opacity: 0.8;
}

#contents-bg01 {
  background: url("img/contents_bg01.png") no-repeat;
  height: 2050px;
}

#sono1 {
  position: relative;
}
#sono1 .abso {
  position: relative;
}
#sono1 h3 {
  position: absolute;
  top: 60px;
  left: 30px;
  z-index: 3;
  font-size: 30px;
  font-weight: normal;
  color: #e97d7b;
}
#sono1 h3 a {
  color: #e97d7b;
}
#sono1 h3 a:hover {
  color: #e97d7b;
  text-decoration: none;
}
#sono1 .txtBox {
  width: 514px;
}
#sono1 .txtBox p {
  margin: 0px;
}
#sono1 .btn a {
  margin: 30px 0 0;
  display: block;
  background: url("img/btn_sono1.png") no-repeat;
  width: 250px;
  height: 40px;
  padding-top: 10px;
  padding-left: 25px;
  font-size: 15px;
  font-weight: bold;
  color: #000;
  text-decoration: none;
}
#sono1 .btn a:hover {
  text-decoration: underline;
  opacity: 0.8;
}

#sono2 {
  position: relative;
  padding: 110px 0 110px 190px;
}
#sono2 .abso {
  position: relative;
}
#sono2 h3 {
  position: absolute;
  top: 170px;
  left: 220px;
  z-index: 3;
  font-size: 30px;
  font-weight: normal;
  color: #54c3ff;
}
#sono2 h3 a {
  color: #54c3ff;
}
#sono2 h3 a:hover {
  color: #54c3ff;
  text-decoration: none;
}
#sono2 .txtBox {
  width: 514px;
}
#sono2 .txtBox p {
  margin: 0px;
}
#sono2 .btn a {
  margin: 30px 0 0;
  display: block;
  background: url("img/btn_sono1.png") no-repeat;
  width: 250px;
  height: 40px;
  padding-top: 10px;
  padding-left: 25px;
  font-size: 15px;
  font-weight: bold;
  color: #000;
  text-decoration: none;
}
#sono2 .btn a:hover {
  text-decoration: underline;
  opacity: 0.8;
}

#sono3 {
  position: relative;
}
#sono3 .abso {
  position: relative;
}
#sono3 h3 {
  position: absolute;
  top: 60px;
  left: 30px;
  z-index: 3;
  font-size: 30px;
  font-weight: normal;
  color: #ff961a;
}
#sono3 h3 a {
  color: #ff961a;
}
#sono3 h3 a:hover {
  color: #ff961a;
  text-decoration: none;
}
#sono3 .txtBox {
  width: 514px;
}
#sono3 .txtBox p {
  margin: 0px;
}
#sono3 .btn a {
  margin: 30px 0 0;
  display: block;
  background: url("img/btn_sono1.png") no-repeat;
  width: 250px;
  height: 40px;
  padding-top: 10px;
  padding-left: 25px;
  font-size: 15px;
  font-weight: bold;
  color: #000;
  text-decoration: none;
}
#sono3 .btn a:hover {
  text-decoration: underline;
  opacity: 0.8;
}

#sono4 {
  position: relative;
  padding: 110px 0 110px 190px;
}
#sono4 .abso {
  position: relative;
}
#sono4 h3 {
  position: absolute;
  top: 170px;
  left: 220px;
  z-index: 3;
  font-size: 26px;
  font-weight: normal;
  color: #ab80c4;
}
#sono4 h3 a {
  color: #ab80c4;
}
#sono4 h3 a:hover {
  color: #ab80c4;
  text-decoration: none;
}
#sono4 .txtBox {
  width: 514px;
}
#sono4 .txtBox p {
  margin: 0px;
}
#sono4 .btn a {
  margin: 30px 0 0;
  display: block;
  background: url("img/btn_sono1.png") no-repeat;
  width: 260px;
  height: 40px;
  padding-top: 10px;
  padding-left: 15px;
  font-size: 15px;
  font-weight: bold;
  color: #000;
  text-decoration: none;
}
#sono4 .btn a:hover {
  text-decoration: underline;
  opacity: 0.8;
}

#bottom-banner {
  position: relative;
}
#bottom-banner a {
  display: block;
}
#bottom-banner span {
  position: absolute;
  z-index: 4;
  top: 30px;
  left: 145px;
  color: #000;
  line-height: 40px;
  font-size: 26px;
  font-weight: bold;
}
#bottom-banner span:hover {
  text-decoration: underline;
}
#bottom-banner span em {
  font-size: 33px;
  font-weight: bold;
  font-style: normal;
}

.footermenu-block01 {
  width: 374px;
  float: left;
}
.footermenu-block01 .ttl {
  margin: 0 0 15px 0;
}
.footermenu-block01 .ttl a {
  font-size: 14px;
  font-weight: bold;
  color: #464646;
  text-decoration: none;
  border-bottom: 1px solid #464646;
  padding: 0 0 30px 0;
  display: block;
}
.footermenu-block01 .ttl a:hover {
  text-decoration: underline;
}
.footermenu-block01 ul {
  float: left;
}
.footermenu-block01 ul li a {
  font-size: 12px;
  color: #464646;
}
.footermenu-block01 ul li a:before {
  content: '・';
}

.footermenu-block02 {
  width: 564px;
  float: right;
}
.footermenu-block02 .ttl {
  margin: 0 0 15px 0;
}
.footermenu-block02 .ttl a {
  font-size: 14px;
  font-weight: bold;
  color: #464646;
  text-decoration: none;
  border-bottom: 1px solid #464646;
  padding: 0 0 10px;
  display: block;
}
.footermenu-block02 .ttl a:hover {
  text-decoration: underline;
}
.footermenu-block02 ul li a {
  font-size: 12px;
  color: #464646;
}
.footermenu-block02 ul li a:before {
  content: '・';
}

.noneLink {
  background: url("img/btn_search_age_none.png") no-repeat !important;
  color: #345b74;
}

.noneLink02 {
  background: url("img/btn_search_method_none.png") no-repeat !important;
  color: #276056;
}

.searchBtn-none a {
  display: block;
  background: url("img/btn_rank_search_none.png") no-repeat;
  width: 360px;
  height: 52px;
  padding-top: 17px;
  padding-left: 120px;
  font-size: 22px;
  font-weight: bold;
  color: #000 !important;
  float:left;
  margin:0 0 0 15px;
  text-decoration: none !important;
}


#reset-btn a {
  display: block;
  background: url("img/btn_reset.jpg") no-repeat;
  width:140px;
  height:50px;
  font-size:15px;
  font-weight: bold;
  color:#fff;
  padding-top:20px;
  text-align: center;
  float:right;
  margin:0 15px 0 0;
  text-decoration: none;
}

#reset-btn a:hover {
  text-decoration: underline;
  color:#fff;
  opacity:0.8;
}

a.link-top {
  display: block;
  background: url("/wp/wp-content/uploads/btn_long.png") no-repeat;
  width: 450px;
  height: 38px;
  padding-top: 12px;
  padding-left: 20px;
  margin: 36px auto 0;
  font-size: 15px;
  font-weight: bold;
  color: #fff !important;
  text-decoration: none;
}



span.sansyoumoto{
    font-size:11px;
    word-break: break-all;
    color: #aaaaaa;
    min-width: 100%;
}

.wrapper-sansyoumoto {
    width: 100%; /* 必要に応じて調整 */
    overflow-x: auto; /* 横スクロールを適用 */
    white-space: nowrap; /* 折り返しを防ぐ */
}



/*# sourceMappingURL=assist.css.map */


span.opacity{
    background-color: rgb(238, 248, 238);
    color: #000000;
    opacity: 0.55;
    font-size: 14px;
    line-height: 1.15;
    font-weight: bold;
}


link-top a {
  display: block;
  background: url("img/btn_ranking.png") no-repeat;
  width: 215px;
  height: 38px;
  padding-top: 12px;
  padding-left: 20px;
  margin: 36px auto 0;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}

a.top{
    font-size:16px; 
    color:#0000ff;
    font-weight:bold;
}

span.kyotyo {
    font-size: 18px;
    color: red;
    font-weight: bold;
}
p.sansyo {
    font-size: 12px;
    color: #9e9e9e;
}



#toc {
    padding: 8px 8px 1px 18px;
    margin: 0 auto;
    border: 3px solid #000;
    width: 600px;
}
#toc ul {
    position: relative;
}
#toc ul:before {
    position: absulute;
    content: '';
    font-size: 18px;
    top: -20px;
    font-weight: buld;
    left: 0;
}
#toc ul li {
    padding: 2px 0 2px 30px;
    list-style: none;
    position: relative;
    counter-increment: number;
       font-size: 16px;
}
#toc ul li::before {
    display: block;
    background-culor: #333;
    width: 20px;
    height: 20px;
    position: absulute;
    top: 6px;
    left: 0;
    culor: #fff;
    text-align: center;
    line-height: 1.7;
    font-weight: buld;
    font-size: 1.2rem;
}



.hidden_box {
    margin: 50px auto;
    padding: 0;
    width: auto;
}
.hidden_box input {
    display: none;
}

.hidden_box label {
    padding: 6px 6px;
    font-weight: 700;
    background: #7dd3eb;
    cursor: pointer;
    transition: .5s;
    color: #fff;
    margin: 0 auto -3px;
    font-size: 18px;
    z-index: 1;
    position: relative;
    border: 3px solid #000;
    width: 614px;
    display: block;
    text-align: center;
}

.hidden_box label:hover {
    background: #e8e7e7;
}

.hidden_box label::before {
    display: inline-block;
    transition: .2s;
    content: '';
    width: 10px;
    height: 10px;
    border: 0px;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: 0px;
        border-right-color: currentcolor;
        border-right-style: none;
        border-right-width: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(135deg);
    position: absolute;
    top: 24%;
    left: 14px;
}
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: .3s;
}
.tabopen:checked + .hidden_show {
    height: auto;
    padding: 0;
    background: #fff;
    opacity: 1;
    margin: 0 auto;
    z-index: 0;
    position: relative;
}

ul.hidden_box_ul li {
    list-style-type: disc;
    color: #B07F21;
    font-size: 14px;
    margin-left: 10px;
}
ul.hidden_box_ul li a {
    color: #000;
    text-decoration: underline;
}

/* 2022.02.17 */
.kanren {
    border:3px solid #7dd3eb;
    margin:20px 0;
    padding:20px;
}

.midasi{
    background-color:#dbf0ff;
    padding:10px;
    margin-bottom:20px;
    font-size:18px;
    text-align: center;
}

#lower-main .kanren ul li{
    margin:10px 0;
}
/* 2022.02.17 end */
#page ul li {
    word-break: break-all;
}

/*2022.09.28*/
.cp_box *, .cp_box *:before, .cp_box *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.cp_box {
    width: auto;
    margin: 2em auto;
}
.cp_box label {
    font-weight: bold;
    position: relative;
    display: block;
    width: 80%;
    margin: auto;
    padding: 0.3em 1em;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    color: #da3c41;
    border: 2px solid #da3c41;
    border-radius: 3px;
}
.cp_box label:hover {
    transition: all 0.3s;
    color: #ffffff;
    background: #da3c41;
}
.cp_box label::after {
    font-family: 'FontAwesome';
    content: ' \f067';
    color: #da3c41;
}
.cp_box label:hover::after {
    color: #ffffff;
}
.cp_box input:checked ~ label::after {
    font-family: 'FontAwesome';
    content: ' \f068';
    color: #da3c41;
}
.cp_box input:checked ~ label:hover::after {
    color: #ffffff;
}
.cp_box input {
    display: none;
}
.cp_box .cp_container {
    position: relative;
    z-index: 10;
    overflow: hidden;
    height: 0;
    margin-top: -1px;
    transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    background: rgba(255, 255, 255, 0.5);
}
.cp_box input:checked ~ div {
    transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
}
/* 続きを読むを押すと表示されるテキストの高さ */
.cp_box input:checked ~ div.cp_container {
    height: 300px;
}
/*2022.09.28*/
#lower-main .custom-box ul{
    margin-top:4rem;
}

.stbl th:first-child {
  position: sticky;
  left: 0;
}

.stbl th:first-child::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border-right: 1px solid #ccc;
}

#lower-main .stbl a {
    color: #03C;
    text-decoration: underline;
    display: block;
    position: sticky;
    z-index: 999;
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

.accordion-content.open {
    max-height: 250000px;
}

.accordion-toggle {
    cursor: pointer;
    display: block;
    padding: 10px;
    background-color: #7dd3eb;
    border: 1px solid #ccc;
    color: #fff;
    margin-top: 10px;
	margin-bottom: 2rem;
    font-weight: bold;
    text-align: center;
}

.accordion-toggle:hover {
  background-color: #e0e0e0;
}












/*----------------------------------------------------
    PCサイトcss
----------------------------------------------------*/

@media screen and (min-width: 600px) {
/*/////////////PC用のCSSをここに作成してください。/////////////*/
/*/////////////必ず中括弧の中に作成してください。/////////////*/
    .sp,.btn_tel{
        display:none;
    }
    
#lower-main .pc_bluebtn a {
    background: #1faed6 no-repeat url(/wp/wp-content/uploads/sp-arrow-w.png);
    background-position: right center;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    line-height: 1.4em;
    margin: 0 auto;
    padding: 1rem 3rem 1rem;
    box-shadow: 0px 3px 0px #dbdbdb;
    display: block;
    border-radius: 10px;
    width: 60%;
}

}



/*----------------------------------------------------
    SPサイトcss
----------------------------------------------------*/

@media screen and (max-width: 599px) {
/*/////////////SP用のCSSをここに作成してください。/////////////*/
/*/////////////必ず中括弧の中に作成してください。/////////////*/

/*20220822レスポンシブ化--------------------------------------*/
html,body {
/*   word-wrap: break-word;
  overflow-x: hidden; */
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  font-size: 14px!important;
}

span {
  font-weight: bold!important;
}

body {
  word-wrap: break-word;
        color: #333;
}

h2 {
  font-size: 18px!important;
}

h3 {
  font-size: 16px!important;
}
#pankuzu {
  padding: 0 5px;
  display:block;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  overflow: auto;
  white-space: nowrap;
margin: 10px auto 10px; 
}
div#pankuzu::-webkit-scrollbar {
    display: none;
}

.pc {
    display: none;
}

.sp,.btn_tel {
    display: block;
}
*{
        box-sizing: border-box;
}
div#search {
    position: relative;
    margin: 10px 5px;
    padding: 5px;
    border: dashed 4px #dcc866;
    border-radius: 10px;
    box-sizing: border-box;
    max-width: 100%;
    width: 98%;
    background-size: 0;
}
#header_top .box,#search:before,#mv .txt,#mv .ttl,body,#globalNav ul,#footer-link #footmenu,#footer-link #footerDesc,.footermenu-block01,.footermenu-block02,#logo, div#globalNav, #mv, #wrapper, #contents, #main, #lower-main, #sub, #search, #search:after, .searchBtn-none a, #sono1 .txtBox, a.link-top, #sono2 .txtBox, #sono3 .txtBox, #sono4 .txtBox,#graduate-list .inner,#contents_low,.hidden_box label,#toc,#pankuzu {
    width: 100%;
    max-width: 100%;
      box-sizing: border-box;
}

#mv{
      height:auto;
}
#search:before,div#sub .mb20 a {
    display: none;
}
#search, a.noneLink02,#search:after,#contents-bg01{
      background:none;
}

#search,#mv .txt,.searchBtn-none a,.cate li.ttl:first-child a,#sono4,#sono2 {
    padding: unset;
}
#header_top .box .read-txt,.footermenu-block01,.fl,#main, #lower-main,.footermenu-block02 {
    float: none;
}
#mv .txt,#mv .ttl,#bottom-banner span {
    position: unset;
}
.searchBtn-none a {
    background-size: 50%;
}
#graduate-list .inner {
    height: auto;
    padding: 0;
    margin: 0;
    float: none;
    box-sizing: border-box;
}
a.link-top {
    margin: 0;
    padding: 1rem 0;
    height: auto;
    position: unset;
    background-size: 80%;
}
div#contents {
    margin: 0;
    padding: 0;
}
#search:before {
    background-size: 80%;
}
#header_top .box .title {
    margin: 0 0;
    padding: 0px;
    font-size: 19px;
    text-align: center;
    font-weight: bold;
    line-height: 1.8;
    color: #333;
}

#header_top .box .read-txt {
    padding: 5px 10px 5px 10px;
    color: #000;
    font-size: 15px;
    line-height: 1.2;
    text-align: center;
}

div#logo {
    display: none;
}

#globalNav ul li a {
        background: url(/wp/wp-content/uploads/sp-arrow.png), linear-gradient(to bottom, #fff 0%, #d7d7d5 88%);
    background-repeat: no-repeat;
    background-position: right bottom;
    box-shadow: 1px 1px 0px rgb(0 0 0 / 40%), inset 0px 0px 3px rgb(255 255 255 / 40%);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4),inset 0px 0px 3px rgba(255, 255, 255, 0.4);
    -webkit-box-shadow: 1px 1px 1px rgb(0 0 0 / 40%), inset 0px 0px 3px rgb(255 255 255 / 40%);
    margin: 0;
    padding: 0 2px 0 0;
    text-align: center;
    color: #000;
    font-size: 13px;
    border: solid 1px #cecece;
    display: block;
    line-height: 1.3em !important;
    margin: 0px !important;
    padding: 15px 0px 15px 0px !important;
    display: block;
    font-weight: normal;
}

#globalNav ul {
    display: flex;
    flex-wrap: wrap;
}

#globalNav ul li {
    width: calc(100% / 4 - 0px);
    border: none;
}

#mv {
    background-size: contain;
}

#mv .ttl {
    background: none;
    text-align: center;
    font-weight: bold;
    line-height: 130%;
    padding: 0;
    color: #333;
    height: auto;
    padding: 10px 10px 0px 10px;
    box-sizing: border-box;
    margin: 0.83em auto;
}

#mv .character {
    display: none;
}
#mv .txt {
    background: #ffffffad;
    line-height: 20px;
    font-size: 12px;
    padding: 0px 20px 10px 20px;
    box-sizing: border-box;
}
#search .abso01 {
    padding: 0.5rem 0;
    width: 20%;
    position: unset;
    top: unset;
    left: unset;
    float: left;
}
#search .abso02 {
    position: unset;
    width: 10%;
    top: unset;
    right: unset;
    float: right;
}
#search .ttl {
    padding: 0;
    margin-top: 0.5rem;
    margin-bottom: 1.6rem;  
}

#search .ttl span {
    font-size: 16px;
    font-weight: bold;
    line-height:2.5rem;
    margin: 10px 0;
}


div#search {
    color: #333;
}
#search .ttl span,#search .ttl em {
    padding: 0 0.5rem;
    font-size: 16px;
    line-height: 2.1rem;
    margin:10px 0.4rem; 
}

#search .list-method ul li a.noneLink02 {
    background: url(../wp/wp-content/uploads/sp-search-arrow2.png) , -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #f3f3f3), color-stop(0.00, #fff)) !important;
    background: url(../wp/wp-content/uploads/sp-search-arrow2.png) , -webkit-linear-gradient(top, #fff 0%, #f3f3f3 88%) !important;
    background: url(../wp/wp-content/uploads/sp-search-arrow2.png) , -moz-linear-gradient(top, #fff 0%, #f3f3f3 88%) !important;
    background: url(../wp/wp-content/uploads/sp-search-arrow2.png) , -o-linear-gradient(top, #fff 0%, #f3f3f3 88%) !important;
    background: url(../wp/wp-content/uploads/sp-search-arrow2.png) , -ms-linear-gradient(top, #fff 0%, #f3f3f3 88%) !important;
    background: url(/wp/wp-content/uploads/sp-search-arrow2.png) , linear-gradient(to bottom, #fff 0%, #f3f3f3 88%) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    border: 3px solid #b7af88;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2;
    color: #4fc1ac;
    text-decoration: none;
    padding: 10px 0px 10px 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: block;
    overflow: auto;
    width: auto;
    height: auto;
    float: none;
    margin-right: 2px !important;
}
div#search .cf.mb20 {
display: flex;
    justify-content: space-around;
    align-items: stretch;
margin-bottom: 1rem !important; 
}
div#search .cf.mb20 div {
    margin: 0;
    display: flex;
}
div#sbtn {
    width: 65%;
}
div#reset-btn {
    width: 35%;
}
#search div#sbtn a {
background: url(/wp/wp-content/uploads/sp-btn_rank_search.png) , -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #eccf6e), color-stop(0.00, #ecd983));
background: url(/wp/wp-content/uploads/sp-btn_rank_search.png) , -webkit-linear-gradient(top, #ecd983 0%, #eccf6e 88%);
background: url(/wp/wp-content/uploads/sp-btn_rank_search.png) , -moz-linear-gradient(top, #ecd983 0%, #eccf6e 88%);
background: url(/wp/wp-content/uploads/sp-btn_rank_search.png) , -o-linear-gradient(top, #ecd983 0%, #eccf6e 88%);
background: url(/wp/wp-content/uploads/sp-btn_rank_search.png) , -ms-linear-gradient(top, #ecd983 0%, #eccf6e 88%);
background: url(/wp/wp-content/uploads/sp-btn_rank_search.png) , linear-gradient(to bottom, #ecd983 0%, #eccf6e 88%);
    background-repeat: no-repeat;
    background-position: right center;
    border: solid 2px #eae9d4;
    display: block;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    margin: 0 5px;
    padding: 15px 25px 15px 0px;
    line-height: 1.2em;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    height: auto;
}
#reset-btn a {
    width: 100%;
    height: auto;
    float: none;
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.87, #ff6660), color-stop(0.00, #ff7e78));
    background: -webkit-linear-gradient(top, #ff7e78 0%, #ff6660 87%);
    background: -moz-linear-gradient(top, #ff7e78 0%, #ff6660 87%);
    background: -o-linear-gradient(top, #ff7e78 0%, #ff6660 87%);
    background: -ms-linear-gradient(top, #ff7e78 0%, #ff6660 87%);
    background: linear-gradient(to bottom, #ff7e78 0%, #ff6660 87%);
    border: solid 2px #fecbc8;
    font-size: 15px;
    font-weight: bold;
    color: #fff!important;
    text-decoration: none;
    line-height: 1.2em;
    text-align: center;
    margin: 0 5px;
    padding: 15px 10px 15px 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;    
}
div#main {
    padding: 0.5rem;
    font-size: 14px;
    line-height: 1.8;
}
#graduate-list .inner {
    padding: 15px 10px;
    margin: 15px 0;
}

div#graduate-list p {
    padding: 1rem;
}
#graduate-list .inner p a.top {
    background: #1faed6 url(/wp/wp-content/uploads/sp-arrow-w.png);
    background-repeat: no-repeat;
    background-position: right center;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    line-height: 1.4em;
    margin: 5px 20px;
    padding: 15px 10px 15px 0px;
    -moz-box-shadow: 0px 3px 0px #dbdbdb;
    -webkit-box-shadow: 0px 3px 0px #dbdbdb;
    box-shadow: 0px 3px 0px #dbdbdb;
    display: block;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
#graduate-list .inner p:last-child {
    padding: 0;
}
/* a.link-top {
    background: none;
    background: #ff4747 url(../img/sp-btn_ranking.png);
    background-repeat: no-repeat;
    background-position: right center;
    border: solid 2px #ffede9;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    line-height: 1.4em;
    margin: 0;
    padding: 15px 10px 15px 0px;
    -moz-box-shadow: 3px 3px 0px #dbdbdb;
    -webkit-box-shadow: 3px 3px 0px #dbdbdb;
    box-shadow: 3px 3px 0px #dbdbdb;
    display: block;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-decoration: none !important;
} */
.btn a {
    background: #1faed6 url(/wp/wp-content/uploads/sp-arrow-w.png) !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    text-align: center;
    vertical-align: middle;
    font-size: 14px !important;
    font-weight: bold;
    color: #fff !important;
    text-decoration: none;
    line-height: 1.4em;
    margin: 10px 20px !important;
    padding: 15px 10px 15px 0px !important;
    -moz-box-shadow: 0px 3px 0px #dbdbdb;
    -webkit-box-shadow: 0px 3px 0px #dbdbdb;
    box-shadow: 0px 3px 0px #dbdbdb;
    display: block;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    width: auto !important;
    height: auto !important;
    padding-left: unset;
}
#sono1 h3 a,#sono2 h3 a,#sono3 h3 a,#sono4 h3 a {
    text-decoration: none;
}
#sono1 h3, #sono2 h3, #sono3 h3, #sono4 h3 {
    color: #54c3ff;
    position: absolute;
    top: 72px;
    left: 38px;
    z-index: 3;
    font-size: 30px !important;
    font-weight: normal;
}
.abso {
    position: relative;
    margin: 0px 0px 5px 0px;
    padding: 10px 10px 10px 10px;
}
#main .btn_internal, a.link-top, #lower-main .btn_internal a{
    background: #1faed6 url(/wp/wp-content/uploads/sp-arrow-w.png);
    background-repeat: no-repeat;
    background-position: right center;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    line-height: 1.4em;
    margin: 5px 20px;
    padding: 1rem 3rem 1rem;
    -moz-box-shadow: 0px 3px 0px #dbdbdb;
    -webkit-box-shadow: 0px 3px 0px #dbdbdb;
    box-shadow: 0px 3px 0px #dbdbdb;
    display: block;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
#header_top .box .title {
    display: block;
    float: none;
}
h1.title span, #header_top .box .title span {
    background-color: #7dd3eb;
    border-radius: 50px;
    padding: 5px 20px;
    font-size: 14px;
    color: #fff;
    width: max-content;
    max-width: 100%;
    margin: 0 auto;
    display:block;
}
div#globalNav p.sp {
    margin: 0px;
    padding: 7px;
    color: #FFFFFF;
    text-align: center;
    background-color: #90cbf1;
    font-size: 15px;
    font-weight: bold;
}
#search .ttl em {
    background: url(img/search_yellow.png) repeat-x left bottom 3px;
font-size: 1.7rem;
}   
#search h3.sub-ttl {
    line-height: 1.8;
    height: auto;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 0px;
    font-size: 17px !important;
}   
#search .list-age ul li a{
background: url(/wp/wp-content/uploads/sp-search-arrow.png) , -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #f3f3f3), color-stop(0.00, #fff))!important;
    background: url(/wp/wp-content/uploads/sp-search-arrow.png) , -webkit-linear-gradient(top, #fff 0%, #f3f3f3 88%)!important;
    background: url(/wp/wp-content/uploads/sp-search-arrow.png) , -moz-linear-gradient(top, #fff 0%, #f3f3f3 88%)!important;
    background: url(/wp/wp-content/uploads/sp-search-arrow.png) , -o-linear-gradient(top, #fff 0%, #f3f3f3 88%)!important;
    background: url(/wp/wp-content/uploads/sp-search-arrow.png) , -ms-linear-gradient(top, #fff 0%, #f3f3f3 88%)!important;
    background: url(/wp/wp-content/uploads/sp-search-arrow.png) , linear-gradient(to bottom, #fff 0%, #f3f3f3 88%)!important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    border: 3px solid #b7af88;
    text-align: center;
    line-height: 1.1;
    font-size: 17px;
    font-weight: bold;
    color: #68b6e8;
    text-decoration: none;
    vertical-align: middle;
    padding: 10px 1rem 10px 1.45rem;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: block;
    overflow: auto;
    width: auto;
    height: auto;
    float: none;    
}
#search .list-age ul li a.linked {
    background: url(/wp/wp-content/uploads/sp-search-arrow.png) , -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #1877c7), color-stop(0.00, #3a93df))!important;
    background: url(/wp/wp-content/uploads/sp-search-arrow.png) , -webkit-linear-gradient(top, #3a93df 0%, #1877c7 88%)!important;
    background: url(/wp/wp-content/uploads/sp-search-arrow.png) , -moz-linear-gradient(top, #3a93df 0%, #1877c7 88%)!important;
    background: url(/wp/wp-content/uploads/sp-search-arrow.png) , -o-linear-gradient(top, #3a93df 0%, #1877c7 88%)!important;
    background: url(/wp/wp-content/uploads/sp-search-arrow.png) , -ms-linear-gradient(top, #3a93df 0%, #1877c7 88%)!important;
    background: url(/wp/wp-content/uploads/sp-search-arrow.png) , linear-gradient(to bottom, #3a93df 0%, #1877c7 88%)!important;
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: underline;
    color: #FFF;
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: underline;
    color: #FFF;
}
#search ul.cf {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
    #search .list-age ul li {
    width: calc(100% / 3);
background: none;       
}
.index-ttl {
    background: url(img/index_h2.png) no-repeat left bottom;
    padding: 32px 20px 20px 70px;   
}   
    #main a.link-top, #lower-main a.link-top {
    background: #ff4747 url(/wp/wp-content/uploads/sp-btn_ranking.png)no-repeat center right 4px;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 1rem 3rem 1rem 1rem;
}
.h3-top,#lower-main h2 {
    display: flex;
    font-size: 20px !important;
    margin: 20px 0 10px;
    padding: 10px 20px 15px 55px;
    color: #fff;
    background: #7dd3eb!important;
    padding: 10px 20px 10px 10px !important;
    color: #fff;
    border-radius: 5px;
    align-items: center;
    font-size: 18px !important;
    font-weight: bold;
    margin: 0 0 20px;
    line-height: 1.4;   
}   
    h3.h3-top:before,#lower-main h2:before {
    background: url(/wp/wp-content/uploads/sp-arrow_bg.png) left no-repeat;
    background-size: auto auto;
    content: "";
    width: 2rem;
    height: 2rem;
    padding-right: 2.5rem;
}
div#bottom-banner img {
    display: none;
}
div#bottom-banner img {
    display: none;
}
.bottom-banner.sp.cf {
    margin: 5px 5px;
    padding: 0 10px;
    border: solid 2px #dcc866;
    background-color: #fffeef;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: url(/wp/wp-content/themes/wp001j/img/search_ttl01.png);
    background-repeat: no-repeat;
    background-position: 10px 3px;
    background-size: 65px auto;
}
.bottom-banner.sp.cf a {
    text-decoration: none !important;
background: url(/wp/wp-content/uploads/sp-arrow-black.png)no-repeat center center / 1rem!important;
}
span.em {
    font-size: 1.3em !important;
}
.foot-banner span {
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    border-bottom: solid 5px #fff65a;
}
.foot-banner {
    padding: 5px 0px 5px 5px;
}
.foot-moji {
    padding-left: 5rem;
    margin: 0px 1rem 0.35rem 0;
}

.btn_foot {
    background: url(/wp/wp-content/uploads/sp-foot-banner.png) , -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #ffc301), color-stop(0.00, #ffd729));
    background: url(/wp/wp-content/uploads/sp-foot-banner.png) , -webkit-linear-gradient(top, #ffd729 0%, #ffc301 88%);
    background: url(/wp/wp-content/uploads/sp-foot-banner.png) , -moz-linear-gradient(top, #ffd729 0%, #ffc301 88%);
    background: url(/wp/wp-content/uploads/sp-foot-banner.png) , -o-linear-gradient(top, #ffd729 0%, #ffc301 88%);
    background: url(/wp/wp-content/uploads/sp-foot-banner.png) , -ms-linear-gradient(top, #ffd729 0%, #ffc301 88%);
    background: url(/wp/wp-content/uploads/sp-foot-banner.png) , linear-gradient(to bottom, #ffd729 0%, #ffc301 88%);
    background-repeat: no-repeat;
    background-position: left center;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    line-height: 1.4em;
    margin: 0px 0px 5px 10px;
    padding: 10px 0px 10px 10px;
    border-radius: 20px;
    -moz-box-shadow: 0px 3px 0px #dbdbdb;
    -webkit-box-shadow: 0px 3px 0px #dbdbdb;
    box-shadow: 0px 3px 0px #dbdbdb;
    display: block;
}
    li.ttl {
    background-image: none;
}
.cate li.ttl a {
    padding: 15px 40px 15px 20px !important;
    border-bottom: none;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: url(/wp/wp-content/uploads/sp-side_ttl_r.png) no-repeat right ,#84d5ec;
    margin: 0 0;
    display: block;
    border-radius: 5px 5px 0 0;
    margin: 0 2px;
}
.cate li a {
    border-bottom: 1px solid #c8c8c8;
    background: #fafafa url(img/icon_side.png) no-repeat 3%;
    padding: 15px 10px 15px 25px;
    text-decoration: none;
    font-size: 15px !important;
    display: block;
    color: #000;
    background-repeat: no-repeat;
    background-position: 10px center;
}
div#footerDesc img {
    margin: 0 auto;
    display: block;
    width: 80% !important;
}
div#footmenu {
    display: none;
}
div#footerDesc {
    margin-bottom: 0 !important;
}
#footer-link {
    margin: 0px 0 0 0;
    margin-bottom: 110px;
}
#globalNav ul li:last-child {
    border-right: none;
}
div#contents-bg01 > div {
    margin-top: 2rem;
}
#contents-bg01 {
    height: auto;
}
/* .bottom-banner.hd.sp.cf:after {
    content: "";
    background: url(/wp/wp-content/uploads/sp-arrow-black.png)no-repeat center center / contain;
    padding: 1rem;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.bottom-banner.sp.cf {
    position: relative;
} */
div#toc {
    border-top: 0;
}
div#lower-main {
    margin: 0;
    padding: 0 5px;
    font-size: 14px;
    line-height: 1.8;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}   
.hidden_box label{
        margin: 0 auto 0px;
}
.hidden_box {
    margin: 20px auto;
}
#header_top .box .title a {
    font-size: 19px;
    color: #333;
    font-weight: bold;
}
#main a, #lower-main a {
    text-decoration: none;
    color: #333;
}
#lower-main h1 {
    font-size: 18px;
    font-weight: bold;
    padding: 10px 5px 15px 60px;
    margin: 10px 0 20px;
    line-height: 1.4;
    background: url(/wp/wp-content/uploads/sp-index_h2.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 45px auto;
    border-bottom: dotted 4px #7dd3eb;
}
div#contents_low {
    margin-top: 0;
}
p.flnone {
    float: none !important;
    display: block;
    margin: 0 auto 0.5rem!important;
    text-align: center;
}
p.flnone img {
    margin: 0 !important;
}
div#lower-main th,#main th {
    width: 30%;
}
#search .list-method ul li {
    width: calc(100% / 4);
    background:none;
}
#search .list-age ul li a.linked {
    background: url(/wp/wp-content/uploads/sp-search-arrow.png) , -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #1877c7), color-stop(0.00, #3a93df))!important;
    background: url(/wp/wp-content/uploads/sp-search-arrow.png) , -webkit-linear-gradient(top, #3a93df 0%, #1877c7 88%)!important;
    background: url(/wp/wp-content/uploads/sp-search-arrow.png) , -moz-linear-gradient(top, #3a93df 0%, #1877c7 88%)!important;
    background: url(/wp/wp-content/uploads/sp-search-arrow.png) , -o-linear-gradient(top, #3a93df 0%, #1877c7 88%)!important;
    background: url(/wp/wp-content/uploads/sp-search-arrow.png) , -ms-linear-gradient(top, #3a93df 0%, #1877c7 88%)!important;
    background: url(/wp/wp-content/uploads/sp-search-arrow.png) , linear-gradient(to bottom, #3a93df 0%, #1877c7 88%)!important;
    background-repeat: no-repeat!important;
    background-position: left center!important;
    text-decoration: underline;
    color: #FFF;
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: underline;
    color: #FFF;
    border: 3px solid #b7af88;
    border-radius:5px ;
}
#search .list-method ul li a#purpose01,#search .list-method ul li a#purpose02,#search .list-method ul li a#purpose03,#search .list-method ul li a#purpose04{
  background: url(../wp/wp-content/uploads/sp-search-arrow2.png) , -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #f3f3f3), color-stop(0.00, #fff))!important;
    background: url(../wp/wp-content/uploads/sp-search-arrow2.png) , -webkit-linear-gradient(top, #fff 0%, #f3f3f3 88%) !important;
    background: url(../wp/wp-content/uploads/sp-search-arrow2.png) , -moz-linear-gradient(top, #fff 0%, #f3f3f3 88%) !important;
    background: url(../wp/wp-content/uploads/sp-search-arrow2.png) , -o-linear-gradient(top, #fff 0%, #f3f3f3 88%) !important;
    background: url(../wp/wp-content/uploads/sp-search-arrow2.png) , -ms-linear-gradient(top, #fff 0%, #f3f3f3 88%) !important;
    background: url(/wp/wp-content/uploads/sp-search-arrow2.png) , linear-gradient(to bottom, #fff 0%, #f3f3f3 88%) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    border: 3px solid #b7af88;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2;
    color: #4fc1ac;
    text-decoration: none;
    padding: 10px 0px 10px 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: block;
    overflow: auto;
    width: auto;
    height: auto;
    float: none;
    margin-right: 2px !important;
}
#search .list-method ul li a#purpose01.linked,#search .list-method ul li a#purpose02.linked,#search .list-method ul li a#purpose03.linked,#search .list-method ul li a#purpose04.linked{ 
    background: url(/wp/wp-content/uploads/sp-search-arrow2.png) , -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #40d5ba), color-stop(0.00, #71dac7))!important;
    background: url(/wp/wp-content/uploads/sp-search-arrow2.png) , -webkit-linear-gradient(top, #71dac7 0%, #40d5ba 88%)!important;
    background: url(/wp/wp-content/uploads/sp-search-arrow2.png) , -moz-linear-gradient(top, #71dac7 0%, #40d5ba 88%)!important;
    background: url(/wp/wp-content/uploads/sp-search-arrow2.png) , -o-linear-gradient(top, #71dac7 0%, #40d5ba 88%)!important;
    background: url(/wp/wp-content/uploads/sp-search-arrow2.png) , -ms-linear-gradient(top, #71dac7 0%, #40d5ba 88%)!important;
    background: url(/wp/wp-content/uploads/sp-search-arrow2.png) , linear-gradient(to bottom, #71dac7 0%, #40d5ba 88%)!important;
    background-repeat: no-repeat!important;
    background-position: left center!important;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2;
    text-decoration: none;
    padding: 10px 0px 10px 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: block;
    overflow: auto;
    width: auto;
    height: auto;
    float: none;
    margin-right: 2px !important;
    color: #FFF;
    border: 3px solid #b7af88;
    border-radius: 5px;
    opacity: 1;
}
#search .result .result-ttl {
    width: auto;
    height: auto;
    font-size: 18px!important;
    background: url(/wp/wp-content/uploads/sp-arrow_bg.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #7dd3eb;
    background-size: 40px auto;
    line-height: 1.4;
    font-weight: bold;
    color: #fff;
    margin: 10px 5px 10px 5px;
    padding: 10px 10px 10px 40px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#search .result .fr .result-btn a {
    width: auto;
    height: auto;
    padding-top: 12px;
    padding-left: 20px;
    margin: 36px auto 0;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background: url(/wp/wp-content/uploads/sp-btn_ranking.png) , -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff4747), color-stop(0.00, #ff4747));
    background: url(/wp/wp-content/uploads/sp-btn_ranking.png) , -webkit-linear-gradient(#ff4747, #ff4747);
    background: url(/wp/wp-content/uploads/sp-btn_ranking.png) , -moz-linear-gradient(#ff4747, #ff4747);
    background: url(/wp/wp-content/uploads/sp-btn_ranking.png) ,-o-linear-gradient(#ff4747, #ff4747);
    background: url(/wp/wp-content/uploads/sp-btn_ranking.png) , -ms-linear-gradient(#ff4747, #ff4747);
    background: url(/wp/wp-content/uploads/sp-btn_ranking.png) , linear-gradient(#ff4747, #ff4747);
    background-repeat: no-repeat;
    background-position: right center;
    display: block;
    color: #FFF;
    border: 1px solid #ff4747;
    box-shadow: 1px 1px 0px rgb(0 0 0 / 40%), inset 0px 0px 3px rgb(255 255 255 / 40%);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4),inset 0px 0px 3px rgba(255, 255, 255, 0.4);
    -webkit-box-shadow: 1px 1px 1px rgb(0 0 0 / 40%), inset 0px 0px 3px rgb(255 255 255 / 40%);
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-decoration: none !important;
    padding: 15px 20px 15px 10px;
    margin: 20px 10px 0px 10px;
    line-height: 1.3em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#search .result .fr .point-ttl {
    margin: 30px 10px 1rem;
}

.btn_tel a {
    background: url(/wp/wp-content/uploads/sp-tel.png) , -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0068b7), color-stop(0.00, #0068b7));
    background: url(/wp/wp-content/uploads/sp-tel.png) , -webkit-linear-gradient(#0068b7, #0068b7);
    background: url(/wp/wp-content/uploads/sp-tel.png) , -moz-linear-gradient(#0068b7, #0068b7);
    background: url(/wp/wp-content/uploads/sp-tel.png) ,-o-linear-gradient(#0068b7, #0068b7);
    background: url(/wp/wp-content/uploads/sp-tel.png) , -ms-linear-gradient(#0068b7, #0068b7);
    background: url(/wp/wp-content/uploads/sp-tel.png) , linear-gradient(#0068b7, #0068b7);
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
    color: #FFF !important;
    border: 1px solid #0068b7;
    box-shadow: 1px 1px 0px rgb(0 0 0 / 40%), inset 0px 0px 3px rgb(255 255 255 / 40%);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4),inset 0px 0px 3px rgba(255, 255, 255, 0.4);
    -webkit-box-shadow: 1px 1px 1px rgb(0 0 0 / 40%), inset 0px 0px 3px rgb(255 255 255 / 40%);
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-decoration: none !important;
    padding: 15px 0px 15px 20px;
    margin: 10px 10px 20px 10px;
    line-height: 1.3em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#main p, #lower-main p {
    margin: 0px 0px 5px 0px;
    padding: 10px 10px 10px 10px;
}
    /*20220822レスポンシブ化　end---------------------------------------------------------------------------*/
}

#footer {
    text-align: left;
}
#footmenu ul li+li {
    display: inline-block;
    border-left: #505050 1px solid;
    padding-left: 8px;
    margin-top:5px;
}
#footmenu .subList li {
    display: inline-block;
    border-left: #505050 1px solid;
    padding-left: 8px;
}
#footer ul li.ttl {
    font-size: 16px;
    border-left: none;
    font-weight: bold;
    display: block;
    margin: 30px 0 15px;
}
#footer .copy {
    text-align: center;
}


/*--------------------------------------
　tracking_banner
---------------------------------------*/
.tracking_banner {
    position: fixed;
    bottom: 7rem;
    right: 1rem;
    z-index: 10;
}

.tracking_banner__link {
    width: 100%;
    height: 100%;
    display: block;
    box-sizing: border-box;
    position: relative;
    transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
}

.tracking_banner span {
    font-weight: bold;
    color: #da3c41 !important;
    text-decoration: none !important;
    font-size: 25px;
}

.tracking_banner a{
    color: #008aff !important;
    text-decoration: none !important;
}
.top-link {
    position: fixed;
    bottom: 1.2rem;
    right: 2rem;
}

span.ppok {
    font-weight: bold!important;
    font-size: initial;
    color: #ff7e78;
    }

/* SP ------------------------------*/
@media screen and (max-width: 767px) {
    .tracking_banner {
    width: 100%;
    text-align: center;
    bottom: 0;
    left: 0;
    }

    .tracking_banner a img {
    max-width: 100%;
    }
    
    .top-link {
    right: 5px;
    bottom: 8rem;
    }
div#lower-main .stbl th, div#lower-main .stbl td {
    padding: 5px;
    width: auto;
    line-height: 1.5;
    font-size: 12px;
}

.stbl {
    margin: 0 auto 4rem;
    width: 94%;
}   
}

@media screen and (max-width: 768px) {
    span.ppok {
    font-weight: bold!important;
    font-size: initial;
    color: #ff7e78;
    }
    
    #graduate-list {
    margin: 0 0 5px 0;
}
   #globalNav ul li a {
    height: 100%;
} 
}