@charset "utf-8";

/*
header,footer
  mobile: -1024px
  PC: 1025px-
main
  mobile: -480px
  tablet: 481px - 1024px
  PC: 1025px-
flex
  .flexarea_01 = 1:1, .flexarea_02 = 1:2 .flexarea_03 = 1:1:1 .flexarea_04 = 2:1
*/

.content,
.l1_bloc,
.l2_menu_bloc,
.l2_menu_bloc02,
.post,
.page,
.archive,
#faq_content,
#calender_content,
#bosatsu_bloc {
  position: relative;
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}
/* Display */
  #front02_bloc02 {
  display: none;
}
hr {
  margin: 2% 0;
  border-top: 1px solid #dedede;
}
/* btn nav*/
a.btn_w,
a.btn_b,
a.btn_map,
a.btn_link,
a.btn_r {
  display: block;
  position: relative;
  width: 90%;
  height: 60px;
  margin: 1% auto;
  line-height: 60px;
  color: #333;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  background: #fff;
  border: 1px solid #dedede;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
a.btn_b {
  color: #fff;
  background: #88887f;
}
a.btn_r {
  color: #fff;
  background: #a20011;
}
a.btn_map {
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: #333;
}
a.btn_w::before,
a.btn_b::before,
a.btn_r::before {
  position: absolute;
  content: '';
  top: 48%;
  left: 4%;
  width: 8px;
  height: 8px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
a.btn_b::before,
a.btn_r::before {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
a.btn_link::before {
  position: absolute;
  content: url(../images/common/link.svg);
  left: 4%;
  width: 14px;
  height: 14px;
}
/* archivenav */
ul.archivenav li a,
#e_nav ul li a {
  display: block;
  width: 100%;
  height: 60px;
  line-height: 60px;
  color: #333;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  background: #fff;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
ul.archivenav li.current a,
ul#storynav li.current a {
  background: #f1ede0;
}
ul#storynav {
  display: flex;
  justify-content: space-between;
  margin: 0 0 5%;
}
ul#storynav li {
  flex-basis: calc(100% / 3);
}
ul#storynav li a {
  display: block;
  width: 100%;
  height: 60px;
  line-height: 60px;
  color: #333;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  background: #fff;
  border-right: 1px solid #dedede;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
