.h1_center{text-align:center}.h1_center .headding_wrap,.h1_center .headding{font-size:3.5rem}.h1_center .subtitle_wrap{letter-spacing:0.15em;margin-top:.5rem}.h1_center .subtitle{font-size:inherit}.h1_center .editable_wrap{margin-top:2rem} .title_sub{font-family:"YakuHanMP, Vollkorn, 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, sans-serif"}.title_sub .section_h3{font-family:YakuHanMP, Vollkorn, "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, sans-serif}.title_sub .text-side{max-width:850px;margin:auto;text-align:center}.title_sub .subtitle{letter-spacing:0px}.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:2.5rem}.title_sub .subtitle_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:3rem}.title_sub .subtitle_wrap{font-size:1.6rem}} .half_wide_limited_height .image-side{position:relative}.half_wide_limited_height .image-side_inner{padding-top:66%}.half_wide_limited_height .image-side .image-frame-bg{position:absolute !important;top:0;right:0;bottom:0;left:0;margin:auto}.half_wide_limited_height .text-side{position:relative}.half_wide_limited_height .text-side_inner{width:100%;position:relative;z-index:2;max-width:280px;margin:auto}.half_wide_limited_height .headding_wrap,.half_wide_limited_height .section_h3{font-size:3rem}.half_wide_limited_height .subtitle{font-size:1.1rem}.half_wide_limited_height .editable_wrap{font-size:1.5rem}.half_wide_limited_height .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3rem}.half_wide_limited_height .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.half_wide_limited_height .duplicatable-content_inner{display:flex}.half_wide_limited_height .duplicatable-content:nth-child(even) .duplicatable-content_inner{flex-direction:row-reverse}.half_wide_limited_height .duplicatable-content:nth-child(even) .text-side{padding:0 5rem 0 1.5rem}.half_wide_limited_height .image-side,.half_wide_limited_height .text-side{width:50%}.half_wide_limited_height .image-side{max-height:28.125vw}.half_wide_limited_height .image-side_inner{height:100%}.half_wide_limited_height .text-side{display:flex;align-items:center;flex-direction:column;padding:0 1.5rem 0 5rem}.half_wide_limited_height .text-side .spacer-content{width:100%}.half_wide_limited_height .text-side_inner{max-width:500px}.half_wide_limited_height .section_btn{margin-left:0}.half_wide_limited_height.reverse .duplicatable-content_inner{flex-direction:row-reverse}.half_wide_limited_height.reverse .duplicatable-content:nth-child(even) .duplicatable-content_inner{flex-direction:row}.half_wide_limited_height.reverse .duplicatable-content:nth-child(even) .text-side{padding:0 1.5rem 0 5rem}.half_wide_limited_height.reverse .text-side{padding:0 5rem 0 1.5rem}.half_wide_limited_height .section_h3,.half_wide_limited_height .headding_wrap{font-size:3.5rem}.half_wide_limited_height .subtitle{font-size:1.2rem}.half_wide_limited_height .editable_wrap{font-size:1.5rem}.half_wide_limited_height .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3.5rem}.half_wide_limited_height .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.2rem}} .half_wide_limited_height .image-side{position:relative}.half_wide_limited_height .image-side_inner{padding-top:66%}.half_wide_limited_height .image-side .image-frame-bg{position:absolute !important;top:0;right:0;bottom:0;left:0;margin:auto}.half_wide_limited_height .text-side{position:relative}.half_wide_limited_height .text-side_inner{width:100%;position:relative;z-index:2;max-width:280px;margin:auto}.half_wide_limited_height .headding_wrap,.half_wide_limited_height .section_h3{font-size:3rem}.half_wide_limited_height .subtitle{font-size:1.1rem}.half_wide_limited_height .editable_wrap{font-size:1.5rem}.half_wide_limited_height .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3rem}.half_wide_limited_height .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.half_wide_limited_height .duplicatable-content_inner{display:flex}.half_wide_limited_height .duplicatable-content:nth-child(even) .duplicatable-content_inner{flex-direction:row-reverse}.half_wide_limited_height .duplicatable-content:nth-child(even) .text-side{padding:0 5rem 0 1.5rem}.half_wide_limited_height .image-side,.half_wide_limited_height .text-side{width:50%}.half_wide_limited_height .image-side{max-height:28.125vw}.half_wide_limited_height .image-side_inner{height:100%}.half_wide_limited_height .text-side{display:flex;align-items:center;flex-direction:column;padding:0 1.5rem 0 5rem}.half_wide_limited_height .text-side .spacer-content{width:100%}.half_wide_limited_height .text-side_inner{max-width:500px}.half_wide_limited_height .section_btn{margin-left:0}.half_wide_limited_height.reverse .duplicatable-content_inner{flex-direction:row-reverse}.half_wide_limited_height.reverse .duplicatable-content:nth-child(even) .duplicatable-content_inner{flex-direction:row}.half_wide_limited_height.reverse .duplicatable-content:nth-child(even) .text-side{padding:0 1.5rem 0 5rem}.half_wide_limited_height.reverse .text-side{padding:0 5rem 0 1.5rem}.half_wide_limited_height .section_h3,.half_wide_limited_height .headding_wrap{font-size:3.5rem}.half_wide_limited_height .subtitle{font-size:1.2rem}.half_wide_limited_height .editable_wrap{font-size:1.5rem}.half_wide_limited_height .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3.5rem}.half_wide_limited_height .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.2rem}} .half_wide_limited_height .image-side{position:relative}.half_wide_limited_height .image-side_inner{padding-top:66%}.half_wide_limited_height .image-side .image-frame-bg{position:absolute !important;top:0;right:0;bottom:0;left:0;margin:auto}.half_wide_limited_height .text-side{position:relative}.half_wide_limited_height .text-side_inner{width:100%;position:relative;z-index:2;max-width:280px;margin:auto}.half_wide_limited_height .headding_wrap,.half_wide_limited_height .section_h3{font-size:3rem}.half_wide_limited_height .subtitle{font-size:1.1rem}.half_wide_limited_height .editable_wrap{font-size:1.5rem}.half_wide_limited_height .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3rem}.half_wide_limited_height .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.half_wide_limited_height .duplicatable-content_inner{display:flex}.half_wide_limited_height .duplicatable-content:nth-child(even) .duplicatable-content_inner{flex-direction:row-reverse}.half_wide_limited_height .duplicatable-content:nth-child(even) .text-side{padding:0 5rem 0 1.5rem}.half_wide_limited_height .image-side,.half_wide_limited_height .text-side{width:50%}.half_wide_limited_height .image-side{max-height:28.125vw}.half_wide_limited_height .image-side_inner{height:100%}.half_wide_limited_height .text-side{display:flex;align-items:center;flex-direction:column;padding:0 1.5rem 0 5rem}.half_wide_limited_height .text-side .spacer-content{width:100%}.half_wide_limited_height .text-side_inner{max-width:500px}.half_wide_limited_height .section_btn{margin-left:0}.half_wide_limited_height.reverse .duplicatable-content_inner{flex-direction:row-reverse}.half_wide_limited_height.reverse .duplicatable-content:nth-child(even) .duplicatable-content_inner{flex-direction:row}.half_wide_limited_height.reverse .duplicatable-content:nth-child(even) .text-side{padding:0 1.5rem 0 5rem}.half_wide_limited_height.reverse .text-side{padding:0 5rem 0 1.5rem}.half_wide_limited_height .section_h3,.half_wide_limited_height .headding_wrap{font-size:3.5rem}.half_wide_limited_height .subtitle{font-size:1.2rem}.half_wide_limited_height .editable_wrap{font-size:1.5rem}.half_wide_limited_height .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3.5rem}.half_wide_limited_height .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.2rem}} .half_wide_limited_height .image-side{position:relative}.half_wide_limited_height .image-side_inner{padding-top:66%}.half_wide_limited_height .image-side .image-frame-bg{position:absolute !important;top:0;right:0;bottom:0;left:0;margin:auto}.half_wide_limited_height .text-side{position:relative}.half_wide_limited_height .text-side_inner{width:100%;position:relative;z-index:2;max-width:280px;margin:auto}.half_wide_limited_height .headding_wrap,.half_wide_limited_height .section_h3{font-size:3rem}.half_wide_limited_height .subtitle{font-size:1.1rem}.half_wide_limited_height .editable_wrap{font-size:1.5rem}.half_wide_limited_height .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3rem}.half_wide_limited_height .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.half_wide_limited_height .duplicatable-content_inner{display:flex}.half_wide_limited_height .duplicatable-content:nth-child(even) .duplicatable-content_inner{flex-direction:row-reverse}.half_wide_limited_height .duplicatable-content:nth-child(even) .text-side{padding:0 5rem 0 1.5rem}.half_wide_limited_height .image-side,.half_wide_limited_height .text-side{width:50%}.half_wide_limited_height .image-side{max-height:28.125vw}.half_wide_limited_height .image-side_inner{height:100%}.half_wide_limited_height .text-side{display:flex;align-items:center;flex-direction:column;padding:0 1.5rem 0 5rem}.half_wide_limited_height .text-side .spacer-content{width:100%}.half_wide_limited_height .text-side_inner{max-width:500px}.half_wide_limited_height .section_btn{margin-left:0}.half_wide_limited_height.reverse .duplicatable-content_inner{flex-direction:row-reverse}.half_wide_limited_height.reverse .duplicatable-content:nth-child(even) .duplicatable-content_inner{flex-direction:row}.half_wide_limited_height.reverse .duplicatable-content:nth-child(even) .text-side{padding:0 1.5rem 0 5rem}.half_wide_limited_height.reverse .text-side{padding:0 5rem 0 1.5rem}.half_wide_limited_height .section_h3,.half_wide_limited_height .headding_wrap{font-size:3.5rem}.half_wide_limited_height .subtitle{font-size:1.2rem}.half_wide_limited_height .editable_wrap{font-size:1.5rem}.half_wide_limited_height .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3.5rem}.half_wide_limited_height .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.2rem}} .half_wide_limited_height .image-side{position:relative}.half_wide_limited_height .image-side_inner{padding-top:66%}.half_wide_limited_height .image-side .image-frame-bg{position:absolute !important;top:0;right:0;bottom:0;left:0;margin:auto}.half_wide_limited_height .text-side{position:relative}.half_wide_limited_height .text-side_inner{width:100%;position:relative;z-index:2;max-width:280px;margin:auto}.half_wide_limited_height .headding_wrap,.half_wide_limited_height .section_h3{font-size:3rem}.half_wide_limited_height .subtitle{font-size:1.1rem}.half_wide_limited_height .editable_wrap{font-size:1.5rem}.half_wide_limited_height .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3rem}.half_wide_limited_height .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.half_wide_limited_height .duplicatable-content_inner{display:flex}.half_wide_limited_height .duplicatable-content:nth-child(even) .duplicatable-content_inner{flex-direction:row-reverse}.half_wide_limited_height .duplicatable-content:nth-child(even) .text-side{padding:0 5rem 0 1.5rem}.half_wide_limited_height .image-side,.half_wide_limited_height .text-side{width:50%}.half_wide_limited_height .image-side{max-height:28.125vw}.half_wide_limited_height .image-side_inner{height:100%}.half_wide_limited_height .text-side{display:flex;align-items:center;flex-direction:column;padding:0 1.5rem 0 5rem}.half_wide_limited_height .text-side .spacer-content{width:100%}.half_wide_limited_height .text-side_inner{max-width:500px}.half_wide_limited_height .section_btn{margin-left:0}.half_wide_limited_height.reverse .duplicatable-content_inner{flex-direction:row-reverse}.half_wide_limited_height.reverse .duplicatable-content:nth-child(even) .duplicatable-content_inner{flex-direction:row}.half_wide_limited_height.reverse .duplicatable-content:nth-child(even) .text-side{padding:0 1.5rem 0 5rem}.half_wide_limited_height.reverse .text-side{padding:0 5rem 0 1.5rem}.half_wide_limited_height .section_h3,.half_wide_limited_height .headding_wrap{font-size:3.5rem}.half_wide_limited_height .subtitle{font-size:1.2rem}.half_wide_limited_height .editable_wrap{font-size:1.5rem}.half_wide_limited_height .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3.5rem}.half_wide_limited_height .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.2rem}} .iphone .h2_bgfix,.ipad .h2_bgfix{background-attachment:scroll;background-size:100% auto;background-repeat:no-repeat}@media only screen and (max-width: 480px){.iphone .h2_bgfix,.ipad .h2_bgfix{background-size:auto 100%}}.h2_bgfix .text-side{color:#fff;text-align:center}.h2_bgfix .section_h2{margin-bottom:.3rem}.h2_bgfix .image-frame-bg{height:1px;width:100px;margin:0 auto 1.5rem}.h2_bgfix .headding_wrap,.h2_bgfix .section_h2{font-size:2.8rem}.h2_bgfix .subtitle_wrap,.h2_bgfix .subtitle,.h2_bgfix .editable_wrap{font-size:1.2rem;letter-spacing:0px}.h2_bgfix .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:2.8rem}@media only screen and (min-width: 768px){.h2_bgfix{background-attachment:fixed}.h2_bgfix .headding_wrap,.h2_bgfix .section_h2{font-size:5rem}.h2_bgfix .subtitle_wrap,.h2_bgfix .subtitle,.h2_bgfix .editable_wrap{font-size:1.5rem}.h2_bgfix .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:5rem}} .new_standard_content_two .duplicatable-content+.duplicatable-content{margin-top:3rem}.new_standard_content_two .image-side{position:relative}.new_standard_content_two .image-side .image-frame{width:100%;padding-top:66%}.new_standard_content_two .image-side img{height:100%;width:100%;position:absolute;top:0;left:0;object-fit:cover;object-position:50% 50%}.new_standard_content_two .text-side{position:relative;padding:2rem 2rem 3rem}.new_standard_content_two .text-side_bg{height:100%;width:100%;position:absolute;top:0;left:0}.new_standard_content_two .text-side_inner{position:relative;text-align:center}.new_standard_content_two .text-side .headding_wrap,.new_standard_content_two .text-side .headding{font-size:2.5rem}.new_standard_content_two .text-side .subtitle_wrap{margin-top:.5rem}.new_standard_content_two .text-side .editable_wrap{margin-top:1.5rem}.new_standard_content_two .text-side .section_btn{margin-top:3rem}@media only screen and (min-width: 768px){.new_standard_content_two .duplicatable-container{display:flex;flex-wrap:wrap}.new_standard_content_two .duplicatable-content{width:48.5%}.new_standard_content_two .duplicatable-content+.duplicatable-content{margin-top:0}.new_standard_content_two .duplicatable-content:nth-child(2n){margin-left:3%}.new_standard_content_two .duplicatable-content:nth-child(n+3){margin-top:3%}.new_standard_content_two .text-side{padding:3rem 3.5rem 3.5rem}} .title_sub{font-family:"YakuHanMP, Vollkorn, 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, sans-serif"}.title_sub .section_h3{font-family:YakuHanMP, Vollkorn, "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, sans-serif}.title_sub .text-side{max-width:850px;margin:auto;text-align:center}.title_sub .subtitle{letter-spacing:0px}.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:2.5rem}.title_sub .subtitle_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:3rem}.title_sub .subtitle_wrap{font-size:1.6rem}} .circle-box_02{background-color:#dedede}.circle-box_02 .section-image_bg{pointer-events:none}.circle-box_02 .duplicatable{margin:auto;text-align:center;font-size:0}.circle-box_02 .duplicatable-content{width:50%;padding:1%;margin:0 auto 2rem;text-align:center;display:inline-block;vertical-align:top;font-size:1.6rem}.circle-box_02 .image_wrap{position:relative}.circle-box_02 .image_wrap .image-frame-bg{padding-top:100%;border-radius:50%;width:100%;margin-bottom:1.5rem;overflow:hidden;position:relative}.circle-box_02 .image_wrap .image-frame-bg .frame-image{width:100%;height:100%;position:absolute;top:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat}.circle-box_02 .image_wrap .image-frame-bg:before{content:"";background-color:rgba(0,0,0,0.2);position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;z-index:2}.circle-box_02 .image_wrap .image_text{position:absolute;z-index:3;color:#fff;font-weight:bold;width:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.circle-box_02 .text_wrap{text-align:left}@media only screen and (min-width: 768px){.circle-box_02 .duplicatable{margin:auto;max-width:940px}.circle-box_02 .duplicatable-content{width:33.3333%}.circle-box_02 .image_wrap .image_text{font-size:2rem}.circle-box_02 .circle_wrap{max-width:230px;margin:auto}} .h3_text .text-side,.h3_text .text{color:#fff;font-size:1.8rem}.h3_text .subtitle{letter-spacing:0px}.h3_text .headding_wrap,.h3_text .section_h3{color:#fff;font-size:4rem}.h3_text .subtitle_wrap{font-size:1.2rem}.h3_text .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:4rem}.h3_text .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.2rem}@media only screen and (min-width: 768px){.h3_text .headding_wrap,.h3_text .section_h3{font-size:5rem;line-height:1.4}.h3_text .subtitle_wrap{font-size:1.5rem}.h3_text .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:5rem}.h3_text .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.5rem}} .title_sub{font-family:"YakuHanMP, Vollkorn, 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, sans-serif"}.title_sub .section_h3{font-family:YakuHanMP, Vollkorn, "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, sans-serif}.title_sub .text-side{max-width:850px;margin:auto;text-align:center}.title_sub .subtitle{letter-spacing:0px}.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:2.5rem}.title_sub .subtitle_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:3rem}.title_sub .subtitle_wrap{font-size:1.6rem}} .title_line_vertical_writing{padding:25rem 0;position:relative}.title_line_vertical_writing .section-animation-wrap{animation:border-transition .6s ease;pointer-events:none;z-index:0;opacity:.5}.title_line_vertical_writing .section-animation-wrap .element-1{position:absolute;top:0;left:0;right:0;width:200px;height:200px;margin:auto;border:2px solid #ccc;border-radius:50%}.title_line_vertical_writing.reverse .section-animation-wrap .element-1{position:absolute;top:0;left:calc( 100% - 200px);width:200px;height:200px;border:2px solid #ccc;border-radius:50%}.title_line_wide.title_line_wide_light_dark .editable{color:#fff}.title_line_wide .text-side{text-align:left}.title_line_wide .title-box{position:relative;display:flex;justify-content:center;width:200px;margin:0 auto;padding:0 2rem;font-feature-settings:'pkna'}.title_line_wide .title-box .spacer-item_wrap:nth-child(1){position:absolute;top:0;left:0;width:100%;transform:translate(0, -100%)}.title_line_wide .title-box .spacer-item_wrap:nth-child(2){display:flex}.title_line_wide .subtitle_wrap,.title_line_wide .subtitle{font-size:3.6rem}.title_line_wide .section_h3{word-wrap:break-word;font-weight:bold;letter-spacing:1.8px;text-align:center;white-space:nowrap}.title_line_wide .vertical_writing_block{-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr}@supports (-ms-ime-align: auto){.title_line_wide .vertical_writing_block{height:100%}}.title_line_wide _:-ms-input-placeholder .vertical_writing_block,.title_line_wide :root .selector .vertical_writing_block{height:100%}.title_line_wide .headding_wrap,.title_line_wide .headding{font-size:4.2rem}.title_line_wide .subtitle_wrap,.title_line_wide .subtitle{font-size:5.6rem;text-align:center}.title_line_wide .text-box{margin-top:50px}.title_line_wide .text-box .editable_wrap{font-size:1.6rem;color:#000}.title_line_wide .text-box .editable_wrap_title{text-align:center;font-size:2rem;color:#333;font-weight:bold}.title_line_wide .text-box .letter_wrap{font-size:1.5rem}.title_line_wide .text-box .editable_wrap_title{font-size:2.6rem}.title_line_wide .text-box .letter{line-height:3.5}.title_line_wide .section_btn a{font-family:YakuHanJP, Lato, 'Droid Sans', 'Noto Sans Japanese', 'Hiragino Kaku Gothic ProN', eatYuG, Meiryo, sans-serif;background:rgba(255,255,255,0.6);color:#000;border:solid 2px #bababa}@media only screen and (min-width: 768px){.title_line_wide.title_line_vertical_writing.title_line_wide{position:relative}.title_line_wide.title_line_vertical_writing.title_line_wide.reverse.section_name .text-side{display:flex;flex-direction:row-reverse}.title_line_wide.title_line_vertical_writing.title_line_wide.reverse.section_name .text-side .title-box .spacer-item_wrap:nth-child(1) .subtitle{text-align:right}.title_line_wide.title_line_vertical_writing.title_line_wide.reverse.section_name .text-side .title-box .spacer-item_wrap:nth-child(2){justify-content:flex-end}.title_line_wide.title_line_vertical_writing.title_line_wide.reverse.section_name .section-animation-wrap .element-1{position:absolute;top:0;left:calc( 100% - 200px);width:200px;height:200px;margin:0 50px 0 auto;border:2px solid #ccc;border-radius:50%}.title_line_wide.title_line_vertical_writing.title_line_wide.section_name .section-animation-wrap .element-1{margin:0 auto 0 50px}.title_line_wide .section_h3{text-align:left}.title_line_wide .text-side{display:flex}.title_line_wide .title-box{width:35%;padding-right:2rem}.title_line_wide .text-box{width:65%;padding:20rem 0 0 0}.title_line_wide .text-box .spacer-item_wrap{width:100%}.title_line_wide .headding_wrap,.title_line_wide .headding{font-size:5rem}.title_line_wide .subtitle_wrap,.title_line_wide .subtitle{font-size:5.6rem;text-align:left}.title_line_wide .text-box .editable_wrap{font-size:1.5rem}.title_line_wide .text-box .editable_wrap_title{text-align:left}.title_line_wide .section_btn{margin-bottom:40px;float:right}.title_line_wide .section_btn a{font-family:YakuHanJP, Lato, 'Droid Sans', 'Noto Sans Japanese', 'Hiragino Kaku Gothic ProN', eatYuG, Meiryo, sans-serif;background:rgba(255,255,255,0.6);color:#000;border:solid 2px #bababa}}@keyframes border-transition{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}} .title_line_wide_light{position:relative}.title_line_wide_light .section-animation-wrap{animation:border-transition .6s ease;pointer-events:none;z-index:0;opacity:.5}.title_line_wide_light .section-animation-wrap .element-1{position:absolute;top:0;left:0;width:200px;height:200px;border:2px solid #ccc;border-radius:50%}.title_line_wide_light .section-animation-wrap .element-2{position:absolute;top:200px;left:100px;height:40px;width:2px;background:#ccc}.title_line_wide_light .section-animation-wrap .element-3{position:absolute;top:240px;left:100px;height:2px;width:80%;background:#ccc}.title_line_wide_light .section-animation-wrap .element-4{position:absolute;top:240px;left:calc( 80% + 100px);height:40px;width:2px;background:#ccc}.title_line_wide_light .section-animation-wrap .element-5{position:absolute;top:232px;left:calc( 80% + 81px);height:40px;width:40px;transform:rotate(45deg);border-bottom:2px solid #ccc;border-right:2px solid #ccc}.title_line_wide_light.reverse .section-animation-wrap .element-1{position:absolute;top:0;left:calc( 100% - 200px);width:200px;height:200px;border:2px solid #ccc;border-radius:50%}.title_line_wide_light.reverse .section-animation-wrap .element-2{position:absolute;top:200px;left:calc( 100% - 100px);height:40px;width:2px;background:#ccc}.title_line_wide_light.reverse .section-animation-wrap .element-3{position:absolute;top:240px;left:35px;height:2px;width:80%;background:#ccc}.title_line_wide_light.reverse .section-animation-wrap .element-4{position:absolute;top:240px;left:10%;height:30px;width:2px;background:#ccc}.title_line_wide_light.reverse .section-animation-wrap .element-5{position:absolute;top:225px;left:calc( 10% + -19px);height:40px;width:40px;transform:rotate(45deg);border-bottom:2px solid #ccc;border-right:2px solid #ccc}.title_line_wide.title_line_wide_light_dark .editable{color:#fff}.title_line_wide .text-side{text-align:left}.title_line_wide .subtitle{letter-spacing:0px;color:#000;font-family:YakuHanJP, Lato, 'Droid Sans', 'Noto Sans Japanese', 'Hiragino Kaku Gothic ProN', eatYuG, Meiryo, sans-serif}.title_line_wide .section_h3{font-family:YakuHanMP, 'Playfair Display', 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, serif;word-wrap:break-word;font-weight:bold;letter-spacing:1.8px;font-size:3.6rem;text-align:center}.title_line_wide .headding_wrap,.title_line_wide .headding{font-size:2.5rem}.title_line_wide .subtitle_wrap,.title_line_wide .subtitle{font-size:1.1rem;text-align:center}.title_line_wide .text-box{margin-top:50px}.title_line_wide .text-box .editable_wrap{font-size:1.6rem;color:#000}.title_line_wide .text-box .editable_wrap_title{text-align:center;font-size:2rem;color:#333;font-weight:bold}.title_line_wide .section_btn a{font-family:YakuHanJP, Lato, 'Droid Sans', 'Noto Sans Japanese', 'Hiragino Kaku Gothic ProN', eatYuG, Meiryo, sans-serif;background:rgba(255,255,255,0.6);color:#000;border:solid 2px #bababa}@media only screen and (min-width: 768px){.title_line_wide.title_line_wide_light.title_line_wide{position:relative}.title_line_wide.title_line_wide_light.title_line_wide.reverse.section_name .section_btn{float:left}.title_line_wide.title_line_wide_light.title_line_wide.reverse.section_name .text-side{display:flex;flex-direction:row-reverse}.title_line_wide.title_line_wide_light.title_line_wide.reverse.section_name .text-side .title-box{padding-right:0;padding-left:2rem}.title_line_wide.title_line_wide_light.title_line_wide.reverse.section_name .section-animation-wrap .element-1{position:absolute;top:0;left:calc( 100% - 200px);width:200px;height:200px;border:2px solid #ccc;border-radius:50%}.title_line_wide.title_line_wide_light.title_line_wide.reverse.section_name .section-animation-wrap .element-2{position:absolute;top:200px;left:calc( 100% - 100px);height:40px;width:2px;background:#ccc}.title_line_wide.title_line_wide_light.title_line_wide.reverse.section_name .section-animation-wrap .element-3{position:absolute;top:240px;left:100px;height:2px;width:80%;background:#ccc}.title_line_wide.title_line_wide_light.title_line_wide.reverse.section_name .section-animation-wrap .element-4{position:absolute;top:240px;left:10%;height:30px;width:2px;background:#ccc}.title_line_wide.title_line_wide_light.title_line_wide.reverse.section_name .section-animation-wrap .element-5{position:absolute;top:225px;left:calc( 10% + -19px);height:40px;width:40px;transform:rotate(45deg);border-bottom:2px solid #ccc;border-right:2px solid #ccc}.title_line_wide .section_h3{text-align:left}.title_line_wide .text-side{display:flex}.title_line_wide .title-box{width:35%;padding-right:2rem}.title_line_wide .text-box{width:65%}.title_line_wide .text-box .spacer-item_wrap{width:100%}.title_line_wide .headding_wrap,.title_line_wide .headding{font-size:3rem}.title_line_wide .subtitle_wrap,.title_line_wide .subtitle{font-size:1.6rem;text-align:left}.title_line_wide .text-box .editable_wrap{font-size:1.5rem}.title_line_wide .text-box .editable_wrap_title{text-align:left}.title_line_wide .section_btn{margin-bottom:40px;float:right}.title_line_wide .section_btn a{font-family:YakuHanJP, Lato, 'Droid Sans', 'Noto Sans Japanese', 'Hiragino Kaku Gothic ProN', eatYuG, Meiryo, sans-serif;background:rgba(255,255,255,0.6);color:#000;border:solid 2px #bababa}}@keyframes border-transition{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}} .new_list_box .duplicatable-content{counter-increment:section}.new_list_box .duplicatable-content+.duplicatable-content{margin-top:3rem}.new_list_box .duplicatable-content_inner{padding:1.5rem;position:relative}.new_list_box .dc-inner_bg{height:100%;width:100%;position:absolute;top:0;left:0}.new_list_box .dc-inner_bg .frame-image{background-color:#fff}.new_list_box .text-side{display:flex;flex-wrap:wrap;align-items:flex-start;width:100%;position:relative;z-index:1}.new_list_box .text-side .number_wrap{display:flex;align-items:center;justify-content:center;align-self:center;height:2em;flex:0 0 2em;color:#f1f1f1;font-size:2rem;line-height:1;background-color:#333;border-radius:50%;position:relative}.new_list_box .text-side .number_wrap:before{content:counter(section, decimal-leading-zero);font-weight:400;transform:translate(2px, 0)}.new_list_box .text-side .title_wrap{flex:1 0 0;align-self:center;line-height:1.4;margin-left:1rem}.new_list_box .text-side .headding_wrap,.new_list_box .text-side .headding{font-size:2rem}.new_list_box .text-side .subtitle{font-size:0.85em}.new_list_box .text-side .text_wrap{width:100%;margin-top:1.5rem}.new_list_box .image-side{margin:2.5rem 0 0 0;position:relative;z-index:1}.new_list_box .image-side .frame-image{padding-top:66%}@media only screen and (min-width: 768px){.new_list_box .duplicatable-content_inner{display:flex;align-items:flex-start;padding:2.5rem}.new_list_box .text-side .number_wrap{font-size:2.2rem}.new_list_box .text-side .title_wrap{flex:1 0 0;margin-left:1.5rem}.new_list_box .image-side{flex:1 0 35%;align-self:center;max-width:300px;margin:0 0 0 3rem}.new_list_box.reverse .duplicatable-content_inner{flex-direction:row-reverse}.new_list_box.reverse .text-side{margin:0 0 0 3rem}.new_list_box.reverse .image-side{margin:0}} .title_sub{font-family:"YakuHanMP, Vollkorn, 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, sans-serif"}.title_sub .section_h3{font-family:YakuHanMP, Vollkorn, "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, sans-serif}.title_sub .text-side{max-width:850px;margin:auto;text-align:center}.title_sub .subtitle{letter-spacing:0px}.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:2.5rem}.title_sub .subtitle_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:3rem}.title_sub .subtitle_wrap{font-size:1.6rem}} .faq_accordion .duplicatable-content{background-color:rgba(200,200,200,.4)}.faq_accordion .duplicatable-content:nth-child(n+2){margin-top:4rem}.faq_accordion .answer,.faq_accordion .question{display:table}.faq_accordion .answer>div,.faq_accordion .question>div{display:table-cell;vertical-align:middle}.faq_accordion .answer .faq_text,.faq_accordion .question .faq_text{padding:0 2rem}.faq_accordion .question{cursor:pointer;width:100%;font-weight:700;position:relative;padding:2rem 4rem 2rem 2rem}.faq_accordion .question:after{content:"";border-bottom:1px solid;border-right:1px solid;width:10px;height:10px;position:absolute;right:27px;top:50%;margin-top:-5px;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:.3s all}.faq_accordion .question.answer-open:after{-webkit-transform:rotate(225deg);transform:rotate(225deg);margin-top:0}.faq_accordion .answer{padding:2rem;display:none;position:relative}.faq_accordion .answer:before{content:"";position:absolute;width:96%;top:0;left:50%;margin-left:-48%;border-top:#333 1px dotted}.faq_accordion .faq_btn{font-size:2rem;padding:1rem 2rem}.faq_accordion .q_btn{width:53px} .infomation_all{text-align:center;font-size:1.4rem}.infomation_all .letter,.infomation_all .editable_wrap{letter-spacing:.7px;font-size:1.4rem}.infomation_all .info-side{font-size:1.2rem}.infomation_all .info-side .tel-linker{font-size:2rem}.infomation_all .section_btn{margin:3rem auto 0}.infomation_all .section_btn .linker{font-size:1.5rem}.infomation_all .headding_wrap,.infomation_all .section_h3{font-size:3rem}.infomation_all .subtitle_wrap,.infomation_all .subtitle{font-size:1.5rem}.infomation_all .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3rem}.infomation_all .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.5rem}@media only screen and (min-width: 768px){.infomation_all .info-side{display:flex;justify-content:center}.infomation_all .section_btn{margin:0 0 0 5rem}} .footer_simple{font-size:1.4rem}.footer_simple .logo-side{padding:4rem 0;font-size:1.2rem}.footer_simple .logo{width:200px;margin:0 auto 2rem}.footer_simple .logo img{width:auto;max-width:100%}.footer_simple .logo div{display:inline}.footer_simple .headline_footer{color:#29aec8;font-weight:400;font-size:1.2rem;text-align:center}.footer_simple .detail-side{text-align:center;font-size:1.4rem}.footer_simple .detail-side_first{margin-bottom:2rem}.footer_simple .detail-side_second{margin-bottom:4rem}.footer_simple .detail-side_second .tel{font-size:1.8rem}.footer_simple .detail-side_second .hour{font-size:1.2rem}.footer_simple .detail-side_third{margin-bottom:3rem}.footer_simple .letter{letter-spacing:.1em}.footer_simple .copy{border-top:1px solid #ccc;font-size:1.2rem;padding:2rem 0;text-align:center}.footer_simple .section_btn a{white-space:nowrap}@media only screen and (min-width:768px){.footer_simple .footer-company{padding:3.5rem 0}.footer_simple .logo-side{padding:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:4rem}.footer_simple .logo{margin:0 2rem 0 0}.footer_simple .headline_footer{text-align:left}.footer_simple .detail-side{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;text-align:left}.footer_simple .detail-side>div{margin-bottom:0}.footer_simple .detail-side_first{width:40%}.footer_simple .detail-side_second{width:25%}.footer_simple .detail-side_third{width:35%}.footer_simple .copy{padding:1.5rem 0}.footer_simple .section_btn{margin:auto 0 auto auto}} @charset "UTF-8";#section-wrapper{background-color:#fff}#section-wrapper .headding{ font-family: YakuHanJP, "Noto Sans", "Droid Sans", "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", eatYuG, Meiryo, sans-serif; line-height: ; letter-spacing: em; }#section-wrapper .subtitle{ font-family: YakuHanJP, "Helvetica Neue", Lato, "Droid Sans", eatYuG, "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; line-height: ; letter-spacing: em; }#section-wrapper .letter{ font-family: YakuHanJP, "Helvetica Neue", Lato, "Droid Sans", eatYuG, "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; line-height: ; letter-spacing: em; }@media only screen and (min-width:769px){}#loading{position:fixed;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999;display:none}#loading .loading_inner{width:100%;height:90px;position:absolute;top:50%}#loading .loading_inner .loader_animation,#loading .loading_inner .loader_animation:before,#loading .loading_inner .loader_animation:after{border-radius:50%;width:2.4rem;height:2.4rem;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.3s infinite ease-in-out;animation:load7 1.3s infinite ease-in-out}#loading .loading_inner .loader_animation{color:#fff;font-size:12px;margin:10px auto;position:relative;top:-30px;text-indent:-9999rem;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-0.16s;animation-delay:-0.16s}#loading .loading_inner .loader_animation:before,#loading .loading_inner .loader_animation:after{content:'';position:absolute;top:0}#loading .loading_inner .loader_animation:before{left:-3.4rem;-webkit-animation-delay:-0.32s;animation-delay:-0.32s}#loading .loading_inner .loader_animation:after{left:3.4rem}@-webkit-keyframes load7{0%,80%,100%{box-shadow:0 2.45rem 0 -1.25rem}40%{box-shadow:0 2.45rem 0 0}}@keyframes load7{0%,80%,100%{box-shadow:0 2.45rem 0 -1.25rem}40%{box-shadow:0 2.45rem 0 0}}#loading .circle{position:fixed;top:50%;left:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;border:8px solid #f00;border-right-color:transparent;-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:.2}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:1.0}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:.2}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:.2}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:1.0}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:.2}} .one_page_scroll_btn { display: none; } @media only screen and (max-width: 768px){ #content-wrapper #section-wrapper #section_280284 .content .image-bg { background-image: url(https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/189262/optimized__9b8s5yPptoNMi1921Wp0w.png)!important; } } @media only screen and (min-width: 1025px){ section:first-of-type .content { padding: 0 25px 25px 25px!important; } .gnav_wide_block.gnav_draewr { padding: 0 25px 25px 25px!important; } .gnav_wide_block.gnav_draewr .gnav_container .gnav_items li:last-child { height: 100%; margin: 0; } .gnav_wide_block.gnav_draewr .gnav_container .gnav_items li:last-child { background-color: #18224b; } .gnav_container .gnav_items a:hover, .gnav_wide_block.gnav_draewr .gnav_container .gnav_items li:last-child a:hover { color: #f5ec89!important; opacity: 1 ; } } .footer_menu_center .logo img { max-width: initial; } @media only screen and (max-width: 768px){ .footer_menu_center .logo img { max-width: 100%; } } #section_279406 a, .footer-company_inner .menu-block a { color: #666; } #section_279400 h1, #section_279401 h1, #section_279405 h1, #section_279402 h1, #section_278987 h1, #section_278988 h1, #section_278986 h1 { text-shadow: 0 2px 0 #808080, 0 3px 0 #808080, 0 4px 5px #808080; font-size: 1.2em!important; letter-spacing: 0.2em!important; color: #fff!important; font-weight: bold!important; } #section_279400 .h1_center .subtitle, #section_279401 .h1_center .subtitle, #section_279405 .h1_center .subtitle, #section_279402 .h1_center .subtitle, #section_278987 .h1_center .subtitle, #section_278988 .h1_center .subtitle, #section_278986 .h1_center .subtitle { text-shadow: 0 2px 0 #888, 0 3px 0 #888, 0 4px 5px #333; color: #ffec3b!important; font-weight: bold!important; } #section_281921 .portrait_four .text-side_inner { border-bottom: none; } .section_btn .linker { position: relative; height: 55px; background: #fff; border-radius: 3px; } .section_btn .linker:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scaleX(0); transform-origin: right; transition: transform .7s cubic-bezier(.19, 1, .22, 1); background: rgb(24, 34, 75); border-radius: 3px; } .section_btn .linker:hover:before { transform: scaleX(1); transform-origin: left; } .section_btn .linker a{ position: absolute; z-index: 3; top: 0; left: 0; display: flex; width: 100%; } .section_btn .linker a:hover { color: #fff !important; background-color: transparent !important; transition: .4s; opacity: 1; } .section_btn .linker.hide { display: none; } .footer_menu_center .section_btn .linker a:hover { background-color: rgb(24, 34, 75) !important; transition: all .4s; /*opacity: .7;*/ } .footer_menu_center .section_btn .linker::before { content: none; } .blog_posts .banner_text .banner_link { background-color: #18224b !important; } .showcase_chart .banner_text .banner_link { background-color: #18224b !important; } .blog_posts .banner_text ._color_, .showcase_chart .banner_text ._color_, .banner_text ._color_ { color: #fff !important; text-shadow: 1px 1px 0px #000, -1px -1px 0px #18224b, -1px 1px 0px #000, 1px -1px 0px #18224b, 1px 0px 0px #000, -1px 0px 0px #18224b, 0px 1px 0px #000, 0px -1px 0px #18224b; } #section_280285 h1, #section_279423 h2, #section_279424 h2, #section_279426 h2, #section_279425 h2 { font-size: 42px; letter-spacing: 0.2em; line-height: 1.4; font-weight: bold; color: #fff; } #section_282392 h3, #section_282433 h3, #section_281915 h3, #section_281916 h3, #section_282382 h3, #section_280376 h3, #section_281918 h3 { font-size: 30px; letter-spacing: 0.2em; font-weight: bold; color: #18224b; } #section_279724 h3 { font-size: 35px; letter-spacing: 0.2em; font-weight: bold; color: #fff; } #section_282401 h3, #section_280411 h3, #section_280412 h3 { font-size: 22.4px; letter-spacing: 0.2em; line-height: 1.4; font-weight: bold; color: #000; } #section_279720 h3, #section_279719 h3, #section_279722 h3, #section_280392 h3, #section_279723 h3 { font-size: 36px; letter-spacing: 0.2em; font-weight: bold; color: #18224b; } #section_279720 .subtitle, #section_279719 .subtitle, #section_279722 .subtitle, #section_280392 .subtitle, #section_279723 .subtitle { font-size: 15px; font-weight: bold; color: #666; } #section_280354 .title { font-size: 48px; letter-spacing: 0.2em; font-weight: bold; color: #fff; } #section_280354 h3 { font-size: 30px; letter-spacing: 0.2em; font-weight: bold; color: #18224b; } #section_280130 h3, #section_280516 h3, #section_280191 h3, #section_280192 h3, #section_280193 h3, #section_280196 h3, #section_280219 h3, #section_280220 h3, #section_280218 h3, #section_280223 h3, #section_280359 h3 { font-size: 30px; letter-spacing: 0.2em; font-weight: bold; color: #000; } #section_282433 .subtitle, #section_281915 .subtitle, #section_281916 .subtitle, #section_282401 .subtitle, #section_282382 .subtitle, #section_280376 .subtitle, #section_280130 .subtitle, #section_280516 .subtitle, #section_280191 .subtitle, #section_280192 .subtitle, #section_280193 .subtitle, #section_280196 .subtitle, #section_280219 .subtitle, #section_280220 .subtitle, #section_280218 .subtitle, #section_280223 .subtitle { font-size: 12px; letter-spacing: 0.1em; } @media only screen and (max-width: 767px){ #section_280285 h1, #section_279423 h2, #section_279424 h2, #section_279426 h2, #section_279425 h2 { font-size: 25px; } #section_282392 h3, #section_282433 h3, #section_281915 h3, #section_281916 h3, #section_282382 h3, #section_280376 h3, #section_281918 h3 { font-size: 25px; } #section_279724 h3 { font-size: 22.4px; } #section_282401 h3, #section_280411 h3, #section_280412 h3 { font-size: 22.4px; } #section_279720 h3, #section_279719 h3, #section_279722 h3, #section_280392 h3, #section_279723 h3 { font-size: 30px; } #section_279720 .subtitle, #section_279719 .subtitle, #section_279722 .subtitle, #section_280392 .subtitle, #section_279723 .subtitle { font-size: 10px; } #section_280354 .title { font-size: 25px; } #section_280354 h3 { font-size: 22.4px; } #section_280130 h3, #section_280516 h3, #section_280191 h3, #section_280192 h3, #section_280193 h3, #section_280196 h3, #section_280219 h3, #section_280220 h3, #section_280218 h3, #section_280223 h3, #section_280359 h3 { font-size: 22.4px; } } /********漫画ここから***********/ #comic-start{ padding: 30px 0; background: #ffffff; max-width: 1100px; margin: 0 auto; position: relative; } .flex-comic{ display:flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; background: #ffffff; width: 96.4%; max-width: 990px; margin: 0 auto; padding: 0; overflow: hidden; flex-direction: row-reverse; justify-content: space-between; flex-wrap: nowrap; position: relative; } .comic p { margin-block-start: 0em; margin-block-end: 0em; } #comic-start .inner { width: 100%; max-width: 990px; margin-left: auto; margin-right: auto; overflow: hidden; text-align: center; padding-top: 30px; padding-bottom: 30px; } .relative{ position: relative; } .absolute{ position: absolute; } .comic img { margin: 0 auto; padding: 0; } /*******************************/ .koma01 { background-image: url("https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/193161/optimized_TJnMKW4Z9EzzxBKmOCJXcQ.png"); background-size: cover; max-height:390px; height: 39vw; display: block; width: 42.2%; margin: 0 0 14px 0; overflow: hidden; position: relative; border: 2px solid #000000; } .koma01 .img-01-01 img{ max-width: 140px; width: 14vw; } .koma01 .img-01-01 { top: 0px; right: -5px; } .koma01 .fukidashi-01-01 img{ max-width: 418px; width: 41vw; } .koma01 .fukidashi-01-01 { top: 0px; right: 0px; } /*******************************/ .koma02 { background-image: url("https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/193160/optimized_lSsOpKSNM-aQ2MHG4wAiHQ.png"); background-repeat: no-repeat; background-size: cover; max-height: 390px; height: 39vw; width: 56.2%; display: block; margin: 0 0 14px 0; overflow: hidden; position: relative; border: 2px solid #000000; } .koma02 .img-02-01 img{ max-width: 446px; width: 44vw; } .koma02 .img-02-01 { top: 0px; right: -20px; } .koma02 .img-02-02 img{ max-width: 286px; width: 28vw; } .koma02 .img-02-02 { top: 0px; left: -10px; } .koma02 .fukidashi-02-01 img{ max-width:170px; width: 17vw; } .koma02 .fukidashi-02-01 { top:-20px; left: -10px; } /*******************************/ .koma03 { background-image: url("https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/193159/optimized_A923vl9qNxIhSzqo5QfEeQ.png"); background-size: cover; max-height:400px; height: 40vw; display: block; width: 49.2%; margin: 0 0 14px 0; overflow: hidden; position: relative; border: 2px solid #000000; } .koma03 .img-03-01 img{ max-width: 368px; width: 36vw; } .koma03 .img-03-01 { top:0px; right: 70px; } .koma03 .fukidashi-03-01 img{ max-width: 210px; width:21vw; } .koma03 .fukidashi-03-01 { top: -10px; right: -20px; } .koma03 .fukidashi-03-02 img{ max-width: 254px; width:25vw; } .koma03 .fukidashi-03-02 { top: 0px; left: 90px; } /*******************************/ .koma04 { background-image: url("https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/193158/optimized_V6OPmWX5-5cojd6su0SsnQ.png"); background-size: cover; max-height:400px; height: 40vw; display: block; width: 49.2%; margin: 0 0 14px 0; overflow: hidden; position: relative; border: 2px solid #000000; } .koma04 .img-04-01 img{ max-width: 486px; width: 48vw; } .koma04 .img-04-01 { top: 0px; right: -15px; } .koma04 .img-04-02 img{ max-width: 106px; width: 11vw; } .koma04 .img-04-02 { top: 20px; right: 28%; } .koma04 .fukidashi-04-01 img{ max-width: 498px; width:49vw; } .koma04 .fukidashi-04-01 { top: 0px; right: -10px; } /*******************************/ .koma05 { background-image: url("https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/193157/optimized_Zz6VS3TWYwMVJRR4CPtLhw.png"); background-repeat: no-repeat; background-size: cover; max-height:480px; height:48vw; width: 96%; max-width: 990px; display: block; margin: 0 auto 14px; overflow: hidden; position: relative; border: 2px solid #000000; } .koma05 .img-05-01 img{ max-width: 470px; width: 47vw; } .koma05 .img-05-01 { top: 0px; right: 29%; } .koma05 .img-05-02 img{ max-width: 268px; width: 26vw; } .koma05 .img-05-02 { top: 0px; right: -10px; } .koma05 .img-05-03 img{ max-width: 214px; width: 21vw; } .koma05 .img-05-03 { top: 0px; left: -10px; } .koma05 .fukidashi-05-01 img{ max-width: 308px; width: 30vw; } .koma05 .fukidashi-05-01 { top: 0px; right: -10px; } .koma05 .fukidashi-05-02 img{ max-width: 298px; width: 29vw; } .koma05 .fukidashi-05-02 { top: 0px; left: 17%; } .koma05 .fukidashi-05-03 img{ max-width: 160px; width: 16vw; } .koma05 .fukidashi-05-03 { top: 0px; left: -10px; } /*******************************/ .koma06 { background-image: url("https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/193156/optimized_pA7zc8d3MBnqzhen2OFMTA.png"); background-repeat: no-repeat; background-size: cover; max-height:460px; height:46vw; width: 96%; max-width: 990px; display: block; margin: 0 auto 14px; overflow: hidden; position: relative; border: 2px solid #000000; } .koma06 .img-06-01 img{ max-width:498px; width: 49vw; } .koma06 .img-06-01 { top: 0px; right: 26%; } .koma06 .img-06-02 img{ max-width:264px; width: 26vw; } .koma06 .img-06-02 { top: 0px; right: -10px; } .koma06 .img-06-03 img{ max-width:228px; width: 22vw; } .koma06 .img-06-03 { top: 0px; left: -10px; } .koma06 .fukidashi-06-01 img{ max-width: 302px; width: 30vw; } .fukidashi-06-01 { top: 0px; right: -10px; } .fukidashi-06-02 img{ max-width: 262px; width: 26vw; } .koma06 .fukidashi-06-02 { top: 0px; left: -15px; } /*******************************/ .koma07 { background-image: url("https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/193155/optimized_RG41bRKOW_HNL5VwhnBIQA.png"); background-repeat: no-repeat; background-size: cover; max-height: 395px; height: 39.5vw; width: 42.2%; display: block; margin: 0 0 14px 0; overflow: hidden; position: relative; border: 2px solid #000000; } .koma07 .img-07-01 img{ max-width: 214px; width: 21vw; } .koma07 .img-07-01 { top: 5px; right: 0px; } .koma07 .img-07-02 img{ max-width: 152px; width: 15vw; } .koma07 .img-07-02 { top: 5px; left: -5px; } .koma07 .fukidashi-07-01 img{ max-width: 228px; width: 22vw; } .koma07 .fukidashi-07-01 { top: 0px; right: -10px; } .koma07 .fukidashi-07-02 img{ max-width: 182px; width: 18vw; } .koma07 .fukidashi-07-02 { top: 0px; left: -10px; } /*******************************/ .koma08 { background-image: url("https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/193154/optimized_TP_jwu4h2KbXq-NWnhTXuA.png"); background-repeat: no-repeat; background-size: cover; max-height: 395px; height: 39.5vw; width: 56.2%; display: block; margin: 0 0 14px 0; overflow: hidden; position: relative; border: 2px solid #000000; } .koma08 .img-08-01 img{ max-width: 346px; width: 34vw; } .koma08 .img-08-01 { top: 0px; left: 80px; } .koma08 .img-08-02 img{ max-width: 126px; width: 12vw; } .koma08 .img-08-02 { bottom: 80px; left: 20px; } .koma08 .fukidashi-08-01 img{ max-width: 242px; width: 24vw; } .koma08 .fukidashi-08-01 { top: 0px; right: -10px; } .koma08 .fukidashi-08-02 img{ max-width: 158px; width: 15vw; } .koma08 .fukidashi-08-02 { top: 0px; left: -10px; } /*******************************/ .koma09 { background-image: url("https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/193153/optimized_Ock_lY4Rh7O6vE1vXM7xOQ.png"); background-repeat: no-repeat; background-size: cover; max-height: 400px; height: 39vw; width: 49.2%; display: block; margin: 0 0 14px 0; overflow: hidden; position: relative; border: 2px solid #000000; } .koma09 .img-09-01 img{ max-width: 324px; width: 32vw; } .koma09 .img-09-01 { top: 0px; right: 80px; } .koma09 .fukidashi-09-01 img{ max-width: 178px; width: 17vw; } .koma09 .fukidashi-09-01 { top: 0px; right: -10px; } .koma09 .fukidashi-09-02 img{ max-width: 166px; width: 16vw; } .koma09 .fukidashi-09-02 { top: 0px; left: -10px; } /*******************************/ .koma10 { background-image: url("https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/193152/optimized_wVDCrWdBhhk1CnKzVZ6LJQ.png"); background-repeat: no-repeat; background-size: cover; max-height: 400px; height: 39vw; width: 49.2%; display: block; margin: 0 0 14px 0; overflow: hidden; position: relative; border: 2px solid #000000; } .koma10 .img-10-01 img{ max-width: 212px; width: 21vw; } .koma10 .img-10-01 { top: 0px; right: -5px; } .koma10 .img-10-02 img{ max-width: 322px; width: 32vw; } .koma10 .img-10-02 { top: 0px; left: 10px; } .koma10 .fukidashi-10-01 img{ max-width: 290px; width: 29vw; } .koma10 .fukidashi-10-01 { top: 0px; right: -10px; } .koma10 .fukidashi-10-02 img{ max-width: 174px; width: 17vw; } .koma10 .fukidashi-10-02 { top: 0px; left: -10px; } /*******************************/ /*******************************/ @media screen and (max-width: 1100px) { #comic-start{ padding: 4vw 0; } .koma01,.koma02,.koma03,.koma04,.koma07,.koma08,.koma09,.koma10{ margin: 0 0 6px 0!important; } .koma05,.koma06{ margin: 0 auto 6px!important; } .koma02 .img-02-01 { right: -2vw; } .koma02 .fukidashi-02-01 { top: -3vw; left: 0vw; } .koma03 .fukidashi-03-02 { left: 9vw; } .koma03 .fukidashi-03-01 { top: -3vw; right: -2vw; } .koma03 .img-03-01 { top: 2vw; right: 6vw; } .koma04 .img-04-01 { right: 0vw; } .koma05 .img-05-01 { right: 26%; } .koma05 .img-05-02 { top: 2vw; } .koma08 .fukidashi-08-01 { top: -1vw; } } @media screen and (max-width: 767px) { .koma03,.koma04,.koma09,.koma10{ width:49%; } .koma01,.koma07{ width:42%; } .koma02,.koma08{ width:56%; } .koma08 .img-08-01 { left: 6vw; } .koma08 .img-08-02 { bottom: 9vw; left: 0vw; } .koma09 .img-09-01 { right: 7vw; } .koma09 .fukidashi-09-01 { right: -1vw; } .koma09 .fukidashi-09-02 { left: -1vw; } .koma10 .fukidashi-10-01 { right: -1vw; } } /**************顔 拡大ふるふる******************/ #comic-start .tada { animation: tada 3.6s linear infinite; transform-origin: 50% 50%; } @keyframes tada { 0% { transform: scale(1) } 5.55556% { transform: scale(.9) rotate(-8deg) } 11.11111% { transform: scale(.9) rotate(-8deg) } 16.66667% { transform: scale(1.3) rotate(8deg) } 22.22222% { transform: scale(1.3) rotate(-8deg) } 27.77778% { transform: scale(1.3) rotate(8deg) } 33.33333% { transform: scale(1.3) rotate(-8deg) } 38.88889% { transform: scale(1.3) rotate(8deg) } 44.44444% { transform: scale(1) rotate(0) } 100% { transform: scale(1) rotate(0) } } /**************顔ゆらゆら******************/ #comic-start .keyframe3{ animation-name: anim_s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; transform: rotate(6deg); animation-duration: 1s; } @keyframes anim_s { 40% { transform: rotate(-6deg); } 80% { transform: rotate(6deg); } } /**************ゆるい握手******************/ #comic-start .fluffy { animation: fluffy1 3s ease infinite; } @keyframes fluffy1 { 0% { transform:translateY(0) } 5% { transform:translateY(0) } 10% { transform:translateY(0) } 20% { transform:translateY(-15px) } 25% { transform:translateY(0) } 30% { transform:translateY(-15px) } 50% { transform:translateY(0) } 100% { transform:translateY(0) } } /********漫画ここまで***********/ #section_292228 .half .image-side { height: 100%; } #section_292228 .half .image-side_inner { padding-top: 53%; } #section_292228 .half .subtitle { font-size: 1.5rem; } #section_292228 .letter_wrap_basic .letter { font-size: 2rem; font-weight: bold; } #section_292228 .letter_wrap_basic .letter p { font-size: 1.5rem; } #section_292228 .half .image-side .frame-image { background-size: contain; } @media only screen and (min-width: 768px){ #section_292228 .half.reverse .text-side { padding: 0 3rem 0 3rem; background-color: #fff; border: 5px solid #1d2087; margin-right: 3rem; } #section_292228 .half .image-side .image-frame-bg { top: 70%; bottom: inherit; transform: translateY(-50%); } } .footer_menu_center .back-top { border: 1px solid #18224b; } .footer_menu_center .back-top .arrow:before { color: #18224b; } @media (max-width:767.9px) { .table_border_light, .fit_card_two_image .text-side .spacer-item_wrap:nth-child(4) .editable_wrap, .h3_text .text, .h2_bgfix .subtitle { font-size: 1.5rem; } } .new_standard_content_two .image-side .image-frame a:hover{display: block;opacity: .5;} .new_standard_content_two .text-side_inner .letter , .fit_card_two_image .text-side_inner .letter {font-size: 1.6rem!important;} .formapps .section_btn input{background-color: #18224b;} .table_light .table_wrap .tr {font-size: 1.5rem;} .footer_menu_center .section_btn a { background: #fff!important; border: 1px solid #18224b!important; color: #18224b!important; text-align: center; text-decoration: none; outline: none; position: relative; z-index: 2; overflow: hidden; } .footer_menu_center .section_btn a:hover { color:#fff; opacity: 1; } .footer_menu_center .section_btn a::after{ content: ''; transform: none; left: -100%; width: 100%; height: 100%; background: #18224b; position: absolute; z-index: -1; display: block; box-sizing: border-box; transition: all .3s; } .footer_menu_center .section_btn a:hover:after { top: 0; left: 0; } @media only screen and (max-width: 1024px) and (min-width: 460px){ .fit_card_two_image .image-side .image-frame-bg{padding-top:50%;} }