@charset "UTF-8";
.g-navi-sticky {
  display: none;
}

.txt-btn01.w400 a {
  width: 100%;
}

#header {
  padding: 10px 0px ;
  position: relative;
}

#header .cont-inner {
  display: block;
}


iframe.twitter-timeline-rendered {
  width: 450px !important;
  margin:0 auto;
}


.timeline-Widget {
  max-width: 300px!important;
  width:200px !important; }

.slick-list {
  overflow:hidden;
}
.sp-search{
  /* background: -webkit-gradient(linear, left top, left bottom, from(#479ce6), to(#1678cf));
  background: linear-gradient(#479ce6, #1678cf);*/
  width: 50px;
  text-align: center;
  position: absolute;
  top: 8px;
  padding:5px 0px;
}

.sp-search_txt01 {
  text-align:center;
  font-size:10px;
  color:#014099;
  line-height:1;
}

.sp-search_txt02 {
  text-align:center;
  font-size:10px;
  color:#014099;
  line-height:1;
}

.sp-search img{
  margin-top: 5px;
}
.header_logo {
  margin: 14px auto 0px;
  width: 63%;
}

.header_search {
  text-align: center;
  width: 255px;
  margin: 20px auto 0px;
  display: none;
}
.header_search.active{
  display: block;
}
.cont-inner {
  width: 95%;
  margin: auto;
}

#hero {
  margin-bottom: 0px;
}
.slide-dots {
  width: 100%;
  padding: 10px 0;
}

.slide-dots li {
  width: 23%;
  height:40px;
}

.slide-dots li button {
  width: 100%;
  height: 40px;
}

.slide-dots li:nth-child(1) button::before {
  width: 100%;
  height: 40px;
  background: url(../images/main01_dots.jpg) no-repeat center center /cover;
}

.slide-dots li:nth-child(2) button::before {
  width: 100%;
  height: 40px;
  background: url(../images/main04_dots.jpg) no-repeat center center /cover;
}

.slide-dots li:nth-child(3) button::before {
  width: 100%;
  height: 40px;
  background: url(../images/main03_dots.jpg) no-repeat center center /cover;
}

.slide-dots li:nth-child(4) button::before {
  width: 100%;
  height: 40px;
  background: url(../images/main02_dots.jpg) no-repeat center center /cover;
}






.cont01_inner {
  width: 100%;
  display:block;
}

.sub-title01 {
  display:block;
  position:relative;
  font-size: 20px;
  margin-bottom: 30px;
  text-align: center;
}

.sub-title01_inner {
  padding: 20px 47px 0 0;
}

.sub-title01_option {
  font-size: 30px;
}

.sub-title01_inner::after {
  content: "";
  right: 0;
  top: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  background-size: 100%;
}