ul#storynav li:first-child {
  border-left: 1px solid #dedede;
}
/* secondnav */
.secondnav {
  position: relative;
  bottom: 0;
  width: 100%;
  background: #fff;
  padding: 3% 0;
}
.secondnav ul li {
  line-height: 2.4;
  border-bottom: 1px solid #e1e2e6;
}
.secondnav ul li.secondnav_title {
  width: 100%;
  margin: 0 0 .5em;
  padding: 0 1em;
  color: #333;
  font-size: 1.2rem;
  font-weight: 300;
  background: #f1ede0;
  border-bottom: none;
}
.secondnav ul li a {
  position: relative;
  margin: 0 .5em;
  padding: 0 1em;
  color: #333;
  font-size: 1rem;
  font-weight: 300;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.secondnav ul li a::before {
  position: absolute;
  content: '';
  top: 40%;
  left: 0;
  width: 8px;
  height: 8px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.secondnav ul li ul {
  margin: 0 1em;
}
.secondnav ul li ul li:last-child {
  border-bottom: none;
}
/* table */
.scrollbloc {
  overflow: auto;
  white-space: nowrap;
}
.scrollbloc::-webkit-scrollbar {
  height: 12px;
}
.scrollbloc::-webkit-scrollbar-track {
  background: #f6f6f6;
}
.scrollbloc::-webkit-scrollbar-thumb {
  background: #ccc;
}
table.basic,
table.rows,
table.history,
table.eitaishido {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #dedede;
}
table.basic tr,
table.rows tr {
  border-bottom: 1px solid #dedede;
}
table.history tr,
table.eitaishido tr {
  border: 1px solid #dedede;
}
table.basic tr th,
table.basic tr td,
table.rows tr th,
table.rows tr td,
table.history thead tr th,
table.history tbody tr th,
table.history tbody tr td,
table.eitaishido thead tr th,
table.eitaishido tbody tr th,
table.eitaishido tbody tr td {
  color: #333;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.8;
}
table.history thead tr th,
table.eitaishido thead tr th {
  padding: .8em;
  color: #fff;
  background: #333;
  text-align: center;
}
table.basic tr th,
table.history tbody tr th,
table.eitaishido tbody tr th {
  width: 25%;
  padding: 1.5em 1em 1.5em 1.5em;
  white-space: nowrap;
  text-align: left;
  background: #f1ede0;
}
table.rows tr th {
  background: #f1ede0;
  text-align: center;
}
table.rows tr th,
table.rows tr td {
  padding: 1em;
  border-right: 1px solid #dedede;
}
table.rows tr th:last-child,
table.rows tr td:last-child {
  border-right: none;
}
table.basic tr td,
table.history tbody tr td {
  padding: 1.5em 1em 1.5em 1.5em;
  vertical-align: middle;
}
table.basic tr th a,
table.basic tr td a {
  color: #333;
  text-decoration: underline;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
table.eitaishido thead tr th {
  padding: 1.5em .8em;
}
table.eitaishido thead tr th:nth-child(2) {
  border-right: 1px solid #dedede;
  border-left: 1px solid #dedede;
}
table.eitaishido tbody tr th {
  padding: .8em 1em .8em 1.5em;
  text-align: center;
  border-right: 1px solid #dedede;
}
table.eitaishido tbody tr td  {
  padding: .8em 1em .8em 1.5em;
  vertical-align: middle;
}
table.eitaishido tbody tr td:last-child {
  text-align: center;
  border-left: 1px solid #dedede;
}
/* figure */
figure.basic,
figure.basic02 {
  position: relative;
  margin: 0 0 5%;
  overflow: hidden;
}
figure.basic figcaption,
figure.basic02 figcaption {
  padding: .5em;
  color: #333;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.8;
}
figure.basic02 figcaption {
  text-align: right;
}
/* flexarea */
.flexarea_01,
.flexarea_02,
.flexarea_03,
.flexarea_04 {
  width: 98%;
  margin: 5% auto;
}
.flexarea_01 div,
.flexarea_02 div,
.flexarea_03 div,
.flexarea_03 figure,
.flexarea_04 div {
  margin: 0 0 5%;
}
/* boxbloc */
.box_01,
.box_02 {
  width: 100%;
  padding: 3%;
  background: rgba(241,237,224,1);
}
.box_02 {
  background: rgba(241,237,224,.5);
  border: 10px solid rgba(178,174,161,.5);
}
.box_03,
.box_04,
.box_05 {
  width: 100%;
  padding: 3%;
  border: 1px solid #b2aea1;
}
.box_03 {
  margin: 3% auto;
}
.box_04 {
  border: 6px solid #b2aea1;
}
.box_05 {
  width: 100%;
  padding: 1em 3%;
  border: 1px solid #dedede;
}
.box_06 {
  width: 100%;
  margin: 2% 0;
  padding: 3%;
  background: #f5f5f5;
}
.box_02 .flexarea_02 {
  width: 100%;
  margin: 1em auto;
}
.box_04 .flexarea_01,
.box_04 .flexarea_01 div {
  margin: 0;
}
/* rl_bloc */
.rl_bloc {
  position:relative;
  width: 100%;
  height: calc(100% - 250px);
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.rl_bloc_area,
.rl_bloc_area02 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
.rl_bloc_area {
  opacity: 0;
  -webkit-animation: blurIn 1.2s ease-in-out .8s 1 forwards;
  animation: blurIn 1.2s ease-in-out .8s 1 forwards;
}
.rl_bloc_area p,
.rl_bloc_area02 p {
  color: #333;
  font-size: 1.3rem;
  font-weight: 300;
  padding: .5em;
}
.rl_bloc_area.iPhone,
.rl_bloc_area02.iPhone {
  opacity: 1;
  animation: none;
}
/* L1 */
.scroll_icon {
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 50px;
  z-index: 10;
  opacity: 0;
  -webkit-animation: fadeIn .3s linear 1.2s 1 forwards;
  animation: fadeIn .3s linear 1.2s 1 forwards;
}
.scroll_icon span:first-child {
  display: block;
  width: 50px;
  height: 15px;
  background: url(../images/common/scroll.svg) no-repeat;
  -webkit-animation: scrolltxt 3s linear infinite;
  animation: scrolltxt 3s linear infinite;
}
.scroll_icon span:last-child {
  display: block;
  width: 1px;
  margin: 15px auto 0;
  background: #fff;
  -webkit-animation: scrollAnime 3s linear infinite;
  animation: scrollAnime 3s linear infinite;
}
#front01 {
  padding: 3% 0;
  background: url(../images/front/bc_img01.jpg) repeat;
}
#front01_bloc article {
  margin: 0 0 5%;
}
#front02 {
  padding: 5% 0;
  background: #f1ede0;
}
#front04 {
  position: relative;
  padding: 5% 0 0;
  background: #f1ede0;
}
.historyloop {
  background: url(../images/front/img_06.jpg) repeat-x 0 0;
  background-size: cover;
  width: 100%;
  height: 830px;
  overflow: hidden;
  -moz-animation: loop 45s linear infinite;
  animation: loop 45s linear infinite;
}
#front04 div.bloc_03 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  z-index: 10;
}
#front05 {
  padding: 0 0 3%;
  background: url(../images/front/bc_img02.jpg) repeat;
}
#front05 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 5% 0;
}
#front05 div.content ul li a figure {
  overflow: hidden;
}
#front01 h1,
#front02 h1,
#front05 h1 {
  padding: 5% 0 2em;
  color: #333;
  font-weight: 600;
  font-size: 1.8rem;
  text-align: center;
}
#front04 div.bloc_03 h1 {
  margin: 0 0 2em;
  color: #fff;
  font-weight: 600;
  font-size: 1.8rem;
  text-align: center;
}
#front01_bloc article a p,
#front02 p,
#front02_bloc dl dt,
#front02_bloc dl dd,
#front02_bloc02 dl dt,
#front02_bloc02 dl dd,
#front04 div.bloc_03 p,
#front05 p,
#front05 li a span,
dl.dtbg_01 dt,
dl.dtbg_01 dd,
dl.dtbg_01 dd a,
dl.dtbg_02 dt,
dl.dtbg_02 dd,
dl.dtbg_02 dd a {
  color: #333;
  font-weight: 300;
  font-size: 1.1rem;
  line-height: 1.8;
}
#front01_bloc article a p.day,
.post p.day,
.post_bloc p.day,
.post_bloc02 p.day {
  margin: 1em 0 .5em;
  font-size: .9rem;
}
#front01_bloc article a p.day span,
.post p.day span,
.post_bloc p.day span,
.post_bloc02 p.day span {
  margin: 0 0 0 1em;
  padding: 0.2em .8em;
  color: #fff;
  background: #333;
}
#front02_bloc dl dt,
#front02_bloc02 dl dt,
dl.dtbg_01 dt,
dl.dtbg_02 dt {
  color: #fff;
  text-align: center;
  background: #333;
}
#front04 div.bloc_03 p,
#front05 p,
#front05 li a span {
  text-align: center;
}
#front05 li a span {
  display: block;
  margin: 1em auto 3.0em;
  font-weight: 600;
}
#front04 div.bloc_03 p {
  color: #fff;
}
#front01 a.btn_w,
#front02 a.btn_w,
#front04 a.btn_w {
  max-width: 430px;
  border: none;
}
#front04 a.btn_w {
  margin: 10% auto 0;
}
.front01_info {
  padding: 0 0 3%;
}
.front_video_link {
  margin: 3% 0;
  padding: 0 0 3%;
  border-bottom: 1px dashed #707070;
}
.front01_info a img,
.front_video_link a img {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
/* add 2022-04-04 */
p.liveinfo_txt,
p.bnr_txt {
  color: #333;
  font-weight: 300;
  font-size: 1.1rem;
  line-height: 1.8;
}
p.bnr_txt {
  padding: .3em 0;
  font-size: 1rem;
}
#front01_liveinfo {
  width: 100%;
  margin: 3% auto 8%;
}
#front01_liveinfo div:first-child img {
  width: 100%;
  aspect-ratio: 3 / 2;
}
#front01_liveinfo div.front01_liveinfo_inner {
  padding: 3.5em 2em 2.5em;
  background:
  url(../images/front/live_bg_img_02.svg) left 3% / 34% auto no-repeat,
  url(../images/front/live_bg_img_01.svg) right bottom / 50% auto no-repeat,
  #fff;
}
#front01_liveinfo div.front01_liveinfo_inner h2 {
  display: block;
  width: 100%;
  margin: 0 0 1em;
  padding: .5em .8em;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.6;
  background: #333;
}
#front01_liveinfo div.front01_liveinfo_inner ul li {
  position: relative;
  border-bottom: 1px solid #dedede;
}
#front01_liveinfo div.front01_liveinfo_inner ul li::before {
  position: absolute;
  content: '';
  top: 40%;
  left: 0;
  width: 8px;
  height: 8px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transform: rotate(45deg);
}
#front01_liveinfo div.front01_liveinfo_inner ul li a {
  padding: 0 0 0 1.5em;
  color: #333;
  font-weight: 300;
  font-size: 1.1rem;
  line-height: 2.6;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.bnr_inner {
  background: #ECE7D9;
  border: 1px solid #dedede;
}
.bnr_inner div:first-child img {
  width: 100%;
  aspect-ratio: 3 / 2;
}
.bnr_inner div.bnr_info_txt {
  padding: 1.5em 2em 1em;
  background:
  url(../images/bnr/live_bg_img_02.svg) left -8% / 35% auto no-repeat,
  url(../images/bnr/live_bg_img_03.svg) right 60% / 35% auto no-repeat,
  #ECE7D9;
}
.bnr_bloc {
  width: 94%;
  max-width: 800px;
  margin: 3% auto 5%;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
h2.bnt_ttl {
  display: block;
  margin: 0 0 .5em;
  padding: 0 0 .5em;
  color: #333;
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.4;
  border-bottom: 1px solid #333;
}
p.bnr_inbtn {
  display: block;
  position: relative;
  width: 100%;
  height: 45px;
  margin: 1em 0 0;
  line-height: 45px;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 600;
  text-align: center;
  background: #333;
}
p.bnr_inbtn::before {
  position: absolute;
  content: '';
  top: 48%;
  left: 4%;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* l1_bnr_link */
#l1_bnr_link {
  position: fixed;
  right: 2%;
  bottom: 8%;
  z-index: 999;
}
/* archive */
ul.archivenav {
  display: flex;
  justify-content: space-between;
}
.post_bloc,
.post_bloc02 {
  margin: 3% auto;
}
/* pagehead */
#pagehead_sermon,
#pagehead_guide,
#pagehead_visit,
#pagehead_oneri,
#pagehead_schedule,
#pagehead_memorial,
#pagehead_visit_gallery,
#pagehead_videos {
  position: relative;
  width: 100%;
  height: 250px;
}
#pagehead_sermon {
  background: url(../images/pagehead/sermon.jpg) center center / cover no-repeat;
}
#pagehead_guide {
  background: url(../images/pagehead/guide.jpg) center center / cover no-repeat;
}
#pagehead_visit {
  background: url(../images/pagehead/visit.jpg) center center / cover no-repeat;
}
#pagehead_oneri {
  background: url(../images/pagehead/oneri.jpg) center center / cover no-repeat;
}
#pagehead_schedule {
  background: url(../images/pagehead/schedule.jpg) center center / cover no-repeat;
}
#pagehead_memorial {
  background: url(../images/pagehead/memorial.jpg) center center / cover no-repeat;
}
#pagehead_visit_gallery {
  background: url(../images/pagehead/visit_gallery.jpg) center center / cover no-repeat;
}
#pagehead_videos {
  background: url(../images/pagehead/videos.jpg) center center / cover no-repeat;
}
#pagehead_sermon_single,
#pagehead_guide_about,
#pagehead_guide_history,
#pagehead_guide_story,
#pagehead_guide_story_02,
#pagehead_guide_story_03,
#pagehead_guide_gokaizai,
#pagehead_guide_shomyo,
#pagehead_visit_precinct,
#pagehead_visit_gallery_four_seasons,
#pagehead_visit_gallery_main_hall,
#pagehead_visit_gallery_historical,
#pagehead_visit_gallery_treasure,
#pagehead_visit_gallery_publicity,
#pagehead_visit_goshuin,
#pagehead_visit_booth,
#pagehead_oneri_oneri_about,
#pagehead_oneri_oneri_guide,
#pagehead_oneri_nijugobosatsu,
#pagehead_oneri_chigo_oneri,
#pagehead_schedule_calender,
#pagehead_schedule_museum,
#pagehead_schedule_sansoki,
#pagehead_schedule_fukyo,
#pagehead_schedule_lecture,
#pagehead_schedule_ojuzukuri,
#pagehead_schedule_juyae,
#pagehead_schedule_reimeiden,
#pagehead_schedule_tendoku,
#pagehead_schedule_shakyo,
#pagehead_memorial_application_flow,
#pagehead_memorial_nokotsu,
#pagehead_memorial_senzokuyo,
#pagehead_memorial_eitaishido,
#pagehead_memorial_gokito,
#pagehead_faq,
#pagehead_access,
#pagehead_information,
#pagehead_sitemap,
#pagehead_404,
#pagehead_live,
#pagehead_videos_single,
#pagehead_crowdfunding {
  position: relative;
  width: 100%;
  height: 400px;
}
#pagehead_sermon_single {
  background: url(../images/pagehead/sermon_single.jpg) center center / cover no-repeat;
}
#pagehead_guide_about {
  background: url(../images/pagehead/guide_about.jpg) center center / cover no-repeat;
}
#pagehead_guide_history {
  background: url(../images/pagehead/guide_history.jpg) center center / cover no-repeat;
}
#pagehead_guide_story {
  background: url(../images/pagehead/guide_story.jpg) center center / cover no-repeat;
}
#pagehead_guide_story_02 {
  background: url(../images/pagehead/guide_story02.jpg) center center / cover no-repeat;
}
#pagehead_guide_story_03 {
  background: url(../images/pagehead/guide_story03.jpg) center center / cover no-repeat;
}
#pagehead_guide_gokaizai {
  background: url(../images/pagehead/guide_gokaizai.jpg) center center / cover no-repeat;
}
#pagehead_guide_shomyo {
  background: url(../images/pagehead/guide_shomyo.jpg) center center / cover no-repeat;
}
#pagehead_visit_precinct {
  background: url(../images/pagehead/visit_precinct.jpg) center center / cover no-repeat;
}
#pagehead_visit_gallery_four_seasons {
  background: url(../images/pagehead/visit_gallery_four_seasons.jpg) center center / cover no-repeat;
}
#pagehead_visit_gallery_main_hall {
  background: url(../images/pagehead/visit_gallery_main_hall.jpg) center center / cover no-repeat;
}
#pagehead_visit_gallery_historical {
  background: url(../images/pagehead/visit_gallery_historical.jpg) center center / cover no-repeat;
}
#pagehead_visit_gallery_treasure {
  background: url(../images/pagehead/visit_gallery_treasure.jpg) center center / cover no-repeat;
}
#pagehead_visit_gallery_publicity {
  background: url(../images/pagehead/visit_gallery_publicity.jpg) center center / cover no-repeat;
}
#pagehead_visit_goshuin {
  background: url(../images/pagehead/visit_goshuin.jpg) center center / cover no-repeat;
}
#pagehead_visit_booth {
  background: url(../images/pagehead/visit_booth.jpg) center center / cover no-repeat;
}
#pagehead_oneri_oneri_about {
  background: url(../images/pagehead/oneri_oneri_about.jpg) center center / cover no-repeat;
}
#pagehead_oneri_oneri_guide {
  background: url(../images/pagehead/oneri_oneri_guide.jpg) center center / cover no-repeat;
}
#pagehead_oneri_nijugobosatsu {
  background: url(../images/pagehead/oneri_nijugobosatsu.jpg) center center / cover no-repeat;
}
#pagehead_oneri_chigo_oneri {
  background: url(../images/pagehead/oneri_chigo_oneri.jpg) center center / cover no-repeat;
}
#pagehead_schedule_calender {
  background: url(../images/pagehead/schedule_calender.jpg) center center / cover no-repeat;
}
#pagehead_schedule_museum {
  background: url(../images/pagehead/schedule_museum.jpg) center center / cover no-repeat;
}
#pagehead_schedule_sansoki {
  background: url(../images/pagehead/schedule_sansoki.jpg) center center / cover no-repeat;
}
#pagehead_schedule_fukyo {
  background: url(../images/pagehead/schedule_fukyo.jpg) center center / cover no-repeat;
}
#pagehead_schedule_lecture {
  background: url(../images/pagehead/schedule_lecture.jpg) center center / cover no-repeat;
}
#pagehead_schedule_ojuzukuri {
  background: url(../images/pagehead/schedule_ojuzukuri.jpg) center center / cover no-repeat;
}
#pagehead_schedule_juyae {
  background: url(../images/pagehead/schedule_juyae.jpg) center center / cover no-repeat;
}
#pagehead_schedule_reimeiden {
  background: url(../images/pagehead/schedule_reimeiden.jpg) center center / cover no-repeat;
}
#pagehead_schedule_tendoku {
  background: url(../images/pagehead/schedule_tendoku.jpg) center center / cover no-repeat;
}
#pagehead_schedule_shakyo {
  background: url(../images/pagehead/schedule_shakyo.jpg) center center / cover no-repeat;
}
#pagehead_memorial_application_flow {
  background: url(../images/pagehead/memorial_application_flow.jpg) center center / cover no-repeat;
}
#pagehead_memorial_nokotsu {
  background: url(../images/pagehead/memorial_nokotsu.jpg) center center / cover no-repeat;
}
#pagehead_memorial_senzokuyo {
  background: url(../images/pagehead/memorial_senzokuyo.jpg) center center / cover no-repeat;
}
#pagehead_memorial_eitaishido {
  background: url(../images/pagehead/memorial_eitaishido.jpg) center center / cover no-repeat;
}
#pagehead_memorial_gokito {
  background: url(../images/pagehead/memorial_gokito.jpg) center center / cover no-repeat;
}
#pagehead_faq {
  background: url(../images/pagehead/faq.jpg) center center / cover no-repeat;
}
#pagehead_access {
  background: url(../images/pagehead/access.jpg) center center / cover no-repeat;
}
#pagehead_information {
  background: url(../images/pagehead/information.jpg) center center / cover no-repeat;
}
#pagehead_sitemap {
  background: url(../images/pagehead/sitemap.jpg) center center / cover no-repeat;
}
#pagehead_404 {
  background: url(../images/pagehead/404.jpg) center center / cover no-repeat;
}
#pagehead_live {
  background: url(../images/pagehead/live.jpg) center center / cover no-repeat;
}
#pagehead_videos_single {
  background: url(../images/pagehead/videos_single.jpg) center center / cover no-repeat;
}
#pagehead_crowdfunding {
  background: url(../images/pagehead/crowdfunding.jpg) center center / cover no-repeat;
}
.pagehead {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  white-space: nowrap;
  z-index: 10;
  animation: fadeInDown02 .8s ease 0s 1 forwards;
}
.pagehead h1,
.pagehead h2 {
  position: relative;
  display: block;
  color: #fff;
  font-size: 2.2rem;
  text-align: center;
  font-weight: 600;
  margin: 0 0 1em;
}
.pagehead h1:before {
  position: absolute;
  content: '';
  bottom: -15px;
  display: inline-block;
  width: 200px;
  height: 1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #fff;
}
.pagehead h2 {
  line-height: 1.4;
}
/* page bg */
.pgbg {
  width: 100%;
  padding: 3% 0 0;
  background: url(../images/common/bc_img.jpg) repeat;
}
/* L2 */
.l2_menu_bloc {
  display:flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin: 3% auto;
}
.l2_menu_bloc02 {
  margin: 3% auto 8%;
}
.l2_menu_bloc article {
  flex-basis: 47%;
  margin: 0 0 8%;
}
.l2_menu_bloc article a figure,
.l2_menu_bloc02 article a figure {
  position: relative;
  overflow: hidden;
}
.l2_menu_bloc article a figure img,
.l2_menu_bloc02 article a figure img {
  display: block;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.l2_menu_bloc article a h2,
.l2_menu_bloc02 article a h2 {
  display: block;
  position: relative;
  margin: 1em 0;
  padding: 0 0 0 1.5em;
  color: #333;
  font-weight: 600;
  font-size: 1.4rem;
}
.l2_menu_bloc article a h2::before,
.l2_menu_bloc02 article a h2::before {
  position: absolute;
  content: '';
  top: 25%;
  left: 0;
  width: 14px;
  height: 14px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.l2_menu_bloc article a p,
.l2_menu_bloc02 article a p {
  color: #333;
  font-weight: 300;
  font-size: 1.1rem;
  line-height: 1.8;
}
/* page */
.post,
.page,
.page_inside,
#faq_content,
#calender_content {
  margin: 5% auto;
}
.post article,
.page article,
#faq_content section,
.page.bloc {
  margin: 10% auto;
}
.post h1,
.page h1,
h1.bloc_title,
h1.page_title {
  margin: 0 0 1.5em;
  color: #333;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.8;
  border-bottom: 1px solid #dedede;
}
h1.bloc_title,
h1.page_title {
  width: 90%;
  max-width: 1200px;
  margin: 10% auto 1.5em;
}
h1.page_title {
  margin: 5% auto 1.5em;
}
.post h2,
.page h2:not(.ebook_title) {
  display: block;
  margin: 1em 0;
  padding: 0 0.7em;
  color: #333;
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 1.6;
  border-left: 3px solid #b2aea1;
}
.post h3,
.page h3,
#calender_content h3,
#faq_content h3 {
  position: relative;
  width: 100%;
  margin: 1em 0 0;
  padding: .5em .5em .5em 1.5em;
  color: #333;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.4;
}
#calender_content h3 {
  font-size: 1.2rem;
}
.post h3::before,
.page h3::before,
#calender_content h3::before {
  position: absolute;
  content: '';
  top: 1em;
  left: 0;
  width: 20px;
  height: 2px;
  background: #b2aea1;
}
#calender_content h3::before {
  top: 1.2em;
}
.post h4,
.page h4,
.e_content_txt h4 {
  position: relative;
  width: 100%;
  margin: 1em 0;
  padding: .5em .5em .5em 1em;
  color: #333;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.4;
}
.e_content_txt h4 {
  margin: 1em 0 0;
}
.post h4::before,
.page h4::before,
.e_content_txt h4::before {
  position: absolute;
  content: '';
  top: 1em;
  left: 0;
  width: 6px;
  height: 6px;
  background: #b2aea1;
}
.post h5,
.page h5,
#calender_content h5 {
  color: #333;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.8;
}
#calender_content h5 {
  width: 90%;
}
ol.basic {
  list-style: outside;
  list-style-type: decimal;
  margin: 0 1.5em;
}
ul.basic02 {
  width: 90%;
  margin: 3% auto;
}
.post p,
.post p a,
.page p,
.page p a,
.post_bloc p a,
.post_bloc02 p a,
.post ul li,
.post ul li a,
ul.basic li,
ul.basic li a,
ul.basic02 li,
ul.basic02 li a,
ol.basic li,
ol.basic li a,
dl.row dt,
dl.row dd,
#purpose_bloc02 p,
#purpose_bloc03 div.txt_bloc p,
#purpose_bloc04 div.txt_bloc p,
#purpose_bloc05 div.txt_bloc p,
#purpose_bloc06 div.txt_bloc p,
#calender_content p,
#calender_content p a,
p.precincttxt,
ul.gokito_list li {
  color: #333;
  font-weight: 300;
  font-size: 1.1rem;
  line-height: 1.8;
}
dl.row dt {
  font-weight: 600;
}
.post p a,
.page p a,
.post ul li a,
ul.basic li a,
ul.basic02 li a,
ol.basic li a,
#calender_content p a,
dl.dtbg_01 dd a,
dl.dtbg_02 dd a {
  font-size: 1rem;
  text-decoration: underline;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.post_bloc p a,
.post_bloc02 p a {
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.post ul li,
ul.basic li,
ul.basic02 li {
  line-height: 1.4;
  padding-left: 1.2em;
}
.post ul li::before,
ul.basic li::before,
ul.basic02 li::before {
  display: block;
  position: relative;
  content: '';
  top: 1em;
  left: -1em;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background: #b2aea1;
}
ul.basic02 li {
  padding-bottom: 2%;
}
ul.basic02 li:last-child {
  padding-bottom: 0;
}
ul.basic02 li::before {
  background: #333;
}
p.indent {
  text-indent: 1em;
}
p.boxtxt,
#calender_content p.boxtxt {
  display: inline-block;
  margin: 0 0 1em;
  padding: 0.2em 1.2em;
  line-height: 1.4;
  color: #fff;
  background: #333;
}
span.boxtxt {
  display: inline-block;
  margin: 0 1em .8em 0;
  padding: 0 1.5em;
  color: #fff;
  background: #333;
  text-align: center;
}
p.precincttxt {
  text-align: center;
  margin: 0 0 1em;
}
.bgy {
  background: #f3db8a
}
.post img,
.page img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.post h2 {
  margin: 1em 0 1.5em;
}
.post h3 {
  margin: 0 0 1.5em;
}
.post h4
.post p {
  padding: 0 0 1.5em;
}
.post ul {
  width: 98%;
  margin: 1em auto;
}
/*post image*/
.aligncenter {
  display: block;
  margin: 10% auto;
}
.alignleft {
  display: block;
  margin: 0 auto 0 0;
}
.alignright {
  display: block;
  margin: 0 0 0 auto;
}
.signature {
  width: 250px;
  margin-top: 2em;
  margin-left: auto;
}
.signature h5 {
  font-size: 1.3rem;
}
.box_01 h2,
.box_02 h2:not(.ebook_title),
.box_03 h2 {
  margin: 0 0 1em;
}
.box_03 h3,
.box_05 h3 {
  margin: 0;
}
/* single */
.single_box {
  margin-top: 10%;
}
.single_box a {
  margin-bottom: 5%;
}
.single_box div {
  width: 100%;
  margin-top: 3%;
  padding: 3% 0;
  background: #f1ede0;
}
.single_box div a {
  margin-bottom: 1%;
}
/* faqpage */
#faq_content h1,
#calender_content h1 {
  margin: 0 0 .5em;
  color: #333;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.8;
  border-bottom: 1px solid #dedede;
}
#faq_content h2,
.page h2.cost {
  display: block;
  margin: 0 0 1em;
  padding: .3em 1em;
  color: #333;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.6;
  border-left: 3px solid #333;
}
.page h2.cost {
  border-left: 3px solid #b2aea1;
}
#faq_content h3,
.page h3.cost {
  padding: .5em .5em .5em 1em;
}
#faq_content h3 {
  font-size: 1rem;
}
#faq_content h3::before,
.page h3.cost::before {
  position: absolute;
  content: '';
  top:1em;
  left: 0;
  width: 10px;
  height: 10px;
  background: #b2aea1;
}
#faq_content .box_03 p {
  padding: 0 0 0 1em;
}
#faq_content table.basic tr th {
  background: none;
}
#faq_content ul {
  margin-left: 1em;
}
ul.faqnav {
  display: flex;
  flex-wrap: wrap;
}
ul.faqnav li a {
  position: relative;
  display: block;
  margin: 1em 0;
  padding: 0 0 0 1em;
  color: #333;
  font-size: 1rem;
  font-weight: 300;
}
ul.faqnav li a::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #333;
  border-left: 1px solid #333;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.faqbloc dl {
  border-bottom: 1px solid #dedede;
}
.faqbloc dt,
.faqbloc dd {
  position: relative;
  color: #333;
  line-height: 1.4;
  border-top: 1px solid #dedede;
  border-right: 1px solid #dedede;
  border-left: 1px solid #dedede;
}
.faqbloc dt {
  padding: .3em 2em .8em 1em;
  font-size: 1.2rem;
  font-weight: 600;
  cursor: pointer;
}
.faqbloc dt::before {
  display: inline-block;
  content: "Q";
  padding-right: .5em;
  font-weight: 600;
  font-size: 1.6rem;
}
.faqbloc dt::after,
.faqbloc dt.active::after {
  position: absolute;
  content: '';
  top: 45%;
  right: 1em;
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #333;
  border-left: 1px solid #333;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.faqbloc dt.active::after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.faqbloc dd {
  display: none;
  padding: 1em 1.5em;
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.8;
  background: #f1ede0;
}
.faqbloc dd a {
  color: #333;
  text-decoration: underline;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.faqbloc dd span {
  display: block;
  margin: 1em 0 0;
}
/* calender */
#e_nav {
  margin: 10% auto 3%;
}
#m_01,
#m_02,
#m_03,
#m_04,
#m_05,
#m_06,
#m_07,
#m_08,
#m_09,
#m_10,
#m_11,
#m_12 {
  margin: 0 0 8%;
}
#calender_content h2 {
  display: block;
  margin: 0 0 1em;
  padding: .3em 1em;
  color: #333;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.6;
  border-left: 10px solid #333;
  background: #f1ede0;
}
.zoombox {
  position: relative;
}
.zoombox::after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  content: url(../images/common/zoom.svg);
  z-index: 10;
}
.e_content_txt {
  margin: 1em 0;
}
/* purpose */
#purposepage {
  background: #f1ede1;
}
#purpose01 {
  width: 100%;
  min-height: 1000px;
  background: url(../images/purpose/bg_01.jpg) center top / cover no-repeat;
}
#purpose02 {
  overflow: hidden;
  padding-bottom: 10%;
  background: url(../images/purpose/bg_02.jpg) repeat;
}
ul#purpose_nav {
  display: flex;
  justify-content: space-between;
  width: 98%;
  max-width: 1200px;
  margin: 0 auto;
}
ul#purpose_nav li {
  position: relative;
  flex-basis: 24%;
  height: 115px;
  background: #fff;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
