@charset "utf-8"; /**reset**/

/**sect_story**/
#sect_story{position: relative;}
#sect_story:before{content:"";position: absolute;top:0;left:0; width:100%; height:100%; background-repeat: no-repeat; background-position: right 230px; background-size: 55% auto; background-image: url(/com/img/story_01.webp);}
#sect_story [class*="wth_"]{position: relative;}
#sect_story .story_box{display: flex;gap:6rem 2em;flex-wrap: wrap;width: 80%;position: relative;padding:2rem 0;}
#sect_story .story_box:before{content:"";width:1px; height: 100%;background-color:#d9d9d9;display: block;position: absolute;top:0; left: 32px;}
#sect_story .story_num{width:65px; height:65px;font-size:3.25rem; border-radius:50%;flex-wrap: wrap;background-color:var(--color-indigo);display: flex;align-content: center;justify-content: center;color: #fff;line-height: 1;padding-bottom: 0.15em;padding-right: 0.1em; position: relative;}
#sect_story .story_txt{width: calc(100% - 65px - 2em);}



@media screen and (max-width: 768px) {

	/**sect_story**/
	#sect_story:before{background-repeat: repeat-y;background-size:70% auto;top: 46vw;opacity:0.6;height: 95%;background-position:right -14vw top;}
	#sect_story .story_box{gap:6rem 1em;width: 100vw;margin-left: calc(50% - 50vw);padding-left: 3vw;padding-right:12vw; text-shadow: 0px 0px 8px #ffffff, 0px 0px 6px #ffffff, 0px 0px 4px #ffffff;}
	#sect_story .story_box:before{left:calc(3vw + 15px);}
	#sect_story .story_num{text-shadow: 0px 0px 0px #ffffff;width: 30px;height: 30px;font-size: 7vw;padding-bottom: 0.1em;}
	#sect_story .story_txt{width: calc(100% - 30px - 1em);}

	}