.cont01_left {
  width: 100%;
  padding: 0 15px;
  padding-top: 0;
  background: #fff;
}
.cont01_left::before{
  background: #fff;
}
.cont01_right {
  width: 100%;
  padding: 0 15px;
  padding-top: 0;
  background: #fff;
}
.cont01_right::before{
  background: #fff;
}
.sp_cont01_ttl01 {
  padding: 20px 10px 25px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f86a6a), to(#f15858));
  background: linear-gradient(#f86a6a, #f15858);

  width:50%;
}

.sp_cont01_ttl02 {
  padding: 20px 10px 25px;
  background: #14a4ce;

  width:50%;
}

.cont01_ttl01_txt01 {
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-family: "I-OTF新ゴシックPro B";
  text-shadow: 2px 2px 0 #c93131;
  line-height: 1;
  margin-bottom: 15px;
}

.cont01_ttl01_txt01 span{
  font-size: 20px;
  color: #ffff00;
}

.cont01_ttl01_txt02 {
  text-shadow: 2px 2px 0 #c93131;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-family: "I-OTF新ゴシックPro B";
  line-height: 1;
  margin-bottom: 15px;
}

.cont01_ttl01_txt02 .big01 {
  font-size: 60px;
}

.cont01_ttl01_txt02 .big02 {
  font-size: 28px;
}


.cont01_ttl02_txt01 {
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-family: "I-OTF新ゴシックPro B";
  text-shadow: 2px 2px 0 #00799e;
  line-height: 1;
  margin-bottom: 15px;
}

.cont01_ttl02_txt01 span {
  font-size: 20px;
  color: #ffff00;
}

.cont01_ttl02_txt02 {
  text-shadow: 2px 2px 0 #00799e;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-family: "I-OTF新ゴシックPro B";
  line-height: 1;
  margin-bottom: 15px;
}

.cont01_ttl02_txt02 .big01 {
  font-size: 60px;
}

.cont01_ttl02_txt02 .big02 {
  font-size: 28px;
}

.cont01_btn_sp {
  text-align: center;
}

.slide-contents {
  display: none;
}

.cont01_btn_sp img {
  cursor: pointer;
}

.close-btn {
  font-family: "I-OTF新ゴシックPro B";
  text-align: center;
  font-size: 25px;
  margin-top: 30px;
}

.close-btn::before {
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  margin-right: 15px;
  font-weight: bold;
}

.slide-contents {
  padding: 10px 10px 30px;
}

.txt-btn01 a {
  width: 100%;
  min-width:100%;
  padding: 10px 40px;
  font-size: 17px;
}

.txt-btn01.sp-small a {
  font-size: 10px;
}

.cont01_layout01 {
  padding: 30px 10px 10px;
}

.cont01_layout02 {
  padding: 20px 10px;
}

.sub-title04 {
  padding: 15px 10px;
  font-size: 25px;
  margin-bottom: 60px;
}

.sub-title04 .big {
  font-size: 30px;
}

.contents02 {
  padding-bottom: 30px;
  margin-top: 30px;
}

.cont02_list {
}

.cont02_list li {
  width: 48%;
  padding: 40px 15px 15px;
  margin-bottom:40px;
}

.cont02_list_number {
  width: 60px;
  top: -40px;
}

.cont02_list_txt {
  font-size: 11px;
}

.cont02_list li:first-of-type {
}

.cont02_list_txt .red {
  font-size: 11px;
}

.contents03 {
  padding-bottom: 30px;
}

.cont03_list {
  display: block;
  margin-bottom: 0;
}

.cont03_list li {
  width: 100%;
  padding: 10px;
  margin-bottom: 35px;
}

.cont03_navi .cont03_navi01 {
  width: 48%;
}

.cont03_navi .cont03_navi02 {
  width: 48%;
}

.cont03_price {
  display: block;
}

.cont03_price .cont03_price01 {
  margin: 0 0 40px;
  position: relative;
  text-align: center;
  display: block;
}

.cont03_price .cont03_price01::after {
  content: "\f103";
  position: absolute;
  right: 0;
  bottom: -40px;
  left: 0;
  text-align: center;
  margin: auto;
  top: auto;
}

.cont03_price02 {
  display: block;
  text-align: center;
  margin-bottom: 15px;
}

.cont03_info {
  text-align: center;
}

.contents04 .sub-title04 .sub-title04_inner::before {
  content: none;
}

.contents04 .cont-inner {
  display:flex;
  flex-direction:column;
}

.sub-title05 .sub-title05_inner {
  padding: 0 30px 8px 30px;
}

.sub-title05 {
  line-height: 1.7;
}

.cont04_tab li {
  font-size:12px;
  width:25%;
  padding:10px 5px;
}

.cont04_tab li span {
  display:block;
  font-size:13px;
}

.panel {
  padding: 15px;
  border: none;
}


.cont04_tab_box {
  padding: 10px;
}

.cont04_tab.sp-tab {
  order:7;
  display:flex;
}

.box_top_txt {
  width: 100%;
}

.box_top {
  display: block;
}

.box_top_ttl {
  width: 90%;
}

.box_top_img01 {
  margin-right: auto;
  text-align: center;
}

.box_top_txt {
  margin-top: 0;
}

.box_top_txt01 {
  font-size: 20px;
}

.box_bottom {
  display: block;
  padding: 10px;
}

.cont04_img {
  margin-right: auto;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}

.cont04_name {
  width: 100%;
}

.sub-title06 {
  font-size: 34px;
  margin-bottom: 30px;
}

.cont05_layout01 {
  padding: 110px 0 30px;
}

.cont05_layout01_inner {
  padding: 70px 10px 10px;
}

.cont05_layout01_img {
  width: 208px;
  height: 158px;
  left: 0;
  right: 0;
  top: -93px;
  margin: auto;
}

.cont05_layout02 {
  padding: 30px 0;
}

.cont06_layout01 {
  padding: 30px 0;
}

.cont06_layout01_list {
  display: block;
  margin-bottom: 20px;
}

.cont06_layout01_list li {
  width: 100%;
  margin-bottom: 40px;
}

.contents07 {
  padding: 30px 0;
}

.sub-title05 .big02 {
  font-size: 26px;
}

.sub-title05 .big03 {
  font-size: 24px;
}

.contents07 .sub-title05 {
  margin-bottom: 30px;
}

.cont07_layout01 {
  padding: 10px;
  display: block;
  margin-bottom: 30px;
}

.cont07_layout01_img {
  width: 100%;
  margin-right: auto;
  margin-bottom: 20px;
  text-align: center;
}

.contents08 {
  padding: 30px 0;
}

.contents08 .sub-title05 {
  margin-bottom: 30px;
}

.contents09 {
  padding-bottom: 30px;
}

.card-list {
  display: block;
  margin-bottom: 30px;
}

.card-list_ttl {
  margin-bottom: 20px;
}

.card-list_txt {
  margin-bottom: 20px;
}

.card-list li {
  padding: 20px 10px;
  width: 100%;
  margin-bottom: 30px;
  display: block;
}

.card-list li::after {
  content: none;
}

.cont09_txt {
  margin-bottom: 30px;
}

.card-list02 {
  display: block;
}

.card-list02 > li {
  width: 100%;
}

.card-list02 > li + li {
  margin-top: 30px;
}

.contents10 {
  padding: 30px 0;
}

.contents10 .sub-title05 {
  margin-bottom: 30px;
}

.cont10_layout01 {
  padding: 20px 10px;
  display: block;
  background: url(../images/share/pattern01.jpg);
}

.cont10_layout01_img {
  margin: 0 auto 20px;
  width: 100%;
  max-width: 357px;
  text-align: center;
}

.cont10_layout01_img .cont10_name {
  padding: 10px;
  width: 100%;
}

.cont10_layout01_img .cont10_name .big {
  display: block;
}

.cont10_layout01.reverse .cont10_layout01_img {
  margin-left: auto;
  margin-bottom: 20px;
}

.contents11 {
  padding-bottom: 30px;
}

.cont11_layout {
  display: block;
}

.cont11_layout_img {
  margin-left: auto;
  text-align: center;
  margin-bottom: 20px;
}

.cont11_layout_img img {
  width:40%;
}

.cont11_layout_txt01 {
  line-height: 1.5;
}

.cont12_topics_list {
  display: block;
  margin-bottom: 30px;
}

.cont12_topics_list li {
  width: 100%;
  max-width: 320px;
  margin: 0 auto 30px;
}

.footer_utility {
  padding: 30px 0;
}

.cont12_topics_info {
  margin-bottom:0;
}
.cont12_topics_img{
  width: auto;
  height: auto;
  display: block;
}
.cont12_topics_img img{
  object-fit: contain;
  font-family: 'object-fit: contain;';
  width: auto;
  height: auto;
}

.footer_logo {
  margin-bottom: 20px;
}

.footer-youtube {
	position: static;
    top: 0px;
    right: 210px;
	margin-top: 15px;
}

.footer_utility_list {
  display: block;
}

.footer_utility_list li {
  text-align: center;
}

.footer_navi {
  padding: 30px 0;
}

.foot-fix-navi {
  height: 50px;
}

.foot-fix-navi .sp-only {
  display: inline !important;
}

.foot-fix-navi .pc-only {
  display: none !important;
}

.foot-fix-navi li.tel a {
  padding: 14px 5px 0;
}

.foot-fix-navi li.tel a .sp-only {
  display: inline;
}

.foot-fix-navi li.mail a {
  padding: 15px 5px 0;
}

.foot-fix-navi li.mail a .sp-only {
  display: inline;
}

.foot-fix-navi li.line a {
  padding: 14px 5px 0;
}

.foot-fix-navi li.line a .sp-only {
  display: inline;
}

#footer {
  padding-bottom: 50px;
}