ul#purpose_nav li::after {
  position: absolute;
  content: '';
  bottom: 22px;
  left: 50%;
  width: 12px;
  height: 12px;
  border-bottom: 3px solid #896d1a;
  border-left: 3px solid #896d1a;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
ul#purpose_nav li img {
  display: block;
  max-width: 90%;
  height: 34px;
  margin: 0 auto;
}
ul#purpose_nav li a {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 36px;
}
#purpose_bloc01 {
  width: 80%;
  max-width: 633px;
  margin: 0 auto;
  padding: 3% 0 0;
}
#purpose_bloc01 img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
#purpose_bloc02 {
  opacity: 0;
  width: 96%;
  max-width: 1200px;
  margin: 1% auto 3%;
  padding: 3% 5%;
  background: #fff;
  border-radius: 0 100px 0 100px;
  animation: fadeIn 1.1s ease-in-out 0s 1 forwards;
}
#purpose_bloc03 div.txt_bloc,
#purpose_bloc04 div.txt_bloc,
#purpose_bloc05 div.txt_bloc,
#purpose_bloc06 div.txt_bloc {
  padding: 3%;
  background: #fff;
  border-radius: 25px;
}
#purpose_bloc02 h2,
#purpose_bloc03 div.txt_bloc h2,
#purpose_bloc04 div.txt_bloc h2,
#purpose_bloc05 div.txt_bloc h2,
#purpose_bloc06 div.txt_bloc h2 {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 5px solid #896d1a;
}
#purpose_bloc02 h2 {
  margin-bottom: 2.5em;
}
#purpose_bloc02 h2 img {
  max-width: 208px;
}
#purpose_bloc03 div.txt_bloc h2 img,
#purpose_bloc04 div.txt_bloc h2 img,
#purpose_bloc06 div.txt_bloc h2 img {
  max-width: 95px;
}
#purpose_bloc05 div.txt_bloc h2 img {
  max-width: 211px;
}
#purpose_bloc03 div.txt_bloc ul,
#purpose_bloc04 div.txt_bloc ul,
#purpose_bloc05 div.txt_bloc ul,
#purpose_bloc06 div.txt_bloc ul {
  margin-top: 10%;
  border-top: 1px solid #dedede;
}
#purpose_bloc03 div.txt_bloc ul li,
#purpose_bloc04 div.txt_bloc ul li,
#purpose_bloc05 div.txt_bloc ul li,
#purpose_bloc06 div.txt_bloc ul li {
  position: relative;
  border-bottom: 1px solid #dedede;
}
#purpose_bloc03 div.txt_bloc ul li::before,
#purpose_bloc04 div.txt_bloc ul li::before,
#purpose_bloc05 div.txt_bloc ul li::before,
#purpose_bloc06 div.txt_bloc ul li::before {
  position: absolute;
  content: '';
  top: 40%;
  left: 0;
  width: 12px;
  height: 12px;
  border-top: 3px solid #333;
  border-right: 3px solid #333;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#purpose_bloc03 div.txt_bloc ul li a,
