@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/*color*/
/*ベース文字色*/
/*背景色*/
/*アクセント色*/
/*線*/
/*線*/
/*線*/
/*線*/
/*線*/
/*font*/
/*layout*/
/*==================================== main_visual
====================================*/
#main_visual { background-image: url("../images/barrierfree/main.jpg"); }

/*==================================== lead
====================================*/
#lead .text { background-image: url("../images/barrierfree/lead_bg.png"); }

/*==================================== あしらい
====================================*/
#concept02 .large_slider, #concept03 .large_slider, #concept04 .large_slider, #concept05 .large_slider, #concept06 .large_slider { z-index: 1; }
#concept02 .large_slider.show + .text_cont:before, #concept03 .large_slider.show + .text_cont:before, #concept04 .large_slider.show + .text_cont:before, #concept05 .large_slider.show + .text_cont:before, #concept06 .large_slider.show + .text_cont:before { opacity: 1; }
#concept02 .text_cont, #concept03 .text_cont, #concept04 .text_cont, #concept05 .text_cont, #concept06 .text_cont { position: relative; z-index: 0; }
#concept02 .text_cont:before, #concept03 .text_cont:before, #concept04 .text_cont:before, #concept05 .text_cont:before, #concept06 .text_cont:before { content: ''; display: block; position: absolute; opacity: 0; transition: all 2s; transition-delay: 0.5s; z-index: -1; }

#concept02 .text_cont:before, #concept04 .text_cont:before, #concept06 .text_cont:before { background: url("../images/common/bg_circle02.png") no-repeat top left/contain; width: 460px; height: 440px; top: -200px; right: -150px; }
@media screen and (max-width: 768px) { #concept02 .text_cont:before, #concept04 .text_cont:before, #concept06 .text_cont:before { width: 300px; height: 287px; top: -100px; right: -50px; } }

#concept03 .text_cont:before, #concept05 .text_cont:before { background: url("../images/common/bg_circle04.png") no-repeat top left/contain; width: 386px; height: 424px; top: -150px; left: -150px; }
@media screen and (max-width: 768px) { #concept03 .text_cont:before, #concept05 .text_cont:before { width: 250px; height: 275px; top: -90px; left: -50px; } }

#lead p { text-align: center; margin-top: 50px; }

#lead h4 { text-align: center; margin-top: 50px; font-size: 24px; line-height: 1.6; margin-bottom: 40px; }

@media screen and (max-width: 1024px) { #lead h4 { margin-bottom: 30px; font-size: 20px; } }
/*20240807追加*/
.kokoro { display: flex; align-items: center; margin-top: 100px; }

.kokoro_text { width: 50%; padding-left: 10px; }

.kokoro_icon { margin: 25px auto 0 auto; max-width: 380px; width: 50%; }

@media screen and (max-width: 1024px) { .kokoro { margin-top: 80px; } }
@media screen and (max-width: 768px) { .kokoro { display: block; }
  .kokoro_text { width: 100%; padding-left: 0; } }

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