/*------------
下層レイアウト
--------------*/
.page-ttl {
  padding: 30px 0;
}

.page-ttl h2 {
  font-size: 25px;
  padding: 0 10px;
}

.breadcrumb {
  width: 95%;
  margin: 0px auto 10px;
}

.contact-form {
  padding: 20px;
}

.contact-form table {
  margin: 0 0 30px;
}
.contact-form table colgroup{
  display: none;
}

.contact-form table tr {
  border-bottom: 1px dashed #CCC;
}

.contact-form table th,
.contact-form table td {
  display: block;
}

.contact-form table th {
  padding: 15px 0 10px;
}

.contact-form table td {
  padding: 0 0 15px;
}

.contact-form .submit-btn [type="submit"] {
  padding: 15px;
  width: 250px;
}

.contact-form .submit-btn [type="submit"].back-btn {
  margin-right: 25px;
}

.under_sub-title01 {
  font-size: 24px;
  margin-bottom: 30px;
}

.under_sub-title01.mb100 {
  margin-bottom: 30px;
}

.carefully_layout01_ttl {
  left: 0;
  right: 0;
  margin: auto;
}

.staff-list {
  display: block;
}

.staff-list li {
  width: 100%;
}

.staff-list li + li {
  margin-top: 40px;
}

.staff-txt {
  left: 0;
  right: 0;
  top: -20px;
  margin: auto;
}