#purpose_bloc04 div.txt_bloc ul li a,
#purpose_bloc05 div.txt_bloc ul li a,
#purpose_bloc06 div.txt_bloc ul li a {
  padding: 0 0 0 1.5em;
  color: #333;
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 2.4;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
/* gallery */
#gallery {
  width: 100%;
  margin: 1% 0;
  padding: 2%;
  background: #f1ede0;
}
#bricks_bloc {
  position: relative;
  width: 96%;
  max-width: 1200px;
  margin: 3% auto;
}
#bricks_bloc section {
  position:absolute;
  padding: 20px;
  background: #fff;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  -webkit-transition:.6s ease-in-out;
  -ms-transition:.6s ease-in-out;
  transition:.6s ease-in-out;
}
#bricks_bloc section a figure {
  overflow: hidden;
}
#bricks_bloc section a figure img {
  display: block;
  min-width: 100%;
  margin: 0;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
#bricks_bloc section p {
  padding: .5em 0;
  color: #333;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.4;
  text-align: center;
}
#bricks_bloc section.photo01 {
  height: 300px;
}
#bricks_bloc section.photo02 {
  height: 610px;
}
#bricks_bloc section.photo03 {
  height: 400px;
}
/* about page */
p.abouttxt {
  color: #333;
  font-weight: 300;
  font-size: 1.5rem;
  text-align: center;
}
/* nijugobosatsu */
#bosatsu_bloc,
.goods_bloc {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#bosatsu_bloc article,
.goods_bloc div {
  flex-basis: 32%;
  margin: 0 0 8%;
}
#bosatsu_bloc article ul li:nth-child(2),
#bosatsu_bloc article ul li:nth-child(3),
ul.item_bloc li:nth-child(2) {
  color: #333;
  font-size: 1.4rem;
  font-weight: 600;
}
#bosatsu_bloc article ul li:nth-child(2) {
  line-height: 1.8;
}
ul.item_bloc li:nth-child(2) {
  line-height: 1.2;
}
#bosatsu_bloc article ul li:nth-child(3) {
  font-size: 1rem;
  margin: 0 0 1em;
}
#bosatsu_bloc article ul li:last-child,
ul.item_bloc li:nth-child(3),
ul.item_bloc li:last-child {
  color: #333;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.6;
}
/* goshuin */
.bbd {
  border-bottom: 1px dashed #dedede;
}
/* booth */
ul.item_bloc li img {
  width: 90%;
  margin: 0 auto 3%;
}
ul.item_bloc li:nth-child(2),
ul.item_bloc li:last-child {
  font-weight: 300;
  text-align: center;
}
ul.item_bloc li:nth-child(3) {
  width: 90%;
  margin: 1em 0;
}
/* precinct */
#precinctmap {
  position: relative;
  width: 100%;
  z-index: 5;
}
#precinctnavbloc {
  width: 100%;
  background: -webkit-linear-gradient(top, rgba(243,240,223,1) 0%, rgba(229,224,204,0) 100%);
  background: linear-gradient(to bottom, rgba(243,240,223,1) 0%, rgba(229,224,204,0) 100%);
}
#precinctnav {
  display:flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
