body, h1, h2, h3, h4, h5, table, th, td, ul, li, ol, dl, dt, dd, form, p, table, th, td { margin: 0px; padding: 0px; font-weight: 400; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; list-style-type: none; font-size: 100%; } body { color: #1a1a1a; background-color: #fff; font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; line-height: 1.5; font-size: 16px; -webkit-text-size-adjust: none; word-wrap: break-word; overflow-wrap: break-word; } * html body { font-size: 100%; } *:focus { outline: none; } a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; cursor: pointer; } a img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } img { image-rendering: -webkit-optimize-contrast; display: block; vertical-align: bottom; max-width: 100%; height: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; } input, textArea, select, button { background: none; margin: 0px; outline: none; padding: 0px; font-weight: normal; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; list-style-type: none; font-size: 16px; } button { cursor: pointer; } * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-overflow-scrolling: touch; } @font-face { font-family: "FontAwesome"; src: url("../fonts/fontawesome-webfont.eot?v=4.6.3"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "icomoon"; src: url("../fonts/icomoon.eot?w11z48"); src: url("../fonts/icomoon.eot?w11z48#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?w11z48") format("truetype"), url("../fonts/icomoon.woff?w11z48") format("woff"), url("../fonts/icomoon.svg?w11z48#icomoon") format("svg"); font-weight: normal; font-style: normal; } a:link { color: #1a1a1a; text-decoration: none; } a:visited { color: #1a1a1a; } @media only screen and (min-width: 900.1px) { a { -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } a img { -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } a:hover img { opacity: 0.7; } } .clear:after { content: ""; display: block; clear: both; } .clear_both { clear: both; } .hidden { overflow: hidden; } body { overflow-x: hidden; } #footer { padding: 32px 0 180px; } @media only screen and (max-width: 640px) { #footer { padding: 32px 0 120px; } } @media only screen and (min-width: 640.1px) { #wrapper::before { display: block; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-51%); transform: translateX(-51%); content: ""; background-image: url("../media/images/home/home_main_bg.jpg"); background-repeat: no-repeat; background-position: bottom center; background-size: 100% auto; background-size: cover; width: 104%; height: 993px; z-index: 1; } } @media only screen and (min-width: 640.1px) and (max-width: 1300px) { #wrapper::before { padding-bottom: 35px; height: 75vw; } } #main_visual { position: relative; padding-top: 64px; padding-bottom: 35px; } @media only screen and (max-width: 640px) { #main_visual .main_width { padding: 0 2.5vw; } } @media only screen and (max-width: 900px) { #main_visual { padding-bottom: 35px; } } @media only screen and (max-width: 900px) { #main_visual { padding-top: 20px; padding-bottom: 85px; } } @media only screen and (max-width: 640px) { #main_visual { padding-top: 9.0666666667vw; padding-bottom: 26.6666666667vw; } #main_visual::before { display: block; position: absolute; top: 0; left: calc(50% - 2px); -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; background-image: url(../media/images/home/home_main_bg_sp.jpg); background-repeat: no-repeat; background-position: bottom center; background-size: 100% auto; background-size: cover; width: calc(100% + 2px); height: 100%; z-index: 1; } } #main_visual #home_kv .kv_layout { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #main_visual #home_kv .kv_layout .layout_l { width: 46.6666%; } @media only screen and (max-width: 900px) { #main_visual #home_kv .kv_layout .layout_l { width: calc(50% - 10px); } } @media only screen and (max-width: 640px) { #main_visual #home_kv .kv_layout .layout_l { width: 45.35%; } } #main_visual #home_kv .kv_layout .layout_r { position: relative; width: 53.3333%; padding: 0 10px 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } @media only screen and (max-width: 900px) { #main_visual #home_kv .kv_layout .layout_r { width: calc(50% + 10px); } } @media only screen and (max-width: 640px) { #main_visual #home_kv .kv_layout .layout_r { width: 54.65%; padding: 0 0 0 10px; } } #main_visual #home_kv .kv_layout .layout_r::before { content: ""; background-image: url(../media/images/home/kv_base_pc.png); background-repeat: no-repeat; background-position: top center; background-size: 100% auto; width: 1346px; height: 1346px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media only screen and (max-width: 1024px) { #main_visual #home_kv .kv_layout .layout_r::before { width: 1200px; height: 1200px; } } @media only screen and (max-width: 900px) { #main_visual #home_kv .kv_layout .layout_r::before { width: 1000px; height: 1000px; } } @media only screen and (max-width: 768px) { #main_visual #home_kv .kv_layout .layout_r::before { width: 800px; height: 800px; } } @media only screen and (max-width: 640px) { #main_visual #home_kv .kv_layout .layout_r::before { display: none; } } #main_visual #home_kv .kv_layout .img { position: relative; z-index: 1; } #main_visual #home_kv .kv_layout .img_main05 { padding: 1.25em 1.5em; -webkit-transform: translateX(0.5em); transform: translateX(0.5em); background: #fffde1; border-radius: 0.9em; max-width: 545px; margin: 1em auto 0; } @media only screen and (max-width: 900px) { #main_visual #home_kv .kv_layout .img_main05 { padding: 1.78vw 1.7vw; border-radius: 1.7vw; } } @media only screen and (max-width: 640px) { #main_visual #home_kv .kv_layout { position: relative; } #main_visual #home_kv .kv_layout::before { content: ""; background: url(../media/images/home/kv_base_sp.png) center/contain no-repeat; width: calc(100% + 5vw); height: calc(100% + 50vw); position: absolute; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } #main_visual #home_kv .credit { font-size: 14px; font-weight: 500; line-height: 1.8; margin-top: 0.2em; color: #333; } #main_visual #home_kv .credit_2 { font-size: 12px; font-weight: 500; line-height: 1.8; text-align: center; margin-top: 24px; width: 100%; text-align: center; z-index: 1; } @media only screen and (max-width: 1100px) { #main_visual #home_kv .credit_2 { font-size: 11px; } } @media only screen and (max-width: 1024px) { #main_visual #home_kv .credit_2 { font-size: 10px; } } @media only screen and (max-width: 900px) { #main_visual #home_kv .credit_2 { font-size: 1.2vw; } } @media only screen and (max-width: 640px) { #main_visual #home_kv .credit_2 { font-size: 12px; text-align: right; letter-spacing: -0.05em; } } @media only screen and (max-width: 500px) { #main_visual #home_kv .credit_2 { font-size: 11px; } } @media only screen and (max-width: 480px) { #main_visual #home_kv .credit_2 { font-size: 10px; } } @media only screen and (max-width: 400px) { #main_visual #home_kv .credit_2 p { -webkit-transform: scale(0.8); transform: scale(0.8); margin: auto -10%; } } @media only screen and (max-width: 350px) { #main_visual #home_kv .credit_2 p { -webkit-transform: scale(0.7); transform: scale(0.7); margin: auto -15%; } } @media only screen and (max-width: 640px) { #main_visual #home_kv .kv_layout { padding-bottom: calc(23.5vw + 2em); } #main_visual #home_kv .kv_layout .img_main02 { margin-bottom: 2.6666666667vw; } #main_visual #home_kv .kv_layout .img_main04, #main_visual #home_kv .kv_layout .img_main05, #main_visual #home_kv .kv_layout .credit_2 { position: absolute; right: 0; width: 95vw; } #main_visual #home_kv .kv_layout .img_main04 { bottom: -10.5vw; } #main_visual #home_kv .kv_layout .img_main04 img { width: 614px; margin: auto; } #main_visual #home_kv .kv_layout .img_main05 { bottom: -27vw; max-width: 100vw; padding: 1.78vw 1.7vw 1.4vw; -webkit-transform: translateX(0); transform: translateX(0); } #main_visual #home_kv .kv_layout .img_main05 img { width: 100%; max-width: 614px; margin: auto; } #main_visual #home_kv .kv_layout .credit { position: relative; z-index: 1; margin-top: 0.1em; font-size: 2.6666666667vw; } #main_visual #home_kv .kv_layout .credit_2 { left: auto; bottom: -25vw; bottom: calc(-26.5vw - 3em); } } @supports ( (background-image: -webkit-image-set(url("image.webp") type("image/webp"))) or (background-image: image-set(url("image.webp") type("image/webp"))) ) { @media only screen and (min-width: 640.1px) { #wrapper::before { background-image: url("../media/images/home/home_main_bg.jpg.webp"); } } @media only screen and (max-width: 640px) { #main_visual::before { background-image: url("../media/images/home/home_main_bg_sp.jpg.webp"); } } #main_visual #home_kv .kv_layout .layout_r::before { background-image: url("../media/images/home/kv_base_pc.png.webp"); } @media only screen and (max-width: 640px) { #main_visual #home_kv .kv_layout .layout_r::before { background-image: url("../media/images/home/kv_base_sp.png.webp"); } } } main { background-color: #4f41c8; background-image: url("../media/images/common/main-bottom_bg.jpg"); background-position: bottom; background-size: contain; background-repeat: no-repeat; position: relative; } @media only screen and (min-width: 1366.1px) { main { background-size: 1366px auto; } main::before, main::after { content: ""; display: block; position: absolute; bottom: 0; width: 100%; height: 100%; background-image: url("../media/images/common/main-bottom_bg.jpg"); background-size: 1366px auto; background-repeat: no-repeat; -webkit-transform: scaleX(-1); transform: scaleX(-1); } main::before { left: calc(50% - 683px); translate: -100% 0; background-position: bottom left; } main::after { right: calc(50% - 683px); translate: 100% 0; background-position: bottom right; } } @media only screen and (max-width: 640px) { main { background-image: url("../media/images/common/main-bottom_bg_sp.jpg"); background-size: 1083px auto; } } @supports ( (background-image: -webkit-image-set(url("image.webp") type("image/webp"))) or (background-image: image-set(url("image.webp") type("image/webp"))) ) { main { background-image: url("../media/images/common/main-bottom_bg.jpg.webp"); } @media only screen and (max-width: 640px) { main { background-image: url("../media/images/common/main-bottom_bg_sp.jpg.webp"); } } } #course_disney { position: relative; z-index: 2; } #course_disney:before { position: absolute; top: 1px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: block; content: ""; width: 100%; height: 100%; border-radius: 80px; background: #fff; overflow: hidden; background: -webkit-gradient( linear, left top, left bottom, from(#e65bc9), color-stop(20%, #f7b5b4), color-stop(50%, #7433b7), color-stop(77%, #7433b7), color-stop(83%, #013ccb) ); background: linear-gradient( #e65bc9 0%, #f7b5b4 20%, #7433b7 50%, #7433b7 77%, #013ccb 83% ); z-index: 1; } @media only screen and (max-width: 900px) { #course_disney { margin-top: -60px; } #course_disney:before { border-radius: 8vw; } } @media only screen and (max-width: 640px) { #course_disney { margin-top: -18.6666666667vw; } #course_disney:before { background: -webkit-gradient( linear, left top, left bottom, from(#e65bc9), color-stop(50%, #f7b5b4), color-stop(56%, #7433b7), color-stop(85%, #7433b7), color-stop(90%, #013ccb) ); background: linear-gradient( #e65bc9 0%, #f7b5b4 50%, #7433b7 56%, #7433b7 85%, #013ccb 90% ); background: -webkit-gradient( linear, left top, left bottom, from(#f7b5b4), color-stop(50%, #f7b5b4), to(#e65bc9) ); background: linear-gradient(#f7b5b4 0%, #f7b5b4 50%, #e65bc9 100%); } } .course_wrap { position: relative; } .course_wrap > div { position: relative; z-index: 3; } .course_wrap:before, .course_wrap:after { display: block; content: ""; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; width: calc(100% + 2px); z-index: 2; } .course_wrap:before { height: 600px; border-top-right-radius: 80px; border-top-left-radius: 80px; top: 0; background: -webkit-gradient( linear, left top, left bottom, from(rgb(255, 255, 255)), color-stop(33%, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)) ); background: linear-gradient( rgb(255, 255, 255) 0%, rgb(255, 255, 255) 33%, rgba(255, 255, 255, 0) 100% ); } .course_wrap:after { height: 250px; border-bottom-left-radius: 80px; border-bottom-right-radius: 80px; bottom: -1px; background: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(80%, rgba(255, 255, 255, 0.8)), to(rgb(255, 255, 255)) ); background: linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 80%, rgb(255, 255, 255) 100% ); } @media only screen and (max-width: 900px) { .course_wrap:before { border-top-right-radius: 8vw; border-top-left-radius: 8vw; } .course_wrap::after { height: 8vw; border-bottom-left-radius: 8vw; border-bottom-right-radius: 8vw; } } @media only screen and (max-width: 640px) { .course_wrap { margin-top: 20px; } .course_wrap:before { top: -5px; border-top-right-radius: 37px; border-top-left-radius: 37px; } .course_wrap::after { height: 24vw; bottom: -3px; border-bottom-left-radius: 37px; border-bottom-right-radius: 37px; background-color: #fff; } } #fix_cv { position: relative; z-index: 10; } #fix_cv .fix_cv_inner { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: auto; height: 230px; } @media only screen and (max-width: 640px) { #fix_cv .fix_cv_inner { height: 360px; } } #fix_cv .fix_cv_ttl { width: 100%; font-size: 28px; color: #3953d1; font-weight: 700; line-height: 1.5; margin: -0.2em auto 0; } @media only screen and (max-width: 640px) { #fix_cv .fix_cv_ttl { font-size: 20px; } } #fix_cv .fix_cv_read { width: 100%; font-size: 16px; color: #3953d1; font-weight: 500; line-height: 1.5; margin: 0.5em auto 2.6em; } @media only screen and (max-width: 640px) { #fix_cv .fix_cv_read { font-size: 13px; margin: 1.5em auto 2em; line-height: 1.75; } } #fix_cv .fix_cv_cont_li { width: calc(50% - 10px); } @media only screen and (max-width: 640px) { #fix_cv .fix_cv_cont_li { width: 100%; } #fix_cv .fix_cv_cont_li:nth-of-type(n + 2) { margin-top: 10px; } } #fix_cv .fix_cv_item { border: solid 3px #fff; border-radius: 17px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 120px; padding: 10px; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; -webkit-box-shadow: 0 0 64px rgba(0, 136, 231, 0.3); box-shadow: 0 0 64px rgba(0, 136, 231, 0.3); } #fix_cv .fix_cv_item .fix_cv_item_ttl { font-size: 16px; font-weight: 700; margin: 0.25em auto 0.75em; line-height: 1.1; letter-spacing: 0.015em; } #fix_cv .fix_cv_item .fix_cv_item_caution { font-size: 11px; font-weight: 500; margin: 0.75em auto 0; line-height: 1.1; letter-spacing: 0.015em; } #fix_cv .fix_cv_item .fix_cv_btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } #fix_cv .fix_cv_item .fix_cv_btn .cv_btn_item { width: 100%; } @media only screen and (min-width: 640.1px) { #fix_cv .fix_cv_item .fix_cv_btn .cv_btn_item { max-width: 222px; } #fix_cv .fix_cv_item .fix_cv_btn .cv_btn_item.-half { width: calc(50% - 5px); max-width: 161px; } #fix_cv .fix_cv_item .fix_cv_btn .cv_btn_item.-half:nth-child(1) { margin-right: 5px; } #fix_cv .fix_cv_item .fix_cv_btn .cv_btn_item.-half:nth-child(2) { margin-left: 5px; } } @media only screen and (max-width: 640px) { #fix_cv .fix_cv_item .fix_cv_btn .cv_btn_item { max-width: 190px; } #fix_cv .fix_cv_item .fix_cv_btn .cv_btn_item.-half { width: calc(50% - 5px); max-width: 130px; } #fix_cv .fix_cv_item .fix_cv_btn .cv_btn_item.-half:nth-child(1) { margin-right: 5px; } #fix_cv .fix_cv_item .fix_cv_btn .cv_btn_item.-half:nth-child(2) { margin-left: 5px; } } @media (hover: hover) { #fix_cv .fix_cv_item .fix_cv_btn .cv_btn_item { -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } #fix_cv .fix_cv_item .fix_cv_btn .cv_btn_item:hover { opacity: 0.7; } } @media only screen and (max-width: 640px) { #fix_cv .fix_cv_item { height: 98px; border: solid 2px #fff; border-radius: 9px; max-width: 309px; margin-left: auto; margin-right: auto; } #fix_cv .fix_cv_item .fix_cv_item_ttl { font-size: 13px; margin: 0.25em auto 0.75em; } #fix_cv .fix_cv_item .fix_cv_item_caution { font-size: 10px; margin: 0.75em auto 0; } } #fix_cv .fix_cv_item.-webcomic { background-image: linear-gradient(135deg, #78d3c5, #1bb1de); } #fix_cv .fix_cv_item.-webcomic .fix_cv_btn .cv_btn_item { color: #1bb1de; } #fix_cv .fix_cv_item.-papercomic { background-image: linear-gradient(135deg, #5497e6 1%, #2b30b9); } #fix_cv .fix_cv_item.-papercomic .fix_cv_btn .cv_btn_item { color: #3953d1; } #fix_cv .cv_btn_item { height: 33px; width: 100%; background: #fff; border-radius: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; font-size: 14px; font-weight: 700; } @media only screen and (max-width: 640px) { #fix_cv .cv_btn_item { height: 30px; border-radius: 15px; font-size: 12px; } } #fix_cv .fix_cv_cont { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 820px; margin: auto; } #fix_cv .fix_cv_cont.-fixed { position: fixed; bottom: -230px; left: 50%; translate: -50% 0; z-index: 10; -webkit-transition: bottom 0.8s, opacity 0.5s; transition: bottom 0.8s, opacity 0.5s; opacity: 0; } #fix_cv .fix_cv_cont.-fixed.-in { bottom: 30px; opacity: 1; } @media only screen and (max-width: 640px) { #fix_cv .fix_cv_cont.-fixed { width: calc(100% - 20px); bottom: -85px; } #fix_cv .fix_cv_cont.-fixed .fix_cv_cont_li { width: calc(50% - 2px); } #fix_cv .fix_cv_cont.-fixed .fix_cv_cont_li:nth-of-type(n + 2) { margin-top: 0; } #fix_cv .fix_cv_cont.-fixed.-in { bottom: 10px; } #fix_cv .fix_cv_cont.-fixed .fix_cv_item { height: 83px; } #fix_cv .fix_cv_cont.-fixed .fix_cv_item .fix_cv_item_ttl { font-size: 11px; margin: 0 auto 0.75em; margin: 0 -1em 0.75em; } #fix_cv .fix_cv_cont.-fixed .fix_cv_item .fix_cv_item_caution { display: none; } #fix_cv .fix_cv_cont.-fixed .fix_cv_item .sp-fix-none { display: none; } #fix_cv .fix_cv_cont.-fixed .fix_cv_item .cv_btn_item { height: 35px; border-radius: 17px; } #fix_cv .fix_cv_cont.-fixed .fix_cv_item .cv_btn_item.-half { width: auto; max-width: 100%; } #fix_cv .fix_cv_cont.-fixed .fix_cv_item .cv_btn_item.-half:nth-child(1) { margin-right: 2px; width: 70px; width: 42.17%; } #fix_cv .fix_cv_cont.-fixed .fix_cv_item .cv_btn_item.-half:nth-child(2) { margin-left: 2px; width: 92px; width: 57.83%; } } @media only screen and (max-width: 900px) { .course_block { padding-bottom: 10px; } } @media only screen and (max-width: 640px) { .course_block { padding-bottom: 0px; } } .course_set { position: relative; z-index: 1; padding-top: 52px; padding-bottom: 70px; padding-bottom: 30px; } @media only screen and (max-width: 900px) { .course_set { padding-top: 60px; margin-top: -20px; padding-bottom: 35px; } } @media only screen and (max-width: 640px) { .course_set { padding-top: 60px; margin-top: -20px; padding-bottom: 35px; } .course_set:last-of-type { padding-bottom: 66px; } } .course_set .course_inner { border-radius: 40px; position: relative; z-index: 1; -webkit-box-shadow: 0 0 64px rgba(0, 136, 231, 0.3); box-shadow: 0 0 64px rgba(0, 136, 231, 0.3); border: solid 3px #fff; } .course_set .course_inner:before, .course_set .course_inner:after { display: block; content: ""; position: absolute; width: 362px; height: 295px; background-size: contain; background-repeat: no-repeat; background-position: center; } .course_set .course_inner:before { background-image: url("../media/images/home/kumo1.png"); top: 15%; left: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .course_set .course_inner:after { background-image: url("../media/images/home/kumo2.png"); bottom: 15%; right: 0; -webkit-transform: translateX(50%); transform: translateX(50%); } .course_set .course_inner .course_border { border: solid 20px #fff; border-radius: 34px; position: relative; z-index: 2; background-color: #fff; } .course_set .course_inner .course_border .course_border_inr { background: #3953d1; border-radius: 21px; } .course_set .course_inner .course_border .course_cont { background: none; padding: 0px 60px 20px; } @media only screen and (max-width: 640px) { .course_set .course_inner { border-radius: 20px; border: solid 3px #fff; max-width: 534px; margin-left: auto; margin-right: auto; } .course_set .course_inner:before, .course_set .course_inner:after { width: 28.125vw; height: 23.125vw; } .course_set .course_inner:before { top: 5%; } .course_set .course_inner:after { bottom: 15%; } .course_set .course_inner .course_border { border: solid 12px #fff; border-radius: 15px; background: #fff; } .course_set .course_inner .course_border .course_border_inr { background: #3953d1; border-radius: 11px; } .course_set .course_inner .course_border .course_cont { padding: 0px 14px 20px; } .course_set .course_inner .course_border .course_ttl { padding: 2.4em 0 0.4em; } .course_set .course_inner .course_border .course_read { text-align: center; } .course_set .course_inner .course_border .flat_cont .cont_txt.content_center .course_pairs { margin-left: auto; text-align: center; } } .course_set .course_ttl { position: relative; z-index: 1; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1.95em 0 2.05em; padding: 1.65em 0 1.75em; } .course_set .course_ttl.ttl_bg { background: #fff; background: #3953d1; position: relative; border-radius: 40px 40px 0 0; -webkit-box-shadow: 0px 0px 64px 0px rgba(230, 92, 92, 0.15); box-shadow: 0px 0px 64px 0px rgba(230, 92, 92, 0.15); } @media only screen and (max-width: 640px) { .course_set .course_ttl.ttl_bg { border-radius: 20px 20px 0 0; } } .course_set .course_ttl.ttl_bg::before { content: ""; background-image: url(../media/images/common/deco01.png); background-repeat: no-repeat; background-position: top center; background-size: 100% auto; width: 316px; height: 414px; position: absolute; left: -172px; top: -277px; } @media only screen and (max-width: 900px) { .course_set .course_ttl.ttl_bg::before { width: 100px; height: 131px; width: 100px; height: 131px; left: -10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .course_set .course_ttl.ttl_bg::after { content: ""; background-image: url(../media/images/common/deco01.png); background-repeat: no-repeat; background-position: top center; background-size: 100% auto; width: 316px; height: 414px; position: absolute; right: -100px; top: -90px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media only screen and (max-width: 900px) { .course_set .course_ttl.ttl_bg::after { width: 100px; height: 131px; right: -10px; top: 50%; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } } .course_set .course_ttl .ttl_icon { background: #ffe940; overflow: hidden; position: absolute; z-index: 10; } @media only screen and (min-width: 640.1px) { .course_set .course_ttl .ttl_icon { bottom: 14px; left: 96px; width: 172px; height: 172px; border-radius: 50%; } } @media only screen and (min-width: 640.1px) and (max-width: 900px) { .course_set .course_ttl .ttl_icon { left: 10.6666vw; width: 100px; height: 100px; } } @media only screen and (max-width: 640px) { .course_set .course_ttl .ttl_icon { left: 50%; top: 1em; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); height: 76px; border: solid 3px #fff; border-radius: 38px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 1.5em; } .course_set .course_ttl .ttl_icon img { max-width: 198px; width: 198px; } } .course_set .course_ttl h2 { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .course_set .course_ttl h2 .-main { font-size: 40px; font-weight: bold; display: block; } @media only screen and (max-width: 900px) { .course_set .course_ttl h2 .-main { font-size: 30px; } } .course_set .course_ttl h2 .-sub { font-size: 29px; font-weight: bold; display: block; line-height: 1; } @media only screen and (max-width: 900px) { .course_set .course_ttl { padding: 1.4em 0; } .course_set .course_ttl h2 .-main { font-size: 30px; } } @media only screen and (max-width: 640px) { .course_set .course_ttl { padding: 1.4em 0; } .course_set .course_ttl h2 .-main { font-size: 18px; } .course_set .course_ttl h2 .-sub { font-size: 17px; font-weight: bold; display: block; line-height: 1; } } .course_set .course_cont { background: #fff; border-radius: 0 0 36px 36px; padding: 40px 80px 60px; position: relative; z-index: 1; } @media only screen and (max-width: 1200px) { .course_set .course_cont { padding: 3.3333333vw 6.6666666vw 4.44444444vw; } } @media only screen and (max-width: 1100px) { .course_set .course_cont { padding: 2vw 4vw 3vw; } } @media only screen and (max-width: 640px) { .course_set .course_cont { padding: 4.26666666vw; border-radius: 0 0 8px 8px; } } .course_set:first-of-type { padding-top: 80px; } @media only screen and (max-width: 900px) { .course_set:first-of-type { padding-top: 5.5vw; } } @media only screen and (max-width: 640px) { .course_set:first-of-type { padding-top: 36px; } } .course_set .col_harf { position: relative; } .course_set .row_cont { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 40px; } @media only screen and (max-width: 1200px) { .course_set .row_cont { padding-top: 5vw; } } @media only screen and (max-width: 1100px) { .course_set .row_cont { padding-top: 3vw; } } @media only screen and (max-width: 640px) { .course_set .row_cont { padding-top: 0; } } .course_set .row_cont .col_harf { position: relative; width: calc(50% - 20px); } .course_set .row_cont .col_wide { width: 100%; } @media only screen and (max-width: 1200px) { .course_set .row_cont .col_harf { width: calc(50% - 1.25vw); } } @media only screen and (max-width: 640px) { .course_set .row_cont .col_harf { width: 100%; } .course_set .row_cont .col_harf + .col_harf, .course_set .row_cont .col_harf + .col_wide { margin-top: 20px; } } @media only screen and (max-width: 640px) and (max-width: 640px) { .course_set .row_cont .col_harf + .col_harf, .course_set .row_cont .col_harf + .col_wide { margin-top: 10px; } } .course_set .col_inr { position: relative; } .course_set .col_inr > div + div { margin-top: 0.5em; } .course_set .cont_image_credit { margin: 0.15em 0 0 0; font-size: 81.3%; } @media only screen and (max-width: 1200px) { .course_set .cont_image_credit { font-size: 1.0833333vw; } } @media only screen and (max-width: 1100px) { .course_set .cont_image_credit { font-size: 1vw; } } @media only screen and (max-width: 640px) { .course_set .cont_image_credit { font-size: 62.5%; } } @media only screen and (max-width: 480px) { .course_set .cont_image_credit { font-size: 2.5vw; } } .course_set .cont_txt { position: relative; } .course_set .cont_txt .course_read { font-size: 162.5%; font-weight: bold; line-height: 1.4; } .course_set .cont_txt .course_read > span { display: inline-block; } @media only screen and (max-width: 1200px) { .course_set .cont_txt .course_read { font-size: 2vw; } } @media only screen and (max-width: 640px) { .course_set .cont_txt .course_read { font-size: 125%; } } @media only screen and (max-width: 640px) { .course_set .cont_txt .course_read { font-size: 125%; } } @media only screen and (max-width: 480px) { .course_set .cont_txt .course_read { font-size: 5vw; } .course_set .cont_txt .course_read > span { display: inline; } } .course_set .cont_txt .course_pairs { font-weight: 700; color: #1bb1de; font-size: 175%; } .course_set .cont_txt .course_pairs > span { font-size: 200%; font-family: "Bodoni Moda", serif; } .course_set .cont_txt .course_pairs > span.-plus { display: inline-block; overflow: hidden; text-indent: -2em; width: 0.8em; height: 1em; position: relative; top: 0.25em; } .course_set .cont_txt .course_pairs > span.-plus::before, .course_set .cont_txt .course_pairs > span.-plus::after { position: absolute; display: block; content: ""; width: 0.4em; height: 1px; top: 22px; left: 13px; background: #1a1a1a; } .course_set .cont_txt .course_pairs > span.-plus::before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .course_set .cont_txt .course_pairs .-small { font-size: 24px; font-weight: 700; } @media only screen and (max-width: 1200px) { .course_set .cont_txt .course_pairs { font-size: 2.1vw; } } @media only screen and (max-width: 640px) { .course_set .cont_txt .course_pairs { font-size: 87.5%; font-size: 14px; } .course_set .cont_txt .course_pairs > span { font-size: 30px; } .course_set .cont_txt .course_pairs > span.-plus { top: 0; width: 0.6em; } .course_set .cont_txt .course_pairs > span.-plus::before, .course_set .cont_txt .course_pairs > span.-plus::after { width: 0.5em; height: 1px; top: 5vw; left: 0; } .course_set .cont_txt .course_pairs > span.-plus::before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .course_set .cont_txt .course_pairs .-small { font-size: 3.5vw; font-weight: 700; display: block; } } .course_set .course_invitation dl { border: solid 3px #ebf0fa; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 1em; text-align: center; background: #fff; } .course_set .course_invitation dl dt, .course_set .course_invitation dl dd { font-weight: bold; } .course_set .course_invitation dl dt { background: #ebf0fa; color: #1bb1de; padding: 0.35em 1em 0.55em; font-size: 112.5%; } .course_set .course_invitation dl dd { padding: 1.2em 1em 0.75em; font-size: 81.3%; } .course_set .course_invitation dl dd > span { font-family: "Spartan", sans-serif; } .course_set .course_invitation dl dd > span.big { font-size: 143.8%; letter-spacing: 0.01em; } @media only screen and (max-width: 1200px) { .course_set .course_invitation dl dt { padding: 0.46vw 0 0.733333vw; font-size: 1.5vw; } .course_set .course_invitation dl dd { padding: 1.8vw 0 1vw; font-size: 1.0833333vw; } .course_set .course_invitation dl dd > span { font-family: "Spartan", sans-serif; } .course_set .course_invitation dl dd > span.big { font-size: 1.9166666vw; } } @media only screen and (max-width: 640px) { .course_set .course_invitation dl { border-radius: 0.5em; } .course_set .course_invitation dl dt { font-size: 2.9166666vw; } .course_set .course_invitation dl dd { padding: 3vw 0 1vw; font-size: 2.0833333vw; } .course_set .course_invitation dl dd > span.big { font-size: 3.3333333vw; } } @media only screen and (max-width: 480px) { .course_set .course_invitation dl dt { font-size: 2.9166666vw; font-size: 3.5vw; } .course_set .course_invitation dl dd { font-size: 2.8vw; } .course_set .course_invitation dl dd > span.big { font-size: 3.6vw; } } .course_set .cont_desc { margin: 0.85em 0 0; font-size: 87.5%; letter-spacing: -0.025em; } @media only screen and (max-width: 900px) { .course_set .cont_desc { font-size: 75%; } } @media only screen and (max-width: 640px) { .course_set .cont_desc { font-size: 87.5%; } } .course_set .cont_caution { margin: 0.25em 0 0 0; } .course_set .border_box { border: solid 12px #ebf0fa; border-radius: 16px; padding: 50px; } @media only screen and (max-width: 1200px) { .course_set .border_box { border: solid 1vw #ebf0fa; padding: 4.1666666vw; } } @media only screen and (max-width: 1100px) { .course_set .border_box { border: solid 0.8vw #ebf0fa; } } @media only screen and (max-width: 640px) { .course_set .border_box { border: solid 2px #ebf0fa; padding: 4.2666666vw; } } .course_set .icon_gradeup p { text-align: center; font-weight: bold; color: #ff008c; line-height: 1.1; } @media only screen and (min-width: 640.1px) { .course_set .icon_gradeup { position: absolute; z-index: 1; width: 162px; height: 164px; background: url("../media/images/home/icon_gradeup.png") center/contain no-repeat; -webkit-transform: translate(-40px, -52px); transform: translate(-40px, -52px); top: 0; left: 0; } .course_set .icon_gradeup p { font-size: 100%; width: 100%; display: block; position: absolute; left: 50%; top: 60%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .course_set .icon_gradeup p > span { display: inline-block; } .course_set .icon_gradeup p:before { content: "GRADEUP!!"; width: 4em; display: inline-block; position: absolute; left: 50%; left: calc(50% - 0.05em); top: 0; -webkit-transform: translate(-50%, -120%); transform: translate(-50%, -120%); color: #000; font-family: "Montserrat", sans-serif; font-size: 106.3%; font-weight: 800; line-height: 1; letter-spacing: -0.05em; } } @media only screen and (min-width: 640.1px) and (max-width: 1200px) { .course_set .icon_gradeup { width: 13.5vw; height: 13.66666vw; -webkit-transform: translate(-3.3333333vw, -4.3333333vw); transform: translate(-3.3333333vw, -4.3333333vw); } .course_set .icon_gradeup p { font-size: 1.333333vw; } .course_set .icon_gradeup p:before { font-size: 1.4166666vw; } } @media only screen and (max-width: 640px) { .course_set .icon_gradeup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 2.6em; font-size: 87.5%; border-radius: 1.3em; background: #ffe940; margin-bottom: 0.6em; position: relative; } .course_set .icon_gradeup::after { content: ""; width: 10px; height: 10px; background: #ffe940; position: absolute; bottom: 0; left: 50%; -webkit-transform: scaleX(0.7) translate(-50%, 50%) rotate(45deg); transform: scaleX(0.7) translate(-50%, 50%) rotate(45deg); } .course_set .icon_gradeup p { font-size: 100%; position: relative; z-index: 1; } } .course_set .icon_entry5kuchi p { text-align: center; font-weight: bold; color: #ff008c; line-height: 1.1; } @media only screen and (min-width: 640.1px) { .course_set .icon_entry5kuchi { position: absolute; z-index: 1; width: 148px; height: 148px; -webkit-transform: translate(-13.513513%, -33.7878%); transform: translate(-13.513513%, -33.7878%); top: 0; left: 0; } .course_set .icon_entry5kuchi::before { position: absolute; display: block; content: ""; left: 50%; top: 50%; width: 100%; height: 100%; border-radius: 50%; background: #ffe940; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .course_set .icon_entry5kuchi::after { position: absolute; display: block; content: ""; left: 0%; bottom: 0%; width: 66.216216%; height: 66.216216%; border-radius: 50%; background: #ffe940; -webkit-transform: translate(-33%, 85%); transform: translate(-33%, 85%); background: url("../media/images/home/icon_entry5kuchi_arr.png") center/contain no-repeat; } .course_set .icon_entry5kuchi p { font-size: 100%; width: 100%; display: block; position: absolute; z-index: 1; left: 50%; top: 50%; line-height: 1.3; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .course_set .icon_entry5kuchi p > span { display: inline-block; } } @media only screen and (min-width: 640.1px) and (max-width: 1200px) { .course_set .icon_entry5kuchi { width: 11vw; height: 11vw; -webkit-transform: translate(-10%, -40%); transform: translate(-10%, -40%); } .course_set .icon_entry5kuchi p { font-size: 1.333333vw; } } @media only screen and (max-width: 640px) { .course_set .icon_entry5kuchi { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 2.6em; font-size: 87.5%; border-radius: 1.3em; background: #ffe940; margin-bottom: 0.6em; position: relative; } .course_set .icon_entry5kuchi::after { content: ""; width: 10px; height: 10px; background: #ffe940; position: absolute; bottom: 0; left: 50%; -webkit-transform: scaleX(0.7) translate(-50%, 50%) rotate(45deg); transform: scaleX(0.7) translate(-50%, 50%) rotate(45deg); } .course_set .icon_entry5kuchi p { font-size: 100%; position: relative; z-index: 1; } } .course_set .cont_txt .option_ttl { font-size: 187.5%; font-weight: bold; line-height: 1.4; color: #1bb1de; text-align: center; } .course_set .cont_txt .option_ttl > span { display: block; } @media only screen and (max-width: 1200px) { .course_set .cont_txt .option_ttl { font-size: 2.5vw; } } @media only screen and (max-width: 1100px) { .course_set .cont_txt .option_ttl { font-size: 2.5vw; } } @media only screen and (max-width: 640px) { .course_set .cont_txt .option_ttl { font-size: 125%; } } @media only screen and (max-width: 480px) { .course_set .cont_txt .option_ttl { font-size: 5vw; } } .course_set .cont_txt .option_read { font-size: 125%; font-weight: bold; line-height: 1.4; margin-top: 1.15em; } .course_set .cont_txt .option_read > span { display: inline-block; } @media only screen and (max-width: 1200px) { .course_set .cont_txt .option_read { font-size: 1.6666666vw; } } @media only screen and (max-width: 1100px) { .course_set .cont_txt .option_read { font-size: 1.5vw; } } @media only screen and (max-width: 640px) { .course_set .cont_txt .option_read { font-size: 100%; } } .course_set .cont_txt .option_pairs { font-weight: 700; color: #1bb1de; font-size: 125%; } .course_set .cont_txt .option_pairs > span { font-size: 180%; font-family: "Bodoni Moda", serif; } @media only screen and (max-width: 1200px) { .course_set .cont_txt .option_pairs { font-size: 1.6666666vw; } } @media only screen and (max-width: 1100px) { .course_set .cont_txt .option_pairs { font-size: 1.5vw; } } @media only screen and (max-width: 640px) { .course_set .cont_txt .option_pairs { font-size: 87.5%; } } .course_set .cont_txt .chartering_balloon { position: absolute; right: 0; top: 0; width: 120px; height: 121px; -webkit-transform: translate(60%, -100%); transform: translate(60%, -100%); } @media only screen and (max-width: 1200px) { .course_set .cont_txt .chartering_balloon { width: 10vw; height: 10.083333vw; } } @media only screen and (max-width: 640px) { .course_set .cont_txt .chartering_balloon { width: 20.8vw; height: 21.866666vw; -webkit-transform: translate(0%, -100%); transform: translate(0%, -100%); } } @media only screen and (max-width: 480px) { .course_set .cont_txt .chartering_balloon { -webkit-transform: translate(40%, -160%); transform: translate(40%, -160%); } } .course_set .cont_txt + .cont_caution { margin: 1.5em 0 0 0; } .course_set .ft_application p { font-size: 150%; font-weight: bold; text-align: center; } .course_set .ft_application p + .button { margin-top: 1em; } @media only screen and (max-width: 900px) { .course_set .ft_application p { font-size: 100%; } } .course_set .ft_application .ft_application_button { max-width: 614px; margin: 40px auto 0; } .course_set .ft_application .ft_application_button a { position: relative; -webkit-transition: 0.5s; transition: 0.5s; display: block; margin: 0 auto; } .course_set .ft_application .ft_application_button a::before { content: ""; -webkit-transition: 0.5s; transition: 0.5s; background: #1bb1de; border-radius: 100vh; display: block; width: 100%; height: 100%; position: absolute; top: 4px; left: 0; z-index: 1; } .course_set .ft_application .ft_application_button a > span { border: solid 3px #1bb1de; background: #fff; border-radius: 100vh; color: #1bb1de; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 150%; font-weight: bold; line-height: 1.2; text-align: center; position: relative; z-index: 2; height: 96px; } .course_set .ft_application .ft_application_button a > span span { display: inline-block; text-align: center; } .course_set .ft_application .ft_application_button a > span span span { display: inline-block; } @media only screen and (max-width: 480px) { .course_set .ft_application .ft_application_button a > span span span { display: block; } } .course_set .ft_application .ft_application_button a > span::after { content: ""; position: absolute; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-size: contain; background-position: center; width: 21px; height: 24px; top: 50%; right: 30px; -webkit-transform: translateY(-50%) rotate(270deg); transform: translateY(-50%) rotate(270deg); } @media only screen and (max-width: 900px) { .course_set .ft_application .ft_application_button a > span { font-size: 100%; height: 68px; } .course_set .ft_application .ft_application_button a > span::after { width: 16px; height: 18px; right: 20px; } } @media (hover: hover) { .course_set .ft_application .ft_application_button a:hover { opacity: 0.8; -webkit-transform: translateY(4px); transform: translateY(4px); } .course_set .ft_application .ft_application_button a:hover::before { -webkit-transform: translateY(-4px); transform: translateY(-4px); } } @media only screen and (max-width: 640px) { .course_set .ft_application .ft_application_button { margin: 20px auto 0; width: 316px; max-width: 100%; } .course_set .ft_application .ft_application_button a::before { top: 3px; } .course_set .ft_application .ft_application_button a > span { border: solid 3px #1bb1de; height: 56px; font-size: 100%; } .course_set .ft_application .ft_application_button a > span::after { width: 11px; height: 12px; right: 15px; } } @media only screen and (max-width: 480px) { .course_set .ft_application .ft_application_button a > span { height: 48px; font-size: 106.3%; } } @media only screen and (max-width: 480px) { .course_set .ft_application .ft_application_button.sp-2line a > span { height: 76px; } } .course_set .flat_cont .col_harf { width: 100%; } .course_set .flat_cont .col_harf + .col_harf, .course_set .flat_cont .col_harf + .col_wide { margin-top: 50px; } @media only screen and (max-width: 640px) { .course_set .flat_cont .col_harf + .col_harf, .course_set .flat_cont .col_harf + .col_wide { margin-top: 20px; } } .course_set .flat_cont .cont_image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (min-width: 640.1px) { .course_set .flat_cont .icon_gradeup { left: 7.5vw; } } @media only screen and (min-width: 640.1px) { .course_set .flat_cont .cont_txt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .course_set .flat_cont .cont_txt.content_center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .course_set .flat_cont .cont_txt.content_center .course_pairs { margin-left: 1em; } .course_set .flat_cont .cont_txt .option_ttl { width: 100%; text-align: center; } .course_set .flat_cont .cont_txt .option_ttl > span { display: inline-block; } .course_set .flat_cont .cont_caution { margin: 0.5em 0 0 0; } .course_set#chartering .course_ttl.ttl_bg { background: #ffd3a7; background: -webkit-gradient( linear, left top, right top, from(#ffd3a7), to(#e770c4) ); background: linear-gradient(90deg, #ffd3a7 0%, #e770c4 100%); } @media only screen and (min-width: 640.1px) { .course_set#chartering .course_ttl .ttl_icon { left: 70px; } } .course_set#chartering .cont_txt .course_pairs { color: #fa58b5; } .course_set#chartering .cont_txt .option_ttl { color: #fa58b5; } .course_set#chartering .cont_txt .option_pairs { color: #fa58b5; } .course_set#chartering .course_invitation dl { border-color: #fff6f4; } .course_set#chartering .course_invitation dl dt { color: #fa58b5; background: #fff6f4; } .course_set#chartering .border_box { border-color: #fff6f4; } .course_set#chartering .ft_application .ft_application_button a::before { background: #fa58b5; } .course_set#chartering .ft_application .ft_application_button a > span { color: #fa58b5; border: solid 3px #fa58b5; } .course_set#chartering .ft_application .ft_application_button a > span::after { background-image: url('data:image/svg+xml;utf8,'); } @media only screen and (max-width: 640px) { .course_set#chartering .ft_application .ft_application_button a > span { border: solid 2px #fa58b5; } } .course_set#park_ticket .course_inner .course_ttl.ttl_bg { background: -webkit-gradient( linear, left top, right top, from(#7834b8), to(#ce49c3) ); background: linear-gradient(90deg, #7834b8 0%, #ce49c3 100%); } @media only screen and (min-width: 640.1px) { .course_set#park_ticket .course_inner .course_ttl .ttl_icon { left: calc(50% - 24.5em); } } @media only screen and (min-width: 640.1px) and (max-width: 900px) { .course_set#park_ticket .course_inner .course_ttl .ttl_icon { left: 50%; left: calc(50% - 16.5em); } } .course_set#park_ticket .course_inner .cont_txt .course_pairs { color: #b249c3; } .course_set#park_ticket .course_inner .cont_txt .course_pairs > span.-plus::before, .course_set#park_ticket .course_inner .cont_txt .course_pairs > span.-plus::after { background: #b249c3; } @media only screen and (min-width: 640.1px) { .course_set#park_ticket .course_inner .cont_txt .course_pairs { width: 200%; } } .course_set#park_ticket .course_inner .cont_txt .option_ttl { color: #b249c3; } .course_set#park_ticket .course_inner .cont_txt .option_pairs { color: #b249c3; } .course_set#park_ticket .course_inner .course_invitation dl dt { color: #b249c3; } .course_set#park_ticket .course_inner .ft_application .ft_application_button a::before { background: #b249c3; } .course_set#park_ticket .course_inner .ft_application .ft_application_button a > span { color: #b249c3; border: solid 3px #b249c3; } .course_set#park_ticket .course_inner .ft_application .ft_application_button a > span::after { background-image: url('data:image/svg+xml;utf8,'); } @media only screen and (max-width: 640px) { .course_set#park_ticket .course_inner .ft_application .ft_application_button a > span { border: solid 2px #fa58b5; } } @media only screen and (max-width: 640px) { .course_set#park_ticket { z-index: 2; position: relative; } .course_set#park_ticket #park_ticket_image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .course_set#park_ticket #park_ticket_image .cont_image { max-width: 240px; margin: auto auto 20px; } .course_set#park_ticket #park_ticket_caution { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .course_set#park_ticket #park_ticket_detail { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .course_set#park_ticket .ft_application { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } @media only screen and (min-width: 640.1px) { .course_set#gift-card { padding-bottom: 80px; } } @media only screen and (max-width: 640px) { .course_set#gift-card::before { position: absolute; display: block; content: ""; width: calc(100% + 2px); height: calc(100% + 70px); left: -1px; bottom: 0; background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(60, 107, 215, 0)), color-stop(33%, rgb(60, 107, 215)), color-stop(80%, rgb(60, 107, 215)), to(rgba(60, 107, 215, 0)) ); background-image: linear-gradient( 180deg, rgba(60, 107, 215, 0) 0%, rgb(60, 107, 215) 33%, rgb(60, 107, 215) 80%, rgba(60, 107, 215, 0) 100% ); } } .course_set#gift-card .course_inner .course_ttl.ttl_bg { background: -webkit-gradient( linear, left top, right top, from(#7a45c8), to(#013dcb) ); background: linear-gradient(90deg, #7a45c8 0%, #013dcb 100%); } @media only screen and (min-width: 640.1px) { .course_set#gift-card .course_inner .course_ttl .ttl_icon { left: calc(50% - 22.5em); } } @media only screen and (min-width: 640.1px) and (max-width: 900px) { .course_set#gift-card .course_inner .course_ttl .ttl_icon { left: 50%; left: calc(50% - 14.5em); } } .course_set#gift-card .course_read { text-align: center; } .course_set#gift-card .course_pairs { color: #2440cb; } @media only screen and (max-width: 640px) { .course_set#gift-card .course_pairs { text-align: center; margin-left: auto; } } .course_set#gift-card .ft_application .ft_application_button a::before { background: #2440cb; } .course_set#gift-card .ft_application .ft_application_button a > span { color: #2440cb; border: solid 3px #2440cb; } .course_set#gift-card .ft_application .ft_application_button a > span::after { background-image: url('data:image/svg+xml;utf8,'); } @media only screen and (max-width: 640px) { .course_set#gift-card .ft_application .ft_application_button a > span { border: solid 2px #56c9c5; } } @supports ( (background-image: -webkit-image-set(url("image.webp") type("image/webp"))) or (background-image: image-set(url("image.webp") type("image/webp"))) ) { .course_set .course_inner:before { background-image: url("../media/images/home/kumo1.png.webp"); } .course_set .course_inner:after { background-image: url("../media/images/home/kumo2.png.webp"); } .course_set .course_ttl.ttl_bg::before { background-image: url("../media/images/common/deco01.webp"); } .course_set .course_ttl.ttl_bg::after { background-image: url("../media/images/common/deco01.png.webp"); } @media only screen and (min-width: 640.1px) { .course_set .icon_gradeup { background: url("../media/images/home/icon_gradeup.png.webp") center/contain no-repeat; } } @media only screen and (min-width: 640.1px) { .course_set .icon_entry5kuchi::after { background: url("../media/images/home/icon_entry5kuchi_arr.png.webp") center/contain no-repeat; } } } #course_second { position: relative; z-index: 1; background: #96e5d9; margin-bottom: 66px; } #course_second:after { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: block; content: ""; width: 100%; background: #fff; overflow: hidden; background: -webkit-gradient( linear, left top, left bottom, from(#96e5d9), to(#56c9c5) ); background: linear-gradient(#96e5d9 0%, #56c9c5 100%); z-index: 1; bottom: 0; height: 80px; border-bottom-left-radius: 80px; border-bottom-right-radius: 80px; translate: 0 100%; } @media only screen and (max-width: 900px) { #course_second { margin-top: 60px; margin-bottom: 20px; } #course_second:after { background: -webkit-gradient( linear, left top, left bottom, from(#96e5d9), to(#56c9c5) ); background: linear-gradient(#96e5d9 0%, #56c9c5 100%); border-bottom-left-radius: 8vw; border-bottom-right-radius: 8vw; height: 46px; } } @media only screen and (max-width: 640px) { #course_second { margin-top: 24vw; } #course_second:after { height: 46px; border-bottom-left-radius: 37px; border-bottom-right-radius: 37px; } } #course_second .course_wrap::before, #course_second .course_wrap::after { display: none; } #course_second .course_inner { position: relative; } #course_second .course_inner::before, #course_second .course_inner::after { content: ""; display: block; background-repeat: no-repeat; background-position: top center; background-size: 100% auto; background-image: url("../media/images/common/deco02.png"); position: absolute; width: 739px; height: 444px; } #course_second .course_inner::before { left: -80px; top: 60px; -webkit-transform: rotate(162deg); transform: rotate(162deg); translate: -50% -50%; } #course_second .course_inner::after { right: 50px; top: 60px; -webkit-transform: rotate(262deg) scale(-1, -1); transform: rotate(262deg) scale(-1, -1); translate: 50% -50%; } @media only screen and (max-width: 900px) { #course_second .course_inner::before, #course_second .course_inner::after { width: 488px; height: 294px; } #course_second .course_inner::before { left: 0; top: 0; -webkit-transform: rotate(149deg); transform: rotate(149deg); } #course_second .course_inner::after { right: -20px; top: 0; -webkit-transform: rotate(290deg) scale(-1, -1); transform: rotate(290deg) scale(-1, -1); } } .course_set#tosho-card .course_inner, .course_set#second-dream .course_inner { border-style: none; } .course_set#tosho-card .course_inner .course_border, .course_set#second-dream .course_inner .course_border { border-width: 6px; padding: 9px 10px; } .course_set#tosho-card .course_inner .course_border .course_border_inr, .course_set#second-dream .course_inner .course_border .course_border_inr { border: solid 3px #fff; border-radius: 22px; background: hsla(0, 0%, 100%, 0); } @media only screen and (max-width: 640px) { .course_set#tosho-card .course_inner .course_border, .course_set#second-dream .course_inner .course_border { border-width: 4px; padding: 4px; } .course_set#tosho-card .course_inner .course_border .course_border_inr, .course_set#second-dream .course_inner .course_border .course_border_inr { border: solid 2px #fff; border-radius: 8px; } } .course_set#tosho-card { color: #fff; } .course_set#tosho-card:before { position: absolute; top: -100px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: block; content: ""; width: 100%; height: calc(100% + 200px); background: #fff; overflow: hidden; background: -webkit-gradient( linear, left top, left bottom, from(#89d3f5), color-stop(40%, #09b0ef), color-stop(60%, #09b0ef), to(#96e5d9) ); background: linear-gradient( #89d3f5 0%, #09b0ef 40%, #09b0ef 60%, #96e5d9 100% ); z-index: 1; } .course_set#tosho-card .course_inner .course_border { background-color: rgba(0, 146, 211, 0.4); } @media only screen and (min-width: 640.1px) { .course_set#tosho-card .course_inner .course_ttl .ttl_icon { left: calc(50% - 22.5em); } } @media only screen and (min-width: 640.1px) and (max-width: 900px) { .course_set#tosho-card .course_inner .course_ttl .ttl_icon { left: 50%; left: calc(50% - 14.5em); } } @media only screen and (max-width: 640px) { .course_set#tosho-card .course_inner .course_ttl { padding: 2em 0 0.25em; } .course_set#tosho-card .course_inner .course_ttl h2 .-main { font-size: 20px; } .course_set#tosho-card .course_inner .cont_txt .course_read { font-size: 20px; margin-bottom: 0.25em; } } .course_set#tosho-card .course_pairs { color: #fff; } .course_set#second-dream { padding-top: 0; padding-bottom: 0; } .course_set#second-dream .course_inner { position: relative; } .course_set#second-dream .course_inner::before { translate: -50% -30%; } .course_set#second-dream .course_inner::after { translate: 50% -30%; } @media only screen and (max-width: 900px) { .course_set#second-dream .course_inner::before { translate: -50% -10%; } .course_set#second-dream .course_inner::after { translate: 50% -15%; } } @media only screen and (min-width: 640.1px) { .course_set#second-dream { padding-bottom: 0; } } @media only screen and (max-width: 640px) { .course_set#second-dream { margin-top: -10px; } .course_set#second-dream .course_inner .course_border .course_cont { padding: 50px 14px 20px; } .course_set#second-dream .row_cont .col_harf + .col_harf { margin-top: 60px; } } .course_set#second-dream .second-dream_item { background: #fff; padding: 52px; border-radius: 16px; height: 100%; position: relative; } .course_set#second-dream .second-dream_item.prize-a .second-dream_inr .second-dream_pairs { color: #66d992; } .course_set#second-dream .second-dream_item.prize-b .second-dream_inr .second-dream_pairs { color: #66ccd9; } @media only screen and (max-width: 640px) { .course_set#second-dream .second-dream_item { padding: 50px 12px 30px; } } .course_set#second-dream .ttl_icon { background: #ffe940; overflow: hidden; position: absolute; z-index: 10; } @media only screen and (min-width: 640.1px) { .course_set#second-dream .ttl_icon { top: -30px; left: -27px; width: 172px; height: 172px; border-radius: 50%; } } @media only screen and (min-width: 640.1px) and (max-width: 900px) { .course_set#second-dream .ttl_icon { left: 10.6666vw; width: 100px; height: 100px; } } @media only screen and (max-width: 640px) { .course_set#second-dream .ttl_icon { left: 50%; top: 2em; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); height: 76px; border: solid 3px #fff; border-radius: 38px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 1.5em; } .course_set#second-dream .ttl_icon img { max-width: 198px; width: 198px; } } .course_set#second-dream .second-dream_inr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .course_set#second-dream .second-dream_inr img.second-dream_icon { width: 120px; } .course_set#second-dream .second-dream_inr .second-dream_ttl { font-size: 28px; font-weight: 700; line-height: 1.5; margin: 0.3em -1em 0.5em; text-align: center; } .course_set#second-dream .second-dream_inr .second-dream_ttl .-small { display: block; font-size: 18px; } .course_set#second-dream .second-dream_inr .second-dream_pairs { font-weight: 700; color: #1bb1de; font-size: 28px; } .course_set#second-dream .second-dream_inr .second-dream_pairs > span { font-size: 56px; font-family: "Bodoni Moda", serif; } @media only screen and (max-width: 1200px) { .course_set#second-dream .second-dream_inr .second-dream_pairs { font-size: 2.1vw; } } @media only screen and (max-width: 640px) { .course_set#second-dream .second-dream_inr .second-dream_pairs { font-size: 14px; margin-top: 0; margin-bottom: 0.65em; } .course_set#second-dream .second-dream_inr .second-dream_pairs > span { font-size: 30px; } } .course_set#second-dream .second-dream_inr .second-dream_detail { font-size: 14px; } @media only screen and (max-width: 640px) { .course_set#second-dream .second-dream_inr img.second-dream_icon { width: 84px; } .course_set#second-dream .second-dream_inr .second-dream_ttl { font-size: 20px; margin: 0.3em -1em 0.15em; } .course_set#second-dream .second-dream_inr .second-dream_ttl .-small { font-size: 14px; } .course_set#second-dream .second-dream_inr .second-dream_detail { font-size: 12px; padding: 0 1em; line-height: 1.35; letter-spacing: 0.05em; } } .course_set#second-dream .second-dream_button { max-width: 244px; width: 100%; margin: 16px auto 0; } .course_set#second-dream .second-dream_button a { position: relative; -webkit-transition: 0.5s; transition: 0.5s; display: block; margin: 0 auto; } .course_set#second-dream .second-dream_button a::before { content: ""; -webkit-transition: 0.5s; transition: 0.5s; background: #66ccd9; border-radius: 100vh; display: block; width: 100%; height: 100%; position: absolute; top: 4px; left: 0; z-index: 1; } .course_set#second-dream .second-dream_button a > span { border: solid 3px #66ccd9; background: #fff; border-radius: 24px; color: #66ccd9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 87.5%; font-weight: bold; line-height: 1.2; text-align: center; position: relative; z-index: 2; height: 49px; } .course_set#second-dream .second-dream_button a > span span { display: inline-block; text-align: center; } .course_set#second-dream .second-dream_button a > span::after { content: ""; position: absolute; background-image: url("/media/images/home/ar.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; width: 12px; height: 12px; top: 50%; right: 5px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (max-width: 900px) { .course_set#second-dream .second-dream_button a > span { font-size: 100%; height: 68px; } .course_set#second-dream .second-dream_button a > span::after { width: 16px; height: 18px; right: 20px; } } @media (hover: hover) { .course_set#second-dream .second-dream_button a:hover { opacity: 0.8; -webkit-transform: translateY(4px); transform: translateY(4px); } .course_set#second-dream .second-dream_button a:hover::before { -webkit-transform: translateY(-4px); transform: translateY(-4px); } } @media only screen and (max-width: 640px) { .course_set#second-dream .second-dream_button { margin: 20px auto 0; width: 244px; max-width: calc(100% - 40px); } .course_set#second-dream .second-dream_button a::before { top: 3px; } .course_set#second-dream .second-dream_button a > span { border: solid 3px #66ccd9; height: 49px; font-size: 14px; } .course_set#second-dream .second-dream_button a > span::after { width: 11px; height: 12px; right: 15px; } } .course_set#second-dream .cont_caution { margin-top: 20px; margin-bottom: 30px; } .course_set#second-dream .cont_caution li { color: #fff; } @media only screen and (max-width: 640px) { .course_set#second-dream .cont_caution { margin-bottom: 0px; } } .course_set#second-dream .course_inner .course_border { position: relative; background-color: rgba(11, 185, 158, 0.4); } .course_set#second-dream .course_inner .course_border .course_border_inr { position: relative; } .course_set#second-dream .course_inner .course_border .ttl_icon { position: absolute; } .course_set#second-dream .course_inner .course_ttl { padding-top: 3em; padding-bottom: 0; } @media only screen and (min-width: 640.1px) { .course_set#second-dream .course_inner .course_ttl .ttl_icon { left: calc(50% - 22.5em); } } @media only screen and (min-width: 640.1px) and (max-width: 900px) { .course_set#second-dream .course_inner .course_ttl .ttl_icon { left: 50%; left: calc(50% - 14.5em); } } @media only screen and (max-width: 640px) { .course_set#second-dream .course_inner .course_ttl { padding: 1.5em 0 0.25em; } .course_set#second-dream .course_inner .course_ttl h2 .-main { font-size: 24px; margin-top: 0.1em; margin-bottom: 0.5em; } } .course_set#second-dream .course_pairs { color: #09b0ef; } @media only screen and (max-width: 900px) { .course_set#second-dream .row_cont .col_harf { width: 100%; } .course_set#second-dream .row_cont .col_harf + .col_harf { margin-top: 60px; } } .cont_caution li { font-size: 68.8%; color: gray; line-height: 1.4; } .cont_caution.align-center { text-align: center; } @media only screen and (max-width: 1200px) { .cont_caution li { font-size: 62.5%; } } @media only screen and (max-width: 640px) { .cont_caution li { font-size: 68.8%; } } #homeinfo { position: relative; } #homeinfo::before { display: block; position: absolute; left: 0; top: -80px; width: 100%; height: 800px; background-image: -webkit-gradient( linear, left top, left bottom, from(rgb(12, 150, 249)), color-stop(30%, rgb(12, 150, 249)), to(rgba(12, 150, 249, 0)) ); background-image: linear-gradient( 180deg, rgb(12, 150, 249) 0%, rgb(12, 150, 249) 30%, rgba(12, 150, 249, 0) 100% ); } #homeinfo > .main_width { padding-top: 68px; padding-bottom: 68px; position: relative; } @media only screen and (max-width: 640px) { #homeinfo > .main_width { padding-top: 68px; padding-bottom: 50px; } } #homeinfo > .main_width::before { content: ""; background-image: url("../media/images/common/deco01.png"); background-repeat: no-repeat; background-position: top center; background-size: 100% auto; width: 316px; height: 414px; position: absolute; left: -72px; top: -64px; -webkit-transform: rotate(82deg); transform: rotate(82deg); } @media only screen and (max-width: 900px) { #homeinfo > .main_width::before { left: -30px; top: -165px; -webkit-transform: rotate(79deg); transform: rotate(79deg); } } #homeinfo > .main_width::after { content: ""; background-image: url("../media/images/common/deco01.png"); background-repeat: no-repeat; background-position: top center; background-size: 100% auto; width: 316px; height: 414px; position: absolute; right: -50px; top: 0px; -webkit-transform: rotate(165deg); transform: rotate(165deg); } @media only screen and (max-width: 900px) { #homeinfo > .main_width::after { right: -105px; top: -55px; -webkit-transform: rotate(178deg); transform: rotate(178deg); } } #homeinfo .course_inner::before, #homeinfo .course_inner::after { display: none; } @supports ( (background-image: -webkit-image-set(url("image.webp") type("image/webp"))) or (background-image: image-set(url("image.webp") type("image/webp"))) ) { #homeinfo > .main_width::before { background-image: url("../media/images/common/deco01.png.webp"); } #homeinfo > .main_width::after { content: ""; background-image: url("../media/images/common/deco01.png.webp"); } } .home_cont { width: 100%; background: #fff; border: solid 3px #fff; border-radius: 30px; overflow: hidden; -webkit-box-shadow: 0 0 64px rgba(0, 136, 231, 0.3); box-shadow: 0 0 64px rgba(0, 136, 231, 0.3); } .home_cont + .home_cont { margin-top: 38px; } @media only screen and (max-width: 640px) { .home_cont { border: solid 2px #fff; border-radius: 20px; } } .home_cont_ttl { background: -webkit-gradient( linear, left top, right top, from(#0ab0f4), color-stop(50%, #0848c9), to(#f27ad3) ); background: linear-gradient(90deg, #0ab0f4 0%, #0848c9 50%, #f27ad3 100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 150%; height: 3.025em; } .home_cont_ttl h2 { font-weight: bold; color: #fff; padding-bottom: 0.1em; } @media only screen and (max-width: 640px) { .home_cont_ttl { font-size: 112.5%; height: auto; min-height: 2.85em; padding: 0.5em 0.5em; } .home_cont_ttl h2 { text-align: center; } .home_cont_ttl h2 > span { display: inline-block; } } @media only screen and (max-width: 400px) { .home_cont_ttl { font-size: 4.5vw; } } .home_cont_main { padding: 30px; } @media only screen and (max-width: 640px) { .home_cont_main { padding: 10px 10px 30px; } } .home_cont_image { position: relative; } .home_cont_image .home_cont_credit { font-size: 87.5%; color: #707070; line-height: 1.1; } @media only screen and (min-width: 640.1px) { .home_cont_image .home_cont_credit.position { position: absolute; left: 0; bottom: -0.05em; -webkit-transform: translateY(100%); transform: translateY(100%); } } @media only screen and (max-width: 640px) { .home_cont_image .home_cont_credit { font-size: 75%; } } @media only screen and (max-width: 400px) { .home_cont_image .home_cont_credit { font-size: 81.3%; } } .home_cont_image .home_cont_caption { text-align: right; font-size: 87.5%; color: #707070; margin-top: 0.2em; } .home_cont_image .home_cont_caption.position { position: absolute; right: -0.5em; bottom: 0; } @media only screen and (min-width: 640.1px) { .home_cont_image .home_cont_caption.position { -webkit-transform: translateY(100%); transform: translateY(100%); } } @media only screen and (max-width: 640px) { .home_cont_image .home_cont_caption { -webkit-transform: translateY(0.3em); transform: translateY(0.3em); font-size: 75%; } } @media only screen and (max-width: 400px) { .home_cont_image .home_cont_caption { font-size: 81.3%; } } .home_event_read { font-size: 18px; padding-bottom: 1.5em; } .home_event_read p { text-align: center; font-weight: bold; font-size: 100%; color: #3953d1; } @media only screen and (max-width: 640px) { .home_event_read { padding-top: 0.85em; padding-bottom: 1.5em; font-size: 14px; } } .home_event_photos { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 708px; margin: auto; } .home_event_photos .cont_caution { width: 100%; margin-top: 1em; } .home_event_photos .home_event_txt { width: 100%; margin-top: 0.65em; text-align: center; color: #3953d1; font-size: 14px; font-weight: 700; } @media only screen and (min-width: 640.1px) { .home_event_photos .photos_col { width: calc(50% - 14px); } .home_event_photos .photos_col:nth-child(odd) { margin-right: 14px; } .home_event_photos .photos_col:nth-child(even) { margin-left: 14px; } .home_event_photos .movie_col { width: 100%; } } @media only screen and (max-width: 640px) { .home_event_photos { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .home_event_photos .photos_col { margin-left: auto; margin-right: auto; } .home_event_photos .photos_col:nth-child(n + 2) { margin-top: 10px; } .home_event_photos .cont_caution { margin-left: auto; margin-right: auto; max-width: 340px; } } .home_news ul.home_cont_row li + li { margin-top: 1.5em; } @media (hover: hover) { .home_news a { -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .home_news a:hover { text-decoration: underline; opacity: 0.8; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } } .home_news .home_news_cont { width: 100%; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .home_news .home_news_cont .home_news_txt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 0 0 24px; } .home_news .home_news_cont .home_news_txt p { display: block; font-size: 125%; font-weight: bold; } .home_news .home_news_cont .home_news_txt p a.link:link, .home_news .home_news_cont .home_news_txt p a.link:visited { color: #3953d1; text-decoration: underline; } @media (hover: hover) { .home_news .home_news_cont .home_news_txt p a.link { -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .home_news .home_news_cont .home_news_txt p a.link:hover { text-decoration: none; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } } .home_news .home_news_cont .home_news_txt p.small_txt { margin-top: 0.5em; font-size: 100%; } .home_news .home_news_cont .home_news_txt p > span.pc_br { display: block; } @media only screen and (min-width: 640.1px) { .home_news .home_news_cont .home_news_thumb { min-width: 305px; padding: 0 0 0 20px; } .home_news .home_news_cont .home_news_txt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 0 0 24px; } .home_news .home_news_cont .home_news_txt p { display: block; font-size: 125%; font-weight: bold; } .home_news .home_news_cont .home_news_txt p.small_txt { margin-top: 0.5em; font-size: 100%; } .home_news .home_news_cont .home_news_txt p > span.pc_br { display: block; } } @media only screen and (max-width: 640px) { .home_news .home_news_cont { padding: 0 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .home_news .home_news_cont .home_news_thumb { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; display: block; margin: auto; } .home_news .home_news_cont .home_news_txt { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 0 0 1em 0; } .home_news .home_news_cont .home_news_txt p { display: block; font-size: 100%; font-weight: bold; text-align: center; letter-spacing: -0.025em; } .home_news .home_news_cont .home_news_txt p.small_txt { margin-top: 0.5em; font-size: 87.5%; } .home_news .home_news_cont .home_news_txt p > span { display: inline-block; } } @media only screen and (max-width: 640px) and (max-width: 400px) { .home_news .home_news_cont .home_news_txt { padding: 0 0 3.5vw 0; } .home_news .home_news_cont .home_news_txt p { font-size: 4.5vw; } .home_news .home_news_cont .home_news_txt p.small_txt { font-size: 3.5vw; } } .home_supported .home_supported_read { text-align: center; } .home_supported .home_supported_read p { font-size: 150%; font-weight: bold; } .home_supported .home_supported_read p > span { display: inline-block; } .home_supported .home_supported_read p > span:first-child { text-indent: -1em; } @media only screen and (max-width: 1200px) { .home_supported .home_supported_read p { font-size: 137.5%; } } @media only screen and (max-width: 640px) { .home_supported .home_supported_read p { padding: 0.6em 1em 0.4em; font-size: 100%; } .home_supported .home_supported_read p > span { display: inline; } } .home_supported ul.home_cont_row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 692px; margin: auto; } .home_supported ul.home_cont_row li { width: 50%; padding: 1.5em 0; position: relative; } .home_supported ul.home_cont_row li:nth-child(odd) { padding-right: 30px; border-right: solid 1px #e9f0fd; } .home_supported ul.home_cont_row li:nth-child(even) { padding-left: 30px; border-left: solid 1px #e9f0fd; } @media only screen and (max-width: 1200px) { .home_supported ul.home_cont_row li:nth-child(odd) { padding-right: 2.5vw; } .home_supported ul.home_cont_row li:nth-child(even) { padding-left: 2vw; } } @media only screen and (max-width: 640px) { .home_supported ul.home_cont_row { margin-top: 1em; } .home_supported ul.home_cont_row li { padding: 0; } } .home_supported .home_supported_caption { text-align: center; font-size: 100%; margin-top: 0.2em; } @media only screen and (max-width: 640px) { .home_supported .home_supported_caption { font-size: 87.5%; margin-bottom: 0.2em; } } @media only screen and (max-width: 400px) { .home_supported .home_supported_caption { font-size: 81.3%; } } .free_dial { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .free_dial_txt { font-weight: bold; } @media only screen and (min-width: 640.1px) { .free_dial_txt { font-size: 87.5%; padding: 0 1.5em 0 0; min-width: 14em; } .free_dial_txt > span { display: block; } .free_dial_number img { margin: 16px auto; } } @media only screen and (max-width: 640px) { .free_dial { padding: 1em 0 1.25em; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .free_dial_txt { font-size: 87.5%; padding: 0; } .free_dial_number img { max-width: 228px; margin: 9px auto; } } @media only screen and (max-width: 400px) { .free_dial_txt { font-size: 3.25vw; } } .home_contact_detail { border-top: solid 2px #e9f0fd; padding: 1em 0 0; } .home_contact_detail dl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 100%; } .home_contact_detail dl dt, .home_contact_detail dl dd { padding: 0.2em 0; } .home_contact_detail dl dt { width: 5em; } .home_contact_detail dl dd { width: calc(100% - 5em); } .home_contact_detail .cont_caution { margin: 0.5em auto 0; } @media only screen and (max-width: 640px) { .home_contact_detail { border-top: solid 1px #e9f0fd; padding: 0.8em 0 0.5em; max-width: 19.5em; margin-left: auto; margin-right: auto; } .home_contact_detail dl { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0.25em auto 0; } .home_contact_detail dl dt, .home_contact_detail dl dd { padding: 0.05em 0; font-size: 12px; } .home_contact_detail dl dt { width: 5em; } .home_contact_detail dl dd { width: calc(100% - 5em); } .home_contact_detail .cont_caution { margin: 0.5em 0 0; } } @media only screen and (max-width: 400px) { .home_contact_detail dl { font-size: 3vw; } .home_contact_detail .cont_caution { max-width: 76.5vw; } } /*# sourceMappingURL=home.css.map */