@charset "utf-8";
.img_box img{width: 100%;}
.main_title{margin-bottom: 50px; text-align: center; top: 100px; opacity: 0;}
/* route */
.route{background-color: #FFE6C7; margin: 150px auto;}
.route>.route_wrap{display: flex;flex-direction: column; justify-content: center; position: relative; width: 90%; max-width: 1440px; margin: 0 auto; text-align: center; padding: 10% 0;}
.route>.route_wrap>span{position: absolute;left: 0;top: 0; width: 100%; height: 120%; background-color: #FFE6C7; z-index: 2;}
.route>.route_wrap>div{position: relative; top: 100px;}
.route>.route_wrap>ul{display: flex;justify-content: space-between;align-items: center; text-align: center; position: relative; top: 100px;}
.route>.route_wrap>ul>li:first-child{background-color: #FFAA45; line-height: 120px; width: 120px; border-radius: 50%; font-size: 1.6em; font-weight: 700;}
.route>.route_wrap>ul.route_list1>li:last-child img{transform: rotate(90deg);}
.route>.route_wrap>ul>li h3{font-size: 1.2em; margin-top: 20px;}
.route>.route_wrap>.gray{opacity: 0.5;}
.route>.route_wrap>div{display: flex; flex-direction: column; align-items: flex-end;}
.route>.route_wrap>div h3{font-size: 1.2em; margin-top: 20px;}


/* cross */
.cross{display: flex; flex-direction: column; justify-content: center;align-items: center;}
.cross .text_box{position: relative; top: 100px; opacity: 0;}
.cross .img_box{margin: 50px 0; position: relative; top: 100px; opacity: 0;}
.cross ul{width: 60%; box-shadow: 2px 2px 4px rgba(0,0,0,0.3); padding: 2% 2% 2% 3%; border-radius: 20px;}
.cross ul li{list-style: disc; line-height: 1.6; font-size: 1.4em; margin: 10px 0;}