#precinctnav li {
  position: relative;
  flex-basis: 32%;
}
#precinctnav li::before {
  position: absolute;
  width: 28px;
  height: 28px;
}
.page h1.no_01,
.page h1.no_02,
.page h1.no_03,
.page h1.no_04,
.page h1.no_05,
.page h1.no_06,
.page h1.no_07,
.page h1.no_08,
.page h1.no_09,
.page h1.no_10,
.page h1.no_11,
.page h1.no_12,
.page h1.no_13,
.page h1.no_14,
.page h1.no_15,
.modal_box h1.no_01,
.modal_box h1.no_02,
.modal_box h1.no_03,
.modal_box h1.no_04,
.modal_box h1.no_05,
.modal_box h1.no_06,
.modal_box h1.no_07,
.modal_box h1.no_08,
.modal_box h1.no_09,
.modal_box h1.no_10,
.modal_box h1.no_11,
.modal_box h1.no_12,
.modal_box h1.no_13,
.modal_box h1.no_14,
.modal_box h1.no_15 {
  position: relative;
  padding-left: calc(.3em + 40px);
}
.page h1.no_01::before,
.page h1.no_02::before,
.page h1.no_03::before,
.page h1.no_04::before,
.page h1.no_05::before,
.page h1.no_06::before,
.page h1.no_07::before,
.page h1.no_08::before,
.page h1.no_09::before,
.page h1.no_10::before,
.page h1.no_11::before,
.page h1.no_12::before,
.page h1.no_13::before,
.page h1.no_14::before,
.page h1.no_15::before {
  position: absolute;
  top: .3em;
  left: 0;
  width: 40px;
  height: 40px;
}
.modal_box h1.no_01::before,
.modal_box h1.no_02::before,
.modal_box h1.no_03::before,
.modal_box h1.no_04::before,
.modal_box h1.no_05::before,
.modal_box h1.no_06::before,
.modal_box h1.no_07::before,
.modal_box h1.no_08::before,
.modal_box h1.no_09::before,
.modal_box h1.no_10::before,
.modal_box h1.no_11::before,
.modal_box h1.no_12::before,
.modal_box h1.no_13::before,
.modal_box h1.no_14::before,
.modal_box h1.no_15::before {
  position: absolute;
  top: 0.1em;
  left: 0;
  width: 36px;
  height: 36px;
}
#precinctnav li:first-child::before,
.page h1.no_01::before,
.modal_box h1.no_01::before {
  content: url(../images/common/no_01.svg);
}
#precinctnav li:nth-child(2)::before,
.page h1.no_02::before,
.modal_box h1.no_02::before {
  content: url(../images/common/no_02.svg);
}
#precinctnav li:nth-child(3)::before,
.page h1.no_03::before,
.modal_box h1.no_03::before {
  content: url(../images/common/no_03.svg);
}
#precinctnav li:nth-child(4)::before,
.page h1.no_04::before,
.modal_box h1.no_04::before {
  content: url(../images/common/no_04.svg);
}
#precinctnav li:nth-child(5)::before,
.page h1.no_05::before,
.modal_box h1.no_05::before {
  content: url(../images/common/no_05.svg);
}
#precinctnav li:nth-child(6)::before,
.page h1.no_06::before,
.modal_box h1.no_06::before {
  content: url(../images/common/no_06.svg);
}
#precinctnav li:nth-child(7)::before,
.page h1.no_07::before,
.modal_box h1.no_07::before {
  content: url(../images/common/no_07.svg);
}
#precinctnav li:nth-child(8)::before,
.page h1.no_08::before,
.modal_box h1.no_08::before {
  content: url(../images/common/no_08.svg);
}
#precinctnav li:nth-child(9)::before,
.page h1.no_09::before,
.modal_box h1.no_09::before {
  content: url(../images/common/no_09.svg);
}
#precinctnav li:nth-child(10)::before,
.page h1.no_10::before,
.modal_box h1.no_10::before {
  content: url(../images/common/no_10.svg);
}
#precinctnav li:nth-child(11)::before,
.page h1.no_11::before,
.modal_box h1.no_11::before {
  content: url(../images/common/no_11.svg);
}
#precinctnav li:nth-child(12)::before,
.page h1.no_12::before,
.modal_box h1.no_12::before {
  content: url(../images/common/no_12.svg);
}
#precinctnav li:nth-child(13)::before,
.page h1.no_13::before,
.modal_box h1.no_13::before {
  content: url(../images/common/no_13.svg);
}
#precinctnav li:nth-child(14)::before,
.page h1.no_14::before,
.modal_box h1.no_14::before {
  content: url(../images/common/no_14.svg);
}
#precinctnav li:last-child::before,
.page h1.no_15::before,
.modal_box h1.no_15::before {
  content: url(../images/common/no_15.svg);
}
#precinctnav li a {
  margin-left: calc(.3em + 30px);
  color: #333;
  font-weight: 300;
  font-size: 1.1rem;
  line-height: 1.8;
}
/* application_flow */
.flow_box {
  border: 1px solid #dedede;
}
.flow_label {
  background: #f1ede0;
}
.flow_box div {
  padding: 1em;
}
.arrow_d {
  display: block;
  width: 12px;
  height: 50px;
  margin: 3% auto;
  background: url(../images/common/arrow_d.svg) no-repeat;
}
/* nokotsu */
.nokotsu_phpto_list,
ul.gokito_list {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
ul.gokito_list {
  justify-content: space-between;
}
.nokotsu_phpto_list li {
  flex-basis: 24%;
  margin-bottom: 1%;
}
p.costmb {
  margin: 0 0 3.0em;
}
/* gokito */
ul.gokito_list {
  margin: 0 0 1em;
}
ul.gokito_list li {
  flex-basis: 48%;
}
/* sansoki */
ul.itemize {
  margin: 0 .5em 0 2em;
}
ul.itemize li {
  position: relative;
  color: #333;
  font-weight: 300;
  font-size: 1.1rem;
  line-height: 1.8;
}
ul.itemize li::before {
  display: block;
  position: absolute;
  left: -2em;
  content: '一、';
}
/* sitemap */
#sitemap {
  width: 90%;
  max-width: 1000px;
  margin: 5% auto;
}
#sitemap h3 {
  margin: 0 0 .5em;
  padding: 0 .5em;
  border-bottom: 1px solid #dedede;
}
#sitemap h3 a {
  color: #333;
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 1.8;
}
#sitemap ul {
  margin: 0 0 10% 5%;
}
#sitemap ul li {
  position: relative;
}
#sitemap ul li:not(.no_arrow)::before {
  display: inline-block;
  position: absolute;
  content: '';
  top: 40%;
  left: -1em;
  width: 8px;
  height: 8px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#sitemap ul li a {
  color: #333;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.8;
}
#sitemap ul li ul {
  margin: 2% 0 2% 5%;
}
/* Live */
.box_02.live_page p {
  padding: 1% 0;
  color: #333;
  font-weight: 600;
  font-size: 2.5rem;
  text-align: center;
}
.box_06.live_page,
.box_04.live_page {
  display: grid;
  place-items: center;
}
.form_erea,
.youtubelink_erea {
  width: 90%;
  max-width: 800px;
  padding: 1em 0;
}
.form_erea table {
  width: 100%;
  border-collapse: collapse;
}
.form_erea table th {
  width: 30%;
  white-space: nowrap;
  text-align: left;
  color: #333;
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 1.8;
}
input[type="password"] {
  width: 100%;
  margin: 3px 0;
  padding: 13px;
  color: #333;
  font-size: 1.2rem;
  font-weight: 400;
  background: #fff;
  border-radius: 2px;
  border: 1px solid #dedede;
}
label.error {
  display: block;
  width: 96%;
  margin: .5em 0;
  padding: .5em;
  color: #FF0000;
  font-size: 1rem;
  font-weight: 500;
}
input[type="password"].error {
  border: 1px solid #FF0000;
}
#submit_btn {
  display: block;
  width: 80%;
  max-width: 300px;
  height: 60px;
  margin: 30px auto;
  line-height: 40px;
  color: #fff;
  font-size: 1rem;
  text-align: center;
  background: #333;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