.modal-content {
  width: 95%;
  height: 500px;
}

.modal-detail {
  padding: 70px 10px 10px;
}

.l-imgR .l-img.l-img_staff,
.l-imgL .l-img.l-img_staff {
  width: 100%;
  text-align: center;
}

.staff-name02 {
  font-size: 18px;
  text-align: center;
}

.staff-name02 span {
  margin-left: auto;
  display: block;
  font-size: 16px;
}

.table01 colgroup {
  display: none;
}
.table01 th {
  display: block;
}

.table01 td {
  display: block;
}

.under_sub-title02 {
  font-size: 22px;
}

.item_wrap  {
  width:100%;
}

.cont-col2 {
  display: block;
}

.cont-col2_sec {
  width: 100%;
}

.col2-col2.seminar-flyer li{
  width: 100%;
}

.cont-col2_sec + .cont-col2_sec {
  margin-top: 40px;
}

.cont-utility {
  padding: 45px 0;
  background: #1477ce;
  border-bottom: 5px solid #00559f;
}

.cont-utility_ttl {
  font-size: 24px;
}

.cont-utility_box {
  display: block;
}

.cont-utility_box li {
  margin: 0 auto 15px;
}

.tel-btn {
  text-align: center;
}

.cont-utility {
  padding: 20px 0;
}

.bg-contents {
  padding: 10px;
}

.bg-contents.top-pad-40 {
  padding: 30px 10px 20px 10px;
}

.bg-contents02 {
  padding: 10px;
}

.under_sub-title05 {
  font-size: 20px;
}

.catch-copy02 {
  text-align: left;
  font-size: 17px;
  line-height: 1.5;
  padding-left: 33px;
  text-indent: -33px;
}

.point-list {
  display: block;
}

.point-list li {
  width: 100%;
  padding: 20px 15px;
  margin-bottom: 15px;
}

.point-list_img {
  position: absolute;
  width: 50px;
  height: 118px;
  left: 19px;
  top: 6px;
}

