@charset "utf-8";
/* CSS Document */

/* spナビゲーション */
@media (max-width:430px) {
.sp_header { padding: 0 25px 0 10px !important }
.sp_header { margin-top: 15px !important }
nav.sp_menu div.footer_cont div.foot_l img { margin: -2.5px 0 0 -40px !important }
nav.sp_menu div.footer_cont div.foot_l img { width: 200px; }
}

/* topメイン上部イメージ */
.top_main_wrap { width: 100%; min-height: 100vh; background: #004DA0; padding: 40px 40px 0 0; margin: 0 0 -40px 0; /*padding-top: 4.5vh;*/ }
.top_main_inner { width: 100%; min-height: 100vh; border-radius: 0 50px 0 0; }
.top_main_bg { width: 100%; min-height: 100vh; border-radius: 0 50px 0 0; /*backdrop-filter: blur(1px);*/ 
/*background-image:url(../images/top/pixta_112483428.jpg);*/
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
animation: parallax-bg2 linear both;
animation-timeline: view(); }
.top_main_cont { width: 100%; min-height: 100vh; border-radius: 0 50px 0 0; 
background-image:url(../images/top_bg_20.png);
/*background-image:url(../images/pixta_84563388_40.png);*/
background-repeat: no-repeat;
background-size: cover;
background-position: top;
background-attachment: fixed;
/*animation: parallax-bg1 linear both;
animation-timeline: view();*/ }
img.main_logo { width: 60% !important }

@media (min-width:1920px) {}	
@media (max-width:1680px) {}
@media (max-width:1536px) {}
@media (max-width:1440px) {}
@media (max-width:1366px) {
.top_main_wrap { padding: 30px 30px 0 0; margin: 0 0 -30px 0; }
}
@media (max-width:1280px) {}
@media (max-width:1024px) {
.top_main_bg {
background-attachment: local;
animation: none; }
.top_main_cont {
background-attachment: local; }
}
@media (max-width:980px) {
img.main_logo { width: 70% !important }
}
@media (max-width:820px) {
}
@media (max-width:600px) {
img.main_logo { width: 85% !important }
}
@media (max-width:430px) {
.top_main_wrap { padding: 15px 15px 0 0; margin: 0 0 -15px 0; }
.top_main_inner { border-radius: 0 30px 0 0; }
.top_main_bg { border-radius: 0 30px 0 0; }
.top_main_cont { border-radius: 0 30px 0 0; }

img.main_logo { width: 90% !important }
}



/*横スクロールロゴ*/
.marquee-ewlogo { overflow: hidden; width: 100%; position: absolute; bottom: 0; }
.marquee-ewlogo ul {
animation: marquee-right 40s linear infinite;
display: flex;
margin: 0;
padding: 0;
width: max-content;
}
.marquee-ewlogo ul li {
list-style: none;
padding: 0;
width: calc(100vw / 1.3 - 10px);
}
.marquee-ewlogo img { display: block; width: 100%; height: auto; }

@keyframes marquee-right {
from { transform: translateX(0%); }
to { transform: translateX(-33.333%); }
}
@media (max-width:820px) {
.marquee-ewlogo ul li {
width: calc(150vw / 1.3 - 10px); }
}
@media (max-width:600px) {
.marquee-ewlogo ul li {
width: calc(200vw / 1.3 - 10px); }
}
@media (max-width:430px) {
.marquee-ewlogo ul li {
width: calc(250vw / 1.3 - 10px); }
}



/* topメイン下部イメージ */
.top_sub_wrap { background: #004DA0; width: 100%; min-height: 100vh; padding: 0 40px 40px 0 ; margin: -40px 0 0 0; /*padding-bottom: 4.5vh;*/ }
.top_sub_inner { width: 100%; min-height: 100vh; border-radius: 0 0 50px 0; background-color: #fff;
background-image:url(../images/top_bg_20.png);
/*background-image:url(../images/pixta_84563388_20.png);*/
background-repeat: no-repeat;
background-size: cover;
background-position: top;
background-attachment: fixed;
/*animation: parallax-bg1 linear both;
animation-timeline: view();*/ }
.top_sub_bg { width: 100%; min-height: 100vh; border-radius: 0 0 50px 0; /*backdrop-filter: blur(3px);*/ }
.top_sub_base { width: 100%; min-height: 100vh; position: relative; background:url(../images/txt_company_b.png) bottom right 10px no-repeat; background-size: auto 14%; }
	
.top_sub_cont { width: 90%; display: flex; text-align: center; }
.top_sub_cont div:nth-child(1) { width: 25%; order: 1; }
.top_sub_cont div:nth-child(2) { width: 50%; padding: 25px; order: 2; }
.top_sub_cont div:nth-child(2) img.cut_emo { width: 125px; }
.top_sub_cont div:nth-child(2) p { font-size: 120%; padding: 25px; }
.top_sub_cont div:nth-child(3) { width: 25%; order: 3; }
	
.top_sub_cont .ph_01 { text-align: left; /*width:15%; top: -12.5%;*/ }
.top_sub_cont .ph_02 { text-align: right; /*width:25%; top: 22.5%; left: 5%;*/ }
.top_sub_cont .ph_03 { text-align: right; /*width:31%; top: -77.5%;*/ }

.top_sub_cont .ph_01 img { width: 60%; margin-top: 25%; /*width:15%; top: -12.5%;*/ }
.top_sub_cont .ph_02 img { width: 80%; /*width:25%; top: 22.5%; left: 5%;*/ }
.top_sub_cont .ph_03 img { width: 100%; /*margin-top: -25%; /*width:31%; top: -77.5%;*/ }
	
ul.gyomu_list { display: flex; width: 80%; margin: 0 auto; }
ul.gyomu_list li { flex:1; list-style: none; color: #004DA0; font-size: 75%; }
ul.gyomu_list li img { width: 72px; }
	
@media (min-width:1920px) {
}	
@media (max-width:1680px) {
}
@media (max-width:1536px) { 
}
@media (max-width:1440px) { 
}
@media (max-width:1366px) {
.top_sub_wrap { padding: 0 30px 30px 0 ; margin: -30px 0 0 0; }
.top_sub_base { background-size: auto 12%; }
}
@media (max-width:1280px) {
}
@media (max-width:1024px) {
.top_sub_inner { background-attachment: local; }
}
@media (max-width:980px) {
.top_sub_base { background-size: auto 10%; }
}
@media (max-width:820px) {
.top_sub_cont { width: 95%; }
.top_sub_cont div:nth-child(2) { padding: 12.5px; }
.top_sub_cont div:nth-child(2) p { padding: 25px 12.5px; }

.top_sub_cont .ph_01 img { margin-top: 50%; }
.top_sub_cont .ph_03 img { margin-top: -25%; }
	
ul.gyomu_list { width: 100%; }
ul.gyomu_list li img { width: 64px; }
}
@media (max-width:600px) {
.top_sub_base { background-size: auto 6% !important}

.top_sub_cont { display: flex; flex-direction:column; margin: 25px 0; }
.top_sub_cont div:nth-child(1) { width: 100%; order: 3; }
.top_sub_cont div:nth-child(2) { width: 100%; order: 1; }
.top_sub_cont div:nth-child(3) { width: 100%; order: 2; }

.top_sub_cont .ph_01 { text-align: left; }
.top_sub_cont .ph_02 { text-align: center; }
.top_sub_cont .ph_03 { text-align: right; }

.top_sub_cont .ph_01 img { width: 35%; margin: -25px 0 0 25px; }
.top_sub_cont .ph_02 img { width: 45%; margin: -25px 0 25px 25px; }
.top_sub_cont .ph_03 img { width: 50%; margin: 0 25px 0 0; }

ul.gyomu_list { width: 80%; }

}
@media (max-width:430px) {
.top_sub_wrap { padding: 0 15px 15px 0 ; margin: -15px 0 0 0; }
.top_sub_inner { border-radius: 0 0 30px 0; }
.top_sub_bg { border-radius: 0 0 30px 0; }
.top_sub_base { background:url(../images/txt_company_b.png) bottom right 5px no-repeat; }
.top_sub_base { background-size: auto 5.5% !important}

.top_sub_cont div:nth-child(2) img.cut_emo { width: 100px; }
	
ul.gyomu_list { width: 100%; }
ul.gyomu_list li img { width: 42px; }
}





/* solution */
.top_sub2_wrap { background: #E5EDF5; width: 100%; min-height: 100vh; padding: 50px 0 50px 50px; }
.top_sub2_inner { width: 100%; min-height: 100vh; border-radius: 50px 0 0 50px; background: #fff;
background-image: url(../images/top_earth.png);
background-repeat: no-repeat;
background-size: 96%;
background-position: center center;
background-attachment: fixed;
animation: parallax-bg1 linear both;
animation-timeline: view(); }
.top_sub2_bg { width: 100%; min-height: 100vh; border-radius: 50px 0 0 50px; }
.top_sub2_base { width: 100%; min-height: 100vh; position: relative; background: url(../images/txt_solution_b.png) bottom left 15px no-repeat; background-size: auto 13%; border-radius: 50px 0 0 50px; border: 1px solid #004DA0;  border-right: none; backdrop-filter: blur(1px); }

.top_sub2_cont { display: flex; width: 90%; }
.top_sub2_cont div:nth-child(1) { width: 60%; padding: 25px; text-align: center; }
.top_sub2_cont div:nth-child(1) p { font-size: 120%; padding: 25px; }
.top_sub2_cont div:nth-child(2) { width: 40%; align-content: center; padding: 25px; }
	
ul.solution_list { display: flex; margin: 0 auto; }
ul.solution_list li { flex: 1; list-style: none; padding: 25px; background: #E5EDF5; margin: 25px 10px 0 10px; border-radius: 25px; text-align: left; }
ul.solution_list li span { font-size: 120%; color: #004DA0; display: block; margin: -40px 0 5px 0; /*font-weight: bold;*/ text-align: center; }

@media (min-width:1920px) {
}	
@media (max-width:1680px) {
}
@media (max-width:1536px) { 
}
@media (max-width:1440px) { 
}
@media (max-width:1366px) {
.top_sub2_wrap { padding: 30px 0 30px 30px; }
.top_sub2_base { background-size: auto 12%; }
	
ul.solution_list li { margin: 25px 5px 0 5px; }
ul.solution_list li span { font-size: 110%; }
}
@media (max-width:1280px) {
}
@media (max-width:1024px) {
.top_sub2_inner { 
background-image: url(../images/earth.png);
background-size: 60%;
background-position: center top -30%;
background-attachment: local;
animation: none; }
}
@media (max-width:980px) {
.top_sub2_base { background-size: auto 10%; }
	
ul.solution_list { flex-direction: column; }
}
@media (max-width:820px) {
.top_sub2_inner { 
background-size: 60%;
background-position: center top -25%; }
	
.top_sub2_cont { width: 95%; }
.top_sub2_cont div:nth-child(1) { padding: 12.5px; }
.top_sub2_cont div:nth-child(1) p { padding: 25px 12.5px; }
.top_sub2_cont div:nth-child(2) { padding: 12.5px; }
	
}
@media (max-width:600px) {
.top_sub2_base { background-size: auto 6% !important}

.top_sub2_inner { 
background-size: 96%;
background-position: center top -15%; }

.top_sub2_cont { flex-direction: column; margin: 25px auto; }
.top_sub2_cont div:nth-child(1) { width: 100%; order: 2; margin-bottom: 75px; }
.top_sub2_cont div:nth-child(2) { width: 100%; text-align: center; order: 1; }
.top_sub2_cont div:nth-child(2) img { width: 70%; margin: 25px 0 0 0; }

ul.solution_list li { text-align: center; }
ul.solution_list li span { margin: -35px 0 10px 0; }

}
@media (max-width:430px) {
.top_sub2_base { background-size: auto 5% !important}
.top_sub2_wrap { padding: 15px 0 15px 15px; }

.top_sub2_cont div:nth-child(2) img { width: 80%; }

.top_sub2_inner { 
background-size: 96%;
background-position: center top -3%; }

.top_sub2_inner { border-radius: 30px 0 0 30px; }
.top_sub2_bg { border-radius: 30px 0 0 30px; }
.top_sub2_base { border-radius: 30px 0 0 30px; }
}




/* recruit */
.top_sub3_wrap { background: #FFFBCA; width: 100%; min-height: 100vh; padding: 50px 0 50px 50px; }
.top_sub3_inner { width: 100%; min-height: 100vh; border-radius: 50px 0 0 50px; background: #fff;
/*background-image: url(../images/recruit_bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: left top;
background-attachment: fixed;
animation: parallax-bg1 linear both;
animation-timeline: view(); }*/
background-image: url(../images/recruit_bg.png);
background-repeat: no-repeat;
background-size: 96%;
background-position: center center;
background-attachment: fixed;
animation: parallax-bg1 linear both;
animation-timeline: view(); }

.top_sub3_bg { width: 100%; min-height: 100vh; border-radius: 50px 0 0 50px; }
.top_sub3_base { width: 100%; min-height: 100vh; position: relative; background:url(../images/txt_recruit_b.png) bottom left 15px no-repeat; background-size: auto 13%; border-radius: 50px 0 0 50px; border: 1px solid #004DA0; border-right: none; backdrop-filter: blur(3px); }
	
.top_sub3_cont { display: flex; width: 90%; }
.top_sub3_cont div:nth-child(1) { width: 60%; padding: 25px; text-align: center; }
.top_sub3_cont div:nth-child(1) p { font-size: 120%; padding: 25px; }
.top_sub3_cont div:nth-child(1) p img { width: 50%; }
.top_sub3_cont div:nth-child(2) { width: 40%; align-content: center; padding: 25px; }

ul.job_list { display: flex; width: 70%; margin: 0 auto; }
ul.job_list li { flex: 1; list-style: none; padding: 25px 5px 0 5px; }
ul.job_list li img { width: 100%; }

@media (min-width:1920px) {
}	
@media (max-width:1680px) {
}
@media (max-width:1536px) { 
}
@media (max-width:1440px) { 
}
@media (max-width:1366px) {
.top_sub3_wrap { padding: 30px 0 30px 30px; }
.top_sub3_base { background-size: auto 12%; }
}
@media (max-width:1280px) {
.top_sub3_cont div:nth-child(1) p img { width: 70%; }
}
@media (max-width:1024px) {
.top_sub3_inner {
background-image: url(../images/sp_recruit_bg.png);
background-size: 60%;
background-position: left -25% top -30%;
background-attachment: local;
animation: none; }

ul.job_list { width: 80%; }
}
@media (max-width:980px) {
.top_sub3_inner {
background-size: 70%;
background-position: left -25% top 25%;
}
	
.top_sub3_cont div:nth-child(1) p img { width: 80%; }
.top_sub3_base { background-size: auto 10%; }
	
ul.job_list { width: 100%; }
}
@media (max-width:820px) {
.top_sub3_cont { width: 95%; }
.top_sub3_cont div:nth-child(1) { padding: 12.5px; }
.top_sub3_cont div:nth-child(1) p { padding: 25px 12.5px; }
.top_sub3_cont div:nth-child(1) p img { width: 90%; padding: 12.5px; }
.top_sub3_cont div:nth-child(2) { padding: 12.5px; }

ul.job_list { width: 100%; }
ul.job_list li { padding: 25px 0 0 0; }
ul.job_list li img { width: 90%; }

}
@media (max-width:600px) {
.top_sub3_inner {
background-size: 120%;
background-position: center top;
}

.top_sub3_base { background-size: auto 7% !important}

.top_sub3_cont { flex-direction: column; margin: 25px auto; }
.top_sub3_cont div:nth-child(1) { width: 100%; order: 2; }
.top_sub3_cont div:nth-child(1) p img { width: 90%; }
.top_sub3_cont div:nth-child(2) { width: 100%; text-align: center; order: 1; }
.top_sub3_cont div:nth-child(2) img { width: 70%; margin-top: 50px; }
}

@media (max-width:430px) {
.top_sub3_wrap { padding: 15px 0 15px 15px; }
.top_sub3_inner { border-radius: 30px 0 0 30px;
}
.top_sub3_bg { border-radius: 30px 0 0 30px; }
.top_sub3_base { border-radius: 30px 0 0 30px; }
.top_sub3_base { background-size: auto 6% !important}

.top_sub3_cont div:nth-child(1) p img { width: 100%; }
.top_sub3_cont div:nth-child(2) img { width: 80%; }

ul.job_list li img { width: 100%; }
}







/* product */
.top_products_wrap {
width: 100%; min-height: 100vh;
background-image:url(../images/news_bg.jpg);
background-size: cover;
background-position: top;
background-attachment: fixed;
}

.top_products_inner {
width: 100%; min-height: 100vh; 
background-image:url(../images/product_bg.png);
background-size: cover;
background-position: top;
background-attachment: fixed;
animation: parallax-bg1 linear both;
animation-timeline: view();
	
text-align: center;
}

.top_products_cont {
width: 100%; min-height: 100vh; backdrop-filter: blur(3px);
background:url(../images/txt_products_w.png) bottom right 15px no-repeat; background-size: auto 13%;
}
p.products_read {
font-size: 120%; padding: 25px;
}

.grad_box { display: inline-block; padding: 10px 150px; color: #fff; margin: 0 auto;
background:linear-gradient(to right, rgba(0, 77, 160, 0) 0%, #004DA0 10%, #004DA0 90%, rgba(0, 77, 160, 0) 100%);
font-size: 120%; }


.product_wrap { display: flex; padding: 25px 50px; }
.product_cont { text-align: center; width: 25%; padding: 25px 10px; }
.product_cont p:nth-child(1) { background: #489F38; color: #fff; display: inline-block; padding: 3px 10px; border-radius: 3px; font-size: 90%; }
.product_cont p:nth-child(2) { }
.product_cont p:nth-child(2) a { display: block; margin: 0 auto; width: 320px; height: 220px; background-color: #fff; border-radius: 25px; margin-top: -10px; border: 5px solid #fff; background-image:url(../images/products/system_gakudou.png); background-position: center center; background-repeat: no-repeat; background-size: 90%; transition: 0.3s; }
.product_cont p:nth-child(2) a:hover { border: 5px solid #E5EDF5; background-size: 100%; transition: 0.3s; }
	
.product_cont p:nth-child(2) a.prod_gakudouhoiku_system_light { background-image:url(../images/products/system_gh_light.png); }
.product_cont p:nth-child(2) a.prod_renracle { background-image:url(../images/products/system_renracle.png); }
.product_cont p:nth-child(2) a.prod_drive_ai { background-image:url(../images/products/system_drive_ai.png); }
.product_cont p:nth-child(2) a.prod_ikkuru { background-image:url(../images/products/system_ikkuru.png); }
.product_cont p:nth-child(2) a.prod_monitoring_ai { background-image:url(../images/products/system_monitoring_ai.png); }
.product_cont p:nth-child(2) a.prod_issay { background-image:url(../images/products/system_issay.png); }
.product_cont p:nth-child(2) a.prod_time_manager { background-image:url(../images/products/system_timemanager.png); }
.product_cont p:nth-child(2) a.prod_data_naraboon { background-image:url(../images/products/system_data_nb.png); }
.product_cont p:nth-child(2) a.prod_delivery_ai { background-image:url(../images/products/system_delivery_ai.png); }

.product_cont p:nth-child(3) { padding: 15px 25px; text-align: left; }

.sp_products { display: none; }

@media (min-width:1920px) {
.product_wrap { padding: 25px 100px; }
}	
@media (max-width:1680px) {
}
@media (max-width:1536px) { 
}
@media (max-width:1440px) {
.product_cont p:nth-child(2) a { width: 270px; height: 185px; }
}
@media (max-width:1366px) {
.top_products_cont { background-size: auto 12%; }
}
@media (max-width:1280px) {
.product_wrap { padding: 15px 25px; }
.product_cont { padding: 15px 0; }
}
@media (max-width:1024px) {
.top_products_wrap {
background-position: left top;
background-attachment: local;
}
.top_products_inner {
background-position: right 30% top;
background-attachment: local;
animation: none;
}
.product_cont p:nth-child(2) a { width: 210px; height: 145px; }
.grad_box { padding: 10px 50px; }
}
@media (max-width:980px) {
.top_products_cont { background-size: auto 10%; }
}
@media (max-width:820px) {
/* product */

.pc_products { display: none; }
	
.sp_products { display: block; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; }
.sp_products::-webkit-scrollbar { height: 10px; }
.sp_products::-webkit-scrollbar-track { background: none; }
.sp_products::-webkit-scrollbar-thumb { background-color: #8b8b8b; border-radius: 5px; }
.sp_products::-webkit-scrollbar-thumb:hover { background-color: #636363; border-radius: 5px; }

	
.product_wrap { padding: 25px 50px; }
.product_cont { width: auto; padding: 25px 25px; }
.product_cont p:nth-child(2) a { width: 320px; height: 220px; }
.product_cont p:nth-child(3) { padding: 15px 15px; }

}
@media (max-width:600px) {
.top_products_cont { background-size: auto 8% !important }
}

@media (max-width:430px) {
.top_products_cont { background-size: auto 7% !important }
	
.product_wrap { padding: 15px 25px; }
.product_cont { width: 100%; padding: 15px 12.5px; }
.product_cont p:nth-child(2) a { width: 260px; height: 180px; }
.product_cont p:nth-child(3) { padding: 15px 15px; }

.grad_box { padding: 10px 25px; }
}



/* パッケージスライドPC */
.swiper-container { overflow: hidden; }
.swiper-wrapper {}
.swiper-slide {}
.swiper-slide .product_wrap { }
.swiper-slide .product_wrap .product_cont { }
.swiper-button-prev,
.swiper-button-next {
width: 48px;
height: 48px;
z-index: 1000;
}
.swiper-button-prev {
position: absolute;
left: 25px;
margin-top: -280px;
}
.swiper-button-next {
position: absolute;
right: 25px;
margin-top: -280px;
}
.swiper-button-prev { background: url(../images/arrow_l_b.png) no-repeat center center / contain; }
.swiper-button-prev:hover { background: url(../images/arrow_l_w.png) no-repeat center center / contain; cursor: pointer; }
.swiper-button-prev::after { content: ""; }
.swiper-button-next { background: url(../images/arrow_r_b.png) no-repeat center center / contain; }
.swiper-button-next:hover { background: url(../images/arrow_r_w.png) no-repeat center center / contain; cursor: pointer; }
.swiper-button-next::after { content: ""; }
	
@media (max-width:1366px) {
.swiper-button-prev,
.swiper-button-next {
width: 36px;
height: 36px;
}
.swiper-button-prev {
left: 15px;
}
.swiper-button-next {
right: 15px;
}
}

@media (max-width:980px) {
.swiper-slide { display: block; }

.swiper-button-prev,
.swiper-button-next {
display: none; }
}






/* productスクロール部分 

.section-pin {
height: 400vh;
overflow: visible;
view-timeline-name: --section-pin;
view-timeline-axis: block;
}

.section-sticky {
width: 100%;
height: 100vh;
position: sticky;
top: 0;

overflow-x: hidden;
}

.section {
padding-left: 260px;
margin: 25px 0;
height: auto;
width: 110vmax;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
animation: horizontalScroll linear both;
animation-timeline: --section-pin;
animation-range: contain 0% contain 100%;
}

@keyframes horizontalScroll {
from { transform: translateX(0); }
to { transform: translateX(-100%); }
}

@media (max-width:1680px) { 
.section {
padding-left: 340px;
width: 130vmax; }
}
@media (max-width:1536px) { 
.section {
padding-left: 450px;
width: 150vmax; }
}
@media (max-width:1440px) { 
.section {
padding-left: 560px;
width: 170vmax; }
}
@media (max-width:1366px) { 
.section {
padding-left: 670px;
width: 190vmax; }
}
@media (max-width:1280px) { 
.section {
padding-left: 780px;
width: 210vmax; }
}

*/


/* news */
.top_news_wrap { width: 100%; min-height: 100vh; 
background-image: url(../images/news_bg.jpg);
background-size: cover;
background-position: top;
background-attachment: fixed;
animation: parallax-bg2 linear both;
animation-timeline: view(); }
.top_news_inner { width: 100%; min-height: 100vh; }
.top_news_bg { width: 100%; min-height: 100vh; background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 95%, #fff 100%); }
.top_news_base { width: 100%; min-height: 100vh; position: relative; background:url(../images/txt_news_w.png) bottom 5px right 15px no-repeat; background-size: auto 13%; }
.top_news_cont { width: 100%; padding: 10%; text-align: center; }
/* お知らせ */
.news_wrapper { }
.news_info_wrap { width: 90%; margin: 25px auto; min-height: auto; max-height: 40vh; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.news_info_wrap ul li { list-style: none; background: rgba(255,255,255,0.8); text-align: left; }
.news_info_wrap ul li a { display: flex; border-top: 1px solid #ccc; background: url(../images/arrow_r_w.png) right 12px center no-repeat; background-size: 24px; text-decoration: none; color: #000; padding: 15px; }
.news_info_wrap ul li:last-child a { border-bottom: 1px solid #ccc; }
.news_info_wrap ul li a p:nth-child(1) { text-align: left; line-height: 1.4em; width: auto; padding: 0 15px 0 0; align-content: center; }
.news_info_wrap ul li a p:nth-child(1) span { font-size: 120%; display: block; align-content: center; white-space: nowrap; }
.news_info_wrap ul li a p:nth-child(2) { width: auto; padding: 0 10px; border-right: 1px solid #ccc; align-content: center; }
.news_info_wrap ul li a p:nth-child(3) { width: auto; padding: 0 25px; align-content: center; }
span.new { font-size: 80%; display: inline-block; color: #fff; background: #FF6464; border-radius: 5px; padding: 0 5px 3px 5px; vertical-align: middle; }
/* スクロールバーカスタム */
.news_info_wrap::-webkit-scrollbar { width: 10px; }
.news_info_wrap::-webkit-scrollbar-track { background: none; }
.news_info_wrap::-webkit-scrollbar-thumb { background-color: #8b8b8b; border-radius: 5px; }
.news_info_wrap::-webkit-scrollbar-thumb:hover { background-color: #636363; border-radius: 5px; }

@media (min-width:1920px) {
}	
@media (max-width:1680px) {
}
@media (max-width:1536px) { 
}
@media (max-width:1440px) { 
}
@media (max-width:1366px) {
.top_news_base { background-size: auto 12%; }
}
@media (max-width:1280px) {
}
@media (max-width:1024px) {
.top_news_wrap {
background-attachment: local;
animation: none; }
}
@media (max-width:980px) {
.top_news_base { background-size: auto 10%; }
}
@media (max-width:820px) {
.news_info_wrap { width: 100%; }
}
@media (max-width:600px) {
.top_news_base { background-size: auto 8% !important}
.news_info_wrap { max-height: 65vh; }
	
.news_info_wrap ul li a { background: url(../images/arrow_r_w.png) right 8px center no-repeat; background-size: 18px; padding: 15px 15px 15px 10px; }
.news_info_wrap ul li a p:nth-child(1) { padding:0; }
.news_info_wrap ul li a p:nth-child(1) span { font-size: 110%; }
.news_info_wrap ul li a p:nth-child(2) { padding: 0 5px; }
.news_info_wrap ul li a p:nth-child(3) { padding: 0 15px 0 10px; }
span.new { font-size: 70%; }

}
@media (max-width:430px) {
.top_news_base { background-size: auto 7.5% !important}
.news_info_wrap { max-height: 50vh; }
}