#errormessages {
  width: 100%;
  margin: 2em 0 .5em;
  padding: 1em .5em;
  background: #fff;
  border: 1px solid #FF0000;
}
#errormessages p {
  color: #FF0000;
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center;
}
a.liveguide {
  display: block;
  margin: 0 auto;
  color: #338CFF;
  font-size: 1rem;
  text-align: center;
  text-decoration: underline;
}
#errormessages a.liveguide {
  margin: .6em auto;
  font-size: 1.4rem;
  font-weight: 600;
}
.youtubelink_erea p {
  color: #333;
  font-size: 1rem;
  text-align: center;
}
.youtubelink_erea a.btn_r {
  margin: 8% auto 0;
}
.box_02.live_guide {
  margin: 2% 0 0;
}
.box_02.live_guide img {
  display: block;
  width: 80%;
  max-width: 380px;
  margin: 20px auto;
}
/* youtube */
.youtube_wrap {
  width: 99%;
  margin: 1em auto 2em;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/* gokaizai */
.ebook_bloc {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 580px;
  margin: 5% auto;
}
.ebook_bloc div {
  flex-basis: calc(94% / 2);
}
.ebook_bloc div img {
  display: block;
  margin: 0;
}
h2.ebook_title {
  position: relative;
  width: 100%;
  padding-left: 1em;
  color: #333;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
h2.ebook_title::before {
  position: absolute;
  content: '';
  top: 40%;
  left: 0;
  width: 12px;
  height: 12px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
ul.ebook_list li {
  padding-left: 1.2em;
  color: #333;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.8;
}
ul.ebook_list li::before {
  display: block;
  position: relative;
  content: '';
  top: 1em;
  left: -1em;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background: #333;
}
/* crowdfunding add 2023-08-04 */
.signature {
  display: block;
  width: 320px;
  margin: 8% 0 0 auto;
  text-align: right;
}
.page.crowdfunding a {
  display: inline-block;
}
.page.crowdfunding a img {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.page.crowdfunding .page_inside img {
  margin: 5% auto;
}
.crowdfunding_bnr {
  display: block;
  max-width: 800px;
  margin: 8% auto 0;
  text-align: center;
}
.crowdfunding_bnr + hr {
  margin: 5% 0 2%;
}
.page.crowdfunding .page_inside p a {
  color: #0000ff;
}
/* mobile */
@media all and (max-width: 480px) {
  /*  Display  */
  #video_container,
  #front02_bloc,
  .e_content,
  .e_pc_head,
  .pc02,
  #e_nav ul,
  table.history thead {
    display: none;
  }
  /* btn nav*/
  a.btn_w,
  a.btn_b,
  a.btn_r {
    height: 45px;
    line-height: 45px;
    font-size: .9rem;
  }
  /* table */
  table.basic,
  table.basic tbody,
  table.basic tr,
  table.basic tr th,
  table.basic tr td,
  table.history tbody tr th,
  table.history tbody tr td,
  .form_erea table th,
  .form_erea table td {
    display: block;
  }
  table.basic tr th,
  table.history tbody tr th {
    width: 100%;
    padding: .5em 1em .5em 1.5em;
    border-bottom: 1px solid #dedede;
  }
  .form_erea table th {
    width: 100%;
  }
  /* L1 */
  #mob_front {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 600px;
    background: #fff;
  }
  #mob_front img {
    display: block;
    position: absolute;
    max-width: 100%;
    height: 600px;
    object-fit: cover;
    opacity: 0;
    animation: slideAnime 20s ease infinite;
  }
  #photo01 img {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
  }
  #photo02 img {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
  }
  #photo03 img {
    -webkit-animation-delay: 8s;
    animation-delay: 8s;
  }
  #photo04 img{
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
  }
  #photo05 img{
    -webkit-animation-delay: 16s;
    animation-delay: 16s;
  }
  #mob_main_txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 20%;
    height: 370px;
    background: url(../images/common/main_txt.svg) no-repeat;
    z-index: 10;
  }
  .scroll_icon {
    bottom: 2%;
  }
  #front01 {
    padding: 5% 0 8%;
  }
  #front02_bloc_toggle02 {
    margin: 5% 0;
  }
  #front02_bloc_toggle p,
  #front02_bloc_toggle02 p {
    color: #333;
    font-weight: 300;
    font-size: .85rem;
    cursor: pointer;
  }
  #front02_bloc_toggle p::after,
  #front02_bloc_toggle.active p::after,
  #front02_bloc_toggle02 p::after,
  #front02_bloc_toggle02.active p::after  {
    display: inline-block;
    content: '';
    margin: -.5em 0 0 1em;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #front02_bloc_toggle.active p::after,
  #front02_bloc_toggle02.active p::after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  #front02_bloc,
  #front02_bloc02 {
    width: 96%;
    margin: 0 auto;
  }
  #front02_bloc p,
  #front02_bloc02 p {
    margin: 1em 0;
  }
  #front02_bloc dl dd,
  #front02_bloc02 dl dd,
  dl.dtbg_01 dd,
  dl.dtbg_02 dd {
    margin: 0 0 1.5em;
  }
  #front03 article.bloc_01 div,
  #front03 article.bloc_02 div {
    width: 90%;
    margin: 5% auto;
    border: 1px solid #dedede;
  }
  #front03 article.bloc_01 div a figure figcaption,
  #front03 article.bloc_02 div a figure figcaption {
    position: relative;
    padding: .5em 1em;
    color: #333;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.8;
  }
  #front03 article.bloc_01 div a figure figcaption::after,
  #front03 article.bloc_02 div a figure figcaption::after {
    position: absolute;
    content: '';
    top: 50%;
    right: 5%;
    width: 8px;
    height: 8px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .historyloop {
    height: 400px;
  }
  #front04 div.bloc_03 {
    width: 90%;
  }
  #front05 {
    padding: 2em 0 3%;
  }
  #front05 ul li,
  #bosatsu_bloc article,
  .goods_bloc div {
    flex-basis: 48%;
  }
  .front01_info {
    padding: 0 0 10%;
  }
  .front_video_link {
    margin: 2% 0 10%;
    padding: 0 0 10%;
  }
  /* l1_bnr_link */
  #l1_bnr_link {
    width: 110px;
    height: 110px;
    background: url(../images/front/l1_bnr_bg_s.png) no-repeat;
  }
  /* pagehead */
  #pagehead_sermon,
  #pagehead_guide,
  #pagehead_visit,
  #pagehead_oneri,
  #pagehead_schedule,
  #pagehead_memorial,
  #pagehead_visit_gallery,
  #pagehead_videos {
    height: 125px;
  }
  #pagehead_sermon_single,
  #pagehead_guide_about,
  #pagehead_guide_history,
  #pagehead_guide_story,
  #pagehead_guide_story_02,
  #pagehead_guide_story_03,
  #pagehead_guide_gokaizai,
  #pagehead_guide_shomyo,
  #pagehead_visit_precinct,
  #pagehead_visit_gallery_four_seasons,
  #pagehead_visit_gallery_main_hall,
  #pagehead_visit_gallery_historical,
  #pagehead_visit_gallery_treasure,
  #pagehead_visit_gallery_publicity,
  #pagehead_visit_goshuin,
  #pagehead_visit_booth,
  #pagehead_oneri_oneri_about,
  #pagehead_oneri_oneri_guide,
  #pagehead_oneri_nijugobosatsu,
  #pagehead_oneri_chigo_oneri,
  #pagehead_schedule_calender,
  #pagehead_schedule_museum,
  #pagehead_schedule_sansoki,
  #pagehead_schedule_fukyo,
  #pagehead_schedule_lecture,
  #pagehead_schedule_ojuzukuri,
  #pagehead_schedule_juyae,
  #pagehead_schedule_reimeiden,
  #pagehead_schedule_tendoku,
  #pagehead_schedule_shakyo,
  #pagehead_memorial_application_flow,
  #pagehead_memorial_nokotsu,
  #pagehead_memorial_senzokuyo,
  #pagehead_memorial_eitaishido,
  #pagehead_memorial_gokito,
  #pagehead_faq,
  #pagehead_access,
  #pagehead_information,
  #pagehead_sitemap,
  #pagehead_404,
  #pagehead_live,
  #pagehead_videos_single,
  #pagehead_crowdfunding {
    height: 200px;
  }
  .pagehead h1,
  .pagehead h2 {
    font-size: 1.4rem;
  }
  .pagehead h1:before {
    width: 140px;
  }
  /* archive */
  ul.archivenav {
    flex-wrap: wrap;
    margin-bottom: 8%;
  }
  ul.archivenav li {
    flex-basis: 50%;
  }
  ul.archivenav li:first-child,
  ul.archivenav li:nth-child(2),
  ul.archivenav li:nth-child(3),
  ul.archivenav li:last-child {
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
  }
  ul.archivenav li:nth-child(3),
  ul.archivenav li:last-child {
    border-bottom: 1px solid #dedede;
  }
  ul.archivenav li:nth-child(2),
  ul.archivenav li:last-child {
    border-right: 1px solid #dedede;
  }
  ul#storynav li a {
    height: 45px;
    line-height: 45px;
    font-size: 0.7rem;
  }
  /* page */
  .post,
  .page,
  #faq_content,
  #calender_content {
    margin: 10% auto;
  }
  /* purpose */
  #purpose01 {
    min-height: 900px;
  }
  #purpose_bloc02 {
    width: 90%;
    padding: 15% 5%;
    border-radius: 0 50px 0 50px;
  }
  ul#purpose_nav {
    width: 90%;
    flex-wrap: wrap;
  }
  ul#purpose_nav li {
    flex-basis: 48%;
    height: 70px;
    margin: 0 0 4%;
  }
  ul#purpose_nav li::after {
    width: 8px;
    height: 8px;
    bottom: 13px;
  }
  ul#purpose_nav li img {
    max-width: 80%;
    height: 20px;
  }
  ul#purpose_nav li a {
    padding-top: 20px;
  }
  #purpose_bloc03 div.txt_bloc,
  #purpose_bloc04 div.txt_bloc,
  #purpose_bloc05 div.txt_bloc,
  #purpose_bloc06 div.txt_bloc {
    width: 90%;
    margin: 0 auto;
    padding: 5%;
    transform: translateY(-8%);
    -webkit-transform: translateY(-8%);
  }
  #purpose_bloc02 h2,
  #purpose_bloc03 div.txt_bloc h2,
  #purpose_bloc04 div.txt_bloc h2,
  #purpose_bloc05 div.txt_bloc h2,
  #purpose_bloc06 div.txt_bloc h2 {
    border-bottom: 3px solid #896d1a;
  }
  #purpose_bloc02 h2 img,
  #purpose_bloc05 div.txt_bloc h2 img {
    width: 40%;
  }
  #purpose_bloc03 div.txt_bloc h2 img,
  #purpose_bloc04 div.txt_bloc h2 img,
  #purpose_bloc06 div.txt_bloc h2 img {
    width: 18%;
  }
  #purpose_bloc03 div.txt_bloc ul li::before,
  #purpose_bloc04 div.txt_bloc ul li::before,
  #purpose_bloc05 div.txt_bloc ul li::before,
  #purpose_bloc06 div.txt_bloc ul li::before {
    width: 10px;
    height: 10px;
  }
  /* faq */
  #faq_content ul {
    margin-left: 0;
  }
  /* font */
  #front01 h1,
  #front02 h1,
  #front05 h1,
  #front04 div.bloc_03 h1,
  .post h1,
  .page h1,
  #faq_content h1,
  h1.bloc_title,
  h1.page_title,
  .box_02.live_page p {
    font-size: 1.4rem;
  }
  .post h2,
  .page h2:not(.ebook_title) {
    font-size: 1.3rem;
  }
  .post h3,
  .page h3,
  .faqbloc dt::before,
  p.abouttxt,
  h2.ebook_title {
    font-size: 1.2rem;
  }
  #faq_content h2,
  #calender_content h5,
  #bosatsu_bloc article ul li:nth-child(2),
  ul.item_bloc li:nth-child(2),
  #errormessages p {
    font-size: 1.1rem;
  }
  .secondnav ul li.secondnav_title,
  .l2_menu_bloc article a h2,
  .l2_menu_bloc02 article a h2,
  .faqbloc dt,
  #calender_content h3,
  .rl_bloc_area p,
  .rl_bloc_area02 p,
  #sitemap h3 a,
  .secondnav ul li a,
  table.basic tr th,
  table.basic tr td,
  table.rows tr th,
  table.rows tr td,
  table.history thead tr th,
  table.history tbody tr th,
  table.history tbody tr td,
  table.eitaishido thead tr th,
  table.eitaishido tbody tr th,
  table.eitaishido tbody tr td,
  figure.basic figcaption,
  figure.basic02 figcaption,
  #front01_bloc article a p,
  #front02 p,
  #front02_bloc dl dt,
  #front02_bloc dl dd,
  #front02_bloc02 dl dt,
  #front02_bloc02 dl dd,
  #front04 div.bloc_03 p,
  #front05 p,
  #front05 li a span,
  .l2_menu_bloc article a p,
  .l2_menu_bloc02 article a p,
  .post p,
  .post p a,
  .page p,
  .page p a,
  .post_bloc p a,
  .post_bloc02 p a,
  .post ul li,
  .post ul li a,
  ul.basic li,
  ul.basic li a,
  ul.basic02 li,
  ul.basic02 li a,
  ol.basic li,
  ol.basic li a,
  dl.row dt,
  dl.row dd,
  #purpose_bloc02 p,
  #purpose_bloc03 div.txt_bloc p,
  #purpose_bloc04 div.txt_bloc p,
  #purpose_bloc05 div.txt_bloc p,
  #purpose_bloc06 div.txt_bloc p,
  #purpose_bloc03 div.txt_bloc ul li a,
  #purpose_bloc04 div.txt_bloc ul li a,
  #purpose_bloc05 div.txt_bloc ul li a,
  #purpose_bloc06 div.txt_bloc ul li a,
  #calender_content p,
  #calender_content p a,
  dl.dtbg_01 dt,
  dl.dtbg_01 dd,
  dl.dtbg_02 dt,
  dl.dtbg_02 dd,
  dl.dtbg_01 dd a,
  dl.dtbg_02 dd a,
  .faqbloc dd,
  ul.gokito_list li,
  ul.itemize li,
  #sitemap ul li a,
  p.liveinfo_txt {
    font-size: 1rem;
  }
  p.bnr_txt {
    font-size: .85rem;
  }
  ul.faqnav li a,
  #bosatsu_bloc article ul li:nth-child(3),
  #bosatsu_bloc article ul li:last-child,
  ul.item_bloc li:nth-child(3),
  ul.item_bloc li:last-child,
  p.precincttxt,
  a.liveguide,
  #errormessages a.liveguide,
  .box_02.live_guide p,
  ul.ebook_list li {
    font-size: .8rem;
  }
  #faq_content h2,
  #front01_bloc article a p,
  #front02 p,
  #front02_bloc dl dt,
  #front02_bloc dl dd,
  #front02_bloc02 dl dt,
  #front02_bloc02 dl dd,
  #front04 div.bloc_03 p,
  #front05 p,
  #front05 li a span,
  .l2_menu_bloc article a p,
  .l2_menu_bloc02 article a p,
  #bosatsu_bloc article ul li:nth-child(2),
  ul.item_bloc li:nth-child(2) {
    line-height: 1.4;
  }
  .l2_menu_bloc article a h2,
  .l2_menu_bloc02 article a h2 {
    padding: 0 0 0 .8em;
  }
  .l2_menu_bloc article a h2::before,
  .l2_menu_bloc02 article a h2::before {
    width: 8px;
    height: 8px;
  }
  /* calender */
  .e_mob_head,
  .e_content {
    padding: 1em;
  }
  .e_mob_head {
    position: relative;
    cursor: pointer;
  }
  .e_mob_head::after,
  .e_mob_head.active::after {
    position: absolute;
    content: '';
    top: 50%;
    right: 5%;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .e_mob_head.active::after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .e_bloc {
    border-top: 1px solid #dedede;
    border-right: 1px solid #dedede;
    border-left: 1px solid #dedede;
  }
  .e_bloc.last {
    border-bottom: 1px solid #dedede;
  }
  /* precinct */
  .page h1.no_01::before,
  .page h1.no_02::before,
  .page h1.no_03::before,
  .page h1.no_04::before,
  .page h1.no_05::before,
  .page h1.no_06::before,
  .page h1.no_07::before,
  .page h1.no_08::before,
  .page h1.no_09::before,
  .page h1.no_10::before,
  .page h1.no_11::before,
  .page h1.no_12::before,
  .page h1.no_13::before,
  .page h1.no_14::before,
  .page h1.no_15::before {
    position: absolute;
    top: .3em;
    left: 0;
    width: 32px;
    height: 32px;
  }
  /* rl_bloc */
  .rl_bloc {
    height: calc(100% - 50px);
  }
  .zoombox::after {
    width: 30px;
    height: 30px;
  }
  /* precinct */
  #precinctmap {
    background: #f3f0df url(../images/precinct/img_01_sp.jpg) center center / contain no-repeat;
  }
  /* gokaizai */
  h2.ebook_title::before {
    width: 10px;
    height: 10px;
  }
  ul.ebook_list li {
    padding-left: 1em;
  }
  /* youtube */
  .youtube_wrap {
    width: 99%;
    margin: .5em auto 1em;
  }
  .archivebloc_ttl {
    line-height: 1.4;
  }
}
@media all and (max-width: 684px) {
  #bricks_bloc {
    max-width: 680px;
  }
}
@media all and (min-width: 500px) and (max-width: 684px) {
  #bricks_bloc section {
    left: calc((100% - 370px) / 2 );
  }
}
/* mobile & tablet */
@media all and (max-width: 767px) {
  #front01_bloc article {
    margin: 0 0 10%;
  }
  dl.dtbg_01 dd,
  dl.dtbg_02 dd {
    margin: .5em 0 1em;
  }
  /* precinct */
  #precinctmap {
    height: 30vh;
  }
  #precinctnav li {
    flex-basis: 48%;
  }
  #precinctnav li::before {
    top: 0.1em;
    width: 20px;
    height: 20px;
  }
  #precinctnav li a {
    margin-left: 32px;
    font-size: .9rem;
  }
  /* application_flow */
  .flow_box div:first-child {
    height: 60px;
  }
  /* add 2022-04-04 */
  .bnr_inner {
    aspect-ratio: 1 / 1;
  }
  .bnr_inner div:first-child {
    height: 55%;
    overflow: hidden;
  }
  .bnr_inner div.bnr_info_txt {
    padding: 1em;
  }
  p.bnr_inbtn {
    margin: .6em 0 0;
    font-size: 1rem;
  }
}
@media all and (max-width: 1023px) {
  .pcv {
    display: none;
  }
}
@media all and (min-width: 1024px) {
  .mobv {
    display: none;
  }
}
@media all and (max-width: 1024px) {
  /*  Display  */
  .pc,
  #front01_bloc article a figure,
  .post_bloc div a figure {
    display: none !important;
  }
  /* btn */
  a.btn_map {
    margin: 1em auto 2em;
  }
  /* figure */
  figure.basic figcaption,
  figure.basic02 figcaption {
    text-align: center;
  }
  /* flexarea */
  .fdcr {
    display: flex;
    flex-direction: column-reverse;
  }
  /* L1 */
  #front01_bloc {
    width: 96%;
    margin: 0 auto;
  }
  /* archive */
  .post_bloc,
  .post_bloc02 {
    padding: .3em 0 1.3em;
    border-bottom: 1px solid #dedede;
  }
  /* L2 */
  .l2_menu_bloc,
  .l2_menu_bloc02 {
    width: 90%;
  }
  .l2_menu_bloc article a h2,
  .l2_menu_bloc02 article a h2 {
    line-height: 1.5;
  }
  .l2_menu_bloc article a p,
  .l2_menu_bloc02 article a p {
    line-height: 2;
  }
  /* faqpagea */
  ul.faqnav li {
    flex-basis: 50%;
  }
  /* dl */
  dl.row dt {
    width: 96%;
    margin: 2% 2% 0;
    padding: 2% 0 0;
  }
  dl.row dd {
    width: 96%;
    margin: 0 2%;
    padding: 0 0 5%;
    line-height: 1.3;
    border-bottom: 1px solid #e6e6e6;
  }
  /* purpose */
  #purpose_bloc03,
  #purpose_bloc04,
  #purpose_bloc05,
  #purpose_bloc06 {
    width: 100%;
    margin: 10% auto;
  }
  #purpose_bloc03 div.img_bloc,
  #purpose_bloc04 div.img_bloc,
  #purpose_bloc05 div.img_bloc,
  #purpose_bloc06 div.img_bloc {
    width: 100%;
  }
  #purpose_bloc03 div.img_bloc img,
  #purpose_bloc04 div.img_bloc img,
  #purpose_bloc05 div.img_bloc img,
  #purpose_bloc06 div.img_bloc img {
    display: block;
    max-width: 100%;
  }
  /* calender */
  #calender_content > section.box_02 > article.flexarea_02  {
    margin: 0 auto 10%;
  }
  #calender_content > section.box_02 > article.flexarea_02  img {
    display: block;
    margin: 0 auto;
  }
  /* img size */
  .i_w70 {
    width: 70%;
  }
  h2.bnt_ttl {
    font-size: 1.2rem;
  }
}
/* tablet */
/* tablet & PC */
@media all and (min-width: 481px) {
  /* Display */
  #mob_front,
  .e_mob_head,
  .mob02,
  #front02_bloc_toggle02 {
    display: none !important;
  }
  /* btn */
  a.btn_w.w30,
  a.btn_b.w30,
  a.btn_r.w30 {
    width: 30%;
  }
  a.btn_w.w50,
  a.btn_b.w50,
  a.btn_r.w50 {
    width: 50%;
  }
  a.btn_w.w70,
  a.btn_b.w70,
  a.btn_r.w70 {
    width: 70%;
  }
  /* table */
  table.history thead tr th:first-child,
  table.history tbody tr th {
    border-right: 1px solid #dedede;
  }
  /* video */
  #video_container {
    position: relative;
    overflow: hidden;
    z-index: 100;
  }
  video {
    width: 100%;
  }
  #video_container article {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    z-index: 10;
    opacity: 0;
    -webkit-animation: blurIn .8s ease-in-out 0.7s 1 forwards;
    animation: blurIn .8s ease-in-out 0.7s 1 forwards;
  }
  #video_container article img {
    display: block;
    margin: 0 auto;
  }
  #videobloc {
    position: relative;
  }
  #videobloc::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    z-index: 5;
  }
  /* L1 */
  #front02_bloc dl {
    display:flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-start;
    margin: 0 auto 3%;
  }
  #front02_bloc dl dt {
    width: 15%;
    margin: 1em 0;
    box-sizing: border-box;
  }
  #front02_bloc dl dd {
    width: 75%;
    margin: 1em;
    box-sizing: border-box;
  }
  #front03 {
    background: #000;
  }
  #front03 article.bloc_01,
  #front03 article.bloc_02 {
    display: flex;
    justify-content: space-between;
  }
  #front03 article.bloc_01 div {
    flex-basis: 50%;
  }
  #front03 article.bloc_02 div {
    flex-basis: 33.33333%;
  }
  #front03 article.bloc_01 div a figure ,
  #front03 article.bloc_02 div a figure {
    position: relative;
    overflow: hidden;
  }
  #front03 article.bloc_01 div a figure img,
  #front03 article.bloc_02 div a figure img,
  #front05 div.content ul li a figure img {
    display: block;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
  }
  #front03 article.bloc_01 div a figure img,
  #front03 article.bloc_02 div a figure img {
    opacity: .6;
  }
  #front03 article.bloc_01 div a figure figcaption,
  #front03 article.bloc_02 div a figure figcaption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    z-index: 10;
    color: #fff;
    font-weight: 600;
    font-size: 1.4rem;
  }
  #front05 ul li {
    flex-basis: 32%;
    max-width: 376px;
  }
  /* archive */
  ul.archivenav {
    margin: 5% 0;
  }
  ul.archivenav li {
    flex-basis: 25%;
  }
  ul.archivenav li:first-child {
    border-left: 1px solid #dedede;
  }
  ul.archivenav li a {
    border-right: 1px solid #dedede;
  }
  ul#storynav li a {
    height: 60px;
    line-height: 60px;
  }
  /* calender */
  #e_nav ul {
    display: flex;
    flex-wrap: wrap;
  }
  #e_nav ul li {
    position: relative;
    flex-basis: 25%;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
  }
  #e_nav ul li:nth-child(4),
  #e_nav ul li:nth-child(8),
  #e_nav ul li:last-child {
    border-right: 1px solid #e6e6e6;
  }
  #e_nav ul li:nth-child(9),
  #e_nav ul li:nth-child(10),
  #e_nav ul li:nth-child(11),
  #e_nav ul li:last-child {
    border-bottom: 1px solid #e6e6e6;
  }
  #e_nav ul li::after {
    position: absolute;
    content: '';
    top: 50%;
    right: 5%;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .e_bloc {
    padding: 3% 0;
    border-bottom: 1px solid #dedede;
  }
  .e_bloc.last {
    border-bottom: none;
  }
  .e_content {
    display: flex;
    justify-content: space-between;
  }
  .e_content div:first-child {
    flex-basis: 64%;
  }
  .e_content div:last-child {
    flex-basis: 32%;
  }
  /* goshuin */
  .goshuin_photo {
    display: flex;
  }
  .goshuin_photo figure {
    margin: 0 3% 0 0;
  }
  /* sitemap */
  #sitemap {
    display: flex;
    justify-content: space-between;
  }
  #sitemap div {
    flex-basis: 45%;
  }
  /* precinct */
  #precinctmap {
    height: 75vh;
    max-height: 700px;
    background: #f3f0df url(../images/precinct/img_01.jpg) center center / contain no-repeat;
  }
}
@media all and (min-width: 481px) and (max-width: 767px) {
  #video_container article img {
    height: 220px;
  }
}
@media all and (min-width: 481px) and (max-width: 1024px) {
  /* L1 */
  #front03 article.bloc_01 div a figure figcaption,
  #front03 article.bloc_02 div a figure figcaption {
    font-size: 1.1rem;
  }
  #front04 div.bloc_03 {
    width: 80%;
  }
  .historyloop {
    height: 500px;
  }
  /* l1_bnr_link */
  #l1_bnr_link {
    width: 220px;
    height: 220px;
    background: url(../images/front/l1_bnr_bg_m.png) no-repeat;
  }
  /* purpose */
  #purpose_bloc02 {
    padding: 10% 5%;
  }
  #purpose_bloc03 div.txt_bloc,
  #purpose_bloc04 div.txt_bloc,
  #purpose_bloc05 div.txt_bloc,
  #purpose_bloc06 div.txt_bloc {
    width: 90%;
    margin: 0 auto;
    padding: 5%;
    transform: translateY(-15%);
    -webkit-transform: translateY(-15%);
  }
  /* precinct */
  #precinctmap {
    height: 40vh;
  }
}
@media all and (min-width: 481px) and (max-width: 1280px) {
  .scroll_icon {
    display: none !important;
  }
}
@media all and (min-width: 768px) {
  /* dl */
  dl.dtbg_01,
  dl.dtbg_02 {
    display:flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-start;
    margin: 0 auto 3%;
  }
  dl.dtbg_01 dt {
    width: 50%;
    margin: 0.4em 0;
    box-sizing: border-box;
  }
  dl.dtbg_01 dd {
    width: 40%;
    margin: 0.4em 1em;
    box-sizing: border-box;
  }
  dl.dtbg_02 dt {
    width: 15%;
    margin: 0.4em 0;
    box-sizing: border-box;
  }
  dl.dtbg_02 dd {
    width: 80%;
    margin: 0.4em 0 0.4em 1em;
    box-sizing: border-box;
  }
  /* flexarea */
  .flow_box {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 30% 70%;
    grid-template-columns: 30% 70%;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "flow_label flow_content";
    border: 1px solid #dedede;
  }
  .flow_label {
    grid-area: flow_label;
    position:relative;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    background: #f1ede0;
  }
  .flow_content {
    grid-area: flow_content;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .flow_label p {
    position: absolute;
    top: 50%;
    -webkit-transform : translateY(-50%);
    transform : translateY(-50%);
    padding-left: 1em;
    font-weight: 600;
  }
  /* nokotsu */
  ul.cost_list {
    display: flex;
    flex-wrap: wrap;
  }
  ul.cost_list li {
    margin-right: 1em;
  }
  /* front01 add 2022-04-04 */
  #front01_liveinfo {
    display: flex;
    justify-content: space-between;
    background: #fff;
  }
  #front01_liveinfo div {
    flex-basis: 50%;
  }
  #front01_liveinfo div:first-child img {
    height: 400px;
    object-fit: cover;
    object-position: 0 100%
  }
  .bnr_inner {
    display: flex;
    justify-content: space-between;
  }
  .bnr_inner div:first-child {
    flex-basis: 37.5%;
    max-width: 300px;
  }
  .bnr_inner div.bnr_info_txt {
    flex-basis: 62.5%;
  }
  .bnr_inner div:first-child img {
    height: 200px;
    object-fit: cover;
    object-position: 0 100%
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .bnr_inner div.bnr_info_txt {
    padding: 1em 2em;
  }
  p.bnr_txt {
    padding: 0;
  }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  dl.dtbg_02.reimeiden dt {
    width: 25%;
  }
  dl.dtbg_02.reimeiden dd {
    width: 70%;
  }
}
@media all and (min-width: 768px) and (max-width: 1280px) {
  #video_container article img {
    height: 300px;
  }
}
/* PC */
@media all and (min-width: 1025px) {
  /* Display */
  .mob {
    display: none;
  }
  /* btn */
  a.btn_map {
    max-width: 100px;
    margin: .5em 0 2em;
  }
  a.btn_w.w30_p,
  a.btn_b.w30_p {
    width: 30%;
  }
  a.btn_w.w30_p_a {
    width: 30%;
    min-width: 390px;
  }
  a.btn_w.w50_p,
  a.btn_b.w50_p {
    width: 50%;
  }
  /* L1 archive*/
  #front01_bloc ,
  .post_bloc {
    display: flex;
    justify-content: space-between;
  }
  #front01_bloc article {
    flex-basis: 24%;
    max-width: 272px;
  }
  .post_bloc div:first-child {
    flex-basis: 25%;
    max-width: 300px;
  }
  .post_bloc div:last-child {
    flex-basis: 70%;
  }
  #front01_bloc article a figure,
  .post_bloc div a figure {
    overflow: hidden;
  }
  .post_bloc div a figure {
    border: 1px solid #dedede;
  }
  #front01_bloc article a figure img,
  .post_bloc div a figure img {
    display: block;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
  }
  #front04 div.bloc_03 {
    width: 50%;
  }
  /* l1_bnr_link */
  #l1_bnr_link {
    width: 330px;
    height: 330px;
    background: url(../images/front/l1_bnr_bg_l.png) no-repeat;
  }
  /* flexarea */
  .flexarea_01,
  .flexarea_02,
  .flexarea_03,
  .flexarea_04,
  ul.btn_nav {
    display: flex;
    justify-content: space-between;
  }
  .flexarea_01 div,
  ul.btn_nav li {
    flex-basis: 48%;
  }
  .flexarea_02 div:last-child,
  .flexarea_04 div:first-child {
    flex-basis: 64%;
  }
  .flexarea_02 div:first-child,
  .flexarea_03 div,
  .flexarea_03 figure,
  .flexarea_04 div:last-child {
    flex-basis: 32%;
  }
  .flexarea_02.gokito_bloc div:first-child {
    flex-basis: 20%;
  }
  .flexarea_02.gokito_bloc div:last-child {
    flex-basis: 78%;
  }
  .aic {
    align-items: center;
  }
  .fw {
    flex-wrap: wrap;
  }
  /* dl */
  dl.row {
    display:flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-start;
    margin: 0 auto 3%;
  }
  dl.row dt {
    width: 20%;
    margin: 1em 0;
    box-sizing: border-box;
  }
  dl.row dd {
    width: 75%;
    margin: 1em;
    box-sizing: border-box;
  }
  /* faqpage */
  ul.faqnav li {
    flex-basis: 32%;
  }
  /* accesspage */
  ul.btn_nav {
    width: 100%;
    max-width: 800px;
    margin: 3% auto;
  }
  ul.btn_nav li a.btn_w,
  ul.btn_nav li a.btn_b {
    width: 100%;
  }
  /* purpose */
  #purpose_bloc03,
  #purpose_bloc04,
  #purpose_bloc05,
  #purpose_bloc06 {
    position: relative;
    width: 90%;
    max-width: 1550px;
    margin: 10% 0 20% 10%;
  }
  #purpose_bloc03,
  #purpose_bloc05{
    margin: 10% 10% 20% 0;
  }
  #purpose_bloc03 div.img_bloc img,
  #purpose_bloc04 div.img_bloc img,
  #purpose_bloc05 div.img_bloc img,
  #purpose_bloc06 div.img_bloc img {
    display: none;
  }
  #purpose_bloc03 div.img_bloc {
    background: url(../images/purpose/img_02.jpg) center center / cover no-repeat;
  }
  #purpose_bloc04 div.img_bloc {
    background: url(../images/purpose/img_03.jpg) right center / cover no-repeat;
  }
  #purpose_bloc05 div.img_bloc {
    background: url(../images/purpose/img_04.jpg) center center / cover no-repeat;
  }
  #purpose_bloc06 div.img_bloc {
    background: url(../images/purpose/img_05.jpg) right center / cover no-repeat;
  }
  #purpose_bloc03 div.img_bloc,
  #purpose_bloc04 div.img_bloc,
  #purpose_bloc05 div.img_bloc,
  #purpose_bloc06 div.img_bloc {
    width: 77.5%;
    max-width: 1200px;
    height: 600px;
  }
  #purpose_bloc04 div.img_bloc,
  #purpose_bloc06 div.img_bloc {
    margin-left: 22.5%;
  }
  #purpose_bloc03 div.txt_bloc,
  #purpose_bloc04 div.txt_bloc,
  #purpose_bloc05 div.txt_bloc,
  #purpose_bloc06 div.txt_bloc {
    width: 600px;
  }
  #purpose_bloc03 div.txt_bloc,
  #purpose_bloc05 div.txt_bloc {
    position: absolute;
    right: 0;
    transform: translateY(-80%);
    -webkit-transform: translateY(-80%);
  }
  #purpose_bloc04 div.txt_bloc {
    position: absolute;
    top: 45%;
    left: 0;
    transform: translateY(-45%);
    -webkit-transform: translateY(-45%);
  }
  #purpose_bloc06 div.txt_bloc {
    position: absolute;
    left: 0;
    transform: translateY(-70%);
    -webkit-transform: translateY(-70%);
  }
}
@media all and (min-width: 1025px) and (max-width: 1279px) {
  #front01_bloc article a p.day span {
    display: block;
    width: 50%;
    margin: 0;
    text-align: center;
  }
}
@media all and (min-width: 1281px) {
  #video_container article img {
    height: 374px;
  }
}
@media all and (min-width: 1025px) and (max-width: 1365px) {
  .flexarea_02.goshuinbloc div {
    flex-basis: 48%;
  }
}
@media all and (max-width: 1365px) {
  #bricks_bloc section {
    max-width: 370px;
  }
}
@media all and (min-width: 1366px) {
  dl.dtbg_01 dt {
    max-width: 370px;
  }
  /* gokito */
  ul.gokito_list li {
    flex-basis: 20%;
  }
}
/* hover */
@media (any-hover: hover) {
  a.btn_w:hover {
    color: rgba(51,51,51,.5);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }
  a.btn_b:hover {
    background: rgba(136,136,127,.5);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }
  a.btn_r:hover {
    background: rgba(162,0,17,.5);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }
  ul.archivenav li a:hover,
  #e_nav ul li a:hover {
    background: #f1ede0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }
  #front01_bloc article a:hover figure img,
  #front03 article.bloc_01 div a:hover figure img,
  #front03 article.bloc_02 div a:hover figure img,
  #front05 div.content ul li a:hover figure img,
  .l2_menu_bloc article a:hover figure img,
  .l2_menu_bloc02 article a:hover figure img,
  .post_bloc div a:hover figure img,
  #bricks_bloc section a:hover figure img {
    opacity: 1;
    -webkit-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
  }
  .post p a:hover,
  .page p a:hover,
  .post ul li a:hover,
  ul.basic li a:hover,
  ul.basic02 li a:hover,
  ol.basic li a:hover,
  dl.dtbg_01 dd a:hover,
  dl.dtbg_02 dd a:hover {
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }
  .post_bloc p a:hover,
  .post_bloc02 p a:hover,
  #purpose_bloc03 div.txt_bloc ul li a:hover,
  #purpose_bloc04 div.txt_bloc ul li a:hover,
  #purpose_bloc05 div.txt_bloc ul li a:hover,
  #purpose_bloc06 div.txt_bloc ul li a:hover,
  .ebook_bloc a.pcv:hover h2.ebook_title,
  #front01_liveinfo div.front01_liveinfo_inner ul li a:hover {
    text-decoration: underline;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }
  ul#purpose_nav li:hover {
    opacity: .6;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }
  a.btn_map:hover,
  .bnr_bloc:hover,
  .front01_info a:hover img,
  .front_video_link a:hover img,
  .page.crowdfunding a:hover img {
    opacity: .8;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }
}
/* style */
.mt {
  margin: 5% 0 0 !important;
}
.mb {
  margin: 0 0 5% !important;
}
.mb_3 {
  margin: 0 0 3% !important;
}
.mtb {
  margin: 5% 0 !important;
}
.mtba {
  margin: 3% auto !important;
}
.ptb {
  padding: 3% 0 !important;
}
.tc {
  text-align: center !important;
}
.tr {
  text-align: right !important;
}
.tmin {
  font-size: .8rem !important;
}
.tbold {
  font-weight: bold !important;
}
.red {
  color: #bc2e2e !important;
}
@media all and (-ms-high-contrast: none) {
  body {
    overflow-x: hidden;
  }
  .elem01,
  .elem02 {
    opacity: 1;
  }
  .rl_bloc {
    height: 650px;
  }
  .rl_bloc_area,
  .rl_bloc_area02 {
    position:absolute;
    top:20%;
    left:60%;
    transform:translate(-60%, -20%);
    white-space: nowrap;
  }
  #footimg {
    background: url(../images/common/footimg.jpg) center center / cover no-repeat;
    background-attachment: scroll;
  }
  .form_erea,
  .youtubelink_erea {
    display: block;
    margin: 0 auto;
  }
  #front01_liveinfo {
    align-items: center;
  }
  #front01_liveinfo div:first-child img {
    height: auto;
  }
}
@supports (-ms-ime-align: auto) and (-webkit-text-stroke: initial) {
  body {
    overflow-x: hidden;
  }
  .rl_bloc {
    height: 650px;
  }
  .rl_bloc_area,
  .rl_bloc_area02 {
    position:absolute;
    top:20%;
    left:60%;
    transform:translate(-60%, -20%);
    white-space: nowrap;
  }
}
@media screen and (max-width: 896px) and (orientation: landscape) {
  .rl_bloc {
    height: 650px;
  }
}
@media print {
  #container {
    position: relative;
    display: flex;
    flex-direction: column;
  }
  header,
  footer,
  #slidebloc {
    display: none;
  }
  .elem01,
  .elem02,
  .elem03,
  .rl_bloc_area {
    opacity: 1;
  }
  .rl_bloc {
    height: 700px;
  }
  .rl_bloc_area,
  .rl_bloc_area02 {
    display: block;
    margin: 0 auto;
  }
}
@page {
  margin: 10mm;
}