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

/*==================================== lead
====================================*/
#lead .text { background-image: url("../images/concept/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; } }

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