@charset "utf-8"; /* CSS Document */ *{ margin:0; padding:0; box-sizing:border-box; word-break:break-all;} div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} ul,ol{ list-style:none;} html,body { margin:0 auto; padding:0; font-family: "Inter" , "Hiragino Sans" , "ヒラギノ角ゴシック"; font-size:20px; text-align:left; color:#39382A; overflow-x:hidden; } @media screen and (max-width:1440px){ html,body{ font-size: calc((20/1440)*100vw);} } @media screen and (max-width:767px){ html,body{ font-size:4vw; min-width:240px; max-width:767px; } } /*img*/ img{ border-style:none; vertical-align:bottom; padding:0; line-height:0em; max-width:100%; height:auto;} figure{margin:0 auto; text-align:center;} /*txt*/ p{ font-size: 16px; line-height:1.75em; margin:0 0 1em; padding:0;} p:last-child{ margin:0;} h2{ font-size: 60px; } h3{ font-size: 40px; } /*tit*/ h1,h2,h3,h4,h5,h6{ line-height: 1.2em; letter-spacing: 0.1em;} strong{ font-weight:bold;} .bold { font-weight:bold;} .normal{ font-weight:normal;} .under_line{text-decoration:underline;text-underline-offset: 30px;text-decoration-thickness: 3px;color: #39382A;} .under_line_w{text-decoration:underline;text-underline-offset: 30px;text-decoration-thickness: 3px;color: #fff;} .line_through{ text-decoration:line-through;} .no-underline {text-decoration: none;} .white{ color:#fff;} .black{ color:#333;} .gy{ color:#aaa;} .red{ color:#F12E2E;} .blue{ color:#0022FF;} .left{ text-align:left;} .right{ text-align:right;} .center{ text-align:center;} /*link*/ a{ color:inherit; text-decoration:none;} a:hover{} .opa{ transition: opacity 0.3s;} .opa:hover{ opacity: 0.7;} button{border:0} @media screen and (max-width:1440px){ html,body{ font-size: calc((20/1440)*100vw);} h2{ font-size: 2.8rem; } h3{ font-size: 2rem; } .under_line{text-decoration:underline;text-underline-offset: 1.56vw;text-decoration-thickness: 3px;color: #39382A;} .under_line_w{text-decoration:underline;text-underline-offset: 1.56vw;text-decoration-thickness: 3px;color: #fff;} } @media screen and (max-width:767px){ html,body{ font-size:4vw; min-width:240px; max-width:767px; } h2{ font-size: 1.8rem; } h3{ font-size: 1.2rem; } .under_line{text-decoration:underline;text-underline-offset: 1.56vw;text-decoration-thickness: 3px;color: #39382A;} .under_line_w{text-decoration:underline;text-underline-offset: 1.56vw;text-decoration-thickness: 3px;color: #fff;} } .header {display: flex;align-items: center;justify-content: space-between;background-color: white;padding: 0px 20px; height: 110px;} .header .logo {display: flex;align-items: center;} .header .logo img {height: 100px;margin: 0 10px 0 20px;} .header .logo-text {font-size: 20px;line-height: 30px;font-weight: bold;} .header .logo-text span {font-size: 40px;line-height: 40px;} .header .contact {font-size: 28px;display: flex;align-items: center;text-align: center;} .header .contact .phone-number {font-size: 1.5rem;font-weight: bold;margin: 20px 40px 0 0;} .header .contact .phone-number img {position: relative;top: -13px;} .header .contact .phone-number span {font-size: 2rem;margin-left: 20px;} .header .contact a { margin: 0 10px; width: 800px;} .header .cta-button {position: relative;top:-5px;background-color: #FF7B39;color: white;border: none;padding: 10px 40px;border-radius: 60px;font-size: 32px;font-weight: bold;cursor: pointer;margin: 0px 40px 0 0;box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.6);display: inline-block;} .header .cta-button:hover {background-color: #AD582E;transform: translate(4px, 4px); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);} @media screen and (max-width:1440px){ .header {display: flex;align-items: center;justify-content: space-between;background-color: white;padding: 0px 2vw;} .header .logo {display: flex;align-items: center;} .header .logo img {height: 60px;margin: 0 10px 0 20px;} .header .logo-text {font-size: 1rem;line-height: 30px;font-weight: bold;} .header .logo-text span {font-size: 2rem;line-height: 2.5vw;} .header .contact {font-size: 1rem;display: flex;align-items: center;text-align: center;} .header .contact .phone-number {font-size: 1rem;font-weight: bold;margin: 2vw 2vw 0 0;} .header .contact .phone-number img {width: 3vw; height: auto; position: relative;top: -1vw;} .header .contact .phone-number span {position: relative; top: -0.5vw; font-size: 1.6rem;margin-left: 1vw;} .header .contact a { margin: 0 10px;} .header .cta-button {background-color: #FF7B39;color: white;border: none;padding: 0.5vw 2vw;border-radius: 60px;font-size: 1.5rem;font-weight: bold;cursor: pointer;margin: 0 2vw 0 0;box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.6);display: inline-block;} .header .cta-button:hover {background-color: #AD582E;transform: translate(4px, 4px); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);} } @media screen and (max-width:767px){ .header {display: flex;align-items: center;justify-content: space-between;background-color: white;padding: 0px 1vw 1vw;} .header .logo {display: flex;align-items: center;} .header .logo img {height: 12vw;margin: 0 0.3vw 0 0.6vw;} .header .logo-text {font-size: 0.7rem;line-height: 1.5rem;font-weight: bold;padding-top: 0.5vw;letter-spacing: -0.2vw;} .header .logo-text span {font-size: 1.4rem;line-height: 3.0vw;} .header .contact {position: relative; top: 1vw; font-size: 1rem;display: block;align-items: center;text-align: center;} .header .contact .phone-number {font-size: 0rem;font-weight: bold;margin: 2vw 0.3vw 0 0;} .header .contact .phone-number img {width: 4.5vw; height: auto; position: relative;top: -1vw;} .header .contact .phone-number span {position: relative; top: -1.5vw; font-size: 1.2rem;margin-left: 1vw;} .header .contact a { margin: 2px 0; width: 36vw;} .header .cta-button {background-color: #FF7B39;color: white;border: none;width: 36vw;padding: 1vw 0vw;border-radius: 60px;font-size: 0.8rem;font-weight: bold;cursor: pointer;margin: 10px 0;box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.6);display: inline-block;} .header .cta-button:hover {background-color: #AD582E;transform: translate(2px, 2px); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);} } /*コンテンツ*/ #content {width: 100%; text-align: center; } /*ファーストビュー*/ #FV {background-image: url( "img/FV_haikei.png");background-size: cover;background-position: center;height: 900px;color: #333;text-align: center;position: relative; white-space: nowrap} #FV .FV_p_01{position: relative; top: 30px; font-size: 2rem; color:#fff;text-shadow: 4px 4px 4px rgba(0, 0, 0, 1); margin-right: 40vw;} #FV .FV_02 { position: relative; top: 20px; left: 50vw; display: flex; transform: rotate(3deg);} #FV .FV_02 img {height: 100px;margin: 0 10px 0 20px;} #FV .FV_p_02 {position: relative;top: 0px;font-size: 3.5rem;font-weight: bold; color:#FD5757; margin-right: 20vw; text-shadow: -3px -3px 0 #FFFFFF, /* 左上 */ 3px -3px 0 #FFFFFF, /* 右上 */ -3px 3px 0 #FFFFFF, /* 左下 */ 3px 3px 0 #FFFFFF, /* 右下 */ 0px -3px 0 #FFFFFF, /* 上 */ 0px 3px 0 #FFFFFF, /* 下 */ -3px 0px 0 #FFFFFF, /* 左 */ 3px 0px 0 #FFFFFF; /* 右 */ } #FV .FV_center {position: relative;top: -50px;width: 1000px;height: 420px;margin: 0 auto;} #FV .FV_p_03 {color: #39382A;font-size: 3.5rem;font-weight: bold;margin-bottom: 0px; text-shadow: -3px -3px 0 #FFFFFF, /* 左上 */ 3px -3px 0 #FFFFFF, /* 右上 */ -3px 3px 0 #FFFFFF, /* 左下 */ 3px 3px 0 #FFFFFF, /* 右下 */ 0px -3px 0 #FFFFFF, /* 上 */ 0px 3px 0 #FFFFFF, /* 下 */ -3px 0px 0 #FFFFFF, /* 左 */ 3px 0px 0 #FFFFFF; /* 右 */ } #FV .FV_i_04{display: flex;position: relative;top: -20px;} #FV .FV_p_04 {position: relative;top: 30px;left: -100px;font-size: 7rem;color: #FF4500;margin-bottom: 0px;font-weight: bold; text-shadow: -5px -5px 0 #FFFFFF, /* 左上 */ 5px -5px 0 #FFFFFF, /* 右上 */ -5px 5px 0 #FFFFFF, /* 左下 */ 5px 5px 0 #FFFFFF, /* 右下 */ 0px -5px 0 #FFFFFF, /* 上 */ 0px 5px 0 #FFFFFF, /* 下 */ -5px 0px 0 #FFFFFF, /* 左 */ 5px 0px 0 #FFFFFF, /* 右 */ 9px 9px 0 #000; /* 右下 */ } #FV .FV_p_05 {position: relative;top: -30px;color: #39382A;font-size: 4rem;font-weight: bold;margin-bottom: 0px; text-shadow: -3px -3px 0 #FFFFFF, /* 左上 */ 3px -3px 0 #FFFFFF, /* 右上 */ -3px 3px 0 #FFFFFF, /* 左下 */ 3px 3px 0 #FFFFFF, /* 右下 */ 0px -3px 0 #FFFFFF, /* 上 */ 0px 3px 0 #FFFFFF, /* 下 */ -3px 0px 0 #FFFFFF, /* 左 */ 3px 0px 0 #FFFFFF; /* 右 */ } #FV .FV_p_05_sp {color: #FD5757;font-size: 3.5rem;font-weight: bold;margin-bottom: 0px;margin-left: 20px; text-shadow: -3px -3px 0 #FFFFFF, /* 左上 */ 3px -3px 0 #FFFFFF, /* 右上 */ -3px 3px 0 #FFFFFF, /* 左下 */ 3px 3px 0 #FFFFFF, /* 右下 */ 0px -3px 0 #FFFFFF, /* 上 */ 0px 3px 0 #FFFFFF, /* 下 */ -3px 0px 0 #FFFFFF, /* 左 */ 3px 0px 0 #FFFFFF; /* 右 */ } #FV .FV_sp_0{font-size: 10rem; font-family: "cursive","Hiragino Sans","ヒラギノ角ゴシック";} #FV .FV_p_05_sp02{color: #FD5757;position: absolute;right: 20px;bottom: -20px;font-size: 1.5rem;line-height: 30px;} #FV .FV_under{display: flex; width: 80vw; margin: 0 auto;} #FV .points {position: relative;display: flex;justify-content: center;gap: 20px;margin-top: 20px;} #FV .point {position: relative;background: url("img/FV_point.png");width: 305px;height: 184px;padding: 15px;border-radius: 8px;text-align: center;font-size: 14px;} #FV .point strong {font-size: 16px;color: #FF4500;} #FV .point_p01{position: absolute;font-size: 1rem;line-height: 20px;top: 20px;left: 20px;color: #fff; text-shadow: 0.2px 0px 0 #000, /* 右下 */ 0.2px 2px 0 #000; /* 右下 */ } #FV .point_p02{position: relative;top: 40px;font-size: 1.5rem;line-height: 2rem;color: #39382A;font-weight: bold;} #FV .point_p02 span{font-size: 1.7rem;color: #FD5757;} #FV .point02{position: relative;top: 80px;left: 30px;display: flex;background: #fff;height: 5vw;padding: 10px ;font-size: 2rem;} #FV .point02 p{font-size: 1.2vw;font-weight: bold;} #FV .point02_p01{font-size: 3rem;padding: 20px 20px 0 20px;} #FV .icon {position: absolute;width: 10vw;height: 10vw;background-color: #089DCF;border-radius: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;color: white;text-align: center;} #FV .icon img {width: 6vw;height: auto;margin-bottom: 0.5vw;} #FV .icon p {font-size: 16px;font-weight: bold;margin: 0;} #FV .icon01 {top: 120px;left: 7vw;} #FV .icon02 {top: 120px;right: 7vw;} #FV .icon03 {top: 300px;left: 2vw;} #FV .icon04 {top: 300px;right: 2vw;} #FV .icon05 {top: 480px;left: 7vw;} #FV .icon06 {top: 480px;right: 7vw;} #FV .sp_none{ display: block; } #FV .pc_none{ display: none; } @media screen and (max-width:1440px){ #FV {background-image: url( "img/FV_haikei.png");background-size: cover;background-position: center;height: 55vw;color: #333;text-align: center;position: relative; white-space: nowrap} #FV .FV_p_01{position: relative; top: 2vw; font-size: 1.5rem; color:#fff;text-shadow: 4px 4px 3px rgba(0, 0, 0, 1); margin-right: 50vw;} #FV .FV_02 { position: relative; top: -1vw; left: 50vw; display: flex; transform: rotate(3deg);} #FV .FV_02 img {height: 6vw;margin: 0 1vw 0 2vw;} #FV .FV_p_02 {position: relative;top: 0px;font-size: 3rem;font-weight: bold; color:#FD5757; margin-right: 20vw; text-shadow: -3px -3px 0 #FFFFFF, /* 左上 */ 3px -3px 0 #FFFFFF, /* 右上 */ -3px 3px 0 #FFFFFF, /* 左下 */ 3px 3px 0 #FFFFFF, /* 右下 */ 0px -3px 0 #FFFFFF, /* 上 */ 0px 3px 0 #FFFFFF, /* 下 */ -3px 0px 0 #FFFFFF, /* 左 */ 3px 0px 0 #FFFFFF; /* 右 */ } #FV .FV_center {position: relative;top: -3vw;width: 100%;height: 33vw;margin: 0 auto;} #FV .FV_p_03 {color: #39382A;font-size: 2.5rem;font-weight: bold;margin-bottom: 0px; text-shadow: -3px -3px 0 #FFFFFF, /* 左上 */ 3px -3px 0 #FFFFFF, /* 右上 */ -3px 3px 0 #FFFFFF, /* 左下 */ 3px 3px 0 #FFFFFF, /* 右下 */ 0px -3px 0 #FFFFFF, /* 上 */ 0px 3px 0 #FFFFFF, /* 下 */ -3px 0px 0 #FFFFFF, /* 左 */ 3px 0px 0 #FFFFFF; /* 右 */ } #FV .FV_i_04{display: flex;position: relative;top: 0vw;} #FV .FV_i_04 img {position: relative;top: 0vw; left: 20vw; width: 17vw;} #FV .FV_p_04 {position: relative;top: 2vw;left: 13vw;font-size: 6rem;color: #FF4500;margin-bottom: 0px;font-weight: bold; text-shadow: -5px -5px 0 #FFFFFF, /* 左上 */ 5px -5px 0 #FFFFFF, /* 右上 */ -5px 5px 0 #FFFFFF, /* 左下 */ 5px 5px 0 #FFFFFF, /* 右下 */ 0px -5px 0 #FFFFFF, /* 上 */ 0px 5px 0 #FFFFFF, /* 下 */ -5px 0px 0 #FFFFFF, /* 左 */ 5px 0px 0 #FFFFFF, /* 右 */ 9px 9px 0 #000; /* 右下 */ } #FV .FV_p_05 {position: relative;top: -0vw;color: #39382A;font-size: 3.2rem;font-weight: bold;margin-bottom: 0px; text-shadow: -3px -3px 0 #FFFFFF, /* 左上 */ 3px -3px 0 #FFFFFF, /* 右上 */ -3px 3px 0 #FFFFFF, /* 左下 */ 3px 3px 0 #FFFFFF, /* 右下 */ 0px -3px 0 #FFFFFF, /* 上 */ 0px 3px 0 #FFFFFF, /* 下 */ -3px 0px 0 #FFFFFF, /* 左 */ 3px 0px 0 #FFFFFF; /* 右 */ } #FV .FV_p_05_sp {color: #FD5757;font-size: 2.5rem;font-weight: bold;margin-bottom: 0px;margin-left: 20px; text-shadow: -3px -3px 0 #FFFFFF, /* 左上 */ 3px -3px 0 #FFFFFF, /* 右上 */ -3px 3px 0 #FFFFFF, /* 左下 */ 3px 3px 0 #FFFFFF, /* 右下 */ 0px -3px 0 #FFFFFF, /* 上 */ 0px 3px 0 #FFFFFF, /* 下 */ -3px 0px 0 #FFFFFF, /* 左 */ 3px 0px 0 #FFFFFF; /* 右 */ } #FV .FV_sp_0{font-size: 8rem;} #FV .FV_p_05_sp02{color: #FD5757;position: absolute;right: 21vw;bottom: -1vw;font-size: 1.5rem;line-height: 3vw;} #FV .FV_under{display: flex; width: 100vw; margin: 0 auto;} #FV .points {position: relative;display: flex;justify-content: center;gap: 10px;margin-top: -6vw;} #FV .point {position: relative;background: url("img/FV_point.png")center center no-repeat; background-size: contain; width: 20vw;height: auto;padding: 1vw;border-radius: 8px;text-align: center;font-size: 12px;} #FV .point_p01{position: absolute;font-size: 0.7rem;line-height: 0.7rem;top: 2vw;left: 1.7vw;color: #fff; text-shadow: 0.2vw 0px 0 #000, /* 右下 */ 0.2vw 0.2vw 0 #000; /* 右下 */ } #FV .point_p02{position: relative;top: 2vw;font-size: 1.2rem;line-height: 1.5rem;color: #39382A;font-weight: bold;padding: 2vw;} #FV .point_p02 span{font-size: 1.5rem;color: #FD5757;} #FV .point02{position: relative;top: -2vw;left: 30px;display: flex;background: #fff;height: 7vw;padding: 10px ;font-size: 2rem;} #FV .point02 p{font-size: 1.7vw;font-weight: bold;} #FV .point02_p01{font-size: 3rem;padding: 1vw 1vw 0 1vw;} #FV .icon {position: absolute;width: 10vw;height: 10vw;background-color: #089DCF;border-radius: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;color: white;text-align: center;} #FV .icon img {width: 6vw;height: auto;margin-bottom: 0.5vw;} #FV .icon p {position: relative;top: -0.5vw; font-size: 14px;font-weight: bold;margin: 0;} #FV .icon01 {top: 7vw;left: 10vw;} #FV .icon02 {top: 7vw;right: 10vw;} #FV .icon03 {top: 16vw;left: 5vw;} #FV .icon04 {top: 16vw;right: 5vw;} #FV .icon05 {top: 25vw;left: 10vw;} #FV .icon06 {top: 25vw;right: 10vw;} } @media screen and (max-width:767px){ #FV {background-image: url( "img/FV_haikei.png");background-size: cover;background-position: center;height: 195vw;color: #333;text-align: center;position: relative; white-space: nowrap;} #FV .FV_p_01{position: relative; top: 2vw; left: 4vw; font-size: 1.3rem; color:#fff;text-shadow: 2px 2px 3px rgba(0, 0, 0, 1); margin-right: 50vw;} #FV .FV_02 { position: relative; top: -1vw; left: 35vw; display: flex; transform: rotate(3deg);} #FV .FV_02 img {height: 12vw;margin: 1vw 1vw 0 2vw;} #FV .FV_p_02 {position: relative;top: 0px;font-size: 2.4rem;font-weight: bold; color:#FD5757; margin-right: 20vw; text-shadow: -0.2vw -0.2vw 0 #FFFFFF, /* 左上 */ 0.2vw -0.2vw 0 #FFFFFF, /* 右上 */ -0.2vw 0.2vw 0 #FFFFFF, /* 左下 */ 0.2vw 0.2vw 0 #FFFFFF, /* 右下 */ 0vw -0.2vw 0 #FFFFFF, /* 上 */ 0vw 0.2vw 0 #FFFFFF, /* 下 */ -0.2vw 0vw 0 #FFFFFF, /* 左 */ 0.2vw 0vw 0 #FFFFFF; /* 右 */ } #FV .FV_center {position: relative;top: -3vw;width: 100%;height: 53vw;margin: 0 auto;} #FV .FV_p_03 {color: #39382A;font-size: 1.8rem;font-weight: bold;margin-bottom: 0px; text-shadow: -0.2vw -0.2vw 0 #FFFFFF, /* 左上 */ 0.2vw -0.2vw 0 #FFFFFF, /* 右上 */ -0.2vw 0.2vw 0 #FFFFFF, /* 左下 */ 0.2vw 0.2vw 0 #FFFFFF, /* 右下 */ 0vw -0.2vw 0 #FFFFFF, /* 上 */ 0vw 0.2vw 0 #FFFFFF, /* 下 */ -0.2vw 0vw 0 #FFFFFF, /* 左 */ 0.2vw 0vw 0 #FFFFFF; /* 右 */ } #FV .FV_i_04{display: flex;position: relative;top: 0vw;} #FV .FV_i_04 img {position: relative;top: -1vw; left: 4vw; width: 20vw;} #FV .FV_p_04 {position: relative;top: 2vw;left: -6vw;font-size: 3.8rem; letter-spacing: 3.5vw;color: #FF4500;margin-bottom: 0px;font-weight: bold; text-shadow: -0.4vw -0.4vw 0 #FFFFFF, /* 左上 */ 0.4vw -0.4vw 0 #FFFFFF, /* 右上 */ -0.4vw 0.4vw 0 #FFFFFF, /* 左下 */ 0.4vw 0.4vw 0 #FFFFFF, /* 右下 */ 0vw -0.4vw 0 #FFFFFF, /* 上 */ 0vw 0.4vw 0 #FFFFFF, /* 下 */ -0.4vw 0vw 0 #FFFFFF, /* 左 */ 0.4vw 0vw 0 #FFFFFF, /* 右 */ 0.6vw 0.6vw 0 #000; /* 右下 */ } #FV .FV_p_05 {position: relative;top: 5vw; left: -23vw; color: #39382A;font-size: 2.2rem;font-weight: bold;margin-bottom: 0vw; text-shadow: -0.2vw -0.2vw 0 #FFFFFF, /* 左上 */ 0.2vw -0.2vw 0 #FFFFFF, /* 右上 */ -0.2vw 0.2vw 0 #FFFFFF, /* 左下 */ 0.2vw 0.2vw 0 #FFFFFF, /* 右下 */ 0vw -0.2vw 0 #FFFFFF, /* 上 */ 0vw 0.2vw 0 #FFFFFF, /* 下 */ -0.2vw 0vw 0 #FFFFFF, /* 左 */ 0.2vw 0vw 0 #FFFFFF; /* 右 */ } #FV .FV_sp_05{position: relative; top: -12vw; left: 32vw} #FV .FV_p_05_sp {position: relative; top: -10vw; left: 30vw; color: #FD5757;font-size: 2.5rem;font-weight: bold;margin-bottom: 0px;margin-left: 20px; text-shadow: -3px -3px 0 #FFFFFF, /* 左上 */ 3px -3px 0 #FFFFFF, /* 右上 */ -3px 3px 0 #FFFFFF, /* 左下 */ 3px 3px 0 #FFFFFF, /* 右下 */ 0px -3px 0 #FFFFFF, /* 上 */ 0px 3px 0 #FFFFFF, /* 下 */ -3px 0px 0 #FFFFFF, /* 左 */ 3px 0px 0 #FFFFFF; /* 右 */ } #FV .FV_sp_0{font-size: 8rem;} #FV .FV_p_05_sp02{color: #FD5757;position: absolute;right: -15vw;bottom: 7vw;font-size: 1.0rem;line-height: 3vw;} #FV .FV_under{display: block; width: 130vw; margin: 0 auto;} #FV .points {position: relative;display: flex;justify-content: center;gap: 10px;margin-top: 5vw;} #FV .point {position: relative;background: url("img/FV_point.png")center center no-repeat; background-size: contain; width: 40vw;height: auto;padding: 1vw;border-radius: 8px;text-align: center;font-size: 12px;} #FV .point_p01{position: absolute;font-size: 0.5rem;line-height: 0.7rem;top: 3.5vw;left: 3.2vw;color: #fff; text-shadow: 0.2vw 0px 0 #000, /* 右下 */ 0.2vw 0.2vw 0 #000; /* 右下 */ } #FV .point_p02{position: relative;top: 3vw;font-size: 1rem;line-height: 1.2rem;color: #39382A;font-weight: bold;padding: 4vw;} #FV .point_p02 span{font-size: 1.2rem;color: #FD5757;} #FV .point:nth-child(1){left: 2vw} #FV .point:nth-child(2){top: 25vw; left: -16vw} #FV .point:nth-child(3){top: 50vw;left: -35vw} #FV .point02{position: relative;top: 56vw;left: 10vw;display: flex;background: #fff;width: 80vw; height: 14vw;padding: 1vw 1vw 10vw;font-size: 2rem;} #FV .point02 p{font-size: 5vw; line-height: 6vw; font-weight: bold;} #FV .point02_p01{font-size: 7rem;padding: 3vw 3vw 0 3vw;} #FV .icon {position: absolute;width: 17vw;height: 17vw;background-color: #089DCF;border-radius: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;color: white;text-align: center;} #FV .icon img {width: 8vw;height: auto;margin-bottom: 0.5vw;} #FV .icon p {font-size: 0.7rem;font-weight: bold;margin: 0;} #FV .icon01 {top: 128vw;left: 5vw;} #FV .icon02 {top: 109vw;right: 28vw;} #FV .icon03 {top: 147vw;left: 10vw;} #FV .icon04 {top: 116vw;right: 10vw;} #FV .icon05 {top: 154vw;left: 28vw;} #FV .icon06 {top: 134vw;right: 5vw;} #FV .FV_p_05 .sp_none{ display: none; } #FV .pc_none{ display: block; } #FV .FV_p_01_sp {position: relative;left: 15vw;} } /* キャンペーン */ .CTA {background-color: #089DCF;color: #ffffff;padding: 40px;text-align: center;font-family: 'Arial', sans-serif;} .CTA .CTA_main{width: 1000px; margin: 0 auto; } .CTA .CTA_p_01 {font-size: 1.8rem;font-weight: bold;margin-bottom: 20px;} .CTA .CTA_white {background-color: #ffffff;color: #39382A;padding: 15px;margin: 20px auto;display: inline-block;font-weight: bold;width: 1000px;} .CTA .CTA_white p {font-size: 1.45rem;} .CTA .CTA_white span {color: #FF6200;font-weight: bold;} .CTA .CTA_content {display: flex;justify-content: space-between;align-items: center;margin-top: 10px;flex-wrap: wrap;} .CTA .CTA_left {flex: 1;text-align: center;width: 50%;margin: -30px 0 0;} .CTA .CTA_flex{display: flex;} .CTA .CTA_left img {width: 60px;height: 60px;margin: 1.1vw 1vw 0;} .CTA .CTA_p_02{font-size: 3.0rem;font-weight: bold;margin: 10px 0 0;} .CTA .CTA_p_03{font-size: 1.2rem;font-weight: bold;margin: 0px 0;} .CTA .CTA_p_04{font-size: 1.5rem;font-weight: bold;margin: 10px 0 0;} .CTA .CTA_right {flex: 1;text-align: center;width: 50%;} .CTA .CTA_right p {margin: 0 auto 30px;font-size: 1.3rem;width: 70%;border: 1px solid #fff;padding: 0.3vw 0;} .CTA .CTA-button {background-color: #FF7B39;color: white;border: none;padding: 20px 60px;border-radius: 60px;font-size: 32px;font-weight: bold;cursor: pointer;margin: 1vw 0;box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.6);display: inline-block;} .CTA .CTA-button:hover {background-color: #AD582E; transform: translate(4px, 4px); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);} .CTA .pc_none{ display: none; } .__ctb_numberLink {margin: 10px 0;} @media screen and (max-width:1440px){ .CTA {background-color: #089DCF;color: #ffffff;padding: 5vw;text-align: center;font-family: 'Arial', sans-serif;} .CTA .CTA_main{width: 95%; margin: 0 auto; } .CTA .CTA_p_01 {font-size: 2.5rem;font-weight: bold;margin-bottom: 20px;} .CTA .CTA_white {background-color: #ffffff;color: #39382A;padding: 15px;margin: 1vw auto;display: inline-block;font-weight: bold;width: 100%;} .CTA .CTA_white p {font-size: 1.75rem;} .CTA .CTA_white span {color: #FF6200;font-weight: bold;} .CTA .CTA_content {display: flex;justify-content: space-between;align-items: center;margin-top: 1vw;flex-wrap: wrap;} .CTA .CTA_left {flex: 1;text-align: center;width: 50%;margin: -3vw 0 0;} .CTA .CTA_flex{display: flex;} .CTA .CTA_left img {width: 5vw;height: 5vw;margin: 1.5vw 1vw 0;} .CTA .CTA_p_02{font-size: 3.5rem;font-weight: bold;margin: 0px 0;} .CTA .CTA_p_03{font-size: 1.2rem;font-weight: bold;margin: 0px 0;} .CTA .CTA_p_04{font-size: 1.9rem;font-weight: bold;margin: 2vw 0 0;} .CTA .CTA_right {flex: 1;text-align: center;width: 50%;} .CTA .CTA_right p {margin: 0 auto 10px;font-size: 1.3rem;width: 70%;border: 1px solid #fff;padding: 0.3vw 0;} .CTA .CTA-button {background-color: #FF7B39;color: white;border: none;padding: 1vw 3vw;border-radius: 60px;font-size: 2rem;font-weight: bold;cursor: pointer;margin: 1vw 0 2vw;box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.6);display: inline-block;} .CTA .CTA-button:hover {background-color: #AD582E;transform: translate(4px, 4px); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);} .CTA .pc_none{ display: none; } .__ctb_numberLink {margin: 10px 0;} } @media screen and (max-width:767px){ .CTA {background-color: #089DCF;color: #ffffff;padding: 5vw 0;text-align: center;font-family: 'Arial', sans-serif;} .CTA .CTA_main{width: 95%; margin: 5vw auto; } .CTA .CTA_p_01 {font-size: 1.6rem;font-weight: bold;margin-bottom: 20px; text-align: left;} .CTA .CTA_white {background-color: #ffffff;color: #39382A;padding: 3vw 1vw;margin: 1vw auto;display: inline-block;font-weight: bold;width: 100%;text-align: left;} .CTA .CTA_white p {font-size: 1.0rem;} .CTA .CTA_white span {color: #FF6200;font-weight: bold;} .CTA .CTA_content {display: block;justify-content: space-between;align-items: center;margin-top: 1vw;flex-wrap: wrap;} .CTA .CTA_left {flex: 1;text-align: center;width: 100%;margin: 1vw 0 0;margin: 0 auto;} .CTA .CTA_flex{display: flex;width: 90%;margin: 0 auto;} .CTA .CTA_left img {width: 10vw;height: 10vw;margin: 3.5vw 3vw 0;} .CTA .CTA_p_02{font-size: 2.5rem;font-weight: bold;margin: 0px 0;} .CTA .CTA_p_03{font-size: 1.0rem;font-weight: bold;margin: 0px 0 2vw;} .CTA .CTA_p_04{font-size: 1.5rem;font-weight: bold;margin: 3vw 0;} .CTA .CTA_right {flex: 1;text-align: center;width: 100%; margin: 5vw 0;} .CTA .CTA_right p {margin: 0 auto 5vw;font-size: 0.8rem;width: 60%;border: 1px solid #fff;padding: 0.3vw 0;} .CTA .CTA-button {background-color: #FF7B39;color: white;border: none;padding: 3vw 10vw;border-radius: 60px;font-size: 1.3rem;font-weight: bold;cursor: pointer;margin: 1vw 0 2vw;box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.6);display: inline-block;} .CTA .CTA-button:hover {background-color: #AD582E;transform: translate(4px, 4px); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);} .CTA .CTA_p_01 .sp_right1 {position: relative;left: 32vw;} .CTA .CTA_p_01 .sp_right2 {position: relative;left: 38vw;} .CTA .pc_none{ display: block; } .CTA .under_line_w{text-decoration: none;} } /*口コミ*/ #sec01 {position: relative;background-color: #FFF1D5;} #sec01 h2 {position: relative;padding: 5vw;} #sec01 .main {width: 100%;margin: 0 auto;padding: 1vw;} #sec01 .google-rating {position: absolute;top: 23.44vw;right: 5.21vw;background: #fff;width: 31.25vw;height: 15.vw;padding: 1.04vw;box-shadow: 0.26vw 0.26vw 0px rgba(0, 0, 0, 0.25);text-align: center;display: block;justify-content: space-between;} #sec01 .google-rating img {position: relative;top: -1.04vw;width: 15.1vw;vertical-align: middle;} #sec01 .rating-value {position: relative;font-size: 1.5em;line-height: 1.5rem;} #sec01 .sec01_p01 {font-size: 1.2rem;font-weight: bold;} #sec01 .sec01_p02 {position: relative;font-size: 2rem;font-weight: bold;} #sec01 .sec01_p03 {font-size: 1rem;} #sec01 .speech {position: relative;width: 48.33vw;height: auto;margin: 0px 0 5.21vw 7.76vw;} #sec01 .speech-bubble {background-color: #f26522;color: #fff;font-weight: bold;font-size: 1.8rem;padding: 0.52vw 2.08vw;border-radius: 1.04vw;position: relative;text-align: center;display: inline-block;box-shadow: 0.21vw 0.21vw 0.31vw rgba(0, 0, 0, 0.5);} #sec01 .speech-bubble::after {content: '';position: absolute;bottom: -0.72vw;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-style: solid;border-width: 0.92vw 0.92vw 0 0.92vw;border-color: #f26522 transparent transparent transparent;} #sec01 .left-section {flex: 2;background: #fff;border-radius: 1.04vw;padding: 1.04vw;box-shadow: 0.52vw 0.52vw 0.21vw rgba(0, 0, 0, 0.25);margin: 2.6vw 0 0;} #sec01 .reviews-header {color: #f26522;font-weight: bold;margin-bottom: 0.52vw;} #sec01 .review {margin-bottom: 1.04vw;display: flex;text-align: left;} #sec01 .review_img {margin: 0vw 0.52vw 0 1.04vw;width: 3.12vw;height: 3.12vw;} #sec01 .review_img img {width: 100%;height: auto;} #sec01 .review_right {width: 80%;} #sec01 .review-name {font-size: 1.2rem;font-weight: bold;color: #39382A;margin: 0;} #sec01 .review-stars {color: #ffcc00;} #sec01 .sec01_p04 {position: relative;margin: 0 0;} #sec01 .right-section {position: absolute;top: 40vw;right: 0;width: 40vw;height: auto;} #sec01 .family-image {margin-top: 1.04vw;overflow: hidden;} #sec01 .family-image img {width: 100%;height: auto;} #sec01 .pc_none {display: block;} #sec01 .sp_none{display: block;} #sec01 .cta-button {position: relative;background-color: #089DCF;color: white;border: none;padding: 20px 40px;border-radius: 60px;font-size: 32px;font-weight: bold;cursor: pointer;margin: 0 40px 0 0;box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.6);display: inline-block;} #sec01 .cta-button:hover {background-color: #0A7194;transform: translate(4px, 4px); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);} @media screen and (max-width:1440px){ #sec01 {position: relative;background-color: #FFF1D5;} #sec01 h2 {position: relative;padding: 5vw;} #sec01 .main {width: 100%;margin: 0 auto;padding: 1vw;} #sec01 .google-rating {position: absolute;top: 28.44vw;right: 5.21vw;background: #fff;width: 31.25vw;height: 17.03vw;padding: 1.04vw;box-shadow: 0.26vw 0.26vw 0px rgba(0, 0, 0, 0.25);text-align: center;display: block;justify-content: space-between;} #sec01 .google-rating img {position: relative;top: -1.04vw;width: 15.1vw;vertical-align: middle;} #sec01 .rating-value {position: relative;font-size: 1.5em;} #sec01 .sec01_p01 {font-size: 1.2rem;font-weight: bold;} #sec01 .sec01_p02 {position: relative;font-size: 2rem;font-weight: bold;} #sec01 .sec01_p03 {font-size: 1rem;} #sec01 .speech {position: relative;width: 48.33vw;height: auto;margin: 0px 0 5.21vw 7.76vw;} #sec01 .speech-bubble {background-color: #f26522;color: #fff;font-weight: bold;font-size: 1.8rem;padding: 0.52vw 2.08vw;border-radius: 1.04vw;position: relative;text-align: center;display: inline-block;box-shadow: 0.21vw 0.21vw 0.31vw rgba(0, 0, 0, 0.5);} #sec01 .speech-bubble::after {content: '';position: absolute;bottom: -0.72vw;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-style: solid;border-width: 0.92vw 0.92vw 0 0.92vw;border-color: #f26522 transparent transparent transparent;} #sec01 .left-section {flex: 2;background: #fff;border-radius: 1.04vw;padding: 1.04vw;box-shadow: 0.52vw 0.52vw 0.21vw rgba(0, 0, 0, 0.25);margin: 2.6vw 0 0;} #sec01 .reviews-header {color: #f26522;font-weight: bold;margin-bottom: 0.52vw;} #sec01 .review {margin-bottom: 1.04vw;display: flex;text-align: left;} #sec01 .review_img {margin: 0vw 0.52vw 0 1.04vw;width: 3.12vw;height: 3.12vw;} #sec01 .review_img img {width: 100%;height: auto;} #sec01 .review_right {width: 80%;} #sec01 .review-name {font-size: 1.2rem;font-weight: bold;color: #39382A;margin: 0;} #sec01 .review-stars {color: #ffcc00;} #sec01 .sec01_p04 {position: relative;margin: 0 0;} #sec01 .right-section {position: absolute;top: 53.85vw;right: 0;width: 40vw;height: auto;} #sec01 .family-image {margin-top: 1.04vw;overflow: hidden;} #sec01 .family-image img {width: 100%;height: auto;} #sec01 .pc_none {display: block;} #sec01 .sp_none{display: block;} #sec01 .cta-button {background-color: #089DCF;color: white;border: none;padding: 1vw 3vw;border-radius: 60px;font-size: 2rem;font-weight: bold;cursor: pointer;margin: 1vw 0 2vw;box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.6);display: inline-block;} #sec01 .cta-button:hover {background-color: #0A7194;transform: translate(4px, 4px); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);} } @media screen and (max-width:767px){ #sec01 {position: relative;background-color: #FFF1D5;} #sec01 h2 {position: relative;padding: 10vw;} #sec01 .main {width: 100%;margin: 0 auto;padding: 1vw;} #sec01 .google-rating {position: relative;top: -5vw;right: 0; margin: 0 auto; background: #fff;width: 80vw;height: 50vw;padding: 3.04vw;box-shadow: 0.76vw 0.76vw 0px rgba(0, 0, 0, 0.25);text-align: center;display: block;justify-content: space-between;} #sec01 .google-rating img {position: relative;top: -5.04vw;width: 50vw;vertical-align: middle;} #sec01 .rating-value {position: relative;font-size: 1.5em;} #sec01 .sec01_p01 {font-size: 1.2rem;font-weight: bold;} #sec01 .sec01_p02 {position: relative;font-size: 2rem;font-weight: bold;} #sec01 .sec01_p03 {font-size: 1rem;} #sec01 .speech {position: relative;width: 90vw;height: auto;margin: 0px auto;} #sec01 .speech-bubble {background-color: #f26522;color: #fff;font-weight: bold;font-size: 1.2rem;padding: 3vw 6vw;border-radius: 3.04vw;position: relative;text-align: center;display: inline-block;box-shadow: 0.21vw 0.21vw 0.31vw rgba(0, 0, 0, 0.5);} #sec01 .speech-bubble::after {content: '';position: absolute;bottom: -1.7vw;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-style: solid;border-width: 2vw 2vw 0 2vw;border-color: #f26522 transparent transparent transparent;} #sec01 .left-section {flex: 2;background: #fff;border-radius: 4.04vw;padding: 3vw 2vw;box-shadow: 0.52vw 0.52vw 0.21vw rgba(0, 0, 0, 0.25);margin: 2.6vw 0 0;} #sec01 .reviews-header {color: #f26522;font-weight: bold;margin-bottom: 0.52vw;} #sec01 .review {margin-bottom: 1.04vw;display: flex;text-align: left;} #sec01 .review_img {margin: 0vw 2vw 0 1vw;width: 9.12vw;height: 9.12vw;} #sec01 .review_img img {width: 100%;height: auto;} #sec01 .review_right {width: 80%;} #sec01 .review-name {font-size: 1.2rem;font-weight: bold;color: #39382A;margin: 0;} #sec01 .review-stars {color: #ffcc00;} #sec01 .sec01_p04 {position: relative;margin: 0 0;} #sec01 .right-section {position: relative;top: 5vw;right: 0;width: 70vw;height: auto; margin: 0 auto 15vw;} #sec01 .family-image {margin-top: 1.04vw;overflow: hidden;} #sec01 .family-image img {width: 100%;height: auto;} #sec01 .pc_none {display: block;} #sec01 .sp_none{display: none;} #sec01 .cta-button {background-color: #089DCF;color: white;border: none;padding: 3vw 10vw;border-radius: 60px;font-size: 1.3rem;font-weight: bold;cursor: pointer;margin: 1vw 0 2vw;box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.6);display: inline-block;} #sec01 .cta-button:hover {background-color: #0A7194;transform: translate(4px, 4px); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);} } /*よくある相談事例*/ #sec02 {position: relative;width: 100%;margin: 100px auto;} #sec02 h3 {margin: 50px auto;} #sec02 .maincontent {width: 1200px;margin: 20px auto 0;display: flex;justify-content: space-between;} #sec02 .main {position: relative;background: #037196;width: 30%;} #sec02 .sec02_p01 {position: relative;top: 15px;font-size: 3rem;color: #FF7B39;margin-bottom: 10px;} #sec02 .sec02_p02 {font-size: 1.7rem;color: white;margin-bottom: 20px;height: 110px;line-height: 2rem;} #sec02 .martop{padding-top: 20px;} #sec02 .sec02_p{position: absolute;color: white;font-size: 1.7rem; text-shadow: -2px -2px 0 #000, /* 左上 */ 2px -2px 0 #000, /* 右上 */ -2px 2px 0 #000, /* 左下 */ 2px 2px 0 #000, /* 右下 */ 0px -2px 0 #000, /* 上 */ 0px 2px 0 #000, /* 下 */ -2px 0px 0 #000, /* 左 */ 2px 0px 0 #000; /* 右 */ } #sec02 .p_0211 {top: 10px;right: 10px;} #sec02 .p_0212 {bottom: 10px;left: 10px;} #sec02 .p_0213 {bottom: 10px;right: 30px;} #sec02 .p_0221 {top: 10px;left: 10px;} #sec02 .p_0222 {bottom: 10px;right: 10px;} #sec02 .p_0223 {top: 10px;left: 10px;} #sec02 .p_0224 {bottom: 10px;right: 10px;} #sec02 .p_0231 {top: 10px;right: 10px;} #sec02 .p_0232 {bottom: 10px;left: 10px;} #sec02 .p_0233 {bottom: 10px;left: 10px;} #sec02 .sp_flex {display: block;justify-content: space-between;gap: 10px;} #sec02 .main_img {position: relative;text-align: center;width: 80%;margin: 0 auto;} #sec02 .main_img img {width: 100%;height: auto;border-radius: 8px;margin-bottom: 10px;} #sec02 .arrow {width: 120px;height: auto;margin: 20px auto;} #sec02 .arrow img {width: 100%;height: auto;} #sec02 .warning {position: relative;width: 120%;left: -10%;margin: 0 auto;} #sec02 .warning img {width: 100%;height: auto;} #sec02 .martop01{position: relative;top: -20px;} #sec02 .martop02{position: relative;top: -30px;} #sec02 .sec02_p06 {color: white;font-size: 1.5rem;font-weight: bold;margin-top: 10px;} #sec02 .img01{position: absolute;top: 400px;right: 80vw; width: 140px;} #sec02 .img01 img{width: 100%;height: auto;} #sec02 .img02{position: absolute;top: 600px;left: 80vw; width: 140px;} #sec02 .img02 img{width: 100%;height: auto;} #sec02 .sec02_p07{font-size: 1.5rem; font-weight: bold;margin: 40px 0 20px;;} #sec02 .sec02_p07 span {color: #FF6200;} #sec02 .sec02_p08 {font-size: 2.5rem;color: #FF6200;font-weight: bold;} #sec02 .line_high{line-height: 2rem;} @media screen and (max-width:1440px){ #sec02 {position: relative;width: 100%;margin: 10vw auto;} #sec02 h3 {margin: 5vw auto;} #sec02 .maincontent {width: 90vw;margin: 2vw auto 0;display: flex;justify-content: space-between;} #sec02 .main {position: relative;background: #037196;width: 30%;} #sec02 .sec02_p01 {position: relative;top: 1.5vw;font-size: 5vw;color: #FF7B39;margin-bottom: 1vw;} #sec02 .sec02_p02 {position: relative;top: 2vw; font-size: 2.7vw;color: white;margin-bottom: 2vw;height: 11vw;} #sec02 .martop {padding-top: 1.8vw;} #sec02 .sec02_p {position: absolute;color: white;font-size: 2.5vw; text-shadow: -0.2vw -0.2vw 0 #000, /* 左上 */ 0.2vw -0.2vw 0 #000, /* 右上 */ -0.2vw 0.2vw 0 #000, /* 左下 */ 0.2vw 0.2vw 0 #000, /* 右下 */ 0vw -0.2vw 0 #000, /* 上 */ 0vw 0.2vw 0 #000, /* 下 */ -0.2vw 0vw 0 #000, /* 左 */ 0.2vw 0vw 0 #000; /* 右 */ } #sec02 .p_0211 {top: 1vw;right: 1vw;} #sec02 .p_0212 {bottom: 1vw;left: 1vw;} #sec02 .p_0213 {bottom: 1vw;right: 3vw;} #sec02 .p_0221 {top: 1vw;left: 1vw;} #sec02 .p_0222 {bottom: 1vw;right: 1vw;} #sec02 .p_0223 {top: 1vw;left: 1vw;} #sec02 .p_0224 {bottom: 1vw;right: 1vw;} #sec02 .p_0231 {top: 1vw;right: 1vw;} #sec02 .p_0232 {bottom: 1vw;left: 1vw;} #sec02 .p_0233 {bottom: 1vw;left: 1vw;} #sec02 .sp_flex {display: block;justify-content: space-between;gap: 1vw;} #sec02 .main_img {position: relative;text-align: center;width: 90%;margin: 0 auto;} #sec02 .main_img img {width: 100%;height: auto;border-radius: 0.8vw;margin-bottom: 1vw;} #sec02 .arrow {width: 8vw;height: auto;margin: 2vw auto;} #sec02 .arrow img {width: 100%;height: auto;} #sec02 .warning {position: relative;width: 120%;left: -10%;margin: 0 auto;} #sec02 .warning img {width: 100%;height: auto;} #sec02 .martop01 {position: relative;top: -2vw;} #sec02 .martop02 {position: relative;top: -3vw;} #sec02 .sec02_p06 {color: white;font-size: 2.2vw;font-weight: bold;margin-top: 1vw;} #sec02 .img01 {position: absolute;top: 30vw;right: 90vw;width: 10vw;} #sec02 .img01 img {width: 100%;height: auto;} #sec02 .img02 {position: absolute;top: 55vw;left: 88vw;width: 10vw;} #sec02 .img02 img {width: 100%;height: auto;} #sec02 .sec02_p07 {font-weight: bold;margin: 4vw 0 2vw;} #sec02 .sec02_p07 span {color: #FF6200;} #sec02 .sec02_p08 {font-size: 2.5vw;color: #FF6200;font-weight: bold;} } @media screen and (max-width:767px){ #sec02 {position: relative;width: 100%;margin: 10vw auto;} #sec02 h3 {font-size: 1rem; margin: 10vw auto;} #sec02 .maincontent {width: 90vw;margin: 2vw auto 0;display: block;justify-content: space-between;} #sec02 .main {position: relative;background: #037196;width: 90%;margin: 3vw auto;} #sec02 .sec02_p01 {position: relative;top: 1.5vw;font-size: 8vw;color: #FF7B39;margin-bottom: 0vw;} #sec02 .sec02_p02 {position: relative;top: 1vw; font-size: 5vw;color: white;margin-bottom: 2vw;height: 24vw;} #sec02 .martop {padding-top: 1.8vw;} #sec02 .sec02_p {position: absolute;color: white;font-size: 4.5vw; text-shadow: -0.2vw -0.2vw 0 #000, /* 左上 */ 0.2vw -0.2vw 0 #000, /* 右上 */ -0.2vw 0.2vw 0 #000, /* 左下 */ 0.2vw 0.2vw 0 #000, /* 右下 */ 0vw -0.2vw 0 #000, /* 上 */ 0vw 0.2vw 0 #000, /* 下 */ -0.2vw 0vw 0 #000, /* 左 */ 0.2vw 0vw 0 #000; /* 右 */ } #sec02 .p_0211 {top: 1vw;right: 1vw;} #sec02 .p_0212 {bottom: 1vw;left: 1vw;} #sec02 .p_0213 {bottom: 1vw;right: 3vw;} #sec02 .p_0221 {top: 1vw;left: 1vw;} #sec02 .p_0222 {bottom: 1vw;right: 1vw;} #sec02 .p_0223 {top: 1vw;left: 1vw;} #sec02 .p_0224 {bottom: 1vw;right: 1vw;} #sec02 .p_0231 {top: 1vw;right: 1vw;} #sec02 .p_0232 {bottom: 1vw;left: 1vw;} #sec02 .p_0233 {bottom: 1vw;left: 1vw;} #sec02 .sp_flex {display: flex;justify-content: space-around;gap: 0vw;} #sec02 .main_img {position: relative;text-align: center;width: 45%;margin: 0 auto;} #sec02 .main_img img {width: 100%;height: auto;border-radius: 0.8vw;margin-bottom: 1vw;} #sec02 .arrow {width: 10vw;height: auto;margin: 2vw auto;} #sec02 .arrow img {width: 100%;height: auto;} #sec02 .warning {position: relative;width: 100%;left: 0%;margin: 0 auto;} #sec02 .warning img {width: 100%;height: auto;} #sec02 .martop01 {position: relative;top: -2vw;} #sec02 .martop02 {position: relative;top: -3vw;} #sec02 .sec02_p06 {color: white;font-size: 5.0vw;font-weight: bold;margin: 1vw 0;} #sec02 .img01 {position: absolute;top: 22vw;right: 80vw;width: 20vw;} #sec02 .img01 img {width: 100%;height: auto;} #sec02 .img02 {position: absolute;top: 400vw;left: 77vw;width: 20vw;} #sec02 .img02 img {width: 100%;height: auto;} #sec02 .sec02_p07 {font-size: 1rem;font-weight: bold;margin: 8vw 0 4vw;} #sec02 .sec02_p07 span {color: #FF6200;} #sec02 .sec02_p08 {width: 80%; font-size: 6.2vw;color: #FF6200;font-weight: bold;margin: 0 auto;} } /*害獣の被害*/ #sec03 {position: relative;width: 100%;margin: 0px auto;background: #089DCF; padding: 100px 0;} #sec03 h3 {margin: 50px auto; color: #FFEE00;text-shadow: 0vw 0.2vw 0 #000;} #sec03 .img01{position: absolute;width: 10vw;top: 180px;right: 25vw} #sec03 .img01 img{width: 20vw;height: auto;} #sec03 .warning-section {width: 1000px;margin: 0 auto;} #sec03 .warning-box {background-color: white;border-radius: 40px;margin: 20px auto;padding: 0px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);position: relative;overflow: hidden;} #sec03 .warning-box .head {background-color: #ff7b39;color: white;font-size: 2rem;font-weight: bold;text-align: center;padding: 10px 20px;border-radius: 40px 40px 0 0;display: flex;align-items: center;justify-content: center;gap: 20px;} #sec03 .warning-box .head img {width: 47px;height: 35px;margin: 0;} #sec03 .warning-box p {color: #555;text-align: left;margin: 20px;} @media screen and (max-width:1440px){ #sec03 {position: relative;width: 100%;margin: 0 auto;background: #089DCF;padding: 10vh 0;} #sec03 h3 {margin: 5vh auto;color: #FFEE00;text-shadow: 0vw 0.2vw 0 #000;} #sec03 .img01 {position: absolute;width: 15vw;top: 16vh;right: 15vw;} #sec03 .img01 img {width: 20vw;height: auto;} #sec03 .warning-section {width: 90vw;max-width: 1000px;margin: 0 auto;} #sec03 .warning-box {background-color: white;border-radius: 4vw;margin: 2vh auto;padding: 0;box-shadow: 0 0.4vw 1vw rgba(0, 0, 0, 0.2);position: relative;overflow: hidden;} #sec03 .warning-box .head {background-color: #ff7b39;color: white;font-size: 2rem;font-weight: bold;text-align: center;padding: 1vh 2vw;border-radius: 4vw 4vw 0 0;display: flex;align-items: center;justify-content: center;gap: 2vw;} #sec03 .warning-box .head img {width: 4.7vw;height: auto;margin: 0;} #sec03 .warning-box p {color: #555;text-align: left;margin: 2vh;} } @media screen and (max-width:767px){ #sec03 {position: relative;width: 100%;margin: 0 auto;background: #089DCF;padding: 6vh 0 8vh;} #sec03 h3 {font-size: 1.5rem; margin: 3vh auto 10vh;color: #FFEE00;text-shadow: 0vw 0.2vw 0 #000;} #sec03 .img01 {position: absolute;width: 30vw;top: 16vh;right: 1vw;} #sec03 .img01 img {width: 100%;height: auto;} #sec03 .warning-section {width: 90vw;max-width: 1000px;margin: 0 auto;} #sec03 .warning-box {background-color: white;border-radius: 4vw;margin: 2vh auto;padding: 0;box-shadow: 0 0.4vw 1vw rgba(0, 0, 0, 0.2);position: relative;overflow: hidden;} #sec03 .warning-box .head {background-color: #ff7b39;color: white;font-size: 1.7rem;font-weight: bold;text-align: center;padding: 0.5vh 2vw;border-radius: 4vw 4vw 0 0;display: flex;align-items: center;justify-content: center;gap: 2vw;} #sec03 .warning-box .head img {width: 6.7vw;height: auto;margin: 0;} #sec03 .warning-box p {color: #555;text-align: left;margin: 2vh;} } /*害獣駆除のプロフェッショナル*/ #sec04 {width: 100%;background: #037196;margin: 0 auto;padding: 100px 0 80px;} #sec04 .maincontent {width: 1000px;margin: 0 auto;} #sec04 .logo {margin: 60px auto;background: #fff;color: #39382A;display: flex;justify-content: center;padding: 20px;} #sec04 .logo img {width: 92px;height: 92px;margin: 0 10px 0 0;} #sec04 .sec04_p01{text-align: left;font-size: 1.1rem;font-weight: bold;padding-top: 10px;} #sec04 .sec04_p01 span{font-size: 2.5rem;} #sec04 .sec04_p02{font-size: 2.5rem;color: #fff;} #sec04 .certifications {display: flex;justify-content: space-around;flex-wrap: wrap;margin-top: 40px;} #sec04 .cert-box {background-color: #A1E1FF;border-radius: 30px;color: #333;width: 47%;padding: 0px;margin: 10px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);text-align: left;display: flex;flex-direction: column;align-items: center;} #sec04 .cert-box h3 {background-color: #089DCF;width: 80%;color: white;padding: 10px 15px 5px;margin: 20px 0;border-radius: 0 50px 50px 0;font-size: 1.6rem;text-align: left;align-self: flex-start;} #sec04 .sec04_p03{font-size: 1.3rem;} #sec04 .sec04_p04{font-size: 1.3rem;font-weight: bold;padding: 10px 0;} #sec04 .cert-box img {width: 50%;height: auto;margin: 0px auto 10px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);} #sec04 .sec04_p05 {margin: 20px 0;display: flex;justify-content: space-around;} #sec04 .sec04_p05 p{color: #fff;font-size: 1.5rem;margin: 40px 0 140px 40px;} #sec04 .sec04_p05 img {width: 150px;height: auto;} #sec04 .sec04_p06{font-size: 2rem;color: #fff;margin: 80px auto 50px;} #sec04 .benefits{display: block;} #sec04 .sp_benefits{display: none;} #sec04 .benefit {display: flex;justify-content: space-around;gap: 20px;margin-bottom: 20px;} #sec04 .benefit-box {width: 327px;height: 218px;background-color: white;color: #333;padding: 0px;text-align: center;} #sec04 .benefit-box img {width: 100px;height: auto;margin: 10px;} #sec04 .benefit-box p {font-size: 1.2rem;font-weight: bold;line-height: 1.5rem;} #sec04 .benefit-box p span {font-size: 1.0rem;} #sec04 .sec04_top{padding-top: 12px;} #sec04 .sec04_p07 {color: #fff;margin-top: 80px;} #sec04 .sec04_p07 h2 {font-size: 2.5rem;} #sec04 .sec04_p07 p {font-size: 1.4rem;margin: 60px 0;} #sec04 .pc_none{display: none;} #sec04 .sp_none{display: block;} @media screen and (max-width:1440px){ #sec04 {width: 100%;background: #037196;margin: 0 auto;padding: 10vw 0 1vw;} #sec04 .maincontent {width: 80vw;margin: 0 auto;} #sec04 .logo {margin: 6vw auto;background: #fff;color: #39382A;display: flex;justify-content: center;padding: 2vw;} #sec04 .logo img {width: 8vw;height: 8vw;margin: 0 1vw 0 0;} #sec04 .sec04_p01 {text-align: left;font-size: 1.5vw;font-weight: bold;padding-top: 1.5vw;} #sec04 .sec04_p01 span {font-size: 3.5vw;} #sec04 .sec04_p02 {font-size: 3.2vw;color: #fff;} #sec04 .certifications {display: flex;justify-content: space-around;flex-wrap: wrap;margin-top: 4vw;} #sec04 .cert-box {background-color: #A1E1FF;border-radius: 3vw;color: #333;width: 47%;padding: 0;margin: 1vw;box-shadow: 0 0.4vw 1vw rgba(0, 0, 0, 0.2);text-align: left;display: flex;flex-direction: column;align-items: center;} #sec04 .cert-box h3 {background-color: #089DCF;width: 80%;color: white;padding: 1vw 1.5vw 0.5vw;margin: 2vw 0;border-radius: 0 5vw 5vw 0;font-size: 2.2vw;text-align: left;align-self: flex-start;} #sec04 .sec04_p03 {font-size: 2.0vw;} #sec04 .sec04_p04 {font-size: 2.0vw;font-weight: bold;padding: 1vw 0;} #sec04 .cert-box img {width: 50%;height: auto;margin: 0 auto 1vw;box-shadow: 0 0.4vw 1vw rgba(0, 0, 0, 0.4);} #sec04 .sec04_p05 {margin: 2vw 0;display: flex;justify-content: space-around;} #sec04 .sec04_p05 p {color: #fff;font-size: 2.3vw;margin: 4vw 0 14vw 4vw;} #sec04 .sec04_p05 img {width: 15vw;height: auto;} #sec04 .sec04_p06 {font-size: 2.5vw;color: #fff;margin: 6vw auto 5vw;} #sec04 .benefits{display: block;} #sec04 .sp_benefits{display: none;} #sec04 .benefit {display: flex;justify-content: space-around;gap: 2vw;margin-bottom: 2vw;} #sec04 .benefit-box {width: 30vw;height: 22vw;background-color: white;color: #333;padding: 0;text-align: center;} #sec04 .benefit-box img {width: 10vw;height: auto;margin: 1vw 1vw 2vw;} #sec04 .benefit-box p {font-size: 1.9vw;font-weight: bold;} #sec04 .benefit-box p span {font-size: 1.5vw;} #sec04 .sec04_top {padding-top: 1.2vw;} #sec04 .sec04_p07 {color: #fff;margin-top: 8vw;} #sec04 .sec04_p07 h2 {font-size: 3.8vw;} #sec04 .sec04_p07 p {font-size: 2.2vw;margin: 6vw 0;} #sec04 .pc_none{display: none;} #sec04 .sp_none{display: block;} } @media screen and (max-width:767px){ #sec04 {width: 100%;background: #037196;margin: 0 auto;padding: 10vw 0 8vw;} #sec04 .maincontent {width: 90vw;margin: 0 auto;} #sec04 .logo {margin: 6vw auto;background: #fff;color: #39382A;display: flex;justify-content: center;padding: 2vw 0;} #sec04 .logo img {width: 10vw;height: 10vw;margin: 0 1vw 0 0;} #sec04 .sec04_p01 {text-align: left;font-size: 2.1vw;font-weight: bold;padding-top: 1.5vw;} #sec04 .sec04_p01 span {font-size: 5vw;} #sec04 .sec04_p02 {font-size: 4.5vw;color: #fff;} #sec04 .certifications {display: block;justify-content: space-around;flex-wrap: wrap;margin-top: 4vw;} #sec04 .cert-box {background-color: #A1E1FF;border-radius: 3vw;color: #333;width: 90%;padding: 0;box-shadow: 0 0.4vw 1vw rgba(0, 0, 0, 0.2);text-align: left;display: flex;flex-direction: column;align-items: center;margin: 0 auto 2vw;} #sec04 .cert-box h3 {background-color: #089DCF;width: 80%;color: white;padding: 1vw 1.5vw 0.5vw;margin: 2vw 0;border-radius: 0 5vw 5vw 0;font-size: 4.5vw;text-align: left;align-self: flex-start;} #sec04 .sec04_p03 {font-size: 3.9vw;} #sec04 .sec04_p04 {font-size: 3.9vw;font-weight: bold;padding: 1vw 0;} #sec04 .cert-box img {width: 70%;height: auto;margin: 0 auto 1vw;box-shadow: 0 0.4vw 1vw rgba(0, 0, 0, 0.4);} #sec04 .sec04_p05 {margin: 5vw 0;display: flex;justify-content: space-around;} #sec04 .sec04_p05 p {color: #fff;font-size: 4.8vw;margin: 4vw 0 14vw 4vw;} #sec04 .sec04_p05 img {position: relative;top: 10vw; width: 25vw;height: auto;} #sec04 .sec04_p06 {font-size: 4.5vw;color: #fff;margin: 6vw auto 5vw;} #sec04 .benefits{display: none;} #sec04 .sp_benefits{display: block;} #sec04 .benefit {display: flex;justify-content: space-around;gap: 2vw;margin-bottom: 2vw;} #sec04 .benefit-box {width: 44vw;height: 25vw;background-color: white;color: #333;padding: 0;text-align: center;} #sec04 .benefit-box img {width: 10vw;height: auto;margin: 1vw 1vw 2vw;} #sec04 .benefit-box p {font-size: 3.3vw;font-weight: bold;line-height: 1.0rem;} #sec04 .benefit-box p span {font-size: 2.5vw;} #sec04 .benefit-box-sp {width: 90vw;height: 25vw;background-color: white;color: #333;padding: 0;text-align: center;display: flex;justify-content:space-around;gap: 2vw;} #sec04 .benefit-box-sp img {width: 10vw;height: 10vw;margin: 7vw 1vw 2vw 13vw;} #sec04 .benefit-box-sp p {font-size: 3.3vw;font-weight: bold;margin: 7vw 10vw 2vw 0vw;line-height: 1.1rem;} #sec04 .benefit-box-sp p span {font-size: 1.5vw;} #sec04 .sec04_top {padding-top: 1.2vw;} #sec04 .sec04_p07 {color: #fff;margin-top: 8vw;} #sec04 .sec04_p07 h2 {font-size: 6.8vw;} #sec04 .sec04_p07 p {font-size: 4.2vw;margin: 6vw 0;} #sec04 .pc_none{display: block;} #sec04 .sp_none{display: none;} #sec04 .under_line_w{text-decoration: none;} } #sec05 {width: 100%;height: 45vw;background: url( "img/sec05.png") no-repeat center center/cover;display: flex;align-items: center;justify-content: center;position: relative;} #sec05 .maincontent {background-color: rgba(255, 255, 255, 0.8);width: 940px;padding: 30px;position: relative;} #sec05 .maincontent h2 {color: #FF7B39;margin: 20px 0 40px;position: relative;} #sec05 .maincontent h2:after {content: "";width: 60%;height: 4px;background: #FF7B39;position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);} #sec05 .maincontent p {font-size: 1.5rem; color: #333;margin-bottom: 20px;font-weight: bold;} #sec05 .corner01 {width: 0;height: 0;border-top: 100px solid #FF7B39;border-left: 100px solid transparent;position: absolute;top: 0;left: 0;transform: rotate(-90deg);} #sec05 .corner02 {width: 0;height: 0;border-top: 100px solid #FF7B39;border-left: 100px solid transparent;position: absolute;bottom: 0;right: 0;transform: rotate(90deg);} #sec05 .pc_none{display: none;} #sec05 .sp_none{display: block;} @media screen and (max-width:1440px){ #sec05 {width: 100%;height: 55vw;background: url("img/sec05.png") no-repeat center center/cover;display: flex;align-items: center;justify-content: center;position: relative;} #sec05 .maincontent {background-color: rgba(255, 255, 255, 0.8);width: 60vw;padding: 3vw;position: relative;} #sec05 .maincontent h2 {color: #FF7B39;margin: 1vw 0 4vw;position: relative;} #sec05 .maincontent h2:after {content: "";width: 60%;height: 0.4vw;background: #FF7B39;position: absolute;bottom: -1vw;left: 50%;transform: translateX(-50%);} #sec05 .maincontent p {color: #333;margin-bottom: 2vw;font-weight: bold;} #sec05 .corner01 {width: 0;height: 0;border-top: 8vw solid #FF7B39;border-left: 8vw solid transparent;position: absolute;top: 0;left: 0;transform: rotate(-90deg);} #sec05 .corner02 {width: 0;height: 0;border-top: 8vw solid #FF7B39;border-left: 8vw solid transparent;position: absolute;bottom: 0;right: 0;transform: rotate(90deg);} #sec05 .pc_none{display: none;} #sec05 .sp_none{display: block;} } @media screen and (max-width:767px){ #sec05 {width: 100%;height: 110vw;background: url("img/sec05.png") no-repeat center center/cover;display: flex;align-items: center;justify-content: center;position: relative;} #sec05 .maincontent {background-color: rgba(255, 255, 255, 0.8);width: 90vw;padding: 3vw;position: relative;} #sec05 .maincontent h2 {color: #FF7B39;margin: 4vw 0 6vw;position: relative;} #sec05 .maincontent h2:after {content: "";width: 84%;height: 0.4vw;background: #FF7B39;position: absolute;bottom: -1vw;left: 50%;transform: translateX(-50%);} #sec05 .maincontent p {font-size: 1.0rem;color: #333;margin-top: 5vw;margin-bottom: 5vw;font-weight: bold;} #sec05 .corner01 {width: 0;height: 0;border-top: 8vw solid #FF7B39;border-left: 8vw solid transparent;position: absolute;top: 0;left: 0;transform: rotate(-90deg);} #sec05 .corner02 {width: 0;height: 0;border-top: 8vw solid #FF7B39;border-left: 8vw solid transparent;position: absolute;bottom: 0;right: 0;transform: rotate(90deg);} #sec05 .pc_none{display: block;} #sec05 .sp_none{display: none;} } #sec06 {position: relative;width: 100%;padding: 100px 0px;background: #FFF1D5;} #sec06 .maincontent h2 {color: #39382A;margin-bottom: 20px;position: relative;} #sec06 .img01{position: absolute; width: 12vw;top: 5vw; right: 10vw; } #sec06 .img01 img{width: 100%;height: auto} #sec06 .sec06_p01{font-size: 1.5rem; margin: 80px;font-weight: bold;} #sec06 .before-after-container {background: #fff;margin: 0px 30px;padding: 20px 0;} #sec06 .before-after-item {display: flex;justify-content: space-around;text-align: center;white-space: nowrap;margin: 0 auto;} #sec06 .before-after-container img {display: block;width: 100%; height: auto;margin: 0 auto;} .label {font-size: 1.6rem;font-weight: bold;} .before {color: #39382A;margin: 10px 0 10px 0px;} .after {color: #FD5757;margin: 10px 10px 10px 0;} #sec06 .sec06_p02 {font-size: 2.2rem;color: #FF7B39;font-weight: bold;margin-top: 450px; text-shadow: -3px -3px 0 #FFFFFF, /* 左上 */ 3px -3px 0 #FFFFFF, /* 右上 */ -3px 3px 0 #FFFFFF, /* 左下 */ 3px 3px 0 #FFFFFF, /* 右下 */ 0px -3px 0 #FFFFFF, /* 上 */ 0px 3px 0 #FFFFFF, /* 下 */ -3px 0px 0 #FFFFFF, /* 左 */ 3px 0px 0 #FFFFFF; /* 右 */ } #sec06 .css-carousel-slider {width: 100%; overflow: hidden;} #sec06 .css-carousel-slider .slide-wrap {width: 400%; position: absolute; display: flex; top: 400px; left: calc(374%); z-index: 0; animation: css-carousel-slider 30s infinite; animation-delay: 5s;} #sec06 .css-carousel-slider .slide-wrap-main {position: absolute; top: 400px; width: 400%; left: -25vw; display: flex; z-index: 1; animation: css-carousel-slider-main 30s infinite; animation-delay: 5s;} #sec06 .slide {width: 50%;} #sec06 .slide img {width: 90%; height: auto;} #sec06 .pc_none{display: none;} #sec06 .sp_none{display: block;} @media screen and (max-width:1440px){ #sec06 {position: relative;width: 100%;padding: 10vw 0px;background: #FFF1D5;} #sec06 .img01{position: absolute; width: 12vw;top: 7vw; right: 8vw; } #sec06 .sec06_p01{margin: 5vw 0;font-weight: bold;} #sec06 .css-carousel-slider .slide-wrap {top: 30vw; } #sec06 .css-carousel-slider .slide-wrap-main {top: 30vw;} #sec06 .sec06_p02 {font-size: 2.2rem;color: #FF7B39;font-weight: bold;margin-top: 30vw; text-shadow: -3px -3px 0 #FFFFFF, /* 左上 */ 3px -3px 0 #FFFFFF, /* 右上 */ -3px 3px 0 #FFFFFF, /* 左下 */ 3px 3px 0 #FFFFFF, /* 右下 */ 0px -3px 0 #FFFFFF, /* 上 */ 0px 3px 0 #FFFFFF, /* 下 */ -3px 0px 0 #FFFFFF, /* 左 */ 3px 0px 0 #FFFFFF; /* 右 */ } #sec06 .pc_none{display: none;} #sec06 .sp_none{display: block;} } @media screen and (max-width:767px){ #sec06 {position: relative;width: 100%;padding: 15vw 0px;background: #FFF1D5;} #sec06 .img01{position: absolute; width: 15vw;top: 33vw; right: 2vw; } #sec06 .sec06_p01{font-size: 1.0rem;margin: 8vw 0 3vw;font-weight: bold;white-space: nowrap;} #sec06 .sec06_p02 {font-size: 1.5rem;color: #FF7B39;font-weight: bold;margin-top: 65vw;white-space: nowrap; text-shadow: -3px -3px 0 #FFFFFF, /* 左上 */ 3px -3px 0 #FFFFFF, /* 右上 */ -3px 3px 0 #FFFFFF, /* 左下 */ 3px 3px 0 #FFFFFF, /* 右下 */ 0px -3px 0 #FFFFFF, /* 上 */ 0px 3px 0 #FFFFFF, /* 下 */ -3px 0px 0 #FFFFFF, /* 左 */ 3px 0px 0 #FFFFFF; /* 右 */ } .label {font-size: 1.0rem;font-weight: bold;} .before {color: #39382A;margin: 1vw 0 1vw 0vw;} .after {color: #FD5757;margin: 1vw 1vw 1vw 0;} #sec06 .css-carousel-slider .slide-wrap {width: 900%; position: absolute; display: flex; top: 55vw; left: calc(894.3%); z-index: 0; animation: css-carousel-slider 30s infinite; animation-delay: 5s;} #sec06 .css-carousel-slider .slide-wrap-main {position: absolute; top: 55vw; width: 900%; left: -5.7vw; display: flex; z-index: 1; animation: css-carousel-slider-main 30s infinite; animation-delay: 5s;} #sec06 .pc_none{display: block;} #sec06 .sp_none{display: none;} } @keyframes css-carousel-slider { 0% { transform: translateX(calc(0 / 8 * -100%)); } 5.882% { transform: translateX(calc(0 / 8 * -100%)); } 11.764% { transform: translateX(calc(1 / 8 * -100%)); } 17.647% { transform: translateX(calc(1 / 8 * -100%)); } 23.529% { transform: translateX(calc(2 / 8 * -100%)); } 29.412% { transform: translateX(calc(2 / 8 * -100%)); } 35.294% { transform: translateX(calc(3 / 8 * -100%)); } 41.176% { transform: translateX(calc(3 / 8 * -100%)); } 47.059% { transform: translateX(calc(4 / 8 * -100%)); } 52.941% { transform: translateX(calc(4 / 8 * -100%)); } 58.824% { transform: translateX(calc(5 / 8 * -100%)); } 64.706% { transform: translateX(calc(5 / 8 * -100%)); } 70.588% { transform: translateX(calc(6 / 8 * -100%)); } 76.471% { transform: translateX(calc(6 / 8 * -100%)); } 82.353% { transform: translateX(calc(7 / 8 * -100%)); } 88.235% { transform: translateX(calc(7 / 8 * -100%)); } 94.118% { transform: translateX(calc(8 / 8 * -100%)); } 100% { transform: translateX(calc(8 / 8 * -100%)); } } @keyframes css-carousel-slider-main { 0% { transform: translateX(calc(0 / 8 * -100%)); } 5.882% { transform: translateX(calc(0 / 8 * -100%)); } 11.764% { transform: translateX(calc(1 / 8 * -100%)); } 17.647% { transform: translateX(calc(1 / 8 * -100%)); } 23.529% { transform: translateX(calc(2 / 8 * -100%)); } 29.412% { transform: translateX(calc(2 / 8 * -100%)); } 35.294% { transform: translateX(calc(3 / 8 * -100%)); } 41.176% { transform: translateX(calc(3 / 8 * -100%)); } 47.059% { transform: translateX(calc(4 / 8 * -100%)); } 52.941% { transform: translateX(calc(4 / 8 * -100%)); } 58.824% { transform: translateX(calc(5 / 8 * -100%)); } 64.706% { transform: translateX(calc(5 / 8 * -100%)); } 70.588% { transform: translateX(calc(6 / 8 * -100%)); } 76.471% { transform: translateX(calc(6 / 8 * -100%)); } 82.353% { transform: translateX(calc(7 / 8 * -100%)); } 88.235% { transform: translateX(calc(7 / 8 * -100%)); } 94.118% { transform: translateX(calc(8 / 8 * -100%)); } 100% { transform: translateX(calc(8 / 8 * -100%)); } } #sec07 {position: relative;margin: 100px auto;} #sec07 .sec07_p01{font-size: 1.8rem;margin: 60px 0;font-weight: bold;} #sec07 .sec07_flex{display: flex;justify-content: space-between;} #sec07 .sec07_left{width: 70%;padding: 30px 0 0 30px;} #sec07 .sec071_flex{display: flex;justify-content: left;} #sec07 .sec071_flex img{width: 88px; height: auto;} #sec07 .sec071_flex h3{color: #FF6200;padding: 20px 0 0 20px;text-shadow: -3px -3px 0 #FFFFFF, /* 左上 */ 3px -3px 0 #FFFFFF, /* 右上 */ -3px 3px 0 #FFFFFF, /* 左下 */ 3px 3px 0 #FFFFFF, /* 右下 */ 0px -3px 0 #FFFFFF, /* 上 */ 0px 3px 0 #FFFFFF, /* 下 */ -3px 0px 0 #FFFFFF, /* 左 */ 3px 0px 0 #FFFFFF; /* 右 */} #sec07 .sec07_left p{text-align: left;padding: 10px 0 0 0;} #sec07 .sec07_right{padding: 50px 30px 0 0;} #sec07 .pentagon1 {width: 900px;height: 300px;position: relative;background: #DEE8F1;margin: 0 auto;z-index: 4;} #sec07 .pentagon1:after {content: "";position: absolute;top: 300px;left: 0px;width: 0;height: 0;border-left: 450px solid transparent;border-right: 450px solid transparent;border-top: 50px solid #DEE8F1;z-index: 5;} #sec07 .pentagon2 {width: 900px;height: 300px;position: relative;background: #C9DCEA;margin: 0 auto;z-index: 3;} #sec07 .pentagon2:after {content: "";position: absolute;top: 300px;left: 0px;width: 0;height: 0;border-left: 450px solid transparent;border-right: 450px solid transparent;border-top: 50px solid #C9DCEA;z-index: 6;} #sec07 .pentagon3 {width: 900px;height: 300px;position: relative;background: #B0D0E6;margin: 0 auto;z-index: 2;} #sec07 .pentagon3:after {content: "";position: absolute;top: 300px;left: 0px;width: 0;height: 0;border-left: 450px solid transparent;border-right: 450px solid transparent;border-top: 50px solid #B0D0E6;z-index: 7;} #sec07 .pentagon4 {width: 900px;height: 300px;position: relative;background: #87B7DB;margin: 0 auto;z-index: 1;} #sec07 .img01{position: absolute;top: 180px;left: 10vw;width: 10vw;} #sec07 .img01 img{width: 100%;height: auto;} #sec07 .img02{position: absolute;top: 1200px;right: 10vw;width: 10vw;} #sec07 .img02 img{width: 100%;height: auto;} @media screen and (max-width:1440px){ #sec07 {position: relative;margin: 10vw auto;} #sec07 .sec07_p01 {font-size: 1.8rem;margin: 5vw 0;font-weight: bold;} #sec07 .sec07_flex {display: flex;justify-content: space-between;} #sec07 .sec07_left {width: 70%;padding: 3vw 0 0 3vw;} #sec07 .sec071_flex {display: flex;justify-content: left;} #sec07 .sec071_flex img {width: 8vw;height: auto;} #sec07 .sec071_flex h3 {color: #FF6200;padding: 3vw 0 0 2vw; text-shadow: -0.2vw -0.2vw 0 #FFFFFF, /* 左上 */ 0.2vw -0.2vw 0 #FFFFFF, /* 右上 */ -0.2vw 0.2vw 0 #FFFFFF, /* 左下 */ 0.2vw 0.2vw 0 #FFFFFF, /* 右下 */ 0vw -0.2vw 0 #FFFFFF, /* 上 */ 0vw 0.2vw 0 #FFFFFF, /* 下 */ -0.2vw 0vw 0 #FFFFFF, /* 左 */ 0.2vw 0vw 0 #FFFFFF; /* 右 */ } #sec07 .sec07_left p {text-align: left;padding: 1vw 0 0 0;} #sec07 .sec07_right {padding: 6vw 2vw 0 0;} #sec07 .sec07_right img{width: 90%;height: auto;} #sec07 .pentagon1 {width: 80vw;height: 30vw;position: relative;background: #DEE8F1;margin: 0 auto;z-index: 4;} #sec07 .pentagon1:after {content: "";position: absolute;top: 30vw;left: 0;width: 0;height: 0;border-left: 40vw solid transparent;border-right: 40vw solid transparent;border-top: 5vw solid #DEE8F1;z-index: 5;} #sec07 .pentagon2 {width: 80vw;height: 30vw;position: relative;background: #C9DCEA;margin: 0 auto;z-index: 3;} #sec07 .pentagon2:after {content: "";position: absolute;top: 30vw;left: 0;width: 0;height: 0;border-left: 40vw solid transparent;border-right: 40vw solid transparent;border-top: 5vw solid #C9DCEA;z-index: 6;} #sec07 .pentagon3 {width: 80vw;height: 30vw;position: relative;background: #B0D0E6;margin: 0 auto;z-index: 2;} #sec07 .pentagon3:after {content: "";position: absolute;top: 30vw;left: 0;width: 0;height: 0;border-left: 40vw solid transparent;border-right: 40vw solid transparent;border-top: 5vw solid #B0D0E6;z-index: 7;} #sec07 .pentagon4 {width: 80vw;height: 30vw;position: relative;background: #87B7DB;margin: 0 auto 15vw;z-index: 1;} #sec07 .img01 {position: absolute;top: 3vw;left: 3vw;width: 12vw;} #sec07 .img01 img {width: 100%;height: auto;} #sec07 .img02 {position: absolute;top: 138vw;right: 3vw;width: 12vw;z-index: 10;} #sec07 .img02 img {width: 100%;height: auto;} } @media screen and (max-width:767px){ #sec07 {position: relative;margin: 10vw auto;} #sec07 .sec07_p01 {font-size: 1.4rem;margin: 5vw 0 20vw;font-weight: bold;} #sec07 .sec07_flex {display: block;justify-content: space-between;} #sec07 .sec07_left {width: 94%;padding: 5vw 0 0 3vw;} #sec07 .sec071_flex {display: flex;justify-content: left;} #sec07 .sec071_flex img {width: 10vw;height: auto;} #sec07 .sec071_flex h3 {color: #FF6200;padding: 3vw 0 0 2vw;font-size: 1.5rem; text-shadow: -0.2vw -0.2vw 0 #FFFFFF, /* 左上 */ 0.2vw -0.2vw 0 #FFFFFF, /* 右上 */ -0.2vw 0.2vw 0 #FFFFFF, /* 左下 */ 0.2vw 0.2vw 0 #FFFFFF, /* 右下 */ 0vw -0.2vw 0 #FFFFFF, /* 上 */ 0vw 0.2vw 0 #FFFFFF, /* 下 */ -0.2vw 0vw 0 #FFFFFF, /* 左 */ 0.2vw 0vw 0 #FFFFFF; /* 右 */ } #sec07 .sec07_left p {text-align: left;padding: 1vw 0 0 0;} #sec07 .sec07_right {padding: 2vw 0 0 0;} #sec07 .sec07_right img{width: 63%;height: auto;} #sec07 .pentagon1 {width: 80vw;height: 110vw;position: relative;background: #DEE8F1;margin: 0 auto;z-index: 4;} #sec07 .pentagon1:after {content: "";position: absolute;top: 110vw;left: 0;width: 0;height: 0;border-left: 40vw solid transparent;border-right: 40vw solid transparent;border-top: 5vw solid #DEE8F1;z-index: 5;} #sec07 .pentagon2 {width: 80vw;height: 110vw;position: relative;background: #C9DCEA;margin: 0 auto;z-index: 3;} #sec07 .pentagon2:after {content: "";position: absolute;top: 110vw;left: 0;width: 0;height: 0;border-left: 40vw solid transparent;border-right: 40vw solid transparent;border-top: 5vw solid #C9DCEA;z-index: 6;} #sec07 .pentagon3 {width: 80vw;height: 110vw;position: relative;background: #B0D0E6;margin: 0 auto;z-index: 2;} #sec07 .pentagon3:after {content: "";position: absolute;top: 110vw;left: 0;width: 0;height: 0;border-left: 40vw solid transparent;border-right: 40vw solid transparent;border-top: 5vw solid #B0D0E6;z-index: 7;} #sec07 .pentagon4 {width: 80vw;height: 110vw;position: relative;background: #87B7DB;margin: 0 auto 15vw;z-index: 1;} #sec07 .img01 {position: absolute;top: 22vw;left: 3vw;width: 20vw;} #sec07 .img01 img {width: 100%;height: auto;} #sec07 .img02 {position: absolute;top: 470vw;right: 3vw;width: 20vw;z-index: 10;} #sec07 .img02 img {width: 100%;height: auto;} } #sec08 {position: relative;margin: 100px auto;} #sec08 .sec08_p01{font-size: 1.8rem;margin: 60px 0;font-weight: bold;} #sec08 h2 {margin: 40px 0 10px;} #sec08 .speech{position: relative;left: -120px; width: 928px; height: auto; margin: 100px auto 30px;} #sec08 .speech-bubble {background-color: #f26522;padding: 10px 50px;border-radius: 50px;position: relative;text-align: center;display: inline-block;} #sec08 .speech-bubble::after {content: '';position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 10px;border-color: #f26522 transparent transparent transparent;} #sec08 .speech-bubble p {color: #fff;font-weight: bold;font-size: 1.5rem;text-shadow:0.1vw 0.1vw 0 #000;} #sec08 .comparison-table {max-width: 1000px;margin: 0 auto;border-collapse: collapse;width: 90%;} #sec08 .comparison-table th, #sec08 .comparison-table td {border: 6px solid #fff;text-align: center;vertical-align: middle;} #sec08 .tr_high{height: 90px;} #sec08 .tr_longhigh{height: 180px;} #sec08 .th_highlight {font-size: 2.5rem;background-color: #2FB8E6;color: #FF7B39;font-weight: bold; text-shadow: -0.1vw -0.1vw 0 #FFFFFF, 0.1vw -0.1vw 0 #FFFFFF, -0.1vw 0.1vw 0 #FFFFFF, 0.1vw 0.1vw 0 #FFFFFF, 0vw -0.1vw 0 #FFFFFF, 0vw 0.1vw 0 #FFFFFF, -0.1vw 0vw 0 #FFFFFF, 0.1vw 0vw 0 #FFFFFF;} #sec08 .th_unhighlight {font-size: 1.2rem;background-color: #969696;color: #fff;padding: 1vw 0;} #sec08 .category {background-color: #037196;color: white;font-weight: bold;width: 170px;} #sec08 .highlight {position: relative;background-color: #A1E1FF;color: #39382A;font-size: 1.1rem;font-weight: bold;width: 450px;z-index: 0;} #sec08 .highlight::after {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 40px;height: 40px;border: 4px solid #D0E77F;border-radius: 50%;z-index: -1;background-color: transparent;} #sec08 .unhighlight {position: relative;font-size: 0.75rem;background-color: #EFEFEF;color: #39382A;width: 200px;z-index: 0;} #sec08 .unhighlight::after {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0;height: 0;border-left: 25px solid transparent;border-right: 25px solid transparent;border-bottom: 40px solid #fff;z-index: -2;background-color: transparent;} #sec08 .unhighlight::before {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 32px solid #EFEFEF;z-index: -1;background-color: transparent;} #sec08 .sp_none{display: block;} #sec08_sp{display: none;} @media screen and (max-width:1440px){ #sec08 {animalposition: relative;margin: 5vw auto 8vw;} #sec08 .sec08_p01 {font-size: 1.8rem;margin: 3vw 0;font-weight: bold;} #sec08 h2 {margin: 2vw 0 0.5vw;} #sec08 .speech {position: relative;left: -10vw;width: 48vw;height: auto;margin: 5vw auto 1.5vw;} #sec08 .speech-bubble {background-color: #f26522;padding: 0.5vw 5vw;border-radius: 2.5vw;position: relative;text-align: center;display: inline-block;} #sec08 .speech-bubble::after {content: '';position: absolute;bottom: -0.4vw;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-style: solid;border-width: 0.5vw 0.5vw 0 0.5vw;border-color: #f26522 transparent transparent transparent;} #sec08 .speech-bubble p {color: #fff;font-weight: bold;font-size: 1.5rem;text-shadow: 0.1vw 0.1vw 0 #000;} #sec08 .comparison-table {max-width: 80vw;margin: 0 auto;border-collapse: collapse;width: 90%;} #sec08 .comparison-table th, #sec08 .comparison-table td {border: 0.3vw solid #fff;text-align: center;vertical-align: middle;} #sec08 .tr_high {height: 9vw;} #sec08 .tr_longhigh {height: 18vw;} #sec08 .th_highlight {font-size: 2.5rem;background-color: #2FB8E6;color: #FF7B39;font-weight: bold; text-shadow: -0.1vw -0.1vw 0 #FFFFFF, 0.1vw -0.1vw 0 #FFFFFF, -0.1vw 0.1vw 0 #FFFFFF, 0.1vw 0.1vw 0 #FFFFFF, 0vw -0.1vw 0 #FFFFFF, 0vw 0.1vw 0 #FFFFFF, -0.1vw 0vw 0 #FFFFFF, 0.1vw 0vw 0 #FFFFFF;} #sec08 .th_unhighlight {font-size: 1.6rem;background-color: #969696;color: #fff;} #sec08 .category {background-color: #037196;color: white;font-weight: bold;width: 16vw;} #sec08 .highlight {position: relative;background-color: #A1E1FF;color: #39382A;font-size: 1.3rem;font-weight: bold;width: 44vw;z-index: 0;} #sec08 .highlight::after {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 4vw;height: 4vw;border: 0.3vw solid #D0E77F;border-radius: 50%;z-index: -1;background-color: transparent;} #sec08 .unhighlight {position: relative;font-size: 1rem;background-color: #EFEFEF;color: #39382A;width: 20vw;z-index: 0;} #sec08 .unhighlight::after {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0;height: 0;border-left: 3vw solid transparent;border-right: 3vw solid transparent;border-bottom: 4vw solid #fff;z-index: -2;background-color: transparent;} #sec08 .unhighlight::before {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0;height: 0;border-left: 2.5vw solid transparent;border-right: 2.5vw solid transparent;border-bottom: 3.5vw solid #EFEFEF;z-index: -1;background-color: transparent;} #sec08 .sp_none{display: block;} #sec08_sp{display: none;} } @media screen and (max-width:767px){ #sec08{display: none;} #sec08_sp {display: block;position: relative;margin: 5vw auto 10vw;} #sec08_sp h2 {margin: 2vw 0 0.5vw;} #sec08_sp .speech {position: relative;left: 14vw;width: 60vw;height: auto;margin: 5vw auto 1.5vw;} #sec08_sp .speech-bubble {background-color: #f26522;padding: 1vw 10vw;border-radius: 2.5vw;position: relative;text-align: center;display: inline-block;} #sec08_sp .speech-bubble::after {content: '';position: absolute;bottom: -0.5vw;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-style: solid;border-width: 0.5vw 0.5vw 0 0.5vw;border-color: #f26522 transparent transparent transparent;} #sec08_sp .speech-bubble p {color: #fff;font-weight: bold;font-size: 0.8rem;text-shadow: 0.1vw 0.1vw 0 #000;} #sec08_sp .comparison-table {max-width: 98vw;margin: 0 auto 2vw;border-collapse: collapse;width: 98%;} #sec08_sp .comparison-table th, #sec08_sp .comparison-table td {border: 0.4vw solid #fff;text-align: center;vertical-align: middle;} #sec08_sp .tr_high {height: 12vw;} #sec08_sp .tr_longhigh {height: 18vw;} #sec08_sp .th_highlight {font-size: 1.5rem;background-color: #2FB8E6;color: #FF7B39;font-weight: bold;height: 12vw; text-shadow: -0.1vw -0.1vw 0 #FFFFFF, 0.1vw -0.1vw 0 #FFFFFF, -0.1vw 0.1vw 0 #FFFFFF, 0.1vw 0.1vw 0 #FFFFFF, 0vw -0.1vw 0 #FFFFFF, 0vw 0.1vw 0 #FFFFFF, -0.1vw 0vw 0 #FFFFFF, 0.1vw 0vw 0 #FFFFFF;} #sec08_sp .th_unhighlight {font-size: 1.0rem;background-color: #969696;color: #fff;height: 10vw;} #sec08_sp .category {background-color: #037196;color: white;font-weight: bold;width: 16vw; font-size: 0.8rem;} #sec08_sp .highlight {position: relative;background-color: #A1E1FF;color: #39382A;font-size: 0.8rem;font-weight: bold;width: 40vw;z-index: 0;} #sec08_sp .highlight::after {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 8vw;height: 8vw;border: 0.2vw solid #D0E77F;border-radius: 50%;z-index: -1;background-color: transparent;} #sec08_sp .unhighlight {position: relative;font-size: 0.7rem;background-color: #EFEFEF;color: #39382A;width: 20vw;z-index: 0;} #sec08_sp .unhighlight::after {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0;height: 0;border-left: 3vw solid transparent;border-right: 3vw solid transparent;border-bottom: 4vw solid #fff;z-index: -2;background-color: transparent;} #sec08_sp .unhighlight::before {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0;height: 0;border-left: 2.5vw solid transparent;border-right: 2.5vw solid transparent;border-bottom: 3.5vw solid #EFEFEF;z-index: -1;background-color: transparent;} #sec08_sp .sp_none{display: block;} } #sec09 {background: #089DCF;padding: 100px 0;} #sec09 .maincontent {width: 1000px; margin: 0 auto;} #sec09 .sec09_p01 {position: relative;top: 70px;font-size: 2.5rem;font-weight: bold;color: #39382A;margin: 0 0; text-shadow: -0.1vw -0.1vw 0 #FFFFFF, 0.1vw -0.1vw 0 #FFFFFF, -0.1vw 0.1vw 0 #FFFFFF, 0.1vw 0.1vw 0 #FFFFFF, 0vw -0.1vw 0 #FFFFFF, 0vw 0.1vw 0 #FFFFFF, -0.1vw 0vw 0 #FFFFFF, 0.1vw 0vw 0 #FFFFFF;} #sec09 .sec09_p01 span {font-size: 3.5rem;color: #FF7B39;} #sec09 .main-animals {width: 90%;background: #fff;display: flex;justify-content: center;align-items: stretch;gap: 40px;margin: 30px auto 0;flex-wrap: wrap;} #sec09 .main-animals .animal {position: relative;width: 180px;height: 200px;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;} #sec09 .main-animals .animal img {width: 120px;height: auto;margin-bottom: 10px;} #sec09 .main-animals .animal p {position: absolute;top: 150px;color: #089DCF;font-weight: bold;margin: 0;} #sec09 .additional {width: 180px;height: 180px;margin: 40px 0;border-radius: 50%;text-align: center;background: white;color: #FF7B39;font-size: 1.5rem;font-weight: bold;display: flex;justify-content: center;align-items: center;} #sec09 .other-animals {width: 90%;display: flex;justify-content: center;align-items: stretch;gap: 40px;margin: 10px auto 0;flex-wrap: wrap;} #sec09 .other-animals .animal {position: relative;width: 180px;height: 200px;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;} #sec09 .other-animals .animal img {width: 120px;height: auto;margin-bottom: 10px;} #sec09 .other-animals .animal p {position: absolute;top: 150px;color: #fff;font-weight: bold;margin: 0;} #sec09 .sec09_p02 {color: #fff;font-size: 2.4rem;font-weight: bold;margin-top: 10px;} #sec09 .f-animals {display: flex;justify-content: center;gap: 50px;margin-top: 20px;} #sec09 .f-animals img {width: 150px;height: auto;} @media screen and (max-width:1440px){ #sec09 {background: #089DCF;padding: 8vw 0;} #sec09 .maincontent {width: 100vw;margin: 0 auto;} #sec09 .sec09_p01 {position: relative;top: 6vw;font-size: 2.5rem;font-weight: bold;color: #39382A;margin: 0 0; text-shadow: -0.1vw -0.1vw 0 #FFFFFF, 0.1vw -0.1vw 0 #FFFFFF, -0.1vw 0.1vw 0 #FFFFFF, 0.1vw 0.1vw 0 #FFFFFF, 0vw -0.1vw 0 #FFFFFF, 0vw 0.1vw 0 #FFFFFF, -0.1vw 0vw 0 #FFFFFF, 0.1vw 0vw 0 #FFFFFF;} #sec09 .sec09_p01 span {font-size: 3.5rem;color: #FF7B39;} #sec09 .main-animals {width: 90%;height: 20vw; background: #fff;display: flex;justify-content: center;align-items: stretch;gap: 5vw;margin: 3vw auto 1vw;flex-wrap: wrap;} #sec09 .main-animals .animal {position: relative;width: 12vw;height: 10vw;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;} #sec09 .main-animals .animal img {width: 12vw;height: auto;margin: 5vw 0 0;} #sec09 .main-animals .animal p {position: absolute;top: 15vw;color: #089DCF;font-weight: bold;margin: 0;} #sec09 .additional {width: 15vw;height: 15vw;margin: 4vw 0 0;border-radius: 50%;text-align: center;background: white;color: #FF7B39;font-size: 1.7rem;font-weight: bold;display: flex;justify-content: center;align-items: center;} #sec09 .other-animals {width: 90%;height: 20vw;display: flex;justify-content: center;align-items: stretch;gap: 5vw;margin: 1vw auto;flex-wrap: wrap;} #sec09 .other-animals .animal {position: relative;width: 12vw;height: 10vw;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;} #sec09 .other-animals .animal img {width: 12vw;height: auto;margin: 5vw 0 0;} #sec09 .other-animals .animal p {position: absolute;top: 15vw;color: #fff;font-weight: bold;font-size: 1.4rem;margin: 0;} #sec09 .sec09_p02 {color: #fff;font-size: 2.8rem;font-weight: bold;margin-top: 1vw;} #sec09 .f-animals {display: flex;justify-content: center;gap: 5vw;margin-top: 1vw;} #sec09 .f-animals img {width: 12vw;height: auto;} } @media screen and (max-width:767px){ #sec09 {background: #089DCF;padding: 10vw 0;} #sec09 .maincontent {width: 100vw;margin: 0 auto;} #sec09 .sec09_p01 {position: relative;top: 8vw;font-size: 1.5rem;font-weight: bold;color: #39382A;margin: 0 0; text-shadow: -0.1vw -0.1vw 0 #FFFFFF, 0.1vw -0.1vw 0 #FFFFFF, -0.1vw 0.1vw 0 #FFFFFF, 0.1vw 0.1vw 0 #FFFFFF, 0vw -0.1vw 0 #FFFFFF, 0vw 0.1vw 0 #FFFFFF, -0.1vw 0vw 0 #FFFFFF, 0.1vw 0vw 0 #FFFFFF;} #sec09 .sec09_p01 span {font-size: 2.5rem;color: #FF7B39;} #sec09 .main-animals {width: 90%;height: 25vw; background: #fff;display: flex;justify-content: center;align-items: stretch;gap: 5vw;margin: 4vw auto 1vw;flex-wrap: wrap;} #sec09 .main-animals .animal {position: relative;width: 15vw;height: 15vw;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;} #sec09 .main-animals .animal img {width: 15vw;height: auto;margin: 5vw 0 0;} #sec09 .main-animals .animal p {position: absolute;top: 17vw;color: #089DCF;font-weight: bold;font-size: 0.7rem;margin: 0;} #sec09 .additional {width: 18vw;height: 18vw;margin: 4vw 0 0;border-radius: 50%;text-align: center;background: white;color: #FF7B39;font-size: 0.8rem;font-weight: bold;display: flex;justify-content: center;align-items: center;} #sec09 .other-animals {width: 90%;height: 25vw;display: flex;justify-content: center;align-items: stretch;gap: 5vw;margin: 2vw auto 1vw;flex-wrap: wrap;} #sec09 .other-animals .animal {position: relative;width: 15vw;height: 15vw;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;} #sec09 .other-animals .animal img {width: 15vw;height: auto;margin: 5vw 0 0;} #sec09 .other-animals .animal p {position: absolute;top: 17vw;color: #fff;font-weight: bold;font-size: 0.7rem;margin: 0;} #sec09 .sec09_p02 {color: #fff;font-size: 1.4rem;font-weight: bold;margin-top: 2vw;} #sec09 .f-animals {display: flex;justify-content: center;gap: 4vw;margin-top: 1vw;} #sec09 .f-animals img {width: 20vw;height: auto;} } #sec10 {background: #FFF1D5;padding: 100px 0;} #sec10 .sec010_p01 {position: relative;font-size: 2.5rem;margin: 70px 0 40px;font-weight: bold;} #sec10 .sec010_p01 span {font-size: 4rem;} #sec10 .maincontent {width: 1000px; margin: 0 auto;} #sec10 .steps {max-width: 800px;margin: 0 auto;} #sec10 .step {background-color: #1EA7D4;color: white;border-radius: 150px;padding: 30px;margin: 30px 0;display: flex;align-items: center;gap: 20px;text-align: left;} #sec10 .step-number { color: white;font-size: 1.0rem;font-weight: bold;text-align: center;width: 100px;height: 100px;display: flex;justify-content: center;align-items: center;border-radius: 50%;flex-shrink: 0;} #sec10 .step-number span{font-size: 1.5rem;} #sec10 .step-color1{background-color: #FFB595;} #sec10 .step-color2{background-color: #FF996E;} #sec10 .step-color3{background-color: #FF7B39;} #sec10 .step-color4{background-color: #FF6200;} #sec10 .step-color5{background-color: #FF6200;} #sec10 .step-content h3 {color: #FF7B39; font-weight: bold;margin: 0 0 10px;text-align: left; letter-spacing: -0.1vw;} #sec10 .step-content h4 {color: #fff; font-weight: bold;margin: 0 0 10px;text-align: left;} #sec10 .step-content p {width: 100%;margin: 0;margin: 0 auto;} @media screen and (max-width:1440px){ #sec10 {background: #FFF1D5;padding: 5vw 0;} #sec10 .sec010_p01 {position: relative;font-size: 2.5rem;margin: 3.5vw 0 2vw;font-weight: bold;} #sec10 .sec010_p01 span {font-size: 4rem;} #sec10 .maincontent {width: 80vw;margin: 0 auto;} #sec10 .steps {max-width: 80vw;margin: 0 auto;} #sec10 .step {background-color: #1EA7D4;color: white;border-radius: 9.5vw;padding: 3vw 1vw;margin: 2vw 0;display: flex;align-items: center;gap: 1vw;text-align: left;} #sec10 .step-number {color: white;font-size: 1.7rem;font-weight: bold;text-align: center;width: 10vw;height: 10vw;display: flex;justify-content: center;align-items: center;border-radius: 50%;flex-shrink: 0;} #sec10 .step-color1 {background-color: #FFB595;} #sec10 .step-color2 {background-color: #FF996E;} #sec10 .step-color3 {background-color: #FF7B39;} #sec10 .step-color4 {background-color: #FF6F15;} #sec10 .step-color5 {background-color: #FF6200;} #sec10 .step-content h3 {font-size: 2.5rem;font-weight: bold;margin: 0 0 0.5vw;} #sec10 .step-content h4 {font-size: 1.8rem; font-weight: bold;margin: 0 0 0.5vw;} #sec10 .step-content p {width: 95%;margin: 0;} } @media screen and (max-width:767px){ #sec10 {background: #FFF1D5;padding: 10vw 0;text-align: center;} #sec10 h2 {letter-spacing: -0.2vw;} #sec10 .sec010_p01 {font-size: 2rem;margin: 5vw 0;font-weight: bold;} #sec10 .sec010_p01 span {font-size: 3rem;color: #FF7B39;} #sec10 .maincontent {position: relative;width: 92vw;margin: 0 auto;} #sec10 .steps {max-width: 92vw;display: flex;flex-direction: column;gap: 2vw;margin-top: 2vw;} #sec10 .step {position: relative;background-color: #1EA7D4;color: white;border-radius: 2.5vw;padding: 5vw 2vw;display: flex;align-items: center;gap: 2vw;} #sec10 .step-number {position: absolute;top: 2vw; background-color: #FFB595;color: white;font-size: 0.8rem;font-weight: bold;text-align: center;width: 13vw;height: 13vw;display: flex;justify-content: center;align-items: center;border-radius: 50%;flex-shrink: 0;} #sec10 .step-number span {font-size: 1.5rem;} #sec10 .step-color1 {background-color: #FFB595;} #sec10 .step-color2 {background-color: #FF996E;} #sec10 .step-color3 {background-color: #FF7B39;} #sec10 .step-color4 {background-color: #FF6F15;} #sec10 .step-color5 {background-color: #FF6200;} #sec10 .step-content h3 {font-size: 1.8rem; text-align: center; font-weight: bold;margin-bottom: 1vw;} #sec10 .step-content h4 {font-size: 1.0rem;text-align: center; font-weight: bold;margin-bottom: 1vw;} #sec10 .step-content p {text-align: left;color: #fff;margin: 0 auto;padding-top: 2vw;} } #sec11 {width: 100%;padding: 100px 0;} #sec11 h2 {padding: 0 0 50px;} #sec11 .faq-section {width: 1000px;margin: 0 auto;text-align: left;padding: 20px;} #sec11 .faq-item {margin-bottom: 20px;} #sec11 .faq-item h3 {font-size: 1.2rem;color: #39382A;margin-bottom: 5px;background-color: #FFEAC1;padding: 10px 50px;} #sec11 .faq-item p {font-size: 1.1rem;margin: 0;color: #39382A;padding: 10px 50px;} @media screen and (max-width:1440px){ #sec11 {width: 100%;padding: 5vw 0;} #sec11 h2 {padding: 0 0 3vw;} #sec11 .faq-section {width: 80vw;margin: 0 auto;text-align: left;padding: 1vw;} #sec11 .faq-item {margin-bottom: 1vw;} #sec11 .faq-item h3 {font-size: 1.2rem;color: #39382A;margin-bottom: 0.25vw;background-color: #FFEAC1;padding: 0.5vw 2.5vw;} #sec11 .faq-item p {font-size: 1.1rem;margin: 0;color: #39382A;padding: 0.5vw 2.5vw;} } @media screen and (max-width:767px){ #sec11 {width: 100%;padding: 10vw 0;} #sec11 h2 {padding: 0 0 10vw;} #sec11 .faq-section {width: 95%;margin: 0 auto;text-align: left;padding: 1vw 0;} #sec11 .faq-item {margin-bottom: 1vw;} #sec11 .faq-item h3 {color: #39382A;margin-bottom: 0.5vw;background-color: #FFEAC1;padding: 1vw 3vw;letter-spacing: -0.1vw;} #sec11 .faq-item p {margin: 0;color: #39382A;padding: 1.5vw 3vw 6vw;letter-spacing: -0.05vw;} } #sec12{width: 100%;padding: 100px 0;} #sec12 h2{padding: 0 0 50px;} #sec12 .company-overview {color: #39382A;max-width: 850px;margin: 0 auto;text-align: left;padding: 0;border-top: 1px solid #bbb;} #sec12 .row {display: flex;justify-content: space-between;align-items: flex-start;padding: 10px 0;border-bottom: 1px solid #bbb;font-weight: bold;} #sec12 .row span {width: 30%;flex: 1;padding-left: 20px;} #sec12 .row p {flex: 2;margin: 0;padding-left: 20px;border-left: 1px solid #FF6200;} @media screen and (max-width:1440px){ #sec12 {width: 100%;padding: 5vw 0;} #sec12 h2 {padding: 0 0 4vw;} #sec12 .company-overview {color: #39382A;max-width: 70vw;margin: 0 auto;text-align: left;padding: 0;border-top: 0.05vw solid #bbb;} #sec12 .row {display: flex;justify-content: space-between;align-items: flex-start;padding: 0.5vw 0;border-bottom: 0.05vw solid #bbb;font-weight: bold;} #sec12 .row span {width: 10vw;flex: 1;padding-left: 1vw;} #sec12 .row p {font-size: 1rem; flex: 2;margin: 0;padding-left: 1vw;border-left: 0.05vw solid #FF6200;} } @media screen and (max-width:767px){ #sec12 {width: 100%;padding: 10vw 0;} #sec12 h2 {padding: 0 0 6vw;} #sec12 .company-overview {color: #39382A;max-width: 90vw;margin: 0 auto;text-align: left;padding: 0;border-top: 0.05vw solid #bbb;} #sec12 .row {display: flex;justify-content: space-between;align-items: flex-start;padding: 0.5vw 0;border-bottom: 0.05vw solid #bbb;font-weight: bold;} #sec12 .row span {font-size: 0.55rem; width: 10vw;flex: 1;padding-left: 1vw;} #sec12 .row p {font-size: 0.55rem;flex: 2;margin: 0;padding-left: 3vw;border-left: 0.05vw solid #FF6200; } } footer{width: 100%;background: #089DCF;} #copyright{text-align: center;color: #fff;font-weight: bold;padding: 20px 0 110px;} #f_copyright{text-align: center;color: #fff;font-weight: bold;padding: 20px 0;} @media screen and (max-width:1440px){ footer{width: 100%;background: #089DCF;} #copyright{text-align: center;color: #fff;font-weight: bold;padding: 2vw 0 9vw;} #copyright{text-align: center;color: #fff;font-weight: bold;padding: 2vw 0;} } @media screen and (max-width:767px){ footer{width: 100%;background: #089DCF;} #copyright{text-align: center;color: #fff;font-size: 0.6rem;font-weight: bold;padding: 3vw 0 20vw;} #f_copyright{text-align: center;color: #fff;font-size: 0.6rem;font-weight: bold;padding: 3vw 0;} } #sec99 {display: block; position: fixed; bottom: 0; width: 100%; height: auto; z-index: 999;} #sec99 .maincontent {position: relative; width: 1400px; display: flex; justify-content: space-around; margin: 0 auto;} #sec99 .maincontent img { width: 3vw; height: 3vw; margin: 20px;} #sec99 .sec99_flex{display: flex;justify-content: center;align-items: center;} #sec99 .back99{width: calc(1400px / 3);} #sec99 .color_01{background: #0156A0;} #sec99 .color_02{background: #FF6200;} #sec99 .color_03{background: #56EF58;} /* #sec99 .color_01:hover{background:linear-gradient(to top, #0156A0, #eee);} #sec99 .color_02:hover{background:linear-gradient(to top, #FF6200, #eee);} #sec99 .color_03:hover{background:linear-gradient(to top, #56EF58, #eee);}*/ #sec99 .sec99_p_01,#sec99 .sec99_p_02{color: #fff;font-weight: bold;font-size: 1.7rem;text-align: left;width: 350px;line-height: 1.5rem;text-shadow:0.1vw 0.1vw 0 #39382A;} #sec99 .sec99_p_01 span{font-size: 1.0rem;} #sec99 .pc_none{display: none;} @media screen and (max-width:1440px){ #sec99 {display: block; position: fixed; bottom: 0; width: 100%; height: auto; z-index: 999;} #sec99 .maincontent {position: relative; width: 100%; display: flex; justify-content: space-around; margin: 0 auto;} #sec99 .maincontent img { width: 3vw; height: 3vw; margin: 20px;} #sec99 .sec99_flex{display: flex;justify-content: center;align-items: center;} #sec99 .back99{width: calc(100% / 3);} #sec99 .color_01{background: #0156A0;} #sec99 .color_02{background: #FF6200;} #sec99 .color_03{background: #56EF58;} /* #sec99 .color_01:hover{background:linear-gradient(to top, #2B9DED, #eee);} #sec99 .color_02:hover{background:linear-gradient(to top, #FF6200, #eee);} #sec99 .color_03:hover{background:linear-gradient(to top, #56EF58, #eee);}*/ #sec99 .sec99_p_01,#sec99 .sec99_p_02{color: #fff;font-weight: bold;font-size: 1.7rem;text-align: left;width: 350px;line-height: 1.5rem;text-shadow:0.1vw 0.1vw 0 #39382A;} #sec99 .sec99_p_01 span{font-size: 1.0rem;} #sec99 .pc_none{display: none;} } @media screen and (max-width:767px){ #sec99 {display: block; position: fixed; bottom: 0; width: 100%; height: auto; z-index: 999;} #sec99 .maincontent {position: relative; width: 100%; display: flex; justify-content: space-around; margin: 0 auto;} #sec99 .maincontent img { width: 5vw; height: 5vw; margin: 3vw 0 3vw 2vw;} #sec99 .sec99_flex{display: flex;justify-content: center;align-items: center;padding: 3vw 0;} #sec99 .back99{width: calc(100% / 2);} #sec99 .color_01{background: #0156A0;} #sec99 .color_02{background: #FF6200;} #sec99 .color_03{display: none; background: #42B643;} .back99.color_01 { display: flex; align-items: center; /* ← 縦方向中央揃え */ justify-content: center; /* ← 水平方向も中央にしたい場合 */ height: 20vw; /* 必要に応じて高さを指定 */ } /* #sec99 .color_01:hover{background:linear-gradient(to top, #2B9DED, #eee);} #sec99 .color_02:hover{background:linear-gradient(to top, #FF6200, #eee);} #sec99 .color_03:hover{background:linear-gradient(to top, #42B643, #eee);}*/ #sec99 .sec99_p_01{color: #fff;font-weight: bold;font-size: 0.7rem;text-align: center;width: 80vw;line-height: 1.0rem;text-shadow:0.1vw 0.1vw 0 #39382A;} #sec99 .sec99_p_02{color: #fff;font-weight: bold;font-size: 0.9rem;text-align: center;width: 80vw;line-height: 1.0rem;text-shadow:0.1vw 0.1vw 0 #39382A;} #sec99 .sec99_p_01 span{font-size: 0.6rem;} #sec99 .pc_none{display: block;} } .button01 {opacity: 0; visibility: hidden;} .active{opacity: 1;visibility: visible;transition : all 2s;} /*コンタクト*/ #contact_view { position: relative; width: 100vw; height: auto; } #contact_view h2 {position: relative; top: 0; width: 100vw; text-align: center; color: #39382A; margin: 100px auto; } #contact_view h2::before {content: ''; position: absolute; top: 100%; left: 46%; width: 160px; border-bottom: 3px solid #FF7B39; } @media screen and (max-width:1440px){ #contact_view h2 { margin: 5vw auto; } #contact_view h2::before { top: 100%; left: 45%; width: 10vw; border-bottom: 2px solid #FF7B39; } } @media screen and (max-width:767px){ #contact_view h2 { margin: 10vw auto; } #contact_view h2::before { top: 100%; left: 42%; width: 16vw; border-bottom: 2px solid #FF7B39; } } #contact_sec01 .maincontent {position: relative; width: 1000px; margin: 100px auto 0; padding-bottom: 100px;} #contact_sec01 .maincontent p {position: relative; top: 25px; font-size: 1.8rem; line-height: 2.8rem; color: #39382A; letter-spacing: 2px;} #contact_sec01 .maincontent p span {background: #FF7B39; color: #fff; padding: 0px 30px; margin: 0 30px;} #contact_sec01 .maincontent h5 {position: relative; top: 0px; font-size: 1.8rem; color: #39382A; letter-spacing: 2px;} #contact_sec01 .sec01_flex{display: flex;} #contact_sec01 .maincontent .input01 {width: 100%; height: 60px; background: #E9F7FF; color: #39382A; border: 1px solid #00A3FF; font-size: 32px; letter-spacing: 2px; padding: 0 0 0 20px; margin: 0 0 50px 0; } #contact_sec01 .maincontent .input02 {width: 100%; height: 60px; background: #E9F7FF; color: #39382A; border: 1px solid #00A3FF; font-size: 32px; letter-spacing: 2px; padding: 0 0 0 20px; margin: 40px 0 50px 0; } #contact_sec01 .maincontent .button02{background: #eee;padding: 20px;width: 300px; margin: 30px 50px 0; height: 80px;border: 1px solid #39382A;cursor: pointer;} #contact_sec01 .maincontent .button02:hover{background: #777;} #contact_sec01 .maincontent .content{display: flex;} #contact_sec01 .maincontent .p_01{position: relative; top: -10px; left: 20px;} #contact_sec01 .maincontent .input03 {width: 100%; height: 190px; background: #E9F7FF; color: #39382A; border: 1px solid #00A3FF; font-size: 32px; letter-spacing: 2px; padding: 10px 0 0 20px; margin: 0 0 20px 0; word-wrap: break-word; word-break: break-all; } #contact_sec01 .maincontent .p_02 { font-size: 1.2rem; text-align: center; margin: 0 auto 0px; } #contact_sec01 .maincontent .center{margin: 0 auto;} #contact_sec01 .maincontent .button03 {position: relative; font-size: 1rem; width: 270px; background: #037196; margin: 50px auto; text-align: center;} #contact_sec01 .maincontent .button03 h2 { color: #fff; font-size: 1.5rem; padding: 20px 0; } @media screen and (max-width:1440px){ #contact_sec01 .maincontent {width: 90vw; margin: 5vw auto 0; padding-bottom: 5vw;} #contact_sec01 .maincontent h5 {position: relative; top: 0px; font-size: 1.2rem; color: #39382A; letter-spacing: 2px;} #contact_sec01 .sec01_flex{display: flex;} #contact_sec01 .maincontent p { top: 1vw; font-size: 1.4rem; line-height: 2.0rem; letter-spacing: 2px;} #contact_sec01 .maincontent p span { padding: 0px 2vw; margin: 0 2vw;} #contact_sec01 .maincontent .input01 {width: 100%; height: 3vw; font-size: 1.2rem; letter-spacing: 2px; padding: 0 0 0 1vw; margin: 0 0 2vw 0; } #contact_sec01 .maincontent .input02 {width: 100%; height: 3vw; background: #E9F7FF; color: #39382A; border: 1px solid #00A3FF; font-size: 1.2rem; letter-spacing: 2px; padding: 0 0 0 1vw; margin: 2vw 0 2vw 0; } #contact_sec01 .maincontent .button02{background: #eee;padding: 0;width: 25vw; margin: 2vw 3vw 0; height: 3vw;border: 1px solid #39382A;cursor: pointer;} #contact_sec01 .maincontent .content{display: flex;} #contact_sec01 .maincontent .p_01{ top: -0.3vw; left: 1vw;} #contact_sec01 .maincontent .input03 {width: 100%; height: 20vw; border: 1px solid #00A3FF; font-size: 1.2rem; letter-spacing: 2px; padding: 1vw 0 0 2vw; margin: 0 0 1vw 0; } #contact_sec01 .maincontent .p_02 { font-size: 1.2rem; margin: 0 auto; } #contact_sec01 .maincontent .center{margin: 0 auto;} #contact_sec01 .maincontent .button03 { font-size: 1rem; width: 27vw; margin: 4vw auto; } #contact_sec01 .maincontent .button03 h2 {font-size: 1.5rem; padding: 2vw 0; } } @media screen and (max-width:767px){ #contact_sec01 .maincontent {width: 90vw; margin: 5vw auto 0; padding-bottom: 10vw;} #contact_sec01 .maincontent h5 {position: relative; top: 0px; font-size: 1.0rem; color: #39382A; letter-spacing: 2px;} #contact_sec01 .maincontent p { top: 3vw; font-size: 1.0rem; line-height: 2.0rem; letter-spacing: 2px;} #contact_sec01 .maincontent p span { padding: 0px 2vw; margin: 0 2vw;} #contact_sec01 .maincontent .input01 {width: 100%; height: 7vw; font-size: 0.8rem; letter-spacing: 2px; padding: 0 0 0 2vw; margin: 0 0 2vw 0; } #contact_sec01 .maincontent .input02 {width: 100%; height: 7vw; background: #E9F7FF; color: #39382A; border: 1px solid #00A3FF; font-size: 0.8rem; letter-spacing: 2px; padding: 0 0 0 2vw; margin: 3vw 0 2vw 0; } #contact_sec01 .maincontent .button02{background: #eee;padding: 0;width: 40vw; margin: 3vw 3vw 0; height: 7vw;border: 1px solid #39382A;cursor: pointer;} #contact_sec01 .maincontent .content{display: flex;} #contact_sec01 .maincontent .p_01{position: relative; top: -0.2vw; font-size: 1rem;} #contact_sec01 .maincontent .top{position: relative; top: 0vw;} #contact_sec01 .maincontent .input03 {width: 100%; height: 20vw; border: 1px solid #00A3FF; font-size: 0.8rem; letter-spacing: 0.5px; padding: 1vw 1vw 1vw 1vw; margin: 0 0 1vw 0; } #contact_sec01 .maincontent .p_02 {width: 85%; font-size: 1rem; margin: 0 auto; } #contact_sec01 .maincontent .center{margin: 0 auto;} #contact_sec01 .maincontent .button03 { font-size: 1.5rem; width: 50vw; margin: 8vw auto 0; } #contact_sec01 .maincontent .button03 h2 {font-size: 1.5rem; padding: 3vw 0; } }