/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/
@charset "UTF-8";
body, html {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: 16px;
    line-height: 1.5;
}
body {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}
li, dt, dd {
    list-style: none;
}
dt {

}
dd {
    font-size: 1.6rem;
}
img {
    width: 100%;
    height: auto;
}
/*webフォント*/
.body, html {
    font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, 'sans-serif';
}
.NSJ {
    font-family: 'Noto Serif JP', serif;
}
.header_nav {
    margin: 1em;
    padding: 0 7%;
}
.header_nav p {
    font-size: clamp(0.8rem, 1.4vw, 1.4rem);
    font-weight: 600;
}
.wf-hannari {
    font-family: "Hannari", serif;
}
.bl_search_wrap .__item input {
    vertical-align: baseline;
    width: -moz-calc(100% - 3em);
    width: calc(100% - 3em);
    border: none;
}
.bl_articleList__item {
    margin: 2em 0;
}
.bl_blog_main {
    padding-right: 5%;
}
.gray_line {
    border-top: solid .5px #ccc;
    margin: 1em 0;
    padding: 1em 0;
}
.bl_side_menu_warp h3 {
    padding: 0.5em 1em;
    background-color: var(--color-lightgray, #F5F5F5);
    font-size: clamp(1rem, 1.1vw, 1.4rem);
}
.ly_image {
    margin-right: 5%;
    margin-bottom: 5%;
}
.bl_detail_cont {
    margin-left: 2em;
}
.news_ttl {
    margin-bottom: 7%;
    margin-top: 2%;
}
.bl_search_wrap {
    width: 100%;
}
.bl_sideBtn_wrap a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    position: relative;
    padding: .8em;
    padding-right: 3em;
    color: #000;
}
.toggle_title {
    margin-top: 1em;
}
.bl_search_wrap .__item .__icon {
    width: 1em;
    height: 1em;
    margin-right: .5em;
    margin-left: .5em;
    padding-top: 2px;
}
.bl_search_wrap .__item {
    border: 1px solid var(--color-lightgray2, #bbb);
    border-radius: 2em;
    padding: .25em .5em;
}
.bl_side_menu_warp:first-of-type {
    margin-top: 2em;
}
/*フレックスボックス*/
.f-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
/*スタイル*/
#wrap {
    width: 100%;
    max-width: 100%;
    min-width: 1024px;
}
#header {
    position: relative;
}
.mainImage {
    position: inherit;
    text-align: center;
    z-index: -100;
}
.mainImage img {
    width: 100%;
    max-width: 100%;
    min-width: 1024px;
    height: auto;
}
#header article {
    width: 100%;
    max-width: 100%;
    min-width: 1024px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 4em;
}
#header article h1 {
    padding: 4rem 0 0 0;
    margin-right: auto;
}
#header article h1 a:hover {
    opacity: .8;
}
#header article div ul li a {
    position: relative;
    top: -3rem;
    display: block;
    background: url(../img/ph_navi.png) no-repeat;
    height: 13rem;
    width: 8rem;
    padding-top: 8.2rem;
    margin-left: 1rem;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 1.25rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#header article div ul li a:hover {
    position: relative;
    top: 0rem;
    display: block;
    background: url(../img/ph_navi.png) no-repeat;
    height: 13rem;
    width: 8rem;
    padding-top: 8.2rem;
    margin-left: 1rem;
    text-align: center;
    color: #fff;
    font-size: 1.25rem;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