.point-list_txt {
  font-size: 20px;
  text-align:center;
}

.point-list_txt span {
  padding-left: 30px;
}

.point-list_end.point-list .point-list_txt {
  text-align:left;
  padding-left:68px;
}

.bg-contents .line-1 {
  padding-top: 0;
}

.bg-contents .line-2 {
  padding-top: 0;
}

.checkbox-list li:nth-child(odd),
.checkbox-list li:nth-child(even){
  width: 100%;
}

.checkbox {
  padding-left: 52px;
}



.checkbox-list-contact .horizontal-item:nth-child(odd),
.checkbox-list-contact .horizontal-item:nth-child(even){
  margin: 0 0 15px!important;
  width: 100%;
}

.checkbox-list-contact .mwform-checkbox-field-text {
  padding-left: 52px;
}

.card-topics {
  display: block;
}

.card-topics li {
  width: 100%;
}

.soon-layout01 {
  display: block;
}

.soon-layout01 li {
  width: 100% !important;
  margin-bottom: 30px;
}

.soon-layout01 li.item02 {
  margin-bottom: 0;
  text-align: center;
}

.cont-utility02 {
  padding: 30px 0;
}

.cont-utility02_box {
  width: 95%;
}

.cont-utility02_list {
  padding: 40px 20px 20px 20px;
  display: block;
}

.cont-utility02_list .tel_txt {
  margin-right: auto;
  margin-bottom:20px;
  text-align:center;
}

.cont-utility02_list .tel_txt a {
  font-size: 27px;
  background: url(../images/share/tel-icon01.png) no-repeat left 7px;
  padding-left:40px;
}

.cont-utility02_list .tel_txt a rt {
  font-size: 10px;
}

.cont-utility02_ttl {
  font-size: 20px;
}

.cont-utility02_list .cont07_layout01_list li {
  padding-left:20px;
}

.sub-title05 .sub-title05_inner {
  width:auto;
}

.sp-staff-txt {
  display:block;
}

.buy-soon .under_card-list li{
  display: flex;
  padding: 20px ;
}
.buy-soon .under_card-list li figure{
  margin-right: 15px;
  width: 15%;
}
.buy-soon .under_card-list li p {
  width: 85%;
}
/*------------
下層パーツ
--------------*/
.short {
  padding: 15px 0;
}

.short:first-of-type {
  padding: 0 0 15px;
}

.tall {
  padding: 30px 0;
}

.col2 > li {
  margin: 0 0 15px;
  width: 100%;
}

.col3 {
  margin: 0;
}

.col3 > li {
  margin: 0 0 15px;
  width: 100%;
}

.col4 {
  margin: 0;
}

.col4 > li {
  margin: 0 0 15px;
  width: 100%;
}

.col2-col2,
.col3-col2,
.col4-col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0;
}

.col2-col2 > li,
.col3-col2 > li,
.col4-col2 > li {
  margin: 0 0 15px;
  width: 47%;
}

.l-imgR,
.l-imgL {
  display: block;
}

.l-imgR .l-ttl,
.l-imgL .l-ttl {
  font-size: 22px;
  padding: 0 0 20px;
  margin: 0 0 20px;
}

.l-imgR .l-img,
.l-imgL .l-img {
  margin: 0 0 15px;
  text-align: center;
  width: 100%;
}

.l-imgR .l-img.m-half,
.l-imgL .l-img.m-half {
	margin: 0 0 15px;
}

.l-imgR .l-img.l-img47,
.l-imgL .l-img.l-img47 {
  margin: 0 0 15px;
  text-align: center;
  width: 100%;
}

.l-imgR .l-img {
  margin: 0 0 15px;
}

/*------------
Commmon
--------------*/
.pc-only {
  display: none;
}

.sp-only {
  display: block;
}

.sp-tac {
  text-align: center !important;
}

.sp-tar {
  text-align: right !important;
}

.sp-tal {
  text-align: left !important;
}

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

