@charset "utf-8";


a.none-text-decoration {
  text-decoration: none!important;
}

img{max-width: 100%;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
body{font-size: 16px; font-family: "游ゴシック体" , Yu Gothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif; color: #383838; position: relative; letter-spacing: .05em;}
.noto{font-family: 'Noto Serif JP', serif;}
.container{max-width: 1350px;}
.pad_block{display: none;}
section{overflow: hidden;}
ul,li{padding: 0; margin: 0; list-style: none;}
a.white{ color:white;}
a.white:hover{ color:#CAA846;}
#error-get-data p{text-align: center; padding: 10% 0px 0px 0px;}
/*grid*/
.grid{display: grid; grid-gap: 20px;}
.grid-2{grid-template-columns: 1fr 1fr;}
.grid-3{grid-template-columns: 1fr 1fr 1fr;}
.grid-4{grid-template-columns: 1fr 1fr 1fr 1fr;}
.grid-5{grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}

/*--- ★common-color ---*/
.accentcolor{color:#CAA846;}

/*--- header ---*/
.head{width: 100%; padding: 15px 30px;background-color: #BB0012; border-bottom: 4px solid #CAA846; position:fixed; z-index: 1000;}
#header {position:relative; z-index:999;}
#header.fixed .head {background-color: #BB0012;}
body:not(.page-top) .head {background-color: #BB0012; border-bottom: 4px solid #CAA846;}
.head .nav_item a{color: #fff; font-size: 15px;}
.head .nav_item a:hover{color: #CAA846;}
.head .nav_item:not(:last-child){margin-right: 25px; cursor: pointer;}
.head_logo h1{margin-bottom: 0;}
.head_logo h1 a img{max-width: 85px; margin-right: 10px;}
.head_logo > span a img{max-width: 85px; margin-right: 10px;}
.head .nav_item {position: relative;}
.head .nav_item .fa-chevron-down{margin-left: 5px; color:#CAA846;}
.head .drop-about-rfa.show{ display: block;}
.head .drop-about-rfa{ position: absolute; top: 0px; left: 0; right: 0; display: none; z-index: 100; margin: auto; padding-top: 30px; width: 250px;}
.head .head_item .about-rfa_inner a { display: block; padding: 15px 15px; background-color: #F9F6EC;color: #000;}
.head .head_item .about-rfa_inner a i {top:10px; right: 10px; font-size: 30px; color:#CAA846;-webkit-font-smoothing: antialiased; -webkit-text-stroke-color: #F9F6EC; -webkit-text-stroke-width: 3px;}
.head .head_item .about-rfa_inner a:hover {background-color: #D9CA9F;}
.head .head_item .about-rfa_inner a:hover i {-webkit-text-stroke-color: #D9CA9F; }
.address-event {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/*--- main ---*/
/* public */
main{padding-bottom: 80px; position: relative;}
.page-top main{padding-top: 94px;}
.section_inner {padding: 50px 0;}
.section_inner p{line-height: 2em;}
.sec-title {margin-bottom: 40px; position: relative; text-align: center;}
.sec-title .item-title{color: #192049; font-size: 30px; text-align: center;}
.sec-title .item-title span:first-child {display: block; color: #CAA846; font-size: 15px; font-weight: bold; text-align: center;}
.sec-title .item-title span:last-child {color: #221F1F; font-size: 30px; font-weight: bold; text-align: center;}
/* mv */
.mv-inner{position: relative;padding-top: 530px;}
.mv-img{background: url(//20036390.fs1.hubspotusercontent-na1.net/hubfs/20036390/raw_assets/public/read4action/images/mv_img.png); background-size:cover; background-position: center;}
.mv-img-gradient{
  background: rgba(0,0,0,.6);
  background-image: linear-gradient(0deg,rgba(0,0,0,.9) 0,transparent 60%,rgba(0,0,0,.9));
}
.mv-img-layout{position: absolute; top: 0; left: 0; padding-top: 530px; width: 100%; z-index: 10;}
.mv-title{position: absolute; top: 45px; left: 50%;  width:610px; padding:15px; transform: translateX(-310px); background-color: rgba(255, 255, 255, 0.9); text-align: center; z-index: 100;  color: #333;}
.mv-title > span:first-child {font-size: 52px; font-weight: bold;}
.mv-title > span {margin-left: -0.5em; font-size: 28px;}
.mv-title > span:first-child span {margin-left: -0.5em;}
.mv-title > span .number {font-size: 50px; font-weight: bold; }
.mv-title ul{ position: relative; margin-top: 24px; margin: 20px  30px 20px 20px; padding:30px 90px 20px 130px; border: 4px solid #CAA846;}
.mv-title ul::before{ position: absolute; content:'\f02e'; top: -8px; left: 90px; color: #CAA846; font-size: 27px; font-family: "Font Awesome 5 Free"; font-weight: 900; z-index: 10;}
.mv-title ul::after{ position: absolute; top: 10px; left: 10px; width: 101%; height: 103%; border: 1px solid #CAA846; content: '';}
.mv-title ul li{ position: relative; text-align: left; line-height: 2em;}
.mv-title ul li::before{ content: ""; position: absolute; top: 6px; left: -28px; width: 18px; height: 19px; background-image: url(//20036390.fs1.hubspotusercontent-na1.net/hubfs/20036390/raw_assets/public/read4action/images/icon-check.png); background-repeat: no-repeat; background-size: 18px 19px;}

/* btn-viewmore */
.btn-viewmore a {color: #FFF; background-color: #CAA846;}
.btn-viewmore a:hover {opacity: .7;}
.btn-viewmore .arrow {width: 20px; height: 20px; margin-left: 5px; margin-top:1px; background-color: #FFF; }
.btn-viewmore .arrow i {margin-top: -2px; margin-left: 3px; color:#CAA846; font-size: 25px; -webkit-font-smoothing: antialiased; -webkit-text-stroke-color: #FFF; -webkit-text-stroke-width: 3px;}
/* btn-viewmore cta */
.btn-viewmore.cta a > span  { display:block; border: 1px solid #fff;}
.btn-viewmore.cta .arrow { width: 40px; margin-top:-2px; background-color:initial;}
/* btn-viewmore back */
.btn-viewmore .arrow.back  {margin-left: -25px; margin-top: 1px;}
.btn-viewmore .arrow.back i {margin-left: 0;}
.subpage-sec-titles { margin-bottom: 40px;position: relative;}

/* card */
.list-card > div {border: 1px solid #CAA846;margin-bottom: 25px;}
.list-card .content{padding: 15px 15px 25px; transition: .3s; display: block; cursor: pointer;}
.list-card .card-img{position: relative;  overflow: hidden; text-align: center;}
.list-card .card-img .cat { position: absolute; display: block; width: 135px; padding: 2px 0; top: 0; text-align: center; background-color: #CAA846; font-size: 12px; color: #fff;}
.list-card .card-img img {display: inline; transition: .3s;height: 124px;width: 100%;object-fit: cover;}
.list-card:hover img {transition: .3s; transform:scale(1.2,1.2);}
.list-card .content {position: relative;}
.list-card .content .cat{display: inline-block; font-size: 10px; color: #D1BA8A; margin-bottom: 10px; padding-right: 10px;}
.list-card .content .title{display: block; font-size: 16px; margin-bottom: 10px; color: #383838; line-height: 1.8em; font-weight: 600; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;height: 57px;}
.list-card:hover .content .title {color: #CAA846;}
.list-card .content .date, .list-card .content .place{position: relative;  display: block; margin-bottom: 10px; font-size: 12px; color: #666666;}
.list-card .content .end{position: absolute; right: 0; padding: 0 2px; background-color: #D9CA9F; color: #FFF;}
.wrp-list-card{position: relative;}
.list-card .arrow{background-color: #CAA846; display: inline-block; bottom: 0; right: 0; width: 30px; height: 30px; }
.list-card:hover .arrow{opacity: .8;}
.list-card .arrow i {margin-left: 3px; color:#FFF; font-size: 30px; -webkit-font-smoothing: antialiased; -webkit-text-stroke-color: #CAA846; -webkit-text-stroke-width: 3px}

/* card useful */
.page-list-useful .list-card:hover img {transition: initial; transform:none;}
.page-list-useful .card-img:hover img {transition: .3s; transform:scale(1.2,1.2);}
.page-list-useful .list-card .content .tag a { font-size: 12px; color: #000; text-decoration: underline;}
.page-list-useful .list-card .content .tag a:hover { color:#CAA846;}
.page-list-useful .list-card:hover .content .title { color: #000;}
.page-list-useful .list-card .content a:hover .title { color: #CAA846;}
.page-list-useful .list-card .content a:hover .date { color: #CAA846;}
.page-list-useful .list-card .content .text { font-size: 14px; color:#000; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;height: 84px;}
.page-list-useful .list-card .content a:hover .text{ color: #CAA846;}
.page-list-useful .list-card:hover .arrow{opacity: 1;}
.page-list-useful .list-card .content a:hover .arrow{opacity: .8;}
/* category search */
.wrp-list-link ul li a { height: 60px; border: 1px solid #CAA846; color:#221F1F;}
.wrp-list-link ul li a:hover { background-color:#D9CA9F ;}
.wrp-list-link ul li a i {right: 10px; font-size: 30px; color:#CAA846;-webkit-font-smoothing: antialiased; -webkit-text-stroke-color: #fff; -webkit-text-stroke-width: 3px;}
.wrp-list-link ul li a:hover i { -webkit-text-stroke-color:#D9CA9F ;}

/*--- top-about ---*/
#top-about h2 {color: #FFF; font-weight: bold;}
#top-about h2 span {color: #F0C855;}
#top-about .container div div:first-child div {width: 170%; margin-left: -50%; padding:30px 30px 30px 50%; background: #BB0012; url(assets/images/bg-text-readforaction.png) no-repeat 45% center; color: #FFF;}
#top-about .container a {color: #FFF;}
#top-about .container div div:last-child {z-index: -1;}
#top-about .container div p {line-height: 1.8em;}
#top-about .container div p span {color: #F0C855; font-weight: bold;}
#top-about .container div > span  {display: block; width: 530px; max-width: 530px; text-align: right;}
#top-about .arrow {background-color: #F0C855; width: 20px; height: 20px; margin-top: -2px; }
#top-about .arrow i {margin-left: -4px; color:#FFF; font-size: 20px; -webkit-font-smoothing: antialiased; -webkit-text-stroke-color: #CAA846; -webkit-text-stroke-width: 2px;}

/*--- top-articles ---*/
.top-articles section { padding-right: 30px;padding-left: 30px;}
.top-articles h2 span:first-child{ font-size: 15px; color: #CAA846;}
.top-articles h2 + a { color: #CAA846;}
.top-articles .arrow {background-color: #CAA846; width: 20px; height: 20px; margin-top: -2px; }
.top-articles .arrow i {margin-left: -4px; color:#FFF; font-size: 20px; -webkit-font-smoothing: antialiased; -webkit-text-stroke-color: #CAA846; -webkit-text-stroke-width: 2px;}
.top-articles ul li div {padding-left: 15px;}
.top-articles ul li a {color: #000;}
.top-articles ul li a div:first-child span {overflow: hidden;}
.top-articles ul li a:hover img {transition: .3s; transform:scale(1.2,1.2);}
.top-articles ul li div span:last-child {bottom:0;}
.top-articles ul li div span:first-child {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

/*--- footer ---*/
.footer-logo {width:90px;}
.foot-inner {padding: 100px 0; background-color: #BB0012; text-align: center;}
.foot-inner ul li a { color: #fff;}
.foot-inner ul li a:hover{color: #CAA846;}
.foot-inner ul li ul li { text-align: left;}
.copy{color: #fff; font-size: 12px; padding: 15px 0 15px; border-top: solid 0.5px #DC7C85; background-color: #BB0012; text-align: center; line-height: 1;}
.copy div div span:first-child {text-align: left;}
.copy div div span:last-child {text-align: right;}

/*--- subpage-header-title ---*/
.subpage-header-title-inner {margin-top: 95px; height: 200px; background-size: cover; background-position: center; color:#FFF;}
.page-list-report .subpage-header-title-inner {background-image: url(//20036390.fs1.hubspotusercontent-na1.net/hubfs/20036390/raw_assets/public/read4action/images/header-img-events.png)}
.banner-event-list {background-image: url(//20036390.fs1.hubspotusercontent-na1.net/hubfs/20036390/raw_assets/public/read4action/images/header-img-events.png);}
.page-list-useful .subpage-header-title-inner {background-image: url(//20036390.fs1.hubspotusercontent-na1.net/hubfs/20036390/raw_assets/public/read4action/images/header-img-useful.png)}
.page-list-news .subpage-header-title-inner {background-image: url(//20036390.fs1.hubspotusercontent-na1.net/hubfs/20036390/raw_assets/public/read4action/images/header-img-news.png) ;}
.page-list-facilitator .subpage-header-title-inner {background-image: url(//20036390.fs1.hubspotusercontent-na1.net/hubfs/20036390/raw_assets/public/read4action/images/header-img-facilitator.png) ;}
.page-about .subpage-header-title-inner {background-image: url(//20036390.fs1.hubspotusercontent-na1.net/hubfs/20036390/raw_assets/public/read4action/images/header-img-about.png) ;}
.page-participate-banner {background-image: url(//20036390.fs1.hubspotusercontent-na1.net/hubfs/20036390/raw_assets/public/read4action/images/header-img-participate.png) ;}
.subpage-header-title-inner a {color: #FFF; text-decoration: underline;}
.subpage-header-title-inner .wrp_bred{padding-top: 20px; font-size: 12px; }
.subpage-header-title-inner .wrp_bred span {margin-right: 10px;}
.subpage-header-title-inner .wrp_bred span:not(:first-child) {margin-left: 10px;}
.subpage-header-title-inner .title{padding-top: 35px;}

/* subpage title */
.subpage-sec-title{margin-bottom: 40px; position: relative;}
.subpage-sec-title h2 span::before{content: ''; position: absolute; border-top: solid 1px #CAA846; top: 0; bottom: 0; left: -20.5%; height: 1px; width: 20%; margin: auto 0;}
.subpage-sec-title h2 { margin-bottom: 0; color: #000; font-size: 30px;font-weight: bold;}
.subpage-sec-title h2 span span{font-size: 14px;}

/*--- subpage-single-header-title ---*/
.subpage-single-header-title-inner {margin-top: 95px; color:#000;}
.subpage-single-header-title-inner a {color: #000; text-decoration: underline;}
.subpage-single-header-title-inner .wrp_bred{padding-top: 20px; font-size: 12px; }
.subpage-single-header-title-inner .wrp_bred span {margin-right: 10px;}
.subpage-single-header-title-inner .wrp_bred span:not(:first-child) {margin-left: 10px;}
.subpage-single-header-title-inner .title h1{ margin-bottom:40px;  padding-top: 35px; font-size: 40px; line-height: 1.7em;}
.page-single-useful .subpage-single-header-title-inner .title h1{ margin-bottom:20px; padding-bottom:30px; border-bottom: 1px solid #CAA846;}
.page-single-news .subpage-single-header-title-inner .title h1{ margin-bottom:20px; padding-bottom:30px; border-bottom: 1px solid #CAA846;}

/*--- page_nation ---*/
.page_nation{text-align: center;}
.page_nation a, .page_nation span{color: #000; background-color: #FFF; border: 1px solid #CAA846; padding: 16px 20px; margin: 0 3px; font-size: 16px; line-height: 1;}
.page_nation a img, .page_nation span img{width: 50%;}
.page_nation a:hover{background-color: #D9CA9F; }
.page_nation .active{background-color: #CAA846; color: #FFF;}
.page_nation .active:hover{background-color: #D9CA9F color: #FFF;}
.page_nation .prev{padding: 10px 32px 15px 16px; margin-right: 35px; color:#CAA846; }
.page_nation span.prev{opacity: .3;}
.page_nation .next{padding: 10px 32px 15px 16px; margin-left: 35px; color:#CAA846; }
.page_nation span.next{opacity: .3;}
.page_nation a i {font-size: 30px;}
.page_nation a i {-webkit-font-smoothing: antialiased; -webkit-text-stroke-color: #FFF; -webkit-text-stroke-width: 3px;}
.page_nation a:hover i {-webkit-font-smoothing: antialiased; -webkit-text-stroke-color: #D9CA9F; -webkit-text-stroke-width: 3px;}

/* search */
#search .item-search{margin: 0 auto;}
#search .item-title{text-align: center; margin-bottom: 40px;  font-size: 30px; font-weight: bold;}
#search form{border: solid 1px #CAA846; display: flex;}
#search form input{width: 100%; border: 0px; padding: 10px 15px; padding-left: 20px;}
#search form input::placeholder{letter-spacing: 2px;color:#CAA846; }
#search form button{background-color: transparent; border: 0px; padding-right: 15px;}
#search form button i{color:#CAA846; font-size: 20px;}

/* news */
.news-box li{padding:30px 0; border-bottom: 1px solid #CAA846;}
.news-box a {color: #000;}
.news-box a:hover {color: #CAA846;}
.news-box a div div:last-child {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

/* list facilitator */
#about-facilitator .text {border:1px solid #CAA846; padding: 50px;}
#latest-facilitator .faci-box a {padding: 0 8px;}
.faci-box a img { overflow: hidden; border-radius: 50%; height:240px; width:240px; object-fit: cover;}
.faci-box a span { color: #000;}
.faci-box a .main { margin-bottom: 5px; font-size: 20px;}
.faci-box a .sub { margin-bottom: 15px; font-size: 12px;height: 18px;}
.faci-box a .text {margin-bottom: 20px; font-size: 14px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.faci-box a:hover .main {color: #CAA846;}
.faci-box a .faci-img {  overflow: hidden; border-radius: 50%; width: 100%; margin-bottom: 15px; }
.faci-box a:hover .faci-img img {transition: .3s; transform:scale(1.2,1.2); border-radius: 50%;}
.slick-prev:before, .slick-next:before{ display: inline-block; width: 30px; height: 30px; padding-top: 4px; border-radius: 50%; border:1px solid #CAA846; font-family: "Font Awesome 5 Free"; font-size: 20px; font-weight: bold; color: #CAA846; -webkit-font-smoothing: antialiased; -webkit-text-stroke-color: #FFF; -webkit-text-stroke-width: 1px;}
.slick-prev:before{content: "\f053";}
.slick-next:before{content: "\f054";}
.slick-prev{ top:-60px; left: initial; right: 65px;}
.slick-next{ top:-60px; right: 30px;}
/* single */

.subpage-single-header-title-inner .sns span {color: #CAA846;}
.subpage-single-header-title-inner .sns a {width: 20px; height: 20px; font-size: 20px; color: #CAA846; margin-right: 15px;}
.useful-writer img {width: 80px; margin-right: 10px;}
.useful-writer > div { display: inline-block;}
.useful-writer span {width: 105px; margin-right: 15px;}
.wrp-subpage-single-sec {padding:50px 50px 20px; border: 1px solid #CAA846;}
.wrp-subpage-single-sec h3 {margin-bottom:30px; font-size: 25px; font-weight: bold; line-height: 1.7;}
.wrp-subpage-single-sec h4 {margin-bottom:30px; font-size: 20px; font-weight: bold; line-height: 1.7;}
.wrp-subpage-single-sec h5 {margin-bottom:30px; font-size: 16px; font-weight: bold; line-height: 1.7;}

/* お役立ち記事とニュースはアウトラインが異なるため調整 */
.page-single-useful .wrp-subpage-single-sec h2 { margin-bottom:30px; font-size: 25px; font-weight: bold; line-height: 1.7;}
.page-single-useful .wrp-subpage-single-sec h3 { margin-bottom:30px; font-size: 20px; font-weight: bold; line-height: 1.7;}
.page-single-useful .wrp-subpage-single-sec h4 { margin-bottom:20px; font-size: 16px; font-weight: bold; line-height: 1.7;}
.page-single-useful .wrp-subpage-single-sec h5 { margin-bottom:20px; font-size: 16px; font-weight: normal; line-height: 1.7;}
.page-single-news .wrp-subpage-single-sec h2 { margin-bottom:30px; font-size: 25px; font-weight: bold; line-height: 1.7;}
.page-single-news .wrp-subpage-single-sec h3 { margin-bottom:30px; font-size: 20px; font-weight: bold; line-height: 1.7;}
.page-single-news .wrp-subpage-single-sec h4 { margin-bottom:20px; font-size: 16px; font-weight: bold; line-height: 1.7;}
.page-single-news .wrp-subpage-single-sec h5 { margin-bottom:20px; font-size: 16px; font-weight: normal; line-height: 1.7;}
.wrp-subpage-single-sec p {margin-bottom:30px;font-size:16px; line-height: 2;}
.wrp-subpage-single-sec li {line-height: 2;}
.wrp-subpage-single-sec img {margin-bottom:30px;}
.wrp-subpage-single-sec .subpage-single-summary {padding:50px 50px 20px; background-color:#F9F6EC;}
.wrp-subpage-single-sec ol,.wrp-subpage-single-sec ul {margin-bottom:30px; padding-left: 20px;}
.wrp-subpage-single-sec ol li {list-style: decimal;}
.wrp-subpage-single-sec ul li {list-style: disc;}
.wrp-subpage-single-sec a {color: #000; text-decoration: underline; }
.wrp-subpage-single-sec i {color: #CAA846;}
.wrp-subpage-single-sec .tag i {display: inline-block; width: 20px;}
.wrp-subpage-single-sec .tag a {margin-right: 20px;}
#subpage-single-main .row{margin-left:0; margin-right: 0;}
.wrp-subpage-single-sec .name {display:block; text-align: center; font-size: 20px; font-weight: bold; color: #CAA846;}
.wrp-subpage-single-sec .kana {display:block; text-align: center; font-size: 14px;  color: #CAA846;}

/* single facilitator */
.page-single-facilitator .subpage-sec-title h1{font-size: 40px; font-weight: bold;}
.page-single-facilitator .wrp-subpage-single-sec .recommend i { font-size: 20px;}

/* single about */
.page-about .text { line-height: 2em;}
.page-about .text span { font-size: 12px;}
.page-about .subpage-sec-title span span {margin-right: 15px; vertical-align: middle; color: #CAA846;}
.page-about .wrp-subpage-single-sec{padding: 50px 70px;}
.page-about .wrp-subpage-single-sec h3{font-size: 20px; text-indent: -25px;}
.page-about .bg{ padding: 50px 50px; background-color: #F9F6EC;}
.page-about .bg img{ margin-top: 30px;}
.page-about .text.bg span {display:block; text-align: right;}

/* single participate */
.page-participate main {padding-bottom:0;}
.flow-participate-inner .text {line-height: 2em;}
.flow-detail {width: 900px; margin: 0 auto;}
.flow-detail div:not(:last-child){background-color: #F9F6EC;}
.flow-detail div:not(:last-child) .row {padding: 20px 30px;}
.flow-detail div:not(:last-child) div > span:first-child{font-size:25px; font-weight: bold; color:#CAA846; }
.flow-detail div:not(:last-child) .row a{color: #000; text-decoration: underline;}
.flow-detail div:last-child h2{border-bottom: 1px solid #CAA846;}
.flow-detail > span {display: block; text-align: center;}
.flow-detail .fa-arrow-down {font-size: 20px;}

.page-participate main {padding-bottom:0;}
.section_inner.voice-participate-inner{background-color: #F9F6EC;}
/* ballon right */
.voice-participate-inner ul li {position: relative; background: #FFF;border-radius: 10px; margin-bottom: 60px; padding-top: 10px; padding-bottom:10px; }
.voice-participate-inner ul li::before{  content: "";position: absolute; top: 100%; left: 10%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #FFF; border-right: 15px solid #FFF;}
.voice-participate-inner ul li > div { position:relative; width: 100%; margin-top:-20px; margin-left: -10px; padding: 30px 10px; border:1px solid #CAA846; border-radius: 10px;}
.voice-participate-inner ul li > div::before{  content: "";position: absolute; top: 100%; left: 10%; margin-left: -15px; border: 13px solid transparent; border-top: 13px solid #FFF; border-right: 13px solid #FFF; z-index: 2;}
.voice-participate-inner ul li > div::after{  content: "";position: absolute; top: 100%; left: 10%; margin-left: -17px; border: 15px solid transparent; border-top: 15px solid #CAA846; border-right: 15px solid #CAA846; z-index: 1;}
/* ballon left */
.voice-participate-inner ul li:nth-child(2n)::before{ left: 90%; border: 15px solid transparent; border-top: 15px solid #FFF; border-left: 15px solid #FFF;}
.voice-participate-inner ul li:nth-child(2n) > div { position:relative; width: 100%; margin-top:-20px; margin-left: -10px; padding: 30px 20px; border:1px solid #CAA846; border-radius: 10px;}
.voice-participate-inner ul li:nth-child(2n) > div::before{ left: 90%; margin-left: -15px; border: 13px solid transparent; border-top: 13px solid #FFF; border-left: 13px solid #FFF; z-index: 2;}
.voice-participate-inner ul li:nth-child(2n) > div::after{ left: 90%; margin-left: -17px; border: 15px solid transparent; border-top: 15px solid #CAA846; border-left: 15px solid #CAA846; z-index: 1;}
.voice-participate-inner .name span {display: inline-grid; width: 150px; height: 150px; color: #CAA846;font-weight: bold; line-height: 2.5em;background-image: url(//20036390.fs1.hubspotusercontent-na1.net/hubfs/20036390/raw_assets/public/read4action/images/bg-balloon.png); background-size: 120px; background-repeat: no-repeat; background-position: center; align-items: center;text-align: center; }
.voice-participate-inner .title{display: block; font-size: 18px; font-weight: bold; line-height: 2em;}
.voice-participate-inner .subtitle{ display: block; margin-bottom: 10px; font-size: 14px; font-weight: bold; line-height: 2em;}
.voice-participate-inner .text{ font-size: 16px; line-height: 2em;}


.voice-participate-inner ul li p {margin-bottom: 0;}

.banner-search-event-inner a {display: block; text-align: right; background-image: url(//20036390.fs1.hubspotusercontent-na1.net/hubfs/20036390/raw_assets/public/read4action/images/bg-banner-search-event.png); background-size: cover; height: 160px; background-position: center; color: #000; font-size: 22px; font-weight: bold;}
.banner-search-event-inner a:hover  {opacity: .8;}
.banner-search-event-inner a span{ display: block; margin-right: 25%; padding-top:70px; padding-bottom: 70px;}
.banner-search-event-inner a span img {width: 58px;}
#useful-articles ul li span img , #news ul li span img { width: 100px; height: 100px; object-fit: cover; }
.page_nation .page-prev {margin-right: 35px;}
.page_nation .page-next {margin-left: 35px;}
.avatar-single-event { width: 252px; height: 252px; border-radius: 50%; object-fit: cover;}
.avatar-list-facilitator {width: 248px; height: 248px; object-fit: cover;}
#list-facilitator-sort .item-facilitator {width: 264px;}
#list-facilitator-sort .item-facilitator img {width: 248px; height: 248px; object-fit: cover;}
/* page-biz */
.page-biz main{padding-bottom: 0;}

/* mv-biz */
.page-biz .subpage-header-title-inner {margin-top: 95px; height: 530px; background-size: cover; background-position: center; color:#FFF;}
.page-biz .subpage-header-title-inner {background-image: url(//20036390.fs1.hubspotusercontent-na1.net/hubfs/20036390/raw_assets/public/read4action/images/mv-biz-img.png) ;}
.page-biz  h1{border-bottom:1px solid #CAA846; padding-bottom: 20px;}
.page-biz  .mv-title{width: 950px; padding: 30px; top:160px; transform: translateX(-475px);}
.page-biz  .mv-title .notice{font-size: 14px;}
.page-biz  .sec-title .item-title span > span{ color: #CAA846; }
.page-biz  .sec-title p{font-size:24px;}
.page-biz .list-card .content{padding-bottom:15px; background-color: #CAA846; color: #fff; cursor: default; text-align: center;}
.page-biz .wrp-list-card ul li:not(:last-child) .content::after{ content:''; border-top: 68px solid transparent; border-bottom: 68px solid transparent; position: absolute; top: 0; left: 100%; z-index: 1;border-left: 36px solid #CAA846;}
.page-biz .wrp-list-card ul li:not(:last-child) .content{width: 90%;}
.page-biz .list-card .title{color: #fff; font-size: 20px;}
.page-biz .list-card .subtitle{color: #fff;}
.page-biz .list-card > div{border:none;}
.page-biz .list-card .card-img{position:relative; height:260px;}
.page-biz .list-card .card-img::after{content:''; position: absolute; top:0; left:40px; width:250px; height: 250px; background:#F9F6EC; border-radius: 50%;  z-index: -1;}
.page-biz .list-card .card-img img{transition: none; width:70%;}
.page-biz .wrp-list-card ul li:first-child .list-card .card-img img{padding-top: 40px;}
.page-biz .wrp-list-card ul li:nth-child(2) .list-card .card-img img{padding-top: 25px;}
.page-biz .wrp-list-card ul li:last-child .list-card .card-img img{padding-top:40px;}
.page-biz .wrp-list-card .list-card .card-img img {height: auto;}
.page-biz .list-card:hover img {transition:none; transform:none;}
.page-biz .list-card:hover .content .title {color:#fff;}
.page-biz .list-card > div {margin-bottom:10px;}
.page-biz #biz-result-change h3 {font-size:14px;}
.page-biz #biz-result-change table th{background-color: #CAA846; border:2px solid #fff; color:#fff; font-size: 14px;}
.page-biz #biz-result-change table th:first-child{width:310px;}
.page-biz #biz-result-change table th:last-child{width:100px;}
.page-biz #biz-result-change table td{background-color: #F9F6EC; border:2px solid #fff;font-size: 14px;}
.page-biz #biz-result-change .row {justify-content: space-around;}
.page-biz #biz-result-change .row div:last-child table{width:430px;}
.page-biz #biz-result-change .row div:nth-child(2) { font-size: 80px; color:#D9CA9F; left: 30px; margin-top:250px;}
.page-biz  #examples .sec-title .item-title span:first-child {display: inline;}


.page-biz  #example-1 .container div div:first-child div {width: 170%; margin-left: -50%; padding:30px 40px 30px 57%; background: #BB0012; color: #FFF;}
.page-biz  #example-2 .container div div:last-child div {width: 170%; margin-left: -20%; padding:30px 57% 30px 40px; background: #BB0012; color: #FFF;}
.page-biz  #example-1 .container div div:last-child, .page-biz  #example-2 .container div div:first-child {z-index: -1;}
.page-biz  #example-1 .container div p, .page-biz  #example-2 .container div p {line-height: 1.8em;}
.page-biz  #example-1 .container div p span,.page-biz  #example-2 .container div p span {color: #F0C855; font-weight: bold;}
.page-biz  #example-1 .container div > span,.page-biz  #example-2 .container div > span  {background-color:#F0C855; font-size:14px; color:#BB0012; }
.page-biz  #example-1 .container h3, .page-biz  #example-2 .container h3  {font-size:26px; }
.page-biz  #example-1 .container h3 span,.page-biz  #example-2 .container h3 span {color: #F0C855;}


.page-biz  #user-satisfaction .sec-title .item-title span:first-child {display: inline;}
.page-biz  #user-satisfaction ul li  div:first-child {background-color:#CAA846; color: #fff;}
.page-biz  #user-satisfaction ul li  div h3{font-size: 20px;}
.page-biz  #user-satisfaction ul li  div:last-child {border:1px solid #CAA846; }
.page-biz  #user-satisfaction ul li  div:last-child span{font-size: 14px;}
.page-biz  #user-satisfaction ul li  div:last-child::before{ content:''; border-right: 15px solid transparent; border-left: 15px solid transparent; position: absolute; border-top: 15px solid #CAA846; top: 0; left: 44%; }

.page-biz  #biz-feature .sec-title .item-title span:first-child {display: inline;}
.page-biz  #biz-feature h3 {font-size: 24px;}
.page-biz  #biz-feature h3 span {background-color:#F0C855; font-size: 18px; color:#fff;}
.page-biz  #biz-feature .feature-1 {gap:30px;}
.page-biz  #biz-feature .feature-1 li{width: 262px; max-width: 262px; height: 262px;  padding-top:50px; border:1px solid #CAA846;}
.page-biz  #biz-feature .feature-1 li:nth-child(even){background-color:#CAA846; color:#fff;}
.page-biz  #biz-feature .feature-1 li img {width:50px;}
.page-biz  #biz-feature .feature-1 li:nth-child(3) img {width:40px;}
.page-biz  #biz-feature .feature-1 li:nth-child(4) img {width:40px;}
.page-biz  #biz-feature .feature-1 li:nth-child(5) img {width:40px;}
.page-biz  #biz-feature .feature-1 li:nth-child(6) img {width:40px;}
.page-biz  #biz-feature .feature-1 li:nth-child(7) img {width:65px;}
.page-biz  #biz-feature .feature-1 li:nth-child(8) img {width:60px;}
.page-biz  #biz-feature .feature-1 li span:first-child::after{content: ''; position: absolute; border-top: solid 1px #CAA846; top: 40px; left: 42%; height: 1px; width: 20%; margin: auto 0;}
.page-biz  #biz-feature .feature-1 li:nth-child(even) span:first-child::after{border-color: #fff;}
.page-biz  #biz-feature h3 + p {font-size: 20px;}
.page-biz  .feature-2-effect div:nth-child(2){font-size: 80px; color:#D9CA9F; margin-left:-100px; margin-top:160px;}
.page-biz  .feature-3 li {font-size:20px;}

.page-biz  #sponsor .sec-title .item-title span:first-child {display: inline;}

.page-biz  #difference .sec-title .item-title span:first-child {display: inline;}
.page-biz  #difference .sec-title + p{font-size: 24px;}
.page-biz  #difference .sec-title + p span {color: #CAA846;}
.page-biz  #difference table{width: 100%;}
.page-biz  #difference table th{border:2px solid #fff; color:#fff; font-size: 20px;}
.page-biz  #difference table th:first-child{background-color: #FFF; width: 20%;}
.page-biz  #difference table th:nth-child(2){background-color: #D9CA9F; width: 40%;}
.page-biz  #difference table th:last-child{background-color: #CAA846; width: 40%;}
.page-biz  #difference table td{border:2px solid #fff; height: 131px;}
.page-biz  #difference table td:first-child{background-color:  #CAA846; color:#fff; }
.page-biz  #difference table td:not(:first-child){background-color:  #F9F6EC;}
.page-biz  #difference table td:last-child{font-size:18px;}


.page-biz  #facilitator .sec-title .item-title span:first-child {display: inline; font-size: 30px;}
.page-biz  #facilitator .sec-title .item-title span:nth-child(2) {font-size:16px; color:#333;}
.page-biz  #facilitator .sec-title .item-title span:first-child {display: inline; font-size: 30px;}
.page-biz  #facilitator div h3 {font-size:20px; line-height: 1.75em;}
.page-biz  #facilitator div h3 span {color:#CAA846 ;}
.page-biz  #facilitator .container div div:first-child div {width: 170%; margin-left: -50%; padding:30px 40px 30px 57%; background: #BB0012; color: #FFF;}
.page-biz  #facilitator .container div div:last-child {z-index: -1;}


.page-biz  #process .sec-title .item-title span:first-child {display: inline; font-size: 30px;}
.page-biz  #process ul li span:first-child {background-color: #CAA846;color: #fff; font-size: 24px;}
.page-biz  #process ul li span:last-child {font-size: 20px;}
.page-biz  #process ul li:not(:last-child)  span:first-child::after { content: ''; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-left: 9px solid #CAA846; position: absolute; top: 0; left: 100%; z-index: 1; }


.page-biz  #biz-cta .biz-cta-background{background: url(//20036390.fs1.hubspotusercontent-na1.net/hubfs/20036390/raw_assets/public/read4action/images/bg-biz-cta.png); background-size:cover; background-position: center; height: 240px;}
.page-biz  #biz-cta h2{font-size: 30px;color: #333; }
.page-biz  #biz-cta p{color: #333; }
.page-biz  #biz-cta h2 span {color: #CAA846;}
.page-biz  #biz-cta .inner a {width: 650px; background:#FFF; min-height: 120px; margin-top:40px; }
.page-biz  #biz-cta .text-one { color: #FFF; background-color: #CAA846; width: 45%; height: 50px; margin: 0 auto;}
.page-biz  #biz-cta .text-one .boder-biz-cta {border: 1px solid #fff; text-indent: -20px;}
.page-biz  #biz-cta .text-one .arrow { width: 40px; margin-top: -2px;margin-left: 10px; background-color: initial;}
.page-biz  #biz-cta .inner a:hover .text-one{opacity: .7;}

#loading-animation {
    width: 2rem;
    height: 2rem;
    border: 5px solid #f3f3f3;
    border-top: 6px solid #9c41f2;
    border-radius: 100%;
    margin: auto;
    visibility: hidden;
    animation: spin 1s infinite linear;
}
#loading-animation.display {
    visibility: visible;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
/*------PC3------*/
@media only screen and (max-width: 1580px) {
  .container{max-width: 1140px;}
  #list-facilitator-sort .item-facilitator {
    width: 188px;
}
  #list-facilitator-sort .item-facilitator img {
    width: 188px;
    height: 188px;
    object-fit: cover;
}
  .avatar-single-event {
  height: 222px;
  }

}
  
/*------PC2------*/
@media only screen and (max-width: 1440px) {



}


/*------PC3------*/
@media only screen and (max-width: 1200px) {



}


/*---PAD pro---*/
@media only screen and (max-width: 1050px) {
  .avatar-single-event {
  height: 177px;
  }
 
  .pad_block{display: block;}
  .container{max-width: 960px;}
  .head .nav_item:not(:last-child){margin-right: 15px;}
  .head .head_item a{font-size: 13px;}

  /*--- top-about ---*/
  #top-about .container div > span {width:470px; max-width: 470px;}

  /*--- paze-biz ---*/

  .page-biz .list-card .title{font-size: 16px ;}
  .page-biz .list-card .card-img::after{width: 180px; height: 180px;}
  .page-biz .list-card .card-img img {width: 60%;}
  .page-biz .wrp-list-card ul li:not(:last-child) .content::after{border-top: 60px solid transparent; border-bottom: 60px solid transparent;  border-left: 25px solid #CAA846;}

  .page-biz #biz-result-change .row div:last-child table{width: 100%;}

  .page-biz #biz-feature .feature-1{gap:20px;}
  .page-biz #biz-feature .feature-1 li{width: 200px; max-width: 200px; height: 200px; padding-top: 30px; font-size:14px; padding-left: 7px; padding-right: 7px;}

  .page-biz .feature-3 li{font-size: 16px;}
  .page-biz #difference .sec-title + p{font-size: 20px ;}
  .page-biz #process ul li span:last-child{font-size: 18px ;}
  
  .page-biz #biz-cta .container{text-align: center!important;}
  #list-facilitator-sort .item-facilitator {
    width: 131px;
  }
  #list-facilitator-sort .item-facilitator img {
    width: 131px;
    height: 131px;
    object-fit: cover;
}
}

@media (max-width: 900px){
  .avatar-single-event {
  height: 137px;
  }
  
}

/*---PAD---*/
@media only screen and (max-width: 880px) {
  .head .nav_item:not(:last-child){margin-right: 10px;}
  .head .head_item a{font-size: 12px;}

  /*--- top-about ---*/
  #top-about .container div > span {width:385px; max-width:385px;}
}



@media (max-width: 800px){
  .avatar-single-event {
  height: 129px;
  }
  
}

@media (min-width: 768px){
  .pc-hidden{display: none;}
}

/*---Sm---*/
@media only screen and (max-width: 767px) {
   .avatar-single-event {
  height: 252px;
  }
  .faci-box a img{height:166px;}
 
  #list-facilitator-sort .item-facilitator {
    width: 253px;
  }
  #list-facilitator-sort .item-facilitator img {
    width: 263px;
    height: 263px;
    object-fit: cover;
  }
  .sm-hidden{display: none;}
  .fx-pc{display: block;}
    /*--- pubulic ---*/
  .sec-title .item-title span:first-child {font-size: 13px;}
  .sec-title .item-title span:last-child {font-size: 24px;}

  /*--- header ---*/
  .head{ padding: 15px 15px;}
  .head_logo h1 a img{max-width: 60px;}
  .head_logo > span a img{max-width:60px; margin-right: 10px;}
  #header .head_item{ display: none;}
  .head .nav_item:not(:last-child){margin-right: 0;}

  /*--- footer ---*/
  .footer-logo {width: 60px;}

  /*--- nav ---*/
  /* オフキャンバス */
  .m-toggle{border: none; display: block; position: relative; background: none; z-index: 100; outline: none !important; padding-top: 10px;}
  .offcanvas-toggle .icon-bar{background: #FFF;}
  .icon-bar{display:block; width:30px; height:2px; border-radius:1px; margin: auto;}
  .icon-bar + .icon-bar{margin-top:7px;}
  .offcanvas-toggle{padding: 0;}
  .offcanvas-toggle.is-open .icon-bar:nth-child(3){margin-top: 14px;}
  .offcanvas-toggle.is-open .icon-bar:nth-child(4){transform: rotate(-135deg) translate(8px, 8px); margin-top: 3px;}
  .off-base.navbar-offcanvas{top: 0; overflow: auto; z-index: 99; padding: 80px 0 0;}

  /*offcanvas-size*/
  .navbar-offcanvas{max-width: 100%; position: fixed; width: 100%; height: 100%; background-color: #BB0012;}
  .navbar-offcanvas.navbar-offcanvas-right {right: -100%;}
  .navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {-webkit-transform: translateX(-100%); transform: translateX(-100%);}

  .sm-nav-box ul{margin-top: 30px;}
  .sm-nav-box li{position: relative; text-align: left;}
  .sm-nav-box li a{display: block; padding: 15px; font-weight: bold; font-size: 14px; color: white; border-bottom: 1px solid #C3562D;}

  #sm-offcanvas > ul > li { padding: 0 30px;}
  #sm-offcanvas > ul > li:first-of-type a {border-top: 1px solid #C3562D;}
  .sm-nav-box ul .sm_drop_menu{height: 0; opacity: 0; visibility: hidden; transition: .3s; animation-duration: .3s; background-color: #C9636D; margin-top: 0; margin-bottom: 0; margin-right: -30px; margin-left: -30px;}
  .sm-nav-box ul .active > .sm_drop_menu{height: auto; display: block; opacity: 1; visibility: visible; transition: .3s; animation-duration: .3s;}
  .sm_drop_menu li{padding-left: 30px; padding-right: 30px;}
  .sm_drop_menu li a{display: block; position: relative; padding: 15px 30px; padding-left: 30px; font-weight: normal; font-size: 13px; color: white; border-bottom: solid 1px #D27E86;}
  .sm_drop_menu li a::before{content: ''; position: absolute; top: 0; bottom: 0; left: 5px; border-top: solid 1px #fff; width: 12px; height: 1px; margin: auto;}
  .sm_drop .plus_drop > a::after{position: absolute; font-family: "Font Awesome 5 Free"; content: "\f067"; font-weight: 900; top: 0; bottom: 0; right: 15px; margin: auto; width: 20px; height: 25px;}
  .sm_drop .plus_drop.active > a::after{content: "\f068"; bottom: auto; top: 15px;}

  .is-open .head_menu{display: none;}
  .is-open .head_close{display: block;}
  .sm-nav-box .in_logo{position:absolute; top: 15px; left:15px;}
  #sm-offcanvas{height: 100% !important;}

  /*--- mv ---*/
  .page-top main {padding-top: 77px;}
  .mv-inner{ padding-top: 500px;}
  .mv-img-layout{ padding-top: 500px;}
  .mv-title{width: 100%; max-width: 350px; transform: translateX(-50%); top: 100px;}
  .mv-title > span{font-size: 18px;}
  .mv-title > span:first-child{font-size: 28px;}
  .mv-title > span .number{font-size: 28px;}
  .mv-title ul{margin: 15px 10px 15px 5px; padding: 30px 10px 10px 50px; font-size: 14px;    letter-spacing: initial; }
  .mv-title ul::before{left: 20px;}

  /*--- card ---*/
  .list-card .card-img img {height: 90px;}
  .list-card .content {padding:15px 7px 16px;}
  .list-card .content .title{font-size: 13px; line-height:1.4em;}
  .list-card .arrow{width: 22px; height: 22px;}
  .list-card .arrow i {margin-left:1px; margin-top:-3px; }

  /*--- top-about ---*/
  #top-about .container div div:first-child div{width: 130%; margin-left: -20%; padding: 40px 11% 70px 21%;}
  #top-about .container div > span {width: 100%; max-width: initial;}
  #top-about .container div div:last-child {z-index: 1;}
  #top-about .container div div:last-child img{margin-top:-50px;}
  #top-about .container div p{font-size: 14px; letter-spacing: 0;}

  /*--- top-articles ---*/
  .top-articles h2 span:first-child{font-size: 12px;}
  .top-articles h2 span:last-child{font-size: 24px;}
  .top-articles ul li div span{ margin-bottom: 5px; font-size: 14px; }
  .top-articles ul li div span:first-child {margin-bottom: 10px;}

  .foot-inner{padding: 100px 0;}
  .foot-inner ul{ flex-direction: column;}
  .foot-inner ul li { text-align: center; font-size:13px;}
  .foot-inner ul li ul li { text-align: center;}
  .foot-inner ul li ul li { display: inline; padding: 0 10px;}
  .copy div div span:first-child {margin-bottom: 15px; text-align: center;}
  .copy div div span:last-child {text-align: center;}

  /*--- subpage-header-title ---*/
  .subpage-header-title-inner {margin-top: 77px;}
  .subpage-header-title-inner .wrp_bred {padding-top:10px;}
  .subpage-header-title-inner .title {padding-top: 50px;}
  .subpage-header-title-inner .title h1 {font-size: 32px;}

  /*--- subpage-single-header-title ---*/
  .subpage-single-header-title-inner {margin-top: 77px;}
  .subpage-single-header-title-inner .wrp_bred {padding-top:10px;}
  .subpage-single-header-title-inner .title {padding-top: 50px;}
  .subpage-single-header-title-inner .title h1{font-size: 24px; padding-top: 0}

  /* subpage title */
  .subpage-sec-title h2 {text-align: center; font-size: 20px;}
  body:not(.page-participate) .subpage-sec-title h2 span{background-color: #FFF;}
  .subpage-sec-title h2 span::before{width: 50%;}
  body:not(.page-participate) .subpage-sec-title h2 span::before{z-index: -1;}
  .subpage-sec-title h2 span span{font-size: 12px;}

  /*--- page_nation ---*/
  .page_nation .prev{margin-right: 10px; padding:6px 28px 15px 14px;}
  .page_nation .next{margin-left: 10px; margin-right: 0; padding:6px 26px 15px 16px;}
  .page_nation a, .page_nation span{padding: 13px 16px; font-size: 13px;}

  /* search */
  #search .item-title{margin-bottom: 24px; font-size: 24px;}

  /* news */
  .news-box li {font-size: 14px;}
  .news-box a div div:last-child {-webkit-line-clamp: 2;}

  /* list facilitator */
  #about-facilitator .text {padding: 20px;}
  .grid-5{grid-template-columns: 1fr 1fr;}
  #latest-facilitator .subpage-sec-title h2{text-align: left; letter-spacing: -.03em;}
  .slick-prev:before, .slick-next:before{ width: 24px; height:24px; padding-top: 3px; font-size: 16px;}
  .slick-prev{ top:-54px; right: 25px;}
  .slick-next{ top:-54px; right: 0;}
  .faci-box a .main{font-size: 18px;}
  .faci-box a .sub{font-size: 10px;}

  /* single */
  .useful-writer img {width: 60px; margin-right: 10px;}
  .useful-writer > div {vertical-align:middle;}
  .useful-writer span { display: block; margin-right: 10px; font-size: 14px;}
  .wrp-subpage-single-sec {padding:20px 20px 5px;}
  .wrp-subpage-single-sec h3 {margin-bottom:15px; font-size: 20px; font-weight: bold;}
  .wrp-subpage-single-sec h4 {margin-bottom:15px; font-size: 16px; font-weight: bold;}
  .wrp-subpage-single-sec h5 {margin-bottom:15px; font-size: 13px; font-weight: bold;}

  /* single facilitator */
  .page-single-facilitator .subpage-sec-title h1{font-size: 24px;}

  /* お役立ち記事とニュースはアウトラインが異なるため調整 */
  .page-single-useful .wrp-subpage-single-sec h2 { margin-bottom:15px; font-size: 20px; font-weight: bold;}
  .page-single-useful .wrp-subpage-single-sec h3 { margin-bottom:15px; font-size: 16px; font-weight: bold;}
  .page-single-useful .wrp-subpage-single-sec h4 { margin-bottom:10px; font-size: 13px; font-weight: bold;}
  .page-single-useful .wrp-subpage-single-sec h5 { margin-bottom:10px; font-size: 13px; font-weight: normal;}
  .page-single-news .wrp-subpage-single-sec h2 { margin-bottom:15px; font-size: 20px; font-weight: bold;}
  .page-single-news .wrp-subpage-single-sec h3 { margin-bottom:15px; font-size: 16px; font-weight: bold;}
  .page-single-news .wrp-subpage-single-sec h4 { margin-bottom:10px; font-size: 13px; font-weight: bold;}
  .page-single-news .wrp-subpage-single-sec h5 { margin-bottom:10px; font-size: 13px; font-weight: normal;}

  .wrp-subpage-single-sec p {margin-bottom:15px;font-size:14px;}
  .wrp-subpage-single-sec img {margin-bottom:15px;}
  .wrp-subpage-single-sec .subpage-single-summary {padding:20px 20px 5px;}
  .wrp-subpage-single-sec ol,.wrp-subpage-single-sec ul {margin-bottom:15px; font-size: 14px;}
  .page-list-useful .list-card .content .text{ font-size: 12px; -webkit-line-clamp: 3;}

  .page-about .wrp-subpage-single-sec{padding: 5px 20px;}
  .page-about .subpage-sec-title span span{display: block;}
  .page-about .subpage-sec-title span span:first-child{margin-bottom: 10px;}
  .page-about .subpage-sec-title h2 span::before{width: 37%; top:-10px;}
  .page-about .bg{padding:20px 0;}
  .page-about .text{font-size: 15px;}
  .page-about .wrp-subpage-single-sec h3{font-size:18px; text-indent: 0; letter-spacing: -.02em;}

  /* single participate */
  .flow-participate-inner h2 {font-size: 25px;}
  .flow-participate-inner .text {font-size: 16px;}
  .flow-detail {width: 100%;}
  .flow-detail div:not(:last-child) .row{padding: 15px;}
  .flow-detail div:not(:last-child) div > span:first-child{margin-bottom:10px; font-size: 20px;}
  .flow-detail div:not(:last-child) div > span {font-size: 16px;}
  .voice-participate-inner ul li > div .name{text-align: center;}
  .voice-participate-inner ul li > div .text-frame{padding-right: 0;}
  .voice-participate-inner ul li > div .title{font-size:16px; line-height: 1.6em;}
  .voice-participate-inner ul li > div .subtitle{font-size:12px; line-height: 1.6em;}
  .voice-participate-inner ul li > div .text{font-size:14px; line-height: 1.6em;}
  .voice-participate-inner ul li > div {padding: 5px 10px 20px;}
  .voice-participate-inner ul li{padding-right: 5px; margin-left: 13px; }
  .voice-participate-inner ul li:nth-child(2n) > div{margin-left: -9px;}
  .voice-participate-inner ul li:nth-child(2n) > div {flex-direction:column-reverse;}
  .banner-search-event-inner a span {margin-right: initial; text-align: center; text-shadow: 2px 2px 10px rgba(0,0,0,0.7);}
  .banner-search-event-inner a span img {width: 48px;}
  .banner-search-event-inner a{background-position: left; color:#FFF;}

  /* page-biz */
  .page-biz .subpage-header-title-inner{margin-top: 77px;}
  .page-biz .mv-title{width: 350px; transform: translateX(-175px); top:90px; padding: 15px; box-shadow: 0 0 8px #e1e1e1;}
  .page-biz .mv-inner{ padding-top: 350px;}
  .page-biz .subpage-header-title-inner{height: 440px;}
  .page-biz .mv-img-layout{ padding-top: 350px;}
  .page-biz h1 {font-size: 22px;}
  .page-biz .subpage-header-title-inner{background-size: 200%; background-repeat: no-repeat; background-position: top center;}
  .page-biz .mv-title .notice{font-size:11px;}

  .page-biz .sec-title .item-title span:last-child{font-size: 19px; line-height: 1.5em;}
  .page-biz .sec-title p {font-size: 16px;}
  .page-biz .wrp-list-card ul li:not(:last-child) .content::after{border-top: 40px solid transparent; border-bottom: 40px solid;}

  .page-biz .list-card .card-img img{width: 250px;}
  .page-biz .list-card .card-img {height: 240px;}
  .page-biz .list-card .card-img::after{left: calc(50% - 90px);}
  .page-biz .wrp-list-card ul li:first-child .list-card .card-img img{ padding-top:20px;}

  .page-biz .list-card .content .title{margin-bottom: 0;}
  .page-biz #biz-result-change .row div:nth-child(2){font-size: 40px; margin:10px 0 60px; left: -10px;}

  .page-biz #biz-result-change h3{text-align: center;}
  .page-biz #biz-result-change table{width: 100%;}
  .page-biz #biz-result-change .row div:last-child table{width: 100%;}


  .page-biz #example-1 .container div > span, .page-biz #example-2 .container div > span{font-size: 12px;}
  .page-biz #example-1 .container h3, .page-biz #example-2 .container h3{font-size:16px;}
  .page-biz #example-1 .container div p, .page-biz #example-2 .container div p{font-size: 14px;}
  .page-biz #example-1 .container div div:first-child div, .page-biz #example-2 .container div div:last-child div{width: 120%; margin-left: -15px; padding: 15px 10px;}
  .page-biz #example-2 .container div div:last-child {top:-230px;}
  .page-biz #example-1 .container div > span, .page-biz #example-2 .container div > span {margin-left: 10px; margin-bottom:10px; width: 88%;}
  .page-biz #example-1 .container h3, .page-biz #example-2 .container h3{padding:0 10px 10px; width: 88%;}
  .page-biz #example-1 .container div p, .page-biz #example-2 .container div p{padding: 0 10px 10px; width: 88%;}
  .page-biz #example-1 .container div div:last-child img {margin-top: -50px;}
  .page-biz #example-1 .container div div:last-child, .page-biz #example-2 .container div div:first-child{z-index: 1;}
  .page-biz #example-2 .container div div:first-child {top: 250px;}

  .page-biz #user-satisfaction ul li div h3{font-size: 16px; margin-bottom:0;}
  .page-biz #user-satisfaction ul li div:last-child::before{  left: 50%; transform: translateX(-15px);  }

  .page-biz #biz-feature h3{font-size: 16px;}
  .page-biz #biz-feature h3 span{font-size: 10px;}
  .page-biz #biz-feature .container {padding:0;}
  .page-biz #biz-feature h3 + p{font-size: 13px;}

  .page-biz #biz-feature .feature-1{ gap:20px;}
  .page-biz #biz-feature h3 + p + p {font-size: 12px;}
  .page-biz .feature-2-effect div:nth-child(2){ margin: 20px 0;}

  .page-biz #biz-feature .feature-1 li{width: 170px; max-width:170px;height: 170px; padding-top: 35px; padding-left: 5px; padding-right: 5px; font-size: 12px;} 
  .page-biz #biz-feature .feature-1 li span{font-size:13px ;}
  .page-biz #biz-feature .feature-1 li span:first-child::after{top:30px;}
  .page-biz  #biz-feature .feature-1 li img {width:30px;}
  .page-biz  #biz-feature .feature-1 li:nth-child(3) img {width:25px;}
  .page-biz  #biz-feature .feature-1 li:nth-child(4) img {width:20px;}
  .page-biz  #biz-feature .feature-1 li:nth-child(5) img {width:20px;}
  .page-biz  #biz-feature .feature-1 li:nth-child(6) img {width:20px;}
  .page-biz  #biz-feature .feature-1 li:nth-child(7) img {width:40px;}
  .page-biz  #biz-feature .feature-1 li:nth-child(8) img {width:35px;}


  .page-biz #biz-feature .row div:nth-child(2) {font-size: 40px; margin: 10px 0 60px; left: -10px;}
  .page-biz .feature-3 li{font-size:14px ;}

  .page-biz #difference .sec-title + p{font-size: 16px;}
  .page-biz .wrp-list-card ul li:not(:last-child) .content{width: 95%;}
  .page-biz .list-card .card-img::after{top: 30px;}


  .page-biz  #difference table th{border:2px solid #fff; color:#fff; font-size: 12px;}
  .page-biz  #difference table td{border:2px solid #fff; height: 131px;}
  .page-biz  #difference table td:first-child{background-color:  #CAA846; color:#fff; }
  .page-biz  #difference table td:not(:first-child){background-color:  #F9F6EC;}
  .page-biz  #difference table td:last-child{font-size:13px;}
  .page-biz #difference table td{height: auto; font-size: 12px;}

  .page-biz #facilitator .sec-title {margin-bottom:0;}
  .page-biz #facilitator .sec-title .item-title span:first-child{font-size:19px;}
  .page-biz #facilitator .sec-title .item-title span:nth-child(2){font-size:12px;}
  .page-biz #facilitator .container div div:first-child div { width: 100%; margin-left: 0; padding: 30px 20px 30px;}
  .page-biz #facilitator div h3{font-size:14px;}
  .page-biz #facilitator .container div div:last-child {z-index: 1;}
  .page-biz #facilitator .container div div:last-child img{ width: 90%; margin-top: -40px;}

  .page-biz #process .sec-title .item-title span:first-child{font-size: 20px;}

  .page-biz #process ul li span:first-child{font-size: 16px;}
  .page-biz #process ul li:not(:last-child) span:first-child::after{border-top: 12px solid transparent;  border-bottom: 12px solid transparent;}
  .page-biz #process ul li span:last-child{font-size: 14px;}

  .page-biz #biz-cta h2{font-size: 24px;}
  .page-biz #biz-cta h2 + p{font-size:12px;}
  .page-biz #biz-cta .inner a{ width: 100%;}
  .page-biz #biz-cta h2 + p + p{width: 65%;}
  .page-biz #biz-cta .inner a{margin-top: 30px;background:rgba(255, 255, 255, 0.8);}
}

  @media only screen and (max-width: 574px) {
      #list-facilitator-sort .item-facilitator {
      width: 188px;
    }
    #list-facilitator-sort .item-facilitator img {
      width: 188px;
      height: 188px;
      object-fit: cover;
  }

}
  @media only screen and (max-width: 426px) {
      #list-facilitator-sort .item-facilitator {
      width: 163px;
    }
    #list-facilitator-sort .item-facilitator img {
      width: 163px;
      height: 163px;
      object-fit: cover;
  }

}
    @media only screen and (max-width: 426px) {
      #list-facilitator-sort .item-facilitator {
      width: 135px;
    }
    #list-facilitator-sort .item-facilitator img {
      width: 135px;
      height: 135px;
      object-fit: cover;
  }

}
/*---Sm small---*/
@media only screen and (max-width: 350px) {


}