#main {
    width: 100%;
    max-width: 100%;
    min-width: 1024px;
    content: " ";
    position: relative;
    top: -6rem;
    background: url(../img/bg_haikei.gif) repeat-x;
    background-position: center top;
    background-size: cover;
}
h2 {
    line-height: 50px;
    position: relative;
    height: 48px;
    margin: 0em 19px 1em;
    text-align: center;
    color: #fff;
    background: #fa4141;
}
h2:before, h2:after {
    position: absolute;
    top: 0;
    display: block;
    height: 48px;
    content: '';
    border: 24px solid #fa4141;
}
h2:before {
    left: -31px;
    border-left-width: 15px;
    border-left-color: transparent;
}
h2:after {
    right: -34px;
    border-right-width: 15px;
    border-right-color: transparent;
}
h2 span {
    position: relative;
    display: block;
    color: #fff;
    font-size: clamp(1.4rem, 2vw, 2rem);
}
.list {
    border-left: solid 10px #da3062;
    padding: 0 0.2em;
}
.orange_text {
    font-size: clamp(1rem, 1.5vw, 1.6rem);
    font-weight: 600;
    color: #EA5504;
    margin: 1em 0;
    line-height: 1.4;
}
.news figcaption {
    background-color: #e6f4ff;
    padding: 1em;
    border-radius: 0 0 5px 5px;
    height: 9em;
}
.news li {
    padding: 1.88%;
}
.tip_blue {
    background-color: #64b4f5;
    color: #fff;
    font-size: 1rem;
    font-style: normal;
    line-height: 1;
    padding: .5em;
}
.el_date {
    font-size: clamp(1rem, 1.3vw, 1.4rem);
    margin-left: .5em;
}
.news figcaption h3 {
    padding: 0;
    margin-bottom: 1em;
    font-size: clamp(1rem, 1.3vw, 1.4rem);
    font-weight: 400;
    line-height: 1.5;
}
.image {
    width: 20%;
    margin: 1em auto;
}
.orange_text span {
    font-size: clamp(.8rem, 1vw, 1rem);
    margin: 0em 1em 0 0em;
    display: inline-block;
}
.list_subttl {
    line-height: 1.4;
    margin: .5em 0 .3em;
    font-size: clamp(.9rem, 1.5vw, 1.5rem);
    font-weight: 800;
    color: #071e73;
}
.list_sub_brown {
    line-height: 1.4;
    font-size: clamp(.9rem, 1.5vw, 1.5rem);
    font-weight: 800;
}
.page_ttl {
    background-color: #ffffff;
    padding: 3em 10%;
    font-size: clamp(1.5rem, 3vw, 3rem);
    ;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 0em;
    border-top: solid 1px #e0e0e0;
}
.page_ttl span{
    margin-bottom: 1em;
    border-bottom: solid 3px #da3062;
}
.rights {
    font-size: clamp(.8rem, 1vw, 1rem);
    margin: 2em 0;
}
.center {
    margin: auto;
    max-width: 1280px;
}
.contentAbout {
    width: 100%;
    max-width: 100%;
    min-width: 1024px;
    margin: auto;
    text-align: center;
    padding: 4rem 0 0 0;
}
.contentAbout > h3 {
    position: relative;
    font-size: 2rem;
    background: url(../img/ph_title.png) no-repeat;
    background-position: center;
    color: #fff;
    padding: 1rem;
    margin-bottom: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.contentAbout > h3::before, .contentAbout > h3::after {
    content: "";
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    height: 1px;
    background: #fff;
    display: block;
}
.contentAbout > h3::before {
    margin-right: 2em;
}
.contentAbout > h3::after {
    margin-left: 2em;
}
.concept {
    padding: 3rem 0;
}
.concept div {
    padding-bottom: 3rem;
    width: 7em;
    margin: auto;
}
.concept p {
    color: #fff;
    font-size: 1.5rem;
}
.bitaneDetail {
    width: 60em;
    background: rgba(255, 255, 255, .8);
    padding: 1rem;
    margin: 0 auto;
    border-radius: 5px;
}
.bitaneDetail address {
    padding: 2rem;
    border: 1px solid #62a940;
    border-radius: 5px;
    color: #5a4735;
    font-style: normal;
}
.bitaneDetail address h2 {
    font-weight: normal;
    padding-bottom: 1em;
}
.streetAddress {
    padding-bottom: 1em;
}
.bitaneDetail address ul {
    padding-bottom: 1em;
}
.bitaneDetail address ul li {
    position: relative;
    padding-bottom: 0.5em;
}
.tel::before, .fax::before {
    position: absolute;
    left: 0;
    right: 0;
    top: .25em;
    content: " ";
    width: 21px;
    height: 17px;
    margin: auto;
    padding-right: 12em;
}
.tel::before {
    background: url(../img/ic_tel.png) no-repeat;
}
.fax::before {
    background: url(../img/ic_fax.png) no-repeat;
}
.position {
    max-width: 25em;
    margin: auto;
    font-size: 1rem;
    padding: .3rem;
    background: #d9d2ca;
    border-radius: 1.5em;
}
.wf-hannari {
    padding-top: 1.5rem;
}
.wf-hannari ruby[class="myouji"] {
    font-size: 2rem;
    font-weight: normal;
}
.wf-hannari ruby[class="namae"] {
    font-size: 2rem;
    font-weight: normal;
    letter-spacing: 2px;
}
.wf-hannari ruby[class="myouji"] rt {
    color: #a69686;
    font-size: 14px;
    padding-right: 0;
    font-weight: normal;
    letter-spacing: 2px;
}
.wf-hannari ruby[class="namae"] rt {
    color: #a69686;
    font-size: 14px;
    padding-right: 0;
    font-weight: normal;
    letter-spacing: 2px;
}
.contentContact {
    width: 100%;
    max-width: 100%;
    min-width: 1024px;
    padding: 4rem 0;
    margin-top: 9em;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    text-align: center;
}
.contentContact > h3 {
    position: relative;
    font-size: 2rem;
    background: url(../img/ph_title_green.png) no-repeat;
    background-position: center;
    color: #5faf76;
    padding: 1rem;
    margin-bottom: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.contentContact > h3::before, .contentContact > h3::after {
    content: " ";
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    height: 1px;
    background: #5faf76;
    display: block;
}
.contentContact > h3::before {
    margin-right: 2em;
}
.contentContact > h3::after {
    margin-left: 2em;
}
.contentContact p {
    color: #5a4735;
    padding-bottom: 2em;
}
.contentContact div a {
    position: relative;
    display: block;
    max-width: 20em;
    text-align: center;
    padding: 1em 0 1em 2em;
    margin: auto;
    color: #5a4735;
    font-size: 1.5rem;
    border: 1px solid #5a4735;
    border-radius: 5px;
    text-decoration: none;
}
.contentContact div a:hover {
    text-decoration: underline;
    opacity: 0.6;
}
.contentContact div a::before {
    content: url(../img/ic_mail.png);
    position: absolute;
    top: 1.1em;
    left: 0;
    right: 0;
    padding-right: 7.5em;
    margin: auto;
}
.watsNew {
    width: 100%;
    max-width: 100%;
    min-width: 960px;
    margin: auto;
    background: #fff;
}
.watsNew div {
    width: calc(100% - 4em);
    margin: auto;
}
.watsNew div:first-of-type {
    background: #538e6e;
    border-radius: 5px 5px 0 0;
    padding: 2em 2em 1.5em;
}
.watsNew div h4 {
    display: inline;
    color: #fff;
    font-weight: lighter;
    font-size: 24px;
    border-top: 1px solid #fff;
}
.watsNew div:last-of-type {
    background: #538e6e;
    border-radius: 0 0 5px 5px;
    padding: 1em 0;
    background: #ebe8e3;
    height: 10em;
    overflow: auto;
}
.watsNew div:last-of-type dl {
    padding-top: 1em;
    padding-left: 2em;
    color: #5a4735;
    max-width: calc(100% - 2em);
    margin: auto;
}
.watsNew div:last-of-type dl dt {
    display: list-item;
    list-style: circle;
    padding-right: 1em;
    min-width: 6rem;
    max-width: 6rem;
}
.watsNew div:last-of-type dl dd a {
    color: #5a4735;
}
.watsNew div:last-of-type dl dd a:hover {
    opacity: 0.6;
}
#footer {
    width: 100%;
    max-width: 100%;
    min-width: 1024px;
    background: url(../img/bg_haikei.gif) repeat-x;
    background-position: bottom center;
    background-size: cover;
}
#footer article {
    width: 100%;
    max-width: 100%;
    min-width: 1024px;
    margin: auto;
    padding: 3rem 2rem;
}
.footerObi {
    width: 100%;
    max-width: 100%;
    min-width: 1024px;
    position: relative;
    background: url(../img/ph_footer-obi.png) repeat-x bottom;
}
.footerContent {
    max-width: 38em;
    margin-right: auto;
    border-right: 1px solid #fff;
    padding-right: 2rem;
}
.footerNavi {}
#footer small {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 1024px;
    background: #fff;
    text-align: center;
    padding: 1em;
}
.footerContent > p {
    padding-right: 2em;
}
.footerContent address {
    color: #fff;
    font-style: normal;
}
.footerContent address h2 {
    font-weight: lighter;
    padding: 0 0 1em 0;
    line-height: 1;
    font-size: 1.25rem;
}
.footerNavi {
    padding-top: 1.5rem;
}
.footerNavi ul {
    padding: 0;
}
.footerNavi ul li {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.footerNavi ul li a {
    display: block;
    padding: 1rem 0;
    text-align: center;
    background: url(../img/ph_navi-footer.png) no-repeat;
    background-position: center center;
    margin-right: 1rem;
    width: 6.5em;
    font-size: 1.25rem;
    color: #fff;
    text-decoration: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.footerNavi ul li a:last-of-type {
    margin-right: 0;
}
.footerNavi ul li a:hover {
    opacity: 0.6;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.footerTel::before {
    content: url(../img/ic_tel-footer.png);
    position: relative;
    left: 0;
    padding-right: .3rem;
}
.footerFax::before {
    content: url(../img/ic_fax-footer.png);
    position: relative;
    left: 0;
    padding-right: .3rem;
}
.contact {
    margin: 0 0 0.2em;
}
/*まんぷくゲーム*/
a {
    text-decoration: none;
    color: #EA5504;
}
a:hover {
    opacity: 0.6;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.ttl {
    font-size: clamp(1.4rem, 2.6vw, 2.6rem);
    margin: 0.0em 0 1em;
    color: #071e73;
    border-bottom: solid 0px #071e73;
    font-weight: 800;
}
.ttl2 {
    font-size: clamp(1.4rem, 2.6vw, 2.6rem);
    margin: 0 0 1em;
    color: #071e73;
    border-bottom: solid 2px #071e73;
    font-weight: 800;
}
.bl-answer {
    margin-bottom: 3em;
}
.wrap2 {
    padding: 0 0 .3em 0;
}
.topbanner {
    margin: 0 auto;
}
.topbanner a:hover {
    opacity: 0.6;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.fl_space {
    margin: 2em 0 0 0;
}
.bl_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.bl_row2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.bl_row3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1em;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.bl_row4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}
.bl_row5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1em 0 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}
.bl_row6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}
.bl_row7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.white_ttl {
    background-color: #fff;
    color: #F4A570;
    display: inline-block;
    padding: .2em 1em;
    margin: .8em 0;
    border-radius: 5px;
}
.md_ttl {
    margin: 1em 2%;
    font-size: 2.3rem;
    font-weight: 900;
}
.logo {
    width: 38%;
}
.logo2 {
    width: 40%;
}
.qr {
    width: 15%;
}
.qr2 {
    margin: 0 1.5%;
    font-size: clamp(1rem, 1.5vw, 1.5rem);
}
.qr2 p {
    font-weight: 800;
}
.lg_ttl {
    font-size: clamp(1.2rem, 2.8vw, 2.8rem);
    color: #fff;
    font-weight: 800;
    background-color: #64b4f5;
    padding: 0.7em 1em;
    margin: 1em 0 .5em;
    border-radius: 10px;
}
.bl_img {
    margin: 2em 0 3em;
}
.ic_size {
    width: 14%;
}
.ph_chirashi {
    width: 80%;
    padding-left: 1em;
    margin: 0 2em 0 3em;
}
.li_plan {
    width: 33%;
    margin: 0 1em 0 0;
    background-color: #FDEDE4;
    padding: 1em;
    border-radius: 10px;
}
.plan_ttl {
    display: inline-block;
    background-color: #F4A570;
    margin: .3em 0;
    padding: .5em 0.6em;
    border-radius: 100px;
    color: #fff;
    font-size: clamp(0.8rem, 1vw, 1.2rem);
    width: 120px;
    text-align: center;
}
.price {
    margin: .5em 0;
    padding: .5em;
    font-size: clamp(1.2rem, 1vw, 1.6rem);
    font-weight: 800;
}
.price span {
    font-size: 1rem;
}
.return {
    display: inline-block;
    background-color: #FFFFFF;
    margin: 0 0 1em;
    padding: .5em 1em;
    border-radius: 100px;
    color: #EA5504;
    font-weight: 800;
    font-size: clamp(0.8rem, 1vw, 1.2rem);
}
.flow_shien {
    display: inline-block;
    margin-top: 1em;
}
.li_flow_shien {
    margin: 0.2em 0 1em;
}
.sm_ttl {
    font-size: 1.2rem;
    font-weight: 700;
}
.ph_schedule {
    margin: 3.2em -48px 3em;
    background-color: beige;
    padding: 2em 3em;
}
.logo_space {
    width: 71%;
}
.best_idea {
    background-color: #FFEED4;
    padding: 6% 10% 4%;
    margin: 3em 0;
}
.best_idea img {
    margin-bottom: 1.5em;
}
.best_idea2 {
    background-color: #FFEED4;
    padding: 4% 5% 3%;
    margin: 2em 9%;
    border-radius: 25px;
}
.best_idea2 img {
    margin: 0 2em;
    width: 70%;
}
.wrap_qr {
    margin: 3em auto 2em;
}
.bl_page-shift {
    margin: 5% 0;
}
.btn_orange {
    background-color: #f29844;
    color: #fff;
    font-weight: 800;
    font-size: clamp(0.9rem, 1.1vw, 1.2rem);
    border-radius: 5px;
    margin-top: .5rem;
    padding: .5rem 0;
}
.btn_blue {
    background-color: #64b4f5;
    color: #fff;
    font-weight: 800;
    font-size: clamp(0.9rem, 1.1vw, 1.2rem);
    border-radius: 5px;
    margin-top: .5rem;
    padding: .5rem 0;
}
.btn_blue2 {
    background-color: #64b4f5;
    color: #fff;
    font-weight: 800;
    font-size: clamp(0.9rem, 1.1vw, 1.2rem);
    border-radius: 50px;
    margin-top: .5em;
    padding: .5rem 2em;
}
.orange_ttl {
    font-size: clamp(2rem, 3vw, 3rem);
    color: #EA5504;
    font-weight: 700;
    padding-bottom: 1rem;
    line-height: 1.3;
}
.blue_ttl {
    font-size: clamp(.9rem, 1.8vw, 1.8rem);
    color: #1a1a1a;
    font-weight: 700;
    line-height: 2.1;
    padding-bottom: 3rem;
}
.blue_ttl span {
    font-size: clamp(.7rem, 1.5vw, 1.5rem);
    color: #333333;
    font-weight: 500;
    line-height: 2.1;
}
.lightblue_ttl {
    font-size: clamp(1.2rem, 2.5vw, 2.5rem);
    color: #64b4f5;
    font-weight: 700;
    padding: 2em 0;
    line-height: 1.3;
}
.orange_ttl span {
    font-size: clamp(1rem, 2.5vw, 2.5rem);
    color: #EA5504;
}
.box_orange, .box_blue, .box_red {
    font-size: clamp(1.1rem, 1.8vw, 1.8rem);
    padding: 1rem 0;
    font-weight: 800;
    border-radius: 50px;
    margin: 1em;
    text-decoration: none;
}
.box_blue2 {
    font-size: clamp(1.1rem, 1.4vw, 1.4rem);
    padding: .3rem 2rem;
    font-weight: 800;
    border-radius: 50px;
    text-decoration: none;
    margin: 1.5em auto 0;
    color: #fff;
}
.box_bege {
    background-color: #FEE397;
}
.box_orange {
    background-color: #EA5504;
}
.box_blue {
    background-color: #071e73;
}
.box_blue2 {
    background-color: #071e73;
    color: #fff;
}
.box_red {
    background-color: #e32a0e;
}
.text_brank {
    display: inline-block;
    margin-left: 1em;
}
.text_brank2 {
    width: 90%;
}
.text_area1 {
    width: 70%;
}
.text_area2 {
    width: 30%;
}
.text_area3 {
    width: 30%;
}
.text_area4 {
    width: 15%;
}
.text_area5 {
    width: 85%;
}
.text_area6 {
    width: 60%;
}
.text_area3 img {
    background-color: #FDEDE4;
    padding: 2em;
    border-radius: 34% 34%;
    width: 77%;
    margin-left: 2em;
}
p.indent {
    text-indent: -1em;
}
.rule {
    margin: 0 1em;
}
.support {
    margin: 2em 1.8em 0 1.8em;
    width: 50%;
}
.support2 {
    margin: 0 1.8em 0 1.8em;
    width: 50%;
}
footer {
    background-color: #f0f0f0;
    color: #fff;
}
.footer_wrap {
    padding: 1% 9%;
    margin-top: 5em;
}
.sm_hide {
    display: none !important;
}
.un_news__content {
    list-style: none;
    /* max-height: 20em;*/
    overflow-y: auto;
}
.bl_news__item time {
    font-size: clamp(1.2rem, 1.4vw, 1.4rem);
    margin-right: 1em;
    font-weight: 900;
}
.bl_news__item span {
    font-size: clamp(1rem, 1.2vw, 1.2rem);
    color: #FFFFFF;
    padding: .5em;
    border-radius: 100vh;
    background-color: #EA5504;
    display: inline-block;
}
.bl_news__item p {
    width: 100%;
    padding: .5em 0;
    line-height: 1.75;
}
.un_news__content li {
    margin: 1em 0;
    border-bottom: 1px solid #000;
    width: calc(100% - 0px);
}
.scroll-content {
    /*height: 20em;*/
    overflow: auto;
}
.mCSB_scrollTools {}
.mCSB_draggerContainer {
    background: #eaeaea;
    width: 80%;
    margin: 25% auto;
    border-radius: 1em;
}
.mCSB_dragger {
    background: #EA5504;
    border-radius: 1em;
}
.mCSB_dragger_bar {
    display: none;
}
.mCSB_draggerRail {
    display: none;
}
.doted {
    border-bottom: dotted 3px #EA5504;
    padding-bottom: 0.5em;
}
.success {
    background-color: #EA5504;
    color: #fff;
    padding: .6em .6em;
    font-size: 1.6rem;
    margin-bottom: .2em;
    border: solid 2px #EA5504;
}
.success2 {
    background-color: #fff;
    color: #fff;
    padding: .6em 2em;
    font-size: 1.6rem;
    margin-bottom: .2em;
    border: solid 2px #EA5504;
}
.btm_orange {
    font-size: clamp(.8rem, 1.3vw, 1.3rem);
    color: #000;
    padding: 0.7em 2em;
    border-radius: 100vh;
    background-color: #fff;
    display: inline-block;
    margin: 1.3em 0 0 0;
}
@media screen and (max-width: 960px) {
    img {
        border: 0;
    }
    .contact {
        margin: 1em 0px 0.2em;
    }
    .bl_row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .li_plan {
        width: 70%;
        margin: 1em 0;
    }
    .btn_orange {
        margin-bottom: 2em;
    }
    .btn_blue {
        margin-bottom: 2em;
    }
    .best_idea img {
        margin-bottom: 1em;
    }
    a {}
    a:hover {}
    .ttl {}
    .wrap {}
    .wrap2 {}
    .topbanner a:hover {}
    .bl_row {}
    .bl_row2 {}
    .bl_row3 {}
    .bl_row4 {}
    .white_ttl {}
    .logo {
        width: 60%;
    }
    .logo2 {
        width: 64%;
    }
    .qr {
        width: 20%;
    }
    .qr2 {}
    .ic_size {}
    .ph_chirashi {
        width: 90%;
        margin: 0 1em;
    }
    .li_plan {}
    .plan_ttl {}
    .price {}
    .price span {}
    .return {}
    .flow_shien {}
    .li_flow_shien {}
    .sm_ttl {}
    .ph_schedule {}
    .logo_space {}
    .best_idea {}
    .orange_ttl {}
    .text_brank {}
    .text_brank2 {}
    .text_area1 {}
    .text_area2 {}
    .text_area3 {}
    .text_area3 img {}
    .text_area4 {
        width: 25%;
    }
    p.indent {}
    .rule {}
    .support {
        width: 50%;
        margin: .5em 1em;
    }
    .support2 {
        width: 50%;
        margin: .5em 1em;
    }
    footer {}
    .footer_wrap {}
    .lg_hide {
        display: block;
    }
    .success {
        font-size: 1.2rem;
        width: 34%;
        padding: .6em 1em;
    }
    .success2 {
        font-size: 1.2rem;
        padding: .6em .2em;
        width: 93%;
    }
    .footer_wrap {
        margin-top: 0em;
    }
    .best_idea2 img {
        margin: 0 0em 0 1em;
        width: 100%;
    }
}
@media screen and (max-width: 600px) {
    .el_date {
        font-size: .8rem;
        margin-left: .2em;
    }
    .tip_blue {
        font-size: 0.8rem;
    }
    .box_red {
        font-size: clamp(1rem, 1.2vw, 1.4rem);
        margin: 1em 0;
        padding: 0.6rem;
    }
    .bl_img {
        margin: 2em 0;
    }
    .footer_wrap {
        padding: 7% 7% 3%;
    }
    .contact {
        margin: 1em 0 0.2em;
    }
    .page_ttl {
        font-size: clamp(1.1rem, 1.5vw, 1.5rem);
    }
    .lightblue_ttl {
        font-size: clamp(1.1rem, 1.5vw, 1.5rem);
        padding: 1em 0em;
    }
    .blue_ttl span {
        margin-top: 0.7rem;
        display: inline-block;
    }
    .best_idea {
        margin: 2em 0;
    }
    .wrap_qr {
        margin: 3em auto 1em;
    }
    h2 span {
        font-size: clamp(.9rem, 2vw, 2rem);
    }
    img {
        border: 0;
    }
    .fl_space {
        margin: 0em 0 1em 0;
    }
    .bl_row {}
    .li_plan {}
    a {}
    a:hover {}
    .ttl {
        font-size: clamp(1.2rem, 1.8vw, 2rem);
        line-height: 1.4;
        padding: 0 0 .1em 0;
        margin: 1em 0 0.6em;
    }
    .wrap {}
    .wrap2 {}
    .topbanner a:hover {}
    .bl_row2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .bl_row3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .bl_row4 {}
    .white_ttl {}
    .logo {}
    .logo2 {}
    .qr {}
    .qr2 {}
    .ic_size {}
    .ph_chirashi {
        width: 100%;
        padding-left: 0;
        margin-top: 1em;
    }
    .li_plan {
        width: 100%;
    }
    .plan_ttl {}
    .price {}
    .price span {}
    .return {}
    .flow_shien {}
    .li_flow_shien {}
    .sm_ttl {
        font-size: 1rem;
    }
    .ph_schedule {}
    .logo_space {}
    .best_idea {}
    .orange_ttl {
        font-size: 1.2rem;
    }
    .text_brank {}
    .text_brank2 {
        width: 100%;
    }
    .text_area1 {
        width: 100%;
    }
    .text_area2 {
        width: 100%;
    }
    .text_area3 {
        width: 100%;
    }
    .text_area3 img {}
    .text_area4 {}
    .text_area5 {
        width: 100%;
    }
    .md_sm_hide {
        display: none;
    }
    .text_area4 {
        display: none;
    }
    p.indent {}
    .rule {}
    .support {
        width: 90%;
        margin: .5em 1em;
    }
    footer {}
    .footer_wrap {}
    .lg_hide {
        display: block;
    }
    .success {
        font-size: 1rem;
        width: 34%;
        padding: .6em 1.4em;
    }
    .success2 {
        font-size: 1rem;
        width: 93%;
        padding: .6em .2em;
    }
    .best_idea2 {
        padding: 1.6em;
        margin: 0em 1.5em 2em;
    }
    .list-group {
        margin: 0 0 1.2em 0;
    }
    /*インフォメーション*/
    .ly_info {
        width: 60em;
        margin: auto;
        padding-top: 100px;
    }
    .bl_info dl dt {
        padding: .5rem 1rem;
        background: #b01f23;
        color: #fff;
        border-radius: 5px 5px 0 0;
        font-size: 1.25rem; /*20px*/
    }
    .bl_info dl dd {
        padding: 1rem;
        background: #fff;
        color: #000;
        border-radius: 0 0 5px 5px;
    }
    /*バナー*/
    .ly_banner {
        width: 80%;
        margin: auto;
        margin-top: 2em;
        padding-top: 60px;
    }
    .bl_banner {
        text-align: center;
    }
    .bl_banner a:hover {
        opacity: .6;
    }
    /*リクルート*/
    .recruit {
        padding: 0;
        text-align: right;
    }
    .recruit a {
        width: 11em;
        text-align: center;
        color: #fff;
        text-decoration: none;
        display: inline-block;
        margin: 1em 0 0 auto;
        padding: .5em 1.25em;
        border: 1px solid #fff;
        font-size: 12px;
    }
    .recruit a:hover {
        opacity: .8;
    }
    .un_news__content {
        list-style: none;
        /* max-height: 16em;*/
        overflow-y: auto;
    }
    .bl_news__item time {
        font-size: clamp(1rem, 2vw, 2rem);
        margin-right: 0;
        font-weight: 600;
    }
    .bl_news__item span {
        font-size: clamp(.8rem, 1.2vw, 1.2rem);
        color: #FFFFFF;
        padding: .5em;
        border-radius: 100vh;
        background-color: #EA5504;
        display: inline-block;
    }
    .bl_news__item p {
        width: 100%;
        padding: .5em 0;
        line-height: 1.75;
    }
    .mCSB_scrollTools {}
    .mCSB_draggerContainer {
        background: #eaeaea;
        width: 80%;
        margin: 25% auto;
        border-radius: 1em;
    }
    .mCSB_dragger {
        background: var(--c-main);
        border-radius: 1em;
    }
    .mCSB_dragger_bar {
        display: none;
    }
    .mCSB_draggerRail {
        display: none;
    }
    .box_orange, .box_blue {
        padding: .5rem 0;
    }
    .header_nav {
        margin: 0.9em 1em 1em;
    }
    /*※大阪市ボランティア活動振興基金*/
    .caption {
        text-align: center;
        padding: .5em 0;
        font-size: 12px;
        background: #fff;
        border-bottom: 1px solid #ccc;
    }
}