.sp-map {
  position: relative;
  padding-bottom: 90.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.sp-map iframe,
.sp-map object,
.sp-map embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*------------
投稿パーツ
--------------*/
/*Post Type01*/
.list-post-type01 li {
  overflow: hidden;
}

.list-post-type01 li + li {
  margin-top: 15px;
}

.list-post-type01 .list-ttl {
  margin: 0 0 10px;
}

.list-post-type01 .list-img {
  float: none;
  margin: 0 0 15px;
  width: 100%;
}

.list-post-type01 .list-data {
  margin: 0 0 10px;
}

.list-post-type01 .list-txt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/*Post Type02*/
.list-post-type02 li {
  text-overflow: inherit;
  white-space: inherit;
}

.list-post-type02 li + li {
  margin-top: 10px;
}

.list-post-type02 time {
  margin: 0 10px 0 0;
}

.list-post-type02 .list-txt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/*Post Type03 3カラム&4カラム*/
.list-post-type03-col3,
.list-post-type03-col4 {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.list-post-type03-col3 .list-img,
.list-post-type03-col4 .list-img {
  height: auto;
}

.list-post-type03-col3 .list-img img,
.list-post-type03-col4 .list-img img {
  max-height: 100%;
}

.list-post-type03-col3 .list-desc,
.list-post-type03-col4 .list-desc {
  margin-top: 25px;
}

.list-post-type03-col3 .list-data,
.list-post-type03-col4 .list-data {
  margin: 0 0 5px;
}

.list-post-type03-col3 .list-ttl,
.list-post-type03-col4 .list-ttl {
  font-size: 17px;
}

.list-post-type03-col3 li {
  padding: 0;
  margin: 0 0 50px;
  width: 100%;
}

.list-post-type03-col4 li {
  padding: 0;
  margin: 0 0 50px;
  width: 100%;
}

/*Post Type04*/
.list-post-type04 .list-question {
  padding: 15px 40px;
}

.list-post-type04 .list-question::before {
  top: 15px;
  right: 15px;
}

.list-post-type04 .list-answer {
  font-size: 14px;
  padding: 0 40px;
  margin: 0 0 15px;
}

.list-post-type04 .list-question i {
  top: 15px;
  left: 10px;
}

.list-post-type04 .list-answer i {
  top: 0;
  left: 10px;
}

/*詳細ページ*/
.l-post-single .l-ttl {
  font-size: 20px;
  margin: 0 0 20px;
}

/*セレクト式カテゴリー*/
.select-area {
  display: block;
  margin: 0 0 50px;
}

.select-area .select-item {
  width: 100%;
  margin: 0;
}

.select-area .select-item + .select-item {
  margin-top: 25px;
}

.select-area .select-ttl {
  font-size: 20px;
  margin: 0 0 10px;
}

.under_cont02_list li:first-of-type {
  margin-top: 80px;
}
.buy-soon .under_cont02_list{
  margin-top: 80px;
}
.buy-soon .under_cont02_list li:first-of-type {
  margin-top: 0px;
}
.succession_layout01 {
  padding: 10px;
  display: block;
}

.succession_layout01 .item01 {
  text-align: center;
}

.succession_layout01 .item02 {
  text-align: center;
}

.succession_layout01 .item01 {
  width: 100%;
  margin-bottom: 30px;
}

.succession_layout01 .item02 {
  width: 100%;
  margin-bottom: 30px;
}

.succession_layout01 .item03 {
  width: 100%;
  height:auto;
}

.succession_layout02 {
  display: block;
}

.succession_layout02_img {
  margin-right: auto;
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}

.succession_layout03 {
  display: block;
}

.succession_layout03_img {
  margin-right: auto;
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}

.flow_list {
  padding-left: 0;
  margin-left: 0;
}

.flow_list li {
  margin-top: 60px;
}

.flow_list li .bg-contents {
  padding: 40px 20px 20px;
}

.flow_list::before {
  content: none;
}

.flow_list li .day {
  left: 0;
  right: 0;
  margin: auto;
  top: -28px;
  bottom: auto;
}

.tar_pc_tac_sp {
	text-align: center;
}

/*-------------
zero menu
-------------*/
/* PC用のナビを非表示 */
.g-navi {
  display: none;
}

/* PC用のナビを非表示 */
.sp-navi {
  display: block;
  z-index:9999;
}

/* ハンバーガーメニュー */
.humberger {
  cursor: pointer;
  display: block;
  position: fixed;
  background: #fff;
  top: 4px;
  right: 0;
  width: 60px;
  height: 60px;
  -webkit-transition: .4s;
  transition: .4s;
  z-index: 9999;
}

.humberger:after {
  content: "メニュー";
  position: absolute;
  font-size: 10px;
  text-align: center;
  left: 9px;
  bottom: -2px;
  font-weight: bold;
  color:#1477ce;
}

.humberger span {
  background: #1477ce;
  position: absolute;
  left: 50%;
  width: 25px;
  height: 2px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: .4s;
  transition: .4s;
}

.humberger span:nth-of-type(1) {
  top: 20px;
}

.humberger span:nth-of-type(2) {
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.humberger span:nth-of-type(3) {
  bottom: 20px;
}

.is-open .humberger {
  top: 10px;
  right: 10px;
}

.is-open .humberger span:nth-of-type(1) {
  -webkit-transform: translate(-50%, 9px) rotate(-45deg);
  transform: translate(-50%, 9px) rotate(-45deg);
}

.is-open .humberger span:nth-of-type(2) {
  opacity: 0;
}

.is-open .humberger span:nth-of-type(3) {
  -webkit-transform: translate(-50%, -9px) rotate(45deg);
  transform: translate(-50%, -9px) rotate(45deg);
}

/* ナビ本体 */
.sp-navi {
  -webkit-text-size-adjust: 100%;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9998;
}

.sp-navi.is-open .sp-navi-inner {
  pointer-events: auto;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  visibility: visible;
}

.sp-navi-inner {
  pointer-events: none;
  border: 7px solid #1477ce;
  background: #fff;
  position: fixed;
  top: 0;
  right: 0;
  overflow: scroll;
  padding: 50px 15px;
  height: 100%;
  width: 100%;
  opacity: 0;
  -webkit-transition: .5s;
  transition: .5s;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  z-index: 9998;
}

.sp-navi-main {
  margin: 0 0 30px;
}

.sp-navi-main > li + li {
  margin-top: 15px;
}

.sp-navi-main > li > a {
  color: #1477ce;
  font-family: "I-OTF新ゴシックPro M";
  display: block;
  font-size: 15px;
}

.sp-navi-main > li ul {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 10px 0 0;
}

.sp-navi-main > li ul li {
  padding: 0 0 0 15px;
  margin: 0 0 5px;
  position: relative;
}

.sp-navi-main > li ul li:before {
  content: "";
  background: #1477ce;
  width: 5px;
  height: 5px;
  position: absolute;
  left: 0;
  top: 11px;
}

.sp-navi-main > li ul li a {
  font-size: 13px;
  color: #1477ce;
}

.sp-cont01_layout {
  display:flex;
}

.slide-contents01 {
  display:none;
}

.slide-contents02 {
  display:none;
}

.under-topics_info span {
  margin:5px;
}

.list-chat {
  padding: 0;
}

.list-chat .day {
  font-size: 15px;
  line-height: 35px;
  top: -17px;
  left: 15px;
}

.list-chat > li {
  padding: 35px 16px 15px;
}

.chat .chat-desc {
  flex: 1;
  line-height: 1.5;
}

.chat .left .chat-desc::before,
.chat .right .chat-desc::before {
  top: 32%;
  transform: translateY(0);
}

.list-involved {
  top: -55px;
  right: 0;
}

.list-involved li {
  transform: scale(.7);
}

.list-involved li + li {
  margin: 0 0 0 -10px;
}

.under-youtube{
	position: static;
	text-align: center;
    margin-bottom: 15px;
    margin-top: -15px;
}