@charset "UTF-8"; a[id^="voices"]+div .gallery_single_slider .inner_item { opacity: 1 !important; background-color: #fff; padding: 30px; border-radius: 15px; position: relative; } a[id^="voices"]+div .gallery_single_slider .inner_item img { object-fit: cover; height: 200px; width: 100%; max-width: 145px !important; margin-right: 0; } a[id^="voices"]+div .gallery_single_slider .inner_item p.txt { font-size: 2.4rem; color: #572440; border-bottom: 1px solid #572440; margin-bottom: 20px; font-weight: bold; padding-bottom: 10px; } a[id^="voices"]+div .gallery_single_slider .inner_item p.txt2 span { display: block; margin-top: 20px; font-size: 1.6rem; color: var(--i_txt_color); font-weight: bold; } a[id^="voices"]+div .gallery_single_slider .inner_item p { padding-top: 0; } a[id^="voices"]+div .wrapper_item { overflow: visible; } a[id^="voices"]+div .gallery_single_slider .slick-arrow { height: 40px; width: 40px; top: calc(50% - 40px); left: -55px; } a[id^="voices"]+div .gallery_single_slider .slick-next { left: auto !important; right: -55px; } a[id^="voices"]+div .gallery_single_slider .slick-arrow::before { width: 20px; height: 20px; top: calc(50% - 11px); border-top: 2px solid var(--i_txt_color); border-left: 2px solid var(--i_txt_color); } a[id^="voices"]+div ul.slick-dots { display: flex !important; align-items: center; justify-content: center; width: 90%; text-align: center; margin: 40px auto 0; } a[id^="voices"]+div ul.slick-dots li { display: block; width: 8px; height: 8px; overflow: hidden; padding: 0 5px; } a[id^="voices"]+div ul.slick-dots li:marker { display: none; } a[id^="voices"]+div ul.slick-dots button { display: block; width: 100%; height: 100%; border-radius: 100%; text-indent: -10000px; background: transparent; border: 1px solid #fff; cursor: pointer; } a[id^="voices"]+div ul.slick-dots .slick-active button { background: var(--i_bg_color); } @media screen and (max-width: 980px) { a[id^="voices"]+div .gallery_single_slider .slick-arrow { left: -10px; } a[id^="voices"]+div .gallery_single_slider .slick-next { right: -10px; } } @media screen and (min-width: 601px) { a[id^="voices"]+div .gallery_single_slider .inner_item { display: grid; grid-template-columns: 76% 1fr; } a[id^="voices"]+div .gallery_single_slider .inner_item p.txt { grid-column: 1 / 3; grid-row: 1 / 2; } a[id^="voices"]+div .gallery_single_slider .inner_item>span { grid-column: 2 / 3; grid-row: 2 / 2; } } @media screen and (max-width: 600px) { a[id^="voices"]+div .gallery_single_slider .inner_item p.txt { display: block; font-size: 1.8rem; line-height: 1.2em; letter-spacing: 0.1em; padding-bottom: 10px; } a[id^="voices"]+div .gallery_single_slider .slick-track { text-align: left; } a[id^="voices"]+div .gallery_single_slider .inner_item p.txt2 { display: inline; font-size: 1.2rem; line-height: 0; } a[id^="voices"]+div .gallery_single_slider .inner_item p.txt2 span { font-size: 1.2rem; } a[id^="voices"]+div .gallery_single_slider .inner_item>span { float: right; width: 60%; } a[id^="voices"]+div ul.slick-dots { display: none !important; } a[id^="voices"]+div .gallery_single_slider { margin-bottom: 0; } } #voices_obj+div:before, #voices_obj+div:after { position: absolute; display: block; content: ""; width: 131px; height: 228px; bottom: 0; pointer-events: none; } #voices_obj+div:before { left: 50px; background: url("/common/upload_data/aiwininternationalschoolcojp/image/pv_chara01.png") no-repeat bottom left; } #voices_obj+div:after { right: 50px; background: url("/common/upload_data/aiwininternationalschoolcojp/image/pv_chara02.png") no-repeat bottom right; } #voices_obj+div .gallery_single_slider .inner_item:nth-of-type(7)>span, #voices_obj+div .gallery_single_slider .inner_item:nth-of-type(8)>span { display: none; } #voices_obj+div .gallery_single_slider .inner_item:nth-of-type(7), #voices_obj+div .gallery_single_slider .inner_item:nth-of-type(8) { display: inline-block; width: 100%; text-align: left; } #voices_obj+div .gallery_single_slider .inner_item:nth-of-type(7) p.txt, #voices_obj+div .gallery_single_slider .inner_item:nth-of-type(8) p.txt { width: 100%; } @media screen and (min-width: 901px) { a[id^="voices"]+div .contents_btn01 a { padding: 10px 50px !important; } } @media screen and (max-width: 900px) { #voices_obj+div:before, #voices_obj+div:after { display: none; } } .heading.block_header_2 .h { font-weight: bold; font-size: 2.3rem; } .heading.block_header_2 p { font-weight: bold; font-size: 1.8rem; color: var(--i_main_color); } @media screen and (max-width: 800px) { .heading.block_header_2 .h { font-size: 1.8rem; } .heading.block_header_2 p { font-weight: bold; font-size: 1.5rem; color: var(--i_main_color); } } /*見出し*/ @media screen and (min-width: 650px) { .heading.block_header_1 p { padding-right: 30px; } .heading.block_header_1:before { position: absolute; display: contents; content: ""; width: 100%; height: 2px; background: var(--i_main_color); top: 3.5rem; right: 0; pointer-events: none; } } .heading.block_header_1 .h { color: var(--i_main_color); } /*lv*/ #lv p span { font-size: 4rem; } @media screen and (max-width: 600px) { #lv p span { font-size: 3rem; } #lv p { height: 50%; } } /*背景グリーン*/ #nbp6604632\ 6604632, #nbp6604631\ 6604631, #nbp6604636\ 6604636 { background-color: var(--i_sub_color) !important; }