@charset "UTF-8"; html { font-size: 62.5%; } body { background-color: #fff; max-width: 100%; width: 100vw; height: auto; font-size: 1.25vw; letter-spacing: 0.05em; font-feature-settings: "palt"; font-family: "Helvetica Neue", Helvetica, "IBM Plex Sans", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif; -webkit-font-feature-settings: "palt"; -moz-font-feature-settings: "palt"; } body p { line-height: 1.5; margin-bottom: 0.5em; } body p::before, body p::after { content: ""; display: block; width: 0; height: 0; } body p::before { margin-top: calc((1 - 1.5) * 0.5em); } body p::after { margin-bottom: calc((1 - 1.5) * 0.5em); } body p:last-child { margin-bottom: 0; } img { width: 100%; } a:hover, a:active { opacity: 0.6; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; } .container { position: relative; overflow: hidden; } .blueGradText { display: inline-block; background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #3d639f; } source { width: 100%; } .ta_right { text-align: right; } /*========= ボタンのためのCSS ===============*/ .openbtn1 { /*はじめは非表示に*/ display: none; /*ボタンの位置*/ position: fixed; top: 1.40625vw; z-index: 999; right: 7.8125vw; width: 4.6875vw; height: 4.6875vw; background-color: #fff; border: solid 1px #3d639f; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } /*ボタンのアイコン設定*/ .openbtn1 span { position: absolute; display: inline-block; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; width: 50%; height: 2px; border-radius: 0.15625vw; -webkit-border-radius: 0.15625vw; -moz-border-radius: 0.15625vw; -ms-border-radius: 0.15625vw; -o-border-radius: 0.15625vw; background: #3d639f; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .openbtn1 span:nth-of-type(1) { top: 1.40625vw; } .openbtn1 span:nth-of-type(2) { top: 2.1875vw; } .openbtn1 span:nth-of-type(3) { top: 2.96875vw; } /*activeクラスが付与された後のボタンのアイコン設定*/ .openbtn1.active span:nth-of-type(1) { top: 1.25vw; left: 1.09375vw; transform: translateY(0.9375vw) rotate(-45deg); -webkit-transform: translateY(0.9375vw) rotate(-45deg); -moz-transform: translateY(0.9375vw) rotate(-45deg); -ms-transform: translateY(0.9375vw) rotate(-45deg); -o-transform: translateY(0.9375vw) rotate(-45deg); } .openbtn1.active span:nth-of-type(2) { opacity: 0; } .openbtn1.active span:nth-of-type(3) { top: 3.125vw; left: 1.09375vw; transform: translateY(-0.9375vw) rotate(45deg); -webkit-transform: translateY(-0.9375vw) rotate(45deg); -moz-transform: translateY(-0.9375vw) rotate(45deg); -ms-transform: translateY(-0.9375vw) rotate(45deg); -o-transform: translateY(-0.9375vw) rotate(45deg); } .fadeDown { -webkit-animation-name: fadeDownAnime; animation-name: fadeDownAnime; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; display: block; } @-webkit-keyframes fadeDownAnime { from { opacity: 0; transform: translateY(-6.25vw); -webkit-transform: translateY(-6.25vw); -moz-transform: translateY(-6.25vw); -ms-transform: translateY(-6.25vw); -o-transform: translateY(-6.25vw); } to { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } } @keyframes fadeDownAnime { from { opacity: 0; transform: translateY(-6.25vw); -webkit-transform: translateY(-6.25vw); -moz-transform: translateY(-6.25vw); -ms-transform: translateY(-6.25vw); -o-transform: translateY(-6.25vw); } to { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } } .header { z-index: 999; position: fixed; top: 0; width: 100vw; height: 7.5vw; background-color: #fff; -webkit-box-shadow: 0px 8px 8px -5px rgba(0, 0, 0, 0.2); box-shadow: 0px 8px 8px -5px rgba(0, 0, 0, 0.2); } .header .header_inner { margin-left: auto; margin-right: auto; padding-left: 7.81vw; padding-right: 7.81vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header .header_inner .panelactive_bg { display: none; } .header .header_inner .header_left .logo_link { width: 7.65625vw; } .header .header_inner .header_right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header .header_inner .header_right .header_nav ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header .header_inner .header_right .header_nav ul li a { color: #333; display: block; padding: 1.25vw; line-height: 1; white-space: nowrap; } .header .header_inner .header_right .header_nav .child { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: none; } .header .header_inner .header_right .header_nav .child li a { font-size: 1.09375vw; } .header .header_inner .header_right .logIn_btn a { width: 10.46875vw; background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); padding: 1.09vw 1.25vw; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .header .header_inner .header_right .logIn_btn a::after { content: "\f007"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 1.25vw; } .header .header_inner .header_right .satellite_link { width: 10.9375vw; margin-left: 1.25vw; } .header .header_inner .header_right .satellite_link a { display: block; width: 100%; padding: 1.25vw; border: 1px solid #333; border-radius: 0.78125vw; -webkit-border-radius: 0.78125vw; -moz-border-radius: 0.78125vw; -ms-border-radius: 0.78125vw; -o-border-radius: 0.78125vw; } #h_support { display: none; } /*.doneクラスがついたヘッダー*/ #header.dnone { z-index: -5; opacity: 0; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; background-color: transparent; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); } /*メニューボタンをクリックした際に付与されるpanelactiveクラスがついたら*/ #header.dnone.panelactive { opacity: 1; z-index: 999; top: 0; height: 100vh; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; background-color: #fff; } #header.dnone.panelactive .header_inner { position: relative; overflow-y: scroll; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; background-color: #fff; } #header.dnone.panelactive .header_inner .header_left { z-index: 12000; position: fixed; left: 7.8125vw; height: 100vh; width: 34.0625vw; background-image: url(../img/g-nav_bg.jpg); background-repeat: no-repeat; background-size: cover; } #header.dnone.panelactive .header_inner .header_left .logo_link { z-index: 9999; position: fixed; margin-left: 43.28125vw; } #header.dnone.panelactive .header_inner .header_right { position: absolute; right: 7.8125vw; height: 100vh; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } #header.dnone.panelactive .header_inner .header_right .header_nav { margin-top: 8.75vw; margin-left: 9.0625vw; width: 41.25vw; } #header.dnone.panelactive .header_inner .header_right .header_nav .header_nav_inner { height: 31.25vw; } #header.dnone.panelactive .header_inner .header_right .header_nav #h_support { display: block; padding-top: 3.75vw; } #header.dnone.panelactive .header_inner .header_right .header_nav #h_support .parent { margin-left: 1.25vw; margin-bottom: 1.875vw; } #header.dnone.panelactive .header_inner .header_right .header_nav #h_support .parent p { font-weight: 600; } #header.dnone.panelactive .header_inner .header_right .header_nav #h_support .parent .child { margin-top: 1.25vw; margin-left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } #header.dnone.panelactive .header_inner .header_right .header_nav #h_support .parent .child a { padding: 0; } #header.dnone.panelactive .header_inner .header_right .header_nav #h_support .parent .child .win_icon::after, #header.dnone.panelactive .header_inner .header_right .header_nav #h_support .parent .child .apple_icon::after, #header.dnone.panelactive .header_inner .header_right .header_nav #h_support .parent .child .android_icon::after { color: #333; border-color: #333; } #header.dnone.panelactive .header_inner .header_right .header_nav ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -1.25vw; } #header.dnone.panelactive .header_inner .header_right .header_nav ul .parent .parent_link { font-weight: 500; font-size: 1.5625vw; background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #header.dnone.panelactive .header_inner .header_right .header_nav ul .parent .child { display: block; margin-left: 3.125vw; } #header.dnone.panelactive .header_inner .header_right .header_nav ul .parent .child li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0.625vw; } #header.dnone.panelactive .header_inner .header_right .header_nav ul .parent .child li a::before { display: inline-block; background-color: #333; width: 0.625vw; height: 0.078125vw; content: ""; margin-right: 0.625vw; } #header.dnone.panelactive .header_inner .header_right .logIn_btn { z-index: 12000; position: fixed; top: 1.875vw; right: 26.09375vw; } #header.dnone.panelactive .header_inner .header_right .satellite_link { z-index: 12000; position: fixed; top: 1.5625vw; right: 13.90625vw; } #header.dnone.panelactive .panelactive_bg { z-index: 1000; display: block; background-color: rgba(255, 255, 255, 0.8); width: 58.125vw; height: 7.8125vw; position: fixed; right: 0; top: 0; } /*.doneクラスがついたヘッダーのテキストナビゲーションの形状*/ #header.dnone #g-navi { /*固定位置にして最背面に*/ position: fixed; top: 0; left: 0; z-index: -1; /*高さと幅*/ width: 100%; height: 100vh; /*天地中央＆テキスト中央揃え*/ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; /*はじめは透過0に*/ opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s; } /*メニューボタンをクリックした際に付与されるpanelactiveクラスがついたナビゲーションの形状*/ #header.dnone.panelactive #g-navi { top: 0; opacity: 1; /*不透明に*/ z-index: 3; /*最前面に*/ background: #fff; } .content { width: 100vw; padding-top: 7.5vw; padding-bottom: 7.5vw; } .h2_jp_ttl { font-size: 2.5vw; line-height: 1; letter-spacing: 0.05em; margin-bottom: 3.44vw; } .h2_content_ttl { font-size: 3.75vw; font-weight: 500; line-height: 1; letter-spacing: 0.05em; margin-bottom: 3.4375vw; } .h2_content_ttl .h2_content_subttl { margin-top: 1.71875vw; font-size: 1.09375vw; color: #3d639f; letter-spacing: 0.02em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .h2_content_ttl .h2_content_subttl::before { display: inline-block; content: ""; width: 1.25vw; height: 0.15625vw; background: #3d639f; margin-right: 0.625vw; } .h3_grad_ttl { display: inline-block; background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 1.875; font-weight: 500; letter-spacing: 0.05em; line-height: 1; } .h3_grad_ttl .sub_en_ttl { display: block; margin-top: 0.625vw; font-size: 1.09375vw; font-weight: 500; line-height: 1; letter-spacing: 0.02em; color: #acafb2; background: #acafb2; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /*ブルーグラデーションボタン*/ .grad_btn { width: 21.875vw; height: 4.375vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); border-radius: 2.34375vw; } .grad_btn .grad_btn_inner { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 21.734375vw; height: 4.21875vw; background: #fff; vertical-align: middle; border-radius: 2.265625vw; -webkit-border-radius: 2.265625vw; -moz-border-radius: 2.265625vw; -ms-border-radius: 2.265625vw; -o-border-radius: 2.265625vw; } .grad_btn .grad_btn_inner .blueGradText { position: relative; width: 100%; height: 100%; text-align: center; line-height: 1; padding-top: 1.6171875vw; padding-bottom: 1.6171875vw; background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .grad_btn .grad_btn_inner .blueGradText::after { position: absolute; right: 3.2vw; color: #1e4685; content: "\f105"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 1.25vw; background: #1e4685; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .grad_btn .grad_btn_inner .blueGradText:hover, .grad_btn .grad_btn_inner .blueGradText:active { opacity: 1; background: #fff; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; } .grad_btn .grad_btn_inner .blueGradText:hover::after, .grad_btn .grad_btn_inner .blueGradText:active::after { opacity: 1; color: #fff; background: #fff; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; } .grad_btn:hover, .grad_btn:active { opacity: 1 !important; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; border: 1px solid #fff; } .grad_btn:hover .grad_btn_inner, .grad_btn:active .grad_btn_inner { background: transparent; } .grad_btn:hover .grad_btn_inner .blueGradText, .grad_btn:active .grad_btn_inner .blueGradText { color: #fff; } .grad_btn:hover::after, .grad_btn:active::after { opacity: 1; color: #fff; } .win_icon::after, .apple_icon::after, .android_icon::after { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-left: 0.9375vw; margin-right: 0.9375vw; font-family: "Font Awesome 6 Brands"; font-weight: 900; color: #fff; font-size: 2.5vw; width: 5.3125vw; height: 5.3125vw; border: solid 1px #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .win_icon::after { content: "\f17a"; } .apple_icon::after { content: "\f179"; } .android_icon::after { content: "\f17b"; } #fv { position: relative; padding-top: 7.5vw; background: #fff; } #fv .fv_message .img_box { margin-left: 36.56vw; width: 88.4375vw; } #fv .fv_message .img_box img { width: 100%; } #fv .message_box { position: absolute; top: 29.38vw; left: 7.81vw; width: 84.38vw; } #fv .message_box .fv_h2_ttl { margin-bottom: 3.44vw; } #fv .message_box .fv_h2_ttl .blueGrad { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 55.63vw; height: 6.25vw; font-size: 4.53125vw; color: #fff; line-height: 1; letter-spacing: 0.02em; font-weight: 500; background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); } #fv .message_box .fv_h2_ttl .blueGrad:first-child { margin-bottom: 1.25vw; } #fv .message_box p { font-size: 1.875vw; } #fv .fv_philosophy { margin-top: -4.22vw; padding: 11.72vw 7.81vw 7.5vw; background: #e8f9ff; } #fv .fv_philosophy .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 84.375vw; } #fv .fv_philosophy .fv_philosophy_img { width: 41.25vw; } #fv .fv_philosophy .fv_philosophy_img img { width: 41.25vw; } #fv .fv_philosophy .philosophy_message_box { padding-top: 6.25vw; margin-left: 9.06vw; } #fv .fv_philosophy .philosophy_message_box .h3_ttl { font-size: 2.5vw; line-height: 1; font-weight: 600; letter-spacing: 0.05em; margin-bottom: 3.44vw; } #fv .fv_philosophy .philosophy_message_box .h3_ttl .bgextendUn { display: inline-block; } #fv .fv_philosophy .philosophy_message_box .h3_ttl span { display: inline-block; padding: 0.625vw; } #fv .fv_philosophy .philosophy_message_box .h3_ttl .bgLRextendUn::before { background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); } /* FVの背景色が伸びるアニメーション　*/ .bgextend { -webkit-animation-name: bgextendAnimeBase; animation-name: bgextendAnimeBase; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; position: relative; overflow: hidden; /*　はみ出た色要素を隠す　*/ opacity: 0; } @-webkit-keyframes bgextendAnimeBase { from { opacity: 0; } to { opacity: 1; } } @keyframes bgextendAnimeBase { from { opacity: 0; } to { opacity: 1; } } /*中の要素*/ .bgappear { -webkit-animation-name: bgextendAnimeSecond; animation-name: bgextendAnimeSecond; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } @-webkit-keyframes bgextendAnimeSecond { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes bgextendAnimeSecond { 0% { opacity: 0; } 100% { opacity: 1; } } /*左から右*/ .bgLRextend::before { -webkit-animation-name: bgLRextendAnime; animation-name: bgLRextendAnime; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; content: ""; position: absolute; width: 100%; height: 100%; background: #fff; /*伸びる背景色の設定*/ } @-webkit-keyframes bgLRextendAnime { 0% { -webkit-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(0); transform: scaleX(0); } 50% { -webkit-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(1); transform: scaleX(1); } 50.001% { -webkit-transform-origin: right; transform-origin: right; } 100% { -webkit-transform-origin: right; transform-origin: right; -webkit-transform: scaleX(0); transform: scaleX(0); } } @keyframes bgLRextendAnime { 0% { -webkit-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(0); transform: scaleX(0); } 50% { -webkit-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(1); transform: scaleX(1); } 50.001% { -webkit-transform-origin: right; transform-origin: right; } 100% { -webkit-transform-origin: right; transform-origin: right; -webkit-transform: scaleX(0); transform: scaleX(0); } } /* スクロールをしたら出現する要素にはじめに透過0を指定　*/ .bgappearTrigger, .bgLRextendTrigger { opacity: 0; } /* 下層の背景色が伸びるアニメーション　*/ .bgextendUn { -webkit-animation-name: bgextendAnimeBase; animation-name: bgextendAnimeBase; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; position: relative; overflow: hidden; /*　はみ出た色要素を隠す　*/ opacity: 0; } /*左から右*/ .bgLRextendUn::before { -webkit-animation-name: bgLRextendAnime; animation-name: bgLRextendAnime; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; content: ""; position: absolute; width: 100%; height: 100%; background: #fff; /*伸びる背景色の設定*/ } /* スクロールをしたら出現する要素にはじめに透過0を指定　*/ .bgappearTriggerUn, .bgLRextendTriggerUn { opacity: 0; } /*上から下*/ .bgUDextend::before { -webkit-animation-name: bgUDextendAnime; animation-name: bgUDextendAnime; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; content: ""; position: absolute; width: 100%; height: 100%; background: #fff; background-size: 88.4375vw; border-radius: 7.8125vw 0 0 7.8125vw; -webkit-border-radius: 7.8125vw 0 0 7.8125vw; -moz-border-radius: 7.8125vw 0 0 7.8125vw; -ms-border-radius: 7.8125vw 0 0 7.8125vw; -o-border-radius: 7.8125vw 0 0 7.8125vw; /*伸びる背景色の設定*/ } @-webkit-keyframes bgUDextendAnime { 0% { -webkit-transform-origin: top; transform-origin: top; -webkit-transform: scaleY(0); transform: scaleY(0); } 50% { -webkit-transform-origin: top; transform-origin: top; -webkit-transform: scaleY(1); transform: scaleY(1); } 50.001% { -webkit-transform-origin: bottom; transform-origin: bottom; } 100% { -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-transform: scaleY(0); transform: scaleY(0); } } @keyframes bgUDextendAnime { 0% { -webkit-transform-origin: top; transform-origin: top; -webkit-transform: scaleY(0); transform: scaleY(0); } 50% { -webkit-transform-origin: top; transform-origin: top; -webkit-transform: scaleY(1); transform: scaleY(1); } 50.001% { -webkit-transform-origin: bottom; transform-origin: bottom; } 100% { -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-transform: scaleY(0); transform: scaleY(0); } } .fadeUp { -webkit-animation-name: fadeUpAnime; animation-name: fadeUpAnime; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } @-webkit-keyframes fadeUpAnime { from { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeUpAnime { from { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .fv_h2_ttl .blueGrad:first-child .bgappearTrigger { padding-left: 3.44vw; } .fv_h2_ttl .bgappearTrigger:last-child { padding-left: 8.59vw; } #appeal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #appeal .appeal_worries { position: relative; padding-top: 7.5vw; padding-bottom: 7.5vw; width: 100vw; background: #fafafa; } #appeal .appeal_worries .worries_ttlbox { text-align: center; } #appeal .appeal_worries .worries_ttlbox .bgLRextendUn::before { background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); } #appeal .appeal_worries .worries_ttlbox .worries_sub_ttl { margin-bottom: 1.25vw; } #appeal .appeal_worries .worries_checkbox { width: 84.38vw; margin-left: auto; margin-right: auto; background: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #appeal .appeal_worries .worries_checkbox .worries_checkbox_textinner { margin-left: 7.19vw; padding-top: 3.75vw; padding-bottom: 3.75vw; } #appeal .appeal_worries .worries_checkbox .worries_checkbox_textinner li { position: relative; padding: 1.56vw 1.25vw; } #appeal .appeal_worries .worries_checkbox .worries_checkbox_textinner li:first-child::before { position: absolute; left: 0; top: 0; content: ""; width: 48.44vw; border-top: dashed 1px #333; display: inline-block; } #appeal .appeal_worries .worries_checkbox .worries_checkbox_textinner li::after { position: absolute; left: 0; bottom: 0; content: ""; width: 48.44vw; border-bottom: dashed 1px #333; display: inline-block; } #appeal .appeal_worries .worries_checkbox .worries_checkbox_textinner li p::before { display: inline-block; content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 1.25vw; color: #3d639f; margin-right: 1.875vw; } #appeal .appeal_worries .worries_checkbox .worries_checkbox_illust { width: 26.88vw; } #appeal .appeal_worries::after { position: absolute; bottom: -2.19vw; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; width: 0; height: 0; border-style: solid; border-width: 2.19vw 3.91vw 0 3.91vw; border-color: #fafafa transparent transparent transparent; } #support { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100vw; padding-left: 7.8125vw; padding-right: 7.8125vw; background: #fff; } #support .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #support .h2_jp_ttl .bgLRextendUn::before { background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); } #support .supportbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 3.44vw; } #support .supportbox .supportbox_illust { width: 34.0625vw; margin-right: 1.875vw; margin-left: 7.1875vw; } #support .supportbox .supportbox_text { margin-top: 9.0625vw; } #actual { background: #e8f9ff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #actual .inner { width: 84.375vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #actual .inner .actual_text_box { width: 34.0625vw; margin-right: 1.875vw; } #actual .inner .actual_text_box .h2_jp_ttl { text-align: center; } #actual .inner .actual_text_box .blueGradText { font-size: 3.75vw; } #actual .inner .actual_illust { width: 34.0625vw; } #persistency { background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #persistency .inner { width: 84.375vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #persistency .inner .chart { height: 28.125vw !important; margin-left: -7.5vw; } #persistency .inner .chart #mychart-doughnut { height: 28.125vw !important; } #persistency .inner .percentage { margin-left: -5vw; width: 34.0625vw; } #persistency .inner .percentage .percentage_num_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 1.25vw; } #persistency .inner .percentage .percentage_num_box p::before, #persistency .inner .percentage .percentage_num_box p::after { display: none; } #persistency .inner .percentage .percentage_num_box .percentage_num_text { font-size: 2.8125vw; font-weight: 600; line-height: 1; margin-bottom: 0.625vw; } #persistency .inner .percentage .percentage_num_box .percentage_num_rate { font-weight: 600; font-size: 3.75vw; line-height: 1; } #persistency .inner .percentage .percentage_num_box .percentage_num_rate .strong { font-size: 7.5vw; line-height: 1; } #news { background: #e8f9ff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #news .news_inner { width: 84.375vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #news .news_inner .h2_content_ttl { width: 100%; } #news .news_inner .news_items { width: 100%; background: #fff; padding: 3.4375vw 7.1875vw; margin-bottom: 3.75vw; } #news .news_inner .news_items a { color: #333; } #news .news_inner .news_items .news_item { position: relative; padding-top: 1.25vw; padding-bottom: 1.25vw; } #news .news_inner .news_items .news_item .news_item_inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-right: 1.25vw; padding-left: 1.25vw; } #news .news_inner .news_items .news_item .news_item_inner .news_date { margin-right: 1.25vw; min-width: 10.3125vw; } #news .news_inner .news_items .news_item .news_item_inner .news_text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-right: 1.875vw; width: 7.5vw; height: 1.875vw; background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); color: #fff; line-height: 1; font-size: 1.09375vw; } #news .news_inner .news_items .news_item .news_item_inner .news_ttl { font-size: 1.25vw; line-height: 1.2; } #news .news_inner .news_items .news_item::after { position: absolute; bottom: 0; content: ""; width: 100%; border-bottom: 1px solid #333; } #news .news_inner .news_items .news_item:first-child:before { position: absolute; top: 0; content: ""; width: 100%; border-top: 1px solid #333; } #service { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: #fff; } #service .back_text { position: relative; margin-top: 20.3125vw; } #service .back_text::before, #service .back_text::after { mix-blend-mode: multiply; position: absolute; content: "OUR SERVICE "; font-size: 37.5vw; white-space: nowrap; color: #e8f9ff; line-height: 1; font-weight: 500; z-index: 0; animation: flowing 20s linear infinite; -webkit-animation: flowing 20s linear infinite; } #service .back_text::before { left: 0; } #service .back_text::after { left: 257.734375vw; } @-webkit-keyframes flowing { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes flowing { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } #service .service_inner { width: 84.375vw; } #service .service_inner .service_items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 3.75vw; } #service .service_inner .service_items .service_item { position: relative; width: 26.875vw; min-height: 45vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #service .service_inner .service_items .service_item .service_number { margin-bottom: 0.78125vw; font-size: 9.375vw; font-weight: 500; line-height: 1; background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #service .service_inner .service_items .service_item .service_illust { width: 21.875vw; margin-bottom: 1.25vw; } #service .service_inner .service_items .service_item .h4_ttl { font-size: 1.875vw; font-weight: 500; line-height: 1; margin-bottom: 1.25vw; } #service .service_inner .service_items .service_item p { line-height: 1.5; } #service .service_inner .service_items .service_item .grad_btn { position: absolute; bottom: 0; margin-top: 1.875vw; } #service .service_inner .connectionBtn { position: relative; width: 84.375vw; height: 12.5vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 6.25vw; padding-right: 6.25vw; color: #fff; font-size: 2.5vw; line-height: 1; } #service .service_inner .connectionBtn picture { width: 100%; position: absolute; left: 0; z-index: -1; } #service .service_inner .connectionBtn .sub_en_ttl { font-size: 1.09375vw; margin-left: 1.875vw; } #service .service_inner .connectionBtn::after { position: absolute; right: 6.25vw; content: "\f105"; font-family: "Font Awesome 6 Free"; font-weight: 900; } #about { background: #fafafa; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: -1; } #about .inner { width: 84.375vw; } #about .inner .about_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 3.75vw; } #about .inner .about_item .ceo_img { width: 41.25vw; } #about .inner .about_item .message { margin-left: -2.5vw; margin-top: 4.84375vw; } #about .inner .about_item .message .h3_ttl { font-size: 2.5vw; line-height: 1; margin-bottom: 3.4375vw; } #about .inner .about_item .message .h3_ttl .sub_en_ttl { font-size: 1.09375vw; font-weight: 500; color: #3d639f; margin-bottom: 0.625vw; display: inline-block; } #about .inner .about_item .message .h3_ttl .blueGrad { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 3.75vw; font-size: 2.5vw; color: #fff; line-height: 1; letter-spacing: 0.02em; font-weight: 500; background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); width: 19.375vw; margin-bottom: 0.625vw; } #about .inner .about_item .message .h3_ttl .blueGrad:last-child { width: 14.0625vw; } #about .inner .about_item .philosophyBtn, #about .inner .about_item .companyBtn { position: relative; padding-left: 6.25vw; padding-right: 6.25vw; width: 41.25vw; height: 12.5vw; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 2.5vw; } #about .inner .about_item .philosophyBtn .sub_en_ttl, #about .inner .about_item .companyBtn .sub_en_ttl { font-size: 1.09375vw; margin-left: 1.875vw; } #about .inner .about_item .philosophyBtn::after, #about .inner .about_item .companyBtn::after { position: absolute; right: 6.25vw; content: "\f105"; font-family: "Font Awesome 6 Free"; font-weight: 900; } #about .inner .about_item .philosophyBtn { margin-right: 1.875vw; } #about .inner .about_item .philosophyBtn img, #about .inner .about_item .companyBtn img { position: absolute; left: 0; z-index: -1; } #about .inner .about_item .recruit_text_box { padding-top: 7.5vw; width: 34.6031746032vw; margin-right: 1.875vw; } #about .inner .about_item .recruit_text_box .h3_grad_ttl, #about .inner .about_item .recruit_text_box p { margin-bottom: 3.4375vw; } #about .inner .about_item .recruit_img { width: 48.4375vw; } #about .inner .about_item:last-child { margin-bottom: 0; } #b_partner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: #fff; } #b_partner .b_partner_inner { width: 84.375vw; } #b_partner .b_partner_inner .wanted_items { width: 100%; margin-top: 7.5vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #b_partner .b_partner_inner .wanted_items .wanted_item { display: block; position: relative; width: 41.25vw; min-height: 29.6875vw; } #b_partner .b_partner_inner .wanted_items .wanted_item .wanted_illust { position: absolute; top: 0; left: 0; display: block; width: 41.25vw; } #b_partner .b_partner_inner .wanted_items .wanted_item .wanted_text_box { position: absolute; margin-left: 6.25vw; margin-top: 3.75vw; color: #333; } #b_partner .b_partner_inner .wanted_items .wanted_item .wanted_text_box .link_item_ttl { font-size: 2.5vw; font-weight: 500; line-height: 1; margin-bottom: 3.75vw; } #b_partner .b_partner_inner .wanted_items .wanted_item .wanted_text_box .link_item_ttl .sub_en_ttl { display: block; font-size: 1.09375vw; font-weight: 500; background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-top: 1.25vw; } #b_partner .b_partner_inner .wanted_items .wanted_item .wanted_text_box .detail_text { line-height: 1; } #b_partner .b_partner_inner .wanted_items .wanted_item .wanted_text_box .detail_text::after { display: inline-block; margin-left: 0.625vw; content: "\f105"; font-family: "Font Awesome 6 Free"; font-weight: 900; } #b_partner .b_partner_inner .wanted_items .wanted_item .link_item_illust { position: absolute; top: 10.46875vw; left: 15.46875vw; width: 26.796875vw; } #contact { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-image: url(../img/contact_bg.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } #contact .contact_inner { width: 84.375vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #fff; font-size: 1.09375vw; } #contact .contact_inner .text_box { width: 41.25vw; } #contact .contact_inner .text_box .h2_content_ttl .h2_content_subttl { color: #fff; } #contact .contact_inner .text_box .h2_content_ttl .h2_content_subttl::before { background: #fff; } #contact .contact_inner .add_box { margin-left: 5.625vw; } #contact .contact_inner .add_box p, #contact .contact_inner .add_box a { margin-bottom: 1.25vw; line-height: 1; } #contact .contact_inner .add_box .telephone_no { font-size: 1.875vw; color: #fff; } #contact .contact_inner .add_box .telephone_no::before { margin-right: 0.625vw; content: "\f3cd"; font-family: "Font Awesome 6 Free"; font-weight: 900; } #contact .contact_inner .add_box .grad_btn { width: 26.875vw; } #contact .contact_inner .add_box .grad_btn .grad_btn_inner { width: 26.796875vw; } #contact .contact_inner .add_box .grad_btn .grad_btn_inner .blueGradText { margin-bottom: 0; } #footer { max-width: 100vw; background: #333; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #footer .footer_inner { width: 84.375vw; } #footer .footer_inner a { color: #fff; font-size: 1.09375vw; } #footer .footer_inner .footer_add { margin-bottom: 3.75vw; } #footer .footer_inner .footer_add p { line-height: 1.5; letter-spacing: 0.02em; } #footer .footer_inner .footer_add .logo { width: 15.46875vw; margin-bottom: 3.75vw; } #footer .footer_inner .footer_add .company_name { margin-bottom: 1.25vw; line-height: 1; } #footer .footer_inner .footer_menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 28.125vw; margin-bottom: 3.75vw; } #footer .footer_inner .footer_menu .f_menu_column { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 28.125vw; width: 28.75vw; } #footer .footer_inner .footer_menu .f_menu_column .parent { min-width: 14.375vw; margin-bottom: 1.875vw; } #footer .footer_inner .footer_menu .f_menu_column .parent .parent_link { font-size: 1.25vw; line-height: 1; margin-bottom: 1.25vw; } #footer .footer_inner .footer_menu .f_menu_column .parent .child { margin-left: 1.875vw; } #footer .footer_inner .footer_menu .f_menu_column .parent .child li a { line-height: 1.5; margin-bottom: 0.625vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #footer .footer_inner .footer_menu .f_menu_column .parent .child li a::before { display: block; content: ""; width: 0.9375vw; border-top: 1px solid #fff; margin-right: 0.625vw; } #footer .footer_inner .footer_menu #f_support { width: 21.5625vw; margin-left: 7.1875vw; } #footer .footer_inner .footer_menu #f_support .parent { width: 21.5625vw; } #footer .footer_inner .footer_menu #f_support .parent p { line-height: 1; } #footer .footer_inner .footer_menu #f_support .parent .child { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 0; margin-top: 1.25vw; } #footer .footer_inner .footer_menu #f_support .parent:last-child { margin-bottom: 0; } #footer .deed { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 3.75vw; } #footer .deed a { display: block; padding: 1.015625vw 1.25vw; border: solid 1px #fff; margin-right: 1.25vw; } #footer .deed a::before { content: "\f15c"; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-right: 0.625vw; } #footer .footer_bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; line-height: 1; } #page_top { width: 4.6875vw; height: 4.6875vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: fixed; right: 7.8125vw; bottom: 10vh; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: rgba(255, 255, 255, 0.8); border: #1e4685 1px solid; font-size: 1.09375vw; line-height: 1; } #page_top a { color: #1e4685; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #page_top a img { width: 100%; } #page_top a::before { content: "\f062"; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-bottom: 0.078125vw; } .sp_display { display: none; } /*下層ページ*/ #under { /*BUSINESS PARTNERページ*/ /*SERVICEページ*/ /*マイページ*/ /*NEWSページ*/ /*プライバシーポリシーページ*/ /*コンタクトフォーム*/ /*コンタクトフォーム確認画面*/ /*コンタクトフォームサンクス画面*/ /*エントリーフォーム確認画面*/ /*dz mobile*/ /*WEB ROOT*/ /*サービス情報コンタクトエリア*/ /*apn_setting*/ } #under .content { padding-top: 7.5vw; padding-bottom: 7.5vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #under .content .inner { width: 84.375vw; } #under .content .inner .h2_content_ttl { position: relative; text-align: center; font-size: 3.4375vw; font-weight: 600; letter-spacing: 0.02em; line-height: 1; padding-bottom: 1.875vw; } #under .content .inner .h2_content_ttl::after { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); content: ""; display: block; width: 5.3125vw; background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); height: 2px; } #under .content .inner .sup_text_box { margin-bottom: 1.875vw; } #under .outline { padding-top: 7.5vw; padding-bottom: 7.5vw; margin-top: 7.03125vw; background-color: #e8f9ff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #under .outline .inner { width: 84.375vw; text-align: left; } #under .outline .outline_ttl { position: relative; text-align: left; font-size: 5vw; font-weight: 500; line-height: 1; } #under .outline .outline_ttl .sub_jp_ttl { margin-top: 1.875vw; display: block; width: 10.625vw; font-size: 1.25vw; font-weight: 600; background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #under .outline .outline_ttl::before { margin-bottom: 1.875vw; content: ""; display: block; width: 1.875vw; height: 1.875vw; background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); } #under #breadcrumb { background: #fff; padding-top: 1.875vw; padding-bottom: 1.875vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #under #breadcrumb ul { width: 84.375vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #under #breadcrumb ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; padding-right: 1.875vw; padding-left: 1.875vw; } #under #breadcrumb ul li a { color: #333; } #under #breadcrumb ul li::after { position: absolute; right: 0; content: "\f054"; font-family: "Font Awesome 6 Free"; font-weight: 900; } #under #breadcrumb ul li:first-child { padding-left: 0; } #under #breadcrumb ul li:first-child::after { background-color: #333; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #under #breadcrumb ul li:last-child { background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-right: 0; } #under #breadcrumb ul li:last-child::after { display: none; } #under .flex_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #under .information_box { background: #fff; margin-bottom: 3.75vw; } #under .information_box .information_box_head { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); height: 5vw; color: #fff; font-weight: 500; font-size: 1.875vw; } #under .information_box .information_box_head p { margin-bottom: 0; } #under .information_box .information_box_head .information_open_btn { position: absolute; right: 1.875vw; } #under .information_box .information_box_head .information_open_btn::after { content: "\f068"; font-family: "Font Awesome 6 Free"; font-weight: 900; line-height: 1; } #under .information_box .information_box_head .open_active::after { content: "+"; } #under .information_box .information_inner { padding: 2.5vw; display: none; } #under .information_box .information_inner dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 1.25vw; } #under .information_box .information_inner dl dt { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 17.1875vw; background: #e8f9ff; font-weight: 600; text-align: center; color: #3d639f; padding-top: 1.875vw; padding-bottom: 1.875vw; } #under .information_box .information_inner dl dd { width: 62.1875vw; padding: 1.875vw; } #under .information_box .information_inner dl .location_box { margin-bottom: 0; } #under .information_box .information_inner dl .location_box .location { width: auto; background-color: transparent; color: #333; padding: 0; } #under .information_box .information_inner dl .location_box dd { width: auto; padding: 0; } #under .information_box .information_inner dl:last-child { margin-bottom: 0; } #under .information_box .inner_active { display: block; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; } #under .information_box:last-child { margin-bottom: 0; } #under .contact_area { width: 100%; padding: 1.875vw; background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); color: #fff; border-radius: 0.78125vw; -webkit-border-radius: 0.78125vw; -moz-border-radius: 0.78125vw; -ms-border-radius: 0.78125vw; -o-border-radius: 0.78125vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #under .contact_area .h2_ttl { font-weight: 500; line-height: 1; margin-bottom: 1.875vw; font-size: 2.8125vw; } #under .contact_area p { margin-bottom: 1.875vw; text-align: center; } #under #about { background-color: #fff; } #under #about .inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #under #about .inner .about_item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #under #about .inner .about_item .ceo_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 3.75vw; } #under #about .inner .about_item .text_box p { margin-bottom: 1em; } #under #about .inner .about_item .text_box p:last-child { margin-bottom: 0; } #under #about .inner .about_item .text_box .name { text-align: right; } #under #about .inner .about_item .text_box .name strong { font-size: 1.5625vw; } #under #philosophy { background: #e8f9ff; } #under #philosophy .vision, #under #philosophy .secure { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #under #philosophy .vision .back_deco_text, #under #philosophy .secure .back_deco_text { position: absolute; top: -2.5vw; color: #e8f9ff; font-size: 17.1875vw; font-weight: 600; line-height: 1; text-stroke: 2px #fff; -webkit-text-stroke: 2px #fff; white-space: nowrap; } #under #philosophy .vision .h3_grad_ttl, #under #philosophy .secure .h3_grad_ttl { z-index: 2; font-size: 2.1875vw; text-align: center; margin-bottom: 5vw; } #under #philosophy .vision .h3_grad_ttl .sub_jp_ttl, #under #philosophy .secure .h3_grad_ttl .sub_jp_ttl { display: block; margin-top: 0.625vw; font-size: 0.9375vw; background: #707070; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #under #philosophy .vision .text_box, #under #philosophy .secure .text_box { z-index: 2; width: 100%; text-align: center; margin-bottom: 6.875vw; } #under #philosophy .vision .text_box p, #under #philosophy .secure .text_box p { margin-bottom: 1em; } #under #philosophy .vision .text_box p:last-child, #under #philosophy .secure .text_box p:last-child { margin-bottom: 0; } #under #philosophy .vision .back_deco_text { left: -21.875vw; } #under #philosophy .secure .back_deco_text { right: -100vw; } #under #philosophy .secure .text_box { margin-bottom: 0; } #under #summary { background: #fff; } #under #summary .summary_box { padding-top: 3.75vw; } #under #summary .summary_box dl { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 1.25vw; padding-bottom: 1.25vw; } #under #summary .summary_box dl::after { position: absolute; bottom: 0; display: block; content: ""; width: 100%; height: 1px; background: #333; } #under #summary .summary_box dl:first-child::before { position: absolute; top: 0; display: block; content: ""; width: 100%; height: 1px; background: #333; } #under #summary .summary_box dt { width: 14.0625vw; font-weight: 600; } #under #summary .summary_box dd { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #under #summary .summary_box .location_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0; } #under #summary .summary_box .location_box::after { display: none; } #under #summary .summary_box .location_box:last-child dd { margin-bottom: 0; } #under #summary .summary_box .location { width: auto; font-weight: 400; margin-bottom: 0; } #under #summary .summary_box .location_box:first-child::before { display: none; } #under #recruitment { background: #fafafa; } #under #recruitment .recruitment_outline_box { margin-bottom: 7.5vw; } #under #recruitment .message_box { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 8.59375vw; } #under #recruitment .message_box .copy_box { position: absolute; left: 0; margin-top: 7.5vw; font-size: 5vw; font-weight: 500; letter-spacing: 0.05em; white-space: nowrap; } #under #recruitment .message_box .copy_box .blueGradText { font-size: 5.78125vw; } #under #recruitment .message_box .copy_box .recruitment_illust { width: 26.875vw; } #under #recruitment .message_box .recruitment_img { width: 62.8125vw; } #under #recruitment .text_box p { margin-bottom: 1em; } #under #recruitment .text_box p:last-child { margin-bottom: 0; } #under #partner_wanted { background: #fff; padding-top: 0; padding-bottom: 7.5vw; background: #fff; } #under #partner_wanted .partner_wanted_img { display: block; margin-bottom: 3.75vw; } #under #partner_wanted .message_ttl { font-size: 2.8125vw; color: #3d639f; text-align: center; font-weight: 600; } #under #agency { background: #e8f9ff; } #under #agency .h3_ttl { font-size: 2.8125vw; font-weight: 500; color: #3d639f; text-align: center; margin-bottom: 3.75vw; line-height: 1; } #under #agency .agency_message_box { position: relative; font-size: 2.5vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 7.5vw; } #under #agency .agency_message_box .agency_wanted_illust { position: absolute; width: 25.46875vw; top: -9.21875vw; right: 0; } #under #agency .merit .flex_container { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #under #agency .merit .merit_box { width: 26.875vw; min-height: 32.8125vw; padding: 1.875vw; border-radius: 0.78125vw; background: #fff; -webkit-border-radius: 0.78125vw; -moz-border-radius: 0.78125vw; -ms-border-radius: 0.78125vw; -o-border-radius: 0.78125vw; -webkit-box-shadow: 4px 6px 10px -4px rgba(190, 190, 190, 0.6); box-shadow: 4px 6px 10px -4px rgba(190, 190, 190, 0.6); margin-bottom: 5.625vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #under #agency .merit .merit_box .merit_number:before { z-index: -2; content: ""; width: 6.25vw; height: 6.25vw; position: absolute; background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } #under #agency .merit .merit_box .merit_number::after { z-index: -1; position: absolute; content: ""; width: 6.09375vw; height: 6.09375vw; background-color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } #under #agency .merit .merit_box .merit_number { z-index: 3; position: relative; width: 6.171875vw; height: 6.171875vw; border-radius: 50%; font-size: 3.75vw; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 1.875vw; } #under #agency .merit .merit_box .merit_number .number { display: block; background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #under #agency .merit .merit_box p::before, #under #agency .merit .merit_box p::after { margin: 0; } #under #agency .merit .merit_box .merit_illust { max-width: 23.125vw; margin-bottom: 1.875vw; } #under #agency .merit .merit_box:nth-of-type(2) .merit_illust, #under #agency .merit .merit_box:nth-of-type(3) .merit_illust { max-height: 13.125vw; } #under #agency .merit .merit_box:nth-of-type(2) .merit_illust img, #under #agency .merit .merit_box:nth-of-type(3) .merit_illust img { height: 100%; } #under #agency .feature { margin-bottom: 5.625vw; } #under #agency .feature .feature_boxs { width: 84.375vw; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #under #agency .feature .feature_box { height: 17.96875vw; background: #fff; border-radius: 0.78125vw; -webkit-border-radius: 0.78125vw; -moz-border-radius: 0.78125vw; -ms-border-radius: 0.78125vw; -o-border-radius: 0.78125vw; font-size: 2.5vw; font-weight: 500; color: #3d639f; white-space: nowrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #under #agency .feature .feature_box .feature_illust { max-width: 26.875vw; width: 26.875vw; height: 17.96875vw; margin-right: 1.875vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #under #agency .feature .feature_box .feature_illust img { height: 120%; } #under #agency .feature .feature_box p { max-width: 64.6875vw; } #under #agency .information_inner, #under #installation .information_inner { display: block; } #under #installation { background: #fafafa; } #under #installation .h3_ttl { color: #3d639f; font-size: 2.8125vw; font-weight: 500; margin-bottom: 3.75vw; text-align: center; line-height: 1; } #under #installation .installation_message_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; margin-bottom: 7.5vw; } #under #installation .installation_message_box .installation_wanted_illust { position: absolute; width: 25.46875vw; top: -9.21875vw; left: 0; margin-left: 0; } #under #installation .installation_message_box p { font-size: 2.5vw; margin-left: 28.75vw; } #under #installation .seek { margin-bottom: 5.625vw; } #under #installation .seek .h3_ttl { position: relative; line-height: 1; margin-bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #under #installation .seek .h3_ttl::after { margin-top: 2.5vw; margin-bottom: 2.5vw; position: relative; content: ""; width: 7.96875vw; height: 2.109375vw; display: block; border-style: solid; border-width: 2.109375vw 3.984375vw 0 3.984375vw; border-color: #3d639f transparent transparent transparent; } #under #installation .seek .flex_container { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #under #installation .seek .flex_container .circle_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 2.1875vw; letter-spacing: 0.02em; width: 19.6875vw; height: 19.6875vw; background-color: #3d639f; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; text-align: center; } #under #installation .pattern { margin-bottom: 5.625vw; } #under #installation .pattern .flex_container { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #under #installation .pattern .flex_container .pattern_box { background-color: #fff; width: 26.875vw; min-height: 37.96875vw; border-radius: 0.78125vw; -webkit-border-radius: 0.78125vw; -moz-border-radius: 0.78125vw; -ms-border-radius: 0.78125vw; -o-border-radius: 0.78125vw; padding: 1.875vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 4px 6px 10px -4px rgba(190, 190, 190, 0.6); box-shadow: 4px 6px 10px -4px rgba(190, 190, 190, 0.6); } #under #installation .pattern .flex_container .pattern_box .pattern_number { width: 6.25vw; height: 6.25vw; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 3.75vw; line-height: 1; margin-bottom: 1.875vw; } #under #installation .pattern .flex_container .pattern_box .pattern_number .en { margin-top: 0.9375vw; display: block; font-size: 0.9375vw; } #under #installation .pattern .flex_container .pattern_box .pattern_illust { width: 16.25vw; height: 16.25vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #under #installation .pattern .flex_container .pattern_box .h4_ttl { font-size: 2.5vw; line-height: 1; color: #3d639f; font-weight: 500; margin-bottom: 1.875vw; } #under #installation .pattern .flex_container .pattern_box:nth-child(3) .pattern_illust { width: 14.0625vw; } #under #installation .support { margin-bottom: 5.625vw; } #under #installation .support .flex_container { width: 100%; height: 21.875vw; background: #fff; border-radius: 0.78125vw; -webkit-border-radius: 0.78125vw; -moz-border-radius: 0.78125vw; -ms-border-radius: 0.78125vw; -o-border-radius: 0.78125vw; } #under #installation .support .support_img { width: 34.0625vw; } #under #installation .support p { width: 50.3125vw; padding: 5vw 1.875vw; font-size: 1.875vw; } #under #installation .training { margin-bottom: 5.625vw; } #under #installation .training .flex_container { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; color: #fff; text-align: center; font-size: 1.40625vw; background: #678cc6; border-radius: 0.78125vw; -webkit-border-radius: 0.78125vw; -moz-border-radius: 0.78125vw; -ms-border-radius: 0.78125vw; -o-border-radius: 0.78125vw; padding: 5.625vw 5.3125vw 3.75vw; } #under #installation .training .flex_container .training_label { position: absolute; top: -1.875vw; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); background: #fed533; width: 16.25vw; height: 3.75vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #3d639f; font-size: 1.5625vw; line-height: 1; font-family: "Ropa Sans", sans-serif; font-weight: 600; border-radius: 2.34375vw; -webkit-border-radius: 2.34375vw; -moz-border-radius: 2.34375vw; -ms-border-radius: 2.34375vw; -o-border-radius: 2.34375vw; } #under #installation .training .flex_container .training_inner { margin-top: 1.875vw; background: #3d639f; padding: 2.34375vw 1.875vw; border-radius: 0.78125vw; -webkit-border-radius: 0.78125vw; -moz-border-radius: 0.78125vw; -ms-border-radius: 0.78125vw; -o-border-radius: 0.78125vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #under #installation .training .flex_container .training_inner .training_illust { width: 34.0625vw; } #under #installation .training .flex_container .training_inner .training_list_boxes { text-align: left; padding-top: 1.40625vw; width: 35.9375vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #under #installation .training .flex_container .training_inner .training_list_boxes .training_list_box { width: 100%; } #under #installation .training .flex_container .training_inner .training_list_boxes .training_list_box li { position: relative; margin-bottom: 1.875vw; text-indent: -1.5em; padding-left: 1.5em; } #under #installation .training .flex_container .training_inner .training_list_boxes .training_list_box li::before { content: url(../img/check_mark.svg); margin-right: 0.625vw; margin-top: 0.15625vw; } #under #installation .training .flex_container .training_inner .training_list_boxes .training_after_img { width: 6.5625vw; margin-bottom: 1.875vw; } #under #installation .relief { margin-bottom: 5.625vw; } #under #installation .relief .flex_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #under #installation .relief .flex_container .relief_img { width: 100%; } #under #installation .relief .flex_container .relief_point_boxes { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: -6.25vw; } #under #installation .relief .flex_container .relief_point_boxes .point_box { margin-right: 0.9375vw; margin-left: 0.9375vw; padding: 2.5vw 1.875vw; width: 19.6875vw; height: 17.1875vw; background: rgba(255, 255, 255, 0.8); border-radius: 0.78125vw; -webkit-border-radius: 0.78125vw; -moz-border-radius: 0.78125vw; -ms-border-radius: 0.78125vw; -o-border-radius: 0.78125vw; -webkit-box-shadow: 4px 6px 10px -4px rgba(190, 190, 190, 0.6); box-shadow: 4px 6px 10px -4px rgba(190, 190, 190, 0.6); } #under #installation .relief .flex_container .relief_point_boxes .point_box .h4_ttl { color: #3d639f; font-size: 1.875vw; line-height: 1; text-align: center; font-weight: 600; margin-bottom: 1.875vw; } #under #contract { background: #fff; } #under #contract .flex_container { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 5.625vw; } #under #contract .flex_container .contract_flow { position: relative; width: 23.4375vw; height: 29.6875vw; border-radius: 0.78125vw; -webkit-border-radius: 0.78125vw; -moz-border-radius: 0.78125vw; -ms-border-radius: 0.78125vw; -o-border-radius: 0.78125vw; border: solid 1px #3d639f; padding: 1.875vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #under #contract .flex_container .contract_flow .h4_ttl { font-size: 1.875vw; line-height: 1; color: #3d639f; text-align: center; margin-bottom: 1.875vw; } #under #contract .flex_container .contract_flow .contract_illust { width: 15.625vw; height: 14.375vw; margin-bottom: 1.875vw; } #under #contract .flex_container .contract_flow:nth-of-type(1) .contract_illust { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: auto; } #under #contract .flex_container .contract_flow:nth-of-type(1) .contract_illust img { height: 100%; } #under #contract .flex_container .contract_flow::after { position: absolute; content: ""; display: block; border-style: solid; border-width: 22px 0 22px 36px; border-color: transparent transparent transparent #3d639f; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); right: -5vw; } #under #contract .flex_container .contract_flow:last-child::after { display: none; } #under #contract .contact_area { width: 100%; padding: 1.875vw; background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); color: #fff; border-radius: 0.78125vw; -webkit-border-radius: 0.78125vw; -moz-border-radius: 0.78125vw; -ms-border-radius: 0.78125vw; -o-border-radius: 0.78125vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #under #contract .contact_area .h2_ttl { font-weight: 500; line-height: 1; margin-bottom: 1.875vw; font-size: 2.8125vw; } #under #contract .contact_area p { margin-bottom: 1.875vw; text-align: center; } #under #development { background: #e8f9ff; } #under #development .flex_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-bottom: 0.625vw; } #under #development .development_box { background: #fff; border-radius: 0.78125vw; -webkit-border-radius: 0.78125vw; -moz-border-radius: 0.78125vw; -ms-border-radius: 0.78125vw; -o-border-radius: 0.78125vw; margin-right: 0.9375vw; margin-left: 0.9375vw; padding-top: 3.75vw; padding-bottom: 3.75vw; width: 26.875vw; -webkit-box-shadow: 4px 6px 10px -4px rgba(190, 190, 190, 0.6); box-shadow: 4px 6px 10px -4px rgba(190, 190, 190, 0.6); display: block; } #under #development .development_box .h3_ttl { line-height: 1; color: #3d639f; font-size: 2.5vw; white-space: nowrap; margin-left: 1.875vw; margin-bottom: 1.25vw; } #under #development .development_box .development_logo { margin-left: 1.875vw; width: auto; height: 3.75vw; margin-bottom: 1.25vw; } #under #development .development_box .development_logo img { height: 100%; width: auto; } #under #development .development_box .development_img { display: block; width: 25vw; margin-bottom: 2.8125vw; } #under #development .development_box .more { color: #333; margin-left: 1.875vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #under #development .development_box .more::after { content: url(../img/arrow_right.svg); margin-left: 3.75vw; } #under #development .development_box:hover .more { color: #333; } #under #service_type { background: #fff; } #under #service_type .flex_container { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-left: -0.9375vw; margin-right: -0.9375vw; margin-bottom: -3.75vw; } #under #service_type .service_type_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 26.875vw; margin-bottom: 3.75vw; margin-left: 0.9375vw; margin-right: 0.9375vw; } #under #service_type .service_type_box .service_type_box_inner { width: 100%; border-radius: 0.78125vw; -webkit-border-radius: 0.78125vw; -moz-border-radius: 0.78125vw; -ms-border-radius: 0.78125vw; -o-border-radius: 0.78125vw; border: solid 0.625vw #e8f9ff; padding: 5.3125vw 1.875vw 1.875vw; margin-bottom: 1.25vw; min-height: 28.125vw; } #under #service_type .service_type_box .service_type_box_inner .service_type_logo { height: 4.84375vw; width: auto; margin-bottom: 5.3125vw; } #under #service_type .service_type_box .service_type_box_inner .service_type_logo img { height: 100%; } #under #service_type .service_type_box .service_type_box_inner .h3_ttl { background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 2.5vw; line-height: 1; margin-bottom: 1.875vw; } #under #service_type .service_type_box .service_type_box_inner .h3_ttl .sub_jp_ttl { display: block; color: #707070; font-size: 1.09375vw; margin-top: 0.625vw; background: #707070; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #under #product { background: #fafafa; } #under #product .h3_ttl { color: #3d639f; font-size: 1.875vw; font-weight: 600; margin-bottom: 3.75vw; line-height: 1; } #under #product .flex_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #under #product .flex_container .partner_wanted_img { width: 100%; margin-bottom: 3.75vw; } #under #product .flex_container .text_box { margin-bottom: 3.75vw; } #under #product .flex_container .product_child { width: 100%; text-align: left; } #under #product .flex_container .product_child .flex_container { -webkit-box-orient: initial; -webkit-box-direction: initial; -webkit-flex-direction: initial; -ms-flex-direction: initial; flex-direction: initial; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: -1.875vw; margin-right: -0.9375vw; margin-left: -0.9375vw; } #under #product .flex_container .product_child .flex_container .product_item_box { width: 19.6875vw; margin-bottom: 1.875vw; -webkit-box-shadow: 4px 6px 10px -4px rgba(190, 190, 190, 0.6); box-shadow: 4px 6px 10px -4px rgba(190, 190, 190, 0.6); margin-right: 0.9375vw; margin-left: 0.9375vw; } #under #product .flex_container .product_child .main_products_info_wrapper { margin-top: 3.75vw; padding: 3.75vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #e8f9ff; border-radius: 0.78125vw; -webkit-border-radius: 0.78125vw; -moz-border-radius: 0.78125vw; -ms-border-radius: 0.78125vw; -o-border-radius: 0.78125vw; } #under #product .flex_container .product_child .main_products_info_wrapper .main_products_info_ttl { color: #fff; font-size: 1.5625vw; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 1.875vw; width: 19.6875vw; height: 19.6875vw; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: #3d639f; } #under #product .flex_container .product_child .main_products_info_wrapper .text_box { width: 55.3125vw; } #under #product .flex_container .product_child .main_products_info_wrapper .text_box .h4_ttl { font-size: 1.5625vw; line-height: 1.5; color: #3d639f; letter-spacing: 0.04em; margin-bottom: 1.25vw; } #under #product .flex_container .product_child .main_products_info_wrapper .text_box .h4_ttl::before, #under #product .flex_container .product_child .main_products_info_wrapper .text_box .h4_ttl::after { content: ""; display: block; width: 0; height: 0; } #under #product .flex_container .product_child .main_products_info_wrapper .text_box .h4_ttl::before { margin-top: calc((1 - 1.5) * 0.5em); } #under #product .flex_container .product_child .main_products_info_wrapper .text_box .h4_ttl::after { margin-bottom: calc((1 - 1.5) * 0.5em); } #under #product .flex_container .product_child .main_products_info_wrapper .text_box:last-child { margin-bottom: 0; } #under #news #latest_inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } #under #news #latest_inner .flex_container { margin-bottom: 1.25vw; } #under #news #latest_inner .news_ttl { position: relative; width: 100%; font-size: 2.5vw; line-height: 1.5; padding-bottom: 1.25vw; margin-bottom: 2.5vw; } #under #news #latest_inner .news_ttl::after { position: absolute; bottom: 0; content: ""; display: block; border-bottom: 1px solid #333; width: 100%; } #under #news #latest_inner p { line-height: 1.5; } #under .myPage_logIn_text { margin-bottom: 3.75vw; text-align: center; } #under #myPage_logIn { background: #e8f9ff; } #under #myPage_logIn .flex_container { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #under #myPage_logIn .flex_container .myPage_logInBtn { width: 19.6875vw; padding: 5.625vw 1.875vw; background: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 0.78125vw; -webkit-border-radius: 0.78125vw; -moz-border-radius: 0.78125vw; -ms-border-radius: 0.78125vw; -o-border-radius: 0.78125vw; -webkit-box-shadow: 4px 6px 10px -4px rgba(190, 190, 190, 0.6); box-shadow: 4px 6px 10px -4px rgba(190, 190, 190, 0.6); } #under #myPage_logIn .flex_container .myPage_logInBtn:last-child { margin-bottom: 0; } #under #myPage_apn_set { background: #fff; } #under #myPage_apn_set .content_box { padding: 3.75vw 7.1875vw; background: #fafafa; border-radius: 0.78125vw; -webkit-border-radius: 0.78125vw; -moz-border-radius: 0.78125vw; -ms-border-radius: 0.78125vw; -o-border-radius: 0.78125vw; -webkit-box-shadow: 4px 6px 10px -4px rgba(190, 190, 190, 0.6); box-shadow: 4px 6px 10px -4px rgba(190, 190, 190, 0.6); } #under #myPage_apn_set .content_box .myPage_h3_ttl { width: 26.875vw; margin-left: auto; margin-right: auto; margin-bottom: 3.75vw; } #under #myPage_apn_set .content_box .flex_container { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #under #myPage_apn_set .apn_set_link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 34.0625vw; padding: 0.625vw; background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); color: #fff; font-size: 1.875vw; } #under #news_info { background: #e8f9ff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; /*ページネーション*/ } #under #news_info .news_inner { width: 84.375vw; background: #fff; padding: 3.4375vw 7.1875vw; margin-bottom: 3.75vw; } #under #news_info .news_inner .news_item a { color: #333; } #under #news_info .news_inner .news_item a:hover { color: #333; } #under #news_info .news_inner .flex_container { margin-bottom: 1.25vw; } #under #news_info .news_inner .news_date { margin-right: 1.25vw; min-width: 10.3125vw; } #under #news_info .news_inner .news_text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-right: 1.875vw; width: 7.5vw; height: 1.875vw; background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); color: #fff; line-height: 1; font-size: 1.09375vw; } #under #news_info .news_inner .news_ttl { position: relative; width: 100%; font-size: 2.5vw; line-height: 1.5; padding-bottom: 1.25vw; margin-bottom: 2.5vw; } #under #news_info .news_inner .news_ttl::after { position: absolute; bottom: 0; content: ""; display: block; border-bottom: 1px solid #333; width: 100%; } #under #news_info .news_inner p { line-height: 1.5; } #under #news_info #archive_item_inner .news_ttl { font-size: 1.875vw; } #under #news_info .news_item:last-child #archive_item_inner .news_ttl { margin-bottom: 0; } #under #news_info .nav-links { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #under #news_info .nav-links .page-numbers { padding-left: 0.5em; padding-right: 0.5em; margin-right: 0.5em; background: #fff; color: #707070; } #under #news_info .nav-links .current { color: #fff; background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); } #under #news_info .nav-links .prev, #under #news_info .nav-links .next { background: transparent; } #under #privacy_policy_outline .inner .outline_ttl .sub_jp_ttl { width: 12.5vw; } #under #privacy_policy { background: #e8f9ff; } #under #privacy_policy .content_wrapper { margin-bottom: 3.75vw; } #under #privacy_policy .content_wrapper .h3_content_ttl { font-size: 1.875vw; margin-bottom: 2.5vw; padding: 0.25em 0.5em; border-left: solid 0.3125vw #3d639f; } #under #privacy_policy .content_wrapper .message_box p { margin-bottom: 1em; } #under #privacy_policy .content_wrapper .message_box p:last-child { margin-bottom: 0; } #under #contact-form { background: #e8f9ff; } #under #contact-form form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #under #contact-form .flex_container, #under #contact-form .form_item_text_area { margin-bottom: 1.875vw; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #under #contact-form .flex_container dt, #under #contact-form .form_item_text_area dt { position: relative; font-size: 1.25vw; font-weight: 600; width: 19.6875vw; margin-right: 1.875vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #under #contact-form .flex_container dt .must, #under #contact-form .flex_container dt .optional, #under #contact-form .form_item_text_area dt .must, #under #contact-form .form_item_text_area dt .optional { position: absolute; right: 0; width: 5.3125vw; height: 2.5vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-weight: 600; line-height: 1; color: #fff; border-radius: 0.78125vw; -webkit-border-radius: 0.78125vw; -moz-border-radius: 0.78125vw; -ms-border-radius: 0.78125vw; -o-border-radius: 0.78125vw; } #under #contact-form .flex_container dt .must, #under #contact-form .form_item_text_area dt .must { background: #ff1940; } #under #contact-form .flex_container dt .optional, #under #contact-form .form_item_text_area dt .optional { background: #3d639f; } #under #contact-form .flex_container dd, #under #contact-form .form_item_text_area dd { width: 62.8125vw; } #under #contact-form .flex_container dd input, #under #contact-form .form_item_text_area dd input { width: 100%; padding: 1.640625vw 1em; background: #fff; border: none; border-radius: 0.78125vw; -webkit-border-radius: 0.78125vw; -moz-border-radius: 0.78125vw; -ms-border-radius: 0.78125vw; -o-border-radius: 0.78125vw; font-size: 1.25vw; } #under #contact-form .flex_container a, #under #contact-form .form_item_text_area a { color: #3d639f; } #under #contact-form .flex_container .checkbox, #under #contact-form .form_item_text_area .checkbox { margin-right: 0.5em; } #under #contact-form .flex_container .checkbox:focus, #under #contact-form .flex_container .checkbox:focus-visible, #under #contact-form .form_item_text_area .checkbox:focus, #under #contact-form .form_item_text_area .checkbox:focus-visible { outline: none !important; } #under #contact-form .form_item_text_area { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } #under #contact-form .form_item_text_area dt { margin-top: 1.09375vw; } #under #contact-form .form_item_text_area dd textarea { border: none; border-radius: 0.78125vw; -webkit-border-radius: 0.78125vw; -moz-border-radius: 0.78125vw; -ms-border-radius: 0.78125vw; -o-border-radius: 0.78125vw; resize: none; width: 62.8125vw; height: 12.5vw; padding: 1.640625vw 1.25vw; font-size: 1.25vw; } #under #contact-form #form_btn .form-submit { display: block; position: relative; font-size: 1.25vw; color: #3d639f; background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: none; width: 100%; height: 100%; border-radius: 2.34375vw; -webkit-border-radius: 2.34375vw; -moz-border-radius: 2.34375vw; -ms-border-radius: 2.34375vw; -o-border-radius: 2.34375vw; } #under #contact-form #form_btn .grad_btn_inner:hover { background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); } #under #contact-form #form_btn .form-submit:hover, #under #contact-form #form_btn .form-submit:active { color: #fff; background: #fff; -webkit-background-clip: text; -webkit-text-fill-color: #fff; } #under #contact-form #form_btn .form-submit:focus, #under #contact-form #form_btn .form-response-output:focus { outline: none !important; } #under #contact-form #form_btn .wpcf7-spinner { display: none !important; } #under #contact-form #form_btn .wpcf7-spinner::before { display: none !important; } #under #confirm .form_item_text_area dt { margin-top: auto !important; } #under input:focus-visible, #under input:focus, #under textarea:focus-visible, #under textarea:focus { outline: 2px solid #3d639f !important; } #under input[type=checkbox] { opacity: 0; /* デフォルトのチェックボックスを見えなくする */ position: absolute; margin-top: 0.5em; } #under .checkbox-field-text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } #under .checkbox-field-text::before { content: ""; width: 1em; height: 1em; display: inline-block; -webkit-transform: translate(0, 0); transform: translate(0, 0); margin-right: 0.5em; border: 2px solid #3d639f; background: #fff; } #under .checkbox-field-text::after { content: ""; display: block; position: absolute; top: 50%; width: 0.7em; height: 0.4em; margin-top: -0.45em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 0.2em; border-left: 2px solid #3d639f; border-bottom: 2px solid #3d639f; opacity: 0; -webkit-transition: 0.3s opacity; transition: 0.3s opacity; } #under input[type=checkbox]:checked ~ .checkbox-field-text::after { opacity: 1; } #under .wpcf7-response-output { border-color: transparent; } #under .prev_btn { width: 21.875vw; height: 4.375vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: #c4c4c4; border-radius: 2.34375vw; margin-right: 1.875vw; font-size: 1.25vw; border: 1px solid #333; } #under .prev_btn .wpcf7-previous { font-size: 1.25vw; border: none; width: 100%; height: 100%; border-radius: 2.34375vw; -webkit-border-radius: 2.34375vw; -moz-border-radius: 2.34375vw; -ms-border-radius: 2.34375vw; -o-border-radius: 2.34375vw; background: transparent; } #under .prev_btn .wpcf7-previous:focus { color: #3d639f; } #under #confirm .form_privacy { display: none !important; } #under #confirm .select_industry::after, #under #confirm .select_industry::before { display: none !important; } #under #thanks { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #under #thanks #thanks_inner { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 7.5vw !important; } #under #thanks #thanks_inner p a { display: inline; } #under #entry { margin-bottom: 7.5vw; } #under #entry .flex_container dt { width: 21.5625vw !important; margin-right: 1.875vw; } #under #entry .flex_container dd { width: 60.9375vw !important; } #under #entry .flex_container dd .mwform-tel-field { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #under #entry .flex_container dd .mwform-tel-field .telephone_no { width: 19.0625vw; } #under #entry .flex_container .wpcf7-form-control { width: 60.9375vw !important; border-radius: 0.78125vw; -webkit-border-radius: 0.78125vw; -moz-border-radius: 0.78125vw; -ms-border-radius: 0.78125vw; -o-border-radius: 0.78125vw; border: none; padding: 1.640625vw 1em; font-size: 1.25vw; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; } #under #entry .flex_container .wpcf7-form-control:focus { outline: #3d639f; } #under #entry .flex_container .select_industry { position: relative; } #under #entry .flex_container .select_industry::before { z-index: 2; position: absolute; top: 0; right: 0; content: ""; display: block; width: 5.3125vw; height: 4.6875vw; background: #3d639f; border-radius: 0 0.78125vw 0.78125vw 0; -webkit-border-radius: 0 0.78125vw 0.78125vw 0; -moz-border-radius: 0 0.78125vw 0.78125vw 0; -ms-border-radius: 0 0.78125vw 0.78125vw 0; -o-border-radius: 0 0.78125vw 0.78125vw 0; pointer-events: none; } #under #entry .flex_container .select_industry::after { position: absolute; right: 2.1875vw; top: 1em; z-index: 3; display: block; content: "\f0d7"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: #fff; } #under #entry .flex_container .select_industry label select { width: 60.9375vw !important; border-radius: 0.78125vw; -webkit-border-radius: 0.78125vw; -moz-border-radius: 0.78125vw; -ms-border-radius: 0.78125vw; -o-border-radius: 0.78125vw; border: none; padding: 1.640625vw 1em; font-size: 1.25vw; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; } #under #contact-form .inner #entry .form_item_text_area { margin-bottom: 0; } #under #contact-form .inner #entry .form_item_text_area dt { width: 21.5625vw !important; } #under #contact-form .inner #entry .form_item_text_area dd { width: 60.9375vw !important; } #under #contact-form .inner #entry .form_item_text_area dd textarea { width: 100% !important; } #under #p_item_info { width: 100%; } #under #p_item_info .content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #under #p_item_info .content .section_wrapper { margin-bottom: 7.5vw; } #under #p_item_info .content .section_wrapper .p_item_img_box { margin-bottom: 3.75vw; } #under #p_item_info .content .section_wrapper .item_point_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 1.875vw; } #under #p_item_info .content .section_wrapper .item_point_box .item_point_icon_box { width: 12.5vw; margin-right: 1.875vw; } #under #p_item_info .content .section_wrapper .item_point_box .text_box { margin-top: 1.875vw; width: 71.875vw; } #under #p_item_info .content .section_wrapper .item_point_box .text_box .h5_ttl { font-size: 1.5625vw; color: #3d639f; line-height: 1; margin-bottom: 1.875vw; } #under #p_item_info .content .section_wrapper .item_point_box:last-child { margin-bottom: 0; } #under #p_item_info .content .section_wrapper .item_point_info { background: #fafafa; font-size: 1.5625vw; text-align: center; padding: 3.75vw; margin-bottom: 3.75vw; } #under #p_item_info .content .section_wrapper .inner > .text_box { margin-bottom: 1.875vw; } #under #p_item_info .content .section_wrapper:last-child { margin-bottom: 0; } #under #p_item_info #p_item_head { background: #3d639f; color: #fff; } #under #p_item_info #p_item_head .flex_container { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #under #p_item_info #p_item_head .flex_container .text_box { width: 41.25vw; } #under #p_item_info #p_item_head .flex_container .text_box .p_item_h3_ttl { margin-bottom: 2.5vw; } #under #p_item_info #p_item_head .flex_container .text_box .p_item_h3_ttl .p_item_sub_ttl { display: inline-block; margin-bottom: 1.25vw; } #under #p_item_info #p_item_head .flex_container .p_item_img { width: 41.25vw; } #under #p_item_info #p_item_info_wrapper { background: #fff; } #under #p_item_info #p_item_info_wrapper #zd_info .flex_container { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #under #p_item_info #p_item_info_wrapper #zd_info dt { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 1.875vw; border: solid 1px #707070; border-bottom: none; } #under #p_item_info #p_item_info_wrapper #zd_info .zd_tt_img { width: 12.5vw; -o-object-fit: contain; object-fit: contain; } #under #p_item_info #p_item_info_wrapper #zd_info .text_box { width: 26.875vw; padding: 0 0 1.875vw 1.875vw; } #under #p_item_info #p_item_info_wrapper #zd_info .h5_ttl { font-size: 1.875vw; color: #3d639f; margin-bottom: 1.875vw; } #under #p_item_info #p_item_info_wrapper #zd_info dd { width: 41.25vw; padding: 1.875vw; border: solid 1px #707070; border-left: none; border-bottom: none; } #under #p_item_info #p_item_info_wrapper #zd_info .flex_container:last-child dt { border-bottom: solid 1px #707070 !important; } #under #p_item_info #p_item_info_wrapper #zd_info .flex_container:last-child dd { border-bottom: solid 1px #707070 !important; } #under #p_item_info .h4_ttl { font-size: 1.875vw; padding: 0.25em 0.5em; background: transparent; border-left: solid 0.3125vw #3d639f; margin-bottom: 1.875vw; } #under #p_item_info .h5_ttl { margin-bottom: 1.25vw; font-size: 1.5625vw; color: #3d639f; } #under #p_item_info .pc_two-column { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #under #p_item_info .pc_two-column .pc_two-column_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #under #p_item_info .pc_two-column > div { width: 41.25vw; } #under #p_item_info .pc_s-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #under #p_item_info .pc_s-column .text_box { margin-bottom: 3.75vw; } #under #p_item_info .pc_s-column > div { margin-bottom: 1.875vw; } #under #p_item_info .pc_s-column > div:last-child { margin-bottom: 0; } #under #p_item_info .pc_three-column { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #under #p_item_info .pc_three-column .pc_three-column_box { width: 26.875vw; padding: 1.875vw; border: 1px solid #707070; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #under #p_item_info .pc_three-column .pc_three-column_box .text_box .h5_ttl { color: #3d639f; font-size: 1.5625vw; line-height: 1; margin-bottom: 1.875vw; } #under #p_item_info .pc_three-column .pc_three-column_box .p_item_img_box { margin-bottom: 0; } #under #p_item_info #zrg_role > .pc_two-column_box { border: 1px solid #333; padding: 1.875vw; } #under #p_item_info #zrg_role > .pc_two-column_box .p_item_img_box { margin-top: 3.75vw; } #under #dzm_wrapper .slick-prev:before, #under #dzm_wrapper .slick-next:before { color: #bd3c35; } #under #dzm_wrapper .slick-dots li.slick-active button:before { color: #bd3c35 !important; } #under #dzm_wrapper .dzm_h1_ttl { width: 55.625vw; margin-bottom: 3.75vw; margin-left: auto; margin-right: auto; } #under #dzm_wrapper .inner .h2_content_ttl::after { background: #333; } #under #dzm_wrapper #dzm_fv .h2_content_ttl { width: 55.625vw; margin-left: auto; margin-right: auto; } #under #dzm_wrapper #dzm_fv #dzm_banner_boxes .dzm_banner_box { width: 100%; } #under #dzm_wrapper #dzm_point { background: #fafafa; } #under #dzm_wrapper #dzm_point #dzm_point_flex { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #under #dzm_wrapper #dzm_point #dzm_point_flex .dzm_point_box { width: 19.6875vw; height: 23.4375vw; background: #fff; } #under #dzm_wrapper #dzm_point #dzm_point_flex .dzm_point_box .point_h3_ttl { width: 100%; height: 6.25vw; background: #bd3c35; color: #fff; font-size: 1.5625vw; line-height: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #under #dzm_wrapper #dzm_point #dzm_point_flex .dzm_point_box .under_block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; padding: 1.875vw; height: 17.1875vw; } #under #dzm_wrapper #dzm_point #dzm_point_flex .dzm_point_box .under_block .img_box { width: 13.4375vw; } #under #dzm_wrapper #dzm_point #dzm_point_flex .dzm_point_box .under_block p { font-size: 1.875vw; } #under #dzm_wrapper #dzm_point #dzm_point_flex .dzm_point_box .under_block .tax { display: inline-block; font-size: 0.9375vw; } #under #dzm_wrapper #dzm_plan .h2_content_ttl .sub_ttl { position: relative; display: block; margin-bottom: 1.25vw; font-size: 1.875vw; line-height: 1; font-weight: 600; padding-left: 0.625vw; padding-right: 0.625vw; } #under #dzm_wrapper #dzm_plan .h2_content_ttl .sub_ttl::before, #under #dzm_wrapper #dzm_plan .h2_content_ttl .sub_ttl::after { content: ""; position: relative; display: inline-block; background: #333; width: 1.875vw; height: 1px; top: -0.625vw; } #under #dzm_wrapper #dzm_plan .h2_content_ttl .sub_ttl::before { -webkit-transform: rotate(60deg); transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); } #under #dzm_wrapper #dzm_plan .h2_content_ttl .sub_ttl::after { -webkit-transform: rotate(-60deg); transform: rotate(-60deg); } #under #dzm_wrapper #dzm_plan .dzm_plan_box { width: 100%; border: solid 1px #bd3c35; margin-bottom: 1.25vw; } #under #dzm_wrapper #dzm_plan .dzm_plan_box .tax { font-size: 0.9375vw; } #under #dzm_wrapper #dzm_plan .dzm_plan_box tr { border-bottom: solid 1px #bd3c35; } #under #dzm_wrapper #dzm_plan .dzm_plan_box tr:last-child { border: none; } #under #dzm_wrapper #dzm_plan .dzm_plan_box th { background: #bd3c35; color: #fff; height: 7.8125vw; border-right: solid 1px #fff; } #under #dzm_wrapper #dzm_plan .dzm_plan_box th:last-child { border-right: #bd3c35; } #under #dzm_wrapper #dzm_plan .dzm_plan_box td { width: 28.125vw; min-height: 3.125vw; padding-top: 0.75em; padding-bottom: 0.75em; border-right: solid 1px #bd3c35; text-align: center; vertical-align: middle; } #under #dzm_wrapper #dzm_plan .dzm_plan_box .dzm_plan_capacity, #under #dzm_wrapper #dzm_plan .dzm_plan_box .dzm_plan_cost { background: #fafafa; } #under #dzm_wrapper #dzm_plan .annotation { font-size: 1.09375vw; padding-left: 1em; } #under #dzm_wrapper #dzm_plan .annotation p { position: relative; } #under #dzm_wrapper #dzm_plan .annotation p::before { position: absolute; left: -0.8em; content: "※"; margin-top: auto; } #under #dzm_wrapper #dzm_plan .option_ttl_box { margin-top: 1.875vw; margin-bottom: 1.875vw; } #under #dzm_wrapper #dzm_plan .option_ttl_box .plus_icon { margin-bottom: 1.875vw; width: 6.25vw; margin-left: auto; margin-right: auto; } #under #dzm_wrapper #dzm_plan .option_ttl_box .option_h3_ttl { color: #bd3c35; font-size: 1.875vw; text-align: center; } #under #dzm_wrapper #dzm_plan .dzm_option_text_box { margin-top: 1.875vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1.875vw; color: #bd3c35; font-weight: 600; } #under #dzm_wrapper #dzm_plan .dzm_option_text_box .tax { font-size: 1.25vw; } #under #dzm_wrapper #dzm_plan .dzm_option_text_box > p { margin-right: 1.875vw; margin-left: 1.875vw; margin-bottom: 0; } #under #dzm_wrapper #recommend_plan { background: #fafafa; } #under #dzm_wrapper #recommend_plan .inner .flex_container { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #under #dzm_wrapper #recommend_plan .inner .flex_container .recommend_plan_box { height: 32.1875vw; width: 26.875vw; } #under #dzm_wrapper #recommend_plan .inner .annotation { margin-top: 1.875vw; padding-left: 1em; } #under #dzm_wrapper #recommend_plan .inner .annotation p { position: relative; } #under #dzm_wrapper #recommend_plan .inner .annotation p::before { position: absolute; left: -0.8em; content: "※"; margin-top: auto; } #under #dzm_wrapper #good_deal .good_deal_box { background: #fff; border: 1px solid #bd3c35; border-radius: 0.78125vw; -webkit-border-radius: 0.78125vw; -moz-border-radius: 0.78125vw; -ms-border-radius: 0.78125vw; -o-border-radius: 0.78125vw; } #under #dzm_wrapper #good_deal .good_deal_box .h2_good_deal_ttl { width: 100%; text-align: center; font-weight: 600; line-height: 1.5; color: #fff; background: #bd3c35; padding-top: 1.875vw; padding-bottom: 1.875vw; border-radius: 0.78125vw 0.78125vw 0 0; -webkit-border-radius: 0.78125vw 0.78125vw 0 0; -moz-border-radius: 0.78125vw 0.78125vw 0 0; -ms-border-radius: 0.78125vw 0.78125vw 0 0; -o-border-radius: 0.78125vw 0.78125vw 0 0; } #under #dzm_wrapper #good_deal .good_deal_box .text_box { padding: 3.75vw 7.1875vw; text-align: center; } #under #dzm_wrapper #good_deal .good_deal_box .text_box .flex_container { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #under #dzm_wrapper #good_deal .good_deal_box .text_box .flex_container .circle { width: 19.6875vw; height: 19.6875vw; margin-right: 1.875vw; text-align: center; font-size: 1.875vw; font-weight: 600; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 50%; background: rgb(189, 155, 76); background: -webkit-linear-gradient(290deg, rgb(189, 155, 76) 0%, rgb(228, 209, 120) 35%, rgb(189, 155, 76) 100%); background: linear-gradient(160deg, rgb(189, 155, 76) 0%, rgb(228, 209, 120) 35%, rgb(189, 155, 76) 100%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } #under #dzm_wrapper #good_deal .good_deal_box .text_box .flex_container .comparison { width: 48.4375vw; } #under #dzm_wrapper #good_deal .good_deal_box .text_box .flex_container .comparison .comparison_before { color: #707070; text-decoration: line-through; font-size: 1.875vw; } #under #dzm_wrapper #good_deal .good_deal_box .text_box .flex_container .comparison .comparison_before::after { display: block; width: 0; height: 0; border-style: solid; border-right: 3.28125vw solid transparent; border-left: 3.28125vw solid transparent; border-top: 2.5vw solid #bd3c35; border-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 1.875vw; margin-bottom: 1.875vw; } #under #dzm_wrapper #good_deal .good_deal_box .text_box .flex_container .comparison .comparison_after { font-size: 7.5vw; color: #bd3c35; font-weight: 500; } #under #dzm_wrapper #good_deal .good_deal_box .text_box .flex_container .comparison .comparison_after .after_small { font-size: 1.875vw; font-weight: 600; } #under #dzm_wrapper #good_deal .good_deal_box .text_box .comparison_year { margin-top: 1.875vw; font-size: 2.5vw; font-weight: 600; line-height: 1; color: #bd3c35; } #under #dzm_wrapper #good_deal .good_deal_box .text_box .comparison_year .strong_price { font-size: 5vw; font-weight: 500; } #under #dzm_wrapper #comparison { background: #fafafa; } #under #dzm_wrapper #comparison .comparison_box { background: #fff; width: 100%; border: 1px solid #333; font-size: 1.5625vw; margin-bottom: 1.25vw; } #under #dzm_wrapper #comparison .comparison_box tr { border-bottom: solid 1px #333; text-align: center; } #under #dzm_wrapper #comparison .comparison_box tr td { border-right: 1px solid #333; padding-top: 1.875vw; padding-bottom: 1.875vw; } #under #dzm_wrapper #comparison .comparison_box tr td .small_text { font-size: 1.09375vw; } #under #dzm_wrapper #comparison .comparison_box tr td .very_small_text { font-size: 0.9375vw; margin-top: -1em; } #under #dzm_wrapper #comparison .comparison_box tr td:last-child { border-right: none; } #under #dzm_wrapper #comparison .comparison_box tr:last-child { border-bottom: none; } #under #dzm_wrapper #comparison .comparison_box th { background: #bd3c35; color: #fff; font-weight: 600; padding-top: 1.875vw; padding-bottom: 1.875vw; border-right: 1px solid #fff; } #under #dzm_wrapper #comparison .comparison_box th:last-child { border-right: 1px solid #bd3c35; } #under #dzm_wrapper #comparison .comparison_box .carrier { width: 14.375vw; font-weight: 600; } #under #dzm_wrapper #comparison .comparison_box .unlimited { font-size: 1.25vw; width: 41.25vw; } #under #dzm_wrapper #comparison .comparison_box .unlimited .unlimited_flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-left: 1.875vw; padding-right: 1.875vw; } #under #dzm_wrapper #comparison .comparison_box .unlimited .unlimited_flex .unlimited_time .unlimited_time_annotation { color: #bd3c35; font-weight: 600; font-size: 1.09375vw; display: block; margin-top: -0.2em; } #under #dzm_wrapper #comparison .comparison_box .unlimited .unlimited_flex:last-child p { margin-bottom: -0.25em; } #under #dzm_wrapper #comparison .comparison_box #rakuten .unlimited .unlimited_flex:last-child { text-align: left; } #under #dzm_wrapper #comparison .comparison_box #carrier_dz { border-bottom: 1px solid #333; color: #bd3c35; } #under #dzm_wrapper #comparison .comparison_box #carrier_dz td { position: relative; border-top: 4px solid #bd3c35; border-bottom: 4px solid #bd3c35; } #under #dzm_wrapper #comparison .comparison_box #carrier_dz td:first-child::before { position: absolute; top: 0; left: 0; content: ""; height: 100%; border-left: 4px solid #bd3c35; } #under #dzm_wrapper #comparison .comparison_box #carrier_dz td:last-child::after { position: absolute; top: 0; right: 0; content: ""; height: 100%; border-right: 4px solid #bd3c35; } #under #dzm_wrapper #comparison .annotation { margin-top: 1.875vw; padding-left: 1em; } #under #dzm_wrapper #comparison .annotation p { position: relative; } #under #dzm_wrapper #comparison .annotation p::before { position: absolute; left: -0.8em; content: "※"; margin-top: auto; } #under #dzm_wrapper #use_example .flex_container { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #under #dzm_wrapper #use_example .flex_container .use_example_box { width: 41.25vw; border: solid 1px #bd3c35; margin-bottom: 1.5625vw; } #under #dzm_wrapper #use_example .flex_container .use_example_box .use_example_h3_ttl { text-align: center; color: #fff; background: #bd3c35; padding: 0.2em 0; } #under #dzm_wrapper #use_example .flex_container .use_example_box .use_example_box_flex { padding: 1.875vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } #under #dzm_wrapper #use_example .flex_container .use_example_box .use_example_box_flex .use_example_h4_ttl { font-size: 1.5625vw; line-height: 1; font-weight: 600; text-align: center; color: #bd3c35; padding: 0.5em; margin-bottom: 0.5em; border-bottom: 1px solid #bd3c35; } #under #dzm_wrapper #use_example .flex_container .use_example_box .use_example_box_flex > div > img { height: 9.375vw; width: auto; } #under #dzm_wrapper #document { background: #bd3c35; } #under #dzm_wrapper #document .flex_container { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } #under #dzm_wrapper #document .flex_container .document_box a { display: block; text-align: center; color: #fff; padding: 0.5em; } #under #wr_wrapper .pc_two-column { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #under #wr_wrapper .pc_two-column > div { width: 41.25vw; } #under #wr_wrapper .pc_three-column { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #under #wr_wrapper .pc_three-column > .pc_three-column_box { width: 26.875vw; } #under #wr_wrapper .h3_ta_center_ttl { text-align: center; font-size: 1.5625vw; line-height: 1.5; margin-top: 1.875vw; margin-bottom: 1.875vw; } #under #wr_wrapper .h3_ta_center_ttl::before, #under #wr_wrapper .h3_ta_center_ttl::after { content: ""; display: block; width: 0; height: 0; } #under #wr_wrapper .h3_ta_center_ttl::before { margin-top: calc((1 - 1.5) * 0.5em); } #under #wr_wrapper .h3_ta_center_ttl::after { margin-bottom: calc((1 - 1.5) * 0.5em); } #under #wr_wrapper #wr_fv .wr_h1_ttl { width: 55.625vw; margin-bottom: 3.75vw; margin-left: auto; margin-right: auto; } #under #wr_wrapper #wr_fv #wr_fv_img_box { margin-left: -7.8125vw; width: 100vw; } #under #wr_wrapper #wr_f_block { background: #e8f9ff; } #under #wr_wrapper #wr_feature { background: #fafafa; } #under #wr_wrapper #wr_feature .pc_three-column_box { background: #fff; padding: 1.875vw; } #under #wr_wrapper #wr_function { background: #fff; } #under #wr_wrapper #wr_function .h3_ta_block_ttl { background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); color: #fff; font-size: 2.5vw; line-height: 1; text-align: center; padding-top: 0.75em; padding-bottom: 0.75em; margin-bottom: 1.875vw; } #under #wr_wrapper #wr_function .function_box { margin-bottom: 3.75vw; } #under #wr_wrapper #wr_function .function_box:last-child { margin-bottom: 0; } #under #service_contact { background: #fafafa; } #under #service_contact .s_contact_add_box { text-align: center; } #under #service_contact .s_contact_add_box .telephone_no { font-size: 2.5vw; color: #333; line-height: 1.5; margin-bottom: 0.625vw; } #under #service_contact .s_contact_add_box .telephone_no::before, #under #service_contact .s_contact_add_box .telephone_no::after { content: ""; display: block; width: 0; height: 0; } #under #service_contact .s_contact_add_box .telephone_no::before { margin-top: calc((1 - 1.5) * 0.5em); } #under #service_contact .s_contact_add_box .telephone_no::after { margin-bottom: calc((1 - 1.5) * 0.5em); } #under #service_contact .s_contact_add_box .s_contact_btn { width: 26.875vw; margin-left: auto; margin-right: auto; margin-top: 1.25vw; } #under #service_contact .s_contact_add_box .s_contact_btn .s_contact_link { background: #333; width: 100%; color: #fff; font-size: 1.25vw; padding-top: 0.5em; padding-bottom: 0.5em; } #under .note_text { position: relative; padding-left: 1em; } #under .note_text::before { position: absolute; content: "※"; margin-top: auto; margin-bottom: auto; left: 0; } #under #apn_setting { background: #e8f9ff; } #under #apn_setting .drawer_box { background: #fff; margin-bottom: 3.75vw; } #under #apn_setting .drawer_box .ttl_large { position: relative; width: 100%; background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 1.25vw 1.875vw; font-size: 1.875vw; } #under #apn_setting .drawer_box .ttl_large .process_no { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 3.75vw; height: 3.75vw; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: #fff; line-height: 1; color: #1e4685; text-align: center; font-size: 1.25vw; margin-right: 1.875vw; } #under #apn_setting .drawer_box .ttl_large .process_no .process_mini_text { display: block; font-size: 0.9375vw; } #under #apn_setting .drawer_box .drawer_open_btn { position: relative; } #under #apn_setting .drawer_box .drawer_open_btn::after { position: absolute; right: 1.875vw; content: "＋"; font-family: "Font Awesome 6 Free"; font-weight: 900; line-height: 1; } #under #apn_setting .drawer_box .open_active::after { content: "\f068"; font-family: "Font Awesome 6 Free"; font-weight: 900; line-height: 1; } #under #apn_setting .drawer_box .drawer_box_inner { display: none; } #under #apn_setting .drawer_box .link { display: inline; color: #3d639f; } #under #apn_setting .drawer_box .ex_block { padding: 3.75vw 2.5vw; } #under #apn_setting .drawer_box .ex_block .ttl_middle { color: #3d639f; font-size: 1.5625vw; margin-bottom: 1.875vw; line-height: 1.5; } #under #apn_setting .drawer_box .ex_block .apn_qr { width: 15.625vw; margin-left: auto; margin-right: auto; margin-top: 1.25vw; margin-bottom: 1.25vw; padding: 0.625vw; border: 1px solid #707070; } #under #apn_setting .drawer_box ul > .flex_container > div { padding: 3.75vw 2.5vw; } #under #apn_setting .drawer_box ul > .flex_container > div .ex_block { padding: 0; } #under #apn_setting .drawer_box ul > .flex_container > div .l_number { background: #3d639f; width: 2.5vw; height: 2.5vw; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; margin-bottom: 1.875vw; } #under #apn_setting .drawer_box ul > .flex_container > div .img_box { width: 28.125vw; margin-left: auto; margin-right: auto; padding: 1.875vw; background: #fff; border-radius: 0.78125vw; -webkit-border-radius: 0.78125vw; -moz-border-radius: 0.78125vw; -ms-border-radius: 0.78125vw; -o-border-radius: 0.78125vw; border: 1px solid #707070; } #under #apn_setting .drawer_box ul > .flex_container > div .small_text { font-size: 1.09375vw; padding-left: 1em; } #under #apn_setting .drawer_box ul > .flex_container > div .small_text p:first-child { position: relative; } #under #apn_setting .drawer_box ul > .flex_container > div .small_text p:first-child::before { position: absolute; content: "※"; margin-top: auto; margin-bottom: auto; left: 0; } #under #apn_setting .drawer_box ul > .flex_container > div .table { border: 1px solid #333; background: #fff; width: 80%; margin-top: 1.25vw; margin-bottom: 2.5vw; } #under #apn_setting .drawer_box ul > .flex_container > div .table tr { border-bottom: solid 1px #333; } #under #apn_setting .drawer_box ul > .flex_container > div .table tr .table_ttl { text-align: center; } #under #apn_setting .drawer_box ul > .flex_container > div .table tr th { padding: 0.625vw; background: #e8f9ff; border-right: solid 1px #333; width: 50%; } #under #apn_setting .drawer_box ul > .flex_container > div .table tr td { padding: 0.625vw; width: 50%; } #under #apn_setting .drawer_box ul > .flex_container > div .table:last-child { margin-bottom: 0; } #under #apn_setting .drawer_box ul > .flex_container > .text_box { width: 60%; } #under #apn_setting .drawer_box ul > li { position: relative; } #under #apn_setting .drawer_box ul > li::after { z-index: 2; position: absolute; bottom: -0.9375vw; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); content: ""; width: 7.96875vw; height: 2.109375vw; display: block; border-style: solid; border-width: 2.109375vw 3.984375vw 0 3.984375vw; border-color: #3d639f transparent transparent transparent; } #under #apn_setting .drawer_box ul > li:last-child::after { display: none; } #under #apn_setting .drawer_box ul > li:nth-child(even) { background: #fafafa; } #under #apn_setting .drawer_box:last-child { margin-bottom: 0; } @media screen and (max-width: 480px) { .sp_display { display: block; } .pc_display { display: none; } body p, body ol, body ul, body li, body dl, body dt, body dd { font-size: 3.7333333333vw; line-height: 1.5; word-break: break-all; } .content { padding-top: 12.8vw; padding-bottom: 12.8vw; } .h2_content_ttl { font-size: 9.6vw; margin-bottom: 5.8666666667vw; } .h2_content_ttl .h2_content_subttl { font-size: 3.2vw; font-weight: 600; margin-top: 3.2vw; } .grad_btn { width: 89.3333333333vw; height: 12.8vw; border-radius: 6.6666666667vw; -webkit-border-radius: 6.6666666667vw; -moz-border-radius: 6.6666666667vw; -ms-border-radius: 6.6666666667vw; -o-border-radius: 6.6666666667vw; } .grad_btn .grad_btn_inner { position: relative; width: 89.0666666667vw; height: 12.4666666667vw; border-radius: 6.6666666667vw; -webkit-border-radius: 6.6666666667vw; -moz-border-radius: 6.6666666667vw; -ms-border-radius: 6.6666666667vw; -o-border-radius: 6.6666666667vw; } .grad_btn .grad_btn_inner .blueGradText { position: absolute; top: 50%; transform: translateY(-50%); display: block; width: 100%; height: 100%; font-size: 3.7333333333vw; background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); padding-top: 4.8vw; padding-bottom: 4.8vw; } .grad_btn .grad_btn_inner .blueGradText::after { font-size: 3.7333333333vw; right: 5.3333333333vw; } .blueGradText:hover, .blueGradText:active { opacity: 1 !important; background: #fff !important; -webkit-background-clip: text !important; -webkit-text-fill-color: #fff !important; color: #fff !important; } .openbtn1 { width: 16vw; height: 16vw; top: 4.2666666667vw; right: 5.3333333333vw; } .openbtn1 span:nth-of-type(1) { top: 4.8vw; } .openbtn1 span:nth-of-type(2) { top: 7.4666666667vw; } .openbtn1 span:nth-of-type(3) { top: 10.1333333333vw; } .openbtn1.active span:nth-of-type(1) { top: 6.4vw; left: 3.7333333333vw; } .openbtn1.active span:nth-of-type(3) { top: 8.2666666667vw; left: 3.7333333333vw; } #header { background: transparent; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); height: 16vw; } #header .header_inner { padding-left: 5.3333333333vw; padding-right: 5.3333333333vw; } #header .header_inner .header_left .logo_link { width: 16vw; position: fixed; z-index: 888; margin: 4.2666666667vw 0; } #header .header_nav { display: none; } #header .logIn_btn { display: none; } #header .satellite_link { display: none; } #header.dnone.panelactive { height: 100vh; background: #fff; } #header.dnone.panelactive #g-navi { width: 100vw; padding-right: 5.3333333333vw; padding-left: 5.3333333333vw; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; overflow-y: scroll; } #header.dnone.panelactive .header_inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #header.dnone.panelactive .header_inner .header_left { background-image: url(../img/sp_g-nav_bg.png); width: 89.3333333333vw; height: 42.6666666667vw; position: absolute; top: 22.9333333333vw; left: auto; } #header.dnone.panelactive .header_inner .header_left .logo_link { margin-left: 0; top: 2.1333333333vw; width: 21.3333333333vw; } #header.dnone.panelactive .header_inner .header_right { width: 89.3333333333vw; height: auto; right: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-bottom: 12.8vw; } #header.dnone.panelactive .header_inner .header_right .header_nav { display: block; width: 100%; margin-top: 72vw; margin-left: 0; } #header.dnone.panelactive .header_inner .header_right .header_nav .header_nav_inner { height: auto; } #header.dnone.panelactive .header_inner .header_right .header_nav .header_nav_inner .parent .nav_trigger { position: relative; } #header.dnone.panelactive .header_inner .header_right .header_nav .header_nav_inner .parent .parent_link { position: relative; font-size: 6.4vw; padding: 3.2vw; } #header.dnone.panelactive .header_inner .header_right .header_nav .header_nav_inner .parent .trigger_btn { z-index: 12000; display: block; position: absolute; right: 3.2vw; top: 50%; padding: 0.5em; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } #header.dnone.panelactive .header_inner .header_right .header_nav .header_nav_inner .parent .trigger_btn::after { content: "+"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 6.4vw; background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #header.dnone.panelactive .header_inner .header_right .header_nav .header_nav_inner .parent .parent_link::before { position: absolute; left: 0; bottom: 0; display: block; content: ""; width: 100%; border-bottom: solid 1px #333; } #header.dnone.panelactive .header_inner .header_right .header_nav .header_nav_inner .parent .trigger_btn.is-active::after { content: "\f068"; } #header.dnone.panelactive .header_inner .header_right .header_nav .header_nav_inner .parent .child { display: none; } #header.dnone.panelactive .header_inner .header_right .header_nav .header_nav_inner .parent .child li a { font-size: 3.7333333333vw; font-weight: 600; padding-top: 3.7333333333vw; padding-bottom: 3.7333333333vw; } #header.dnone.panelactive .header_inner .header_right .header_nav .header_nav_inner .parent .child li a::before { display: none; } #header.dnone.panelactive .header_inner .header_right .header_nav .header_nav_inner .parent .child.is-active { display: block; } #header.dnone.panelactive .header_inner .header_right .header_nav #h_support { padding-top: 12.8vw; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #header.dnone.panelactive .header_inner .header_right .header_nav #h_support .parent .child { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 2.1333333333vw; } #header.dnone.panelactive .header_inner .header_right .logIn_btn { top: 7.4666666667vw; right: 26.6666666667vw; display: block; width: 32 !important; } #header.dnone.panelactive .header_inner .header_right .logIn_btn a { width: 100% !important; font-size: 4.2666666667vw; padding: 2.1333333333vw; } #header.dnone.panelactive .header_inner .header_right .logIn_btn a::after { font-size: 4.2666666667vw; margin-left: 1.6vw; } #header.dnone.panelactive .header_inner .header_right .satellite_link { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; top: auto; right: auto; margin-left: auto; margin-right: auto; margin-top: 4.2666666667vw; width: 64vw; } #header.dnone.panelactive .header_inner .header_right .satellite_link a { padding: 4.2666666667vw; border-radius: 2.6666666667vw; -webkit-border-radius: 2.6666666667vw; -moz-border-radius: 2.6666666667vw; -ms-border-radius: 2.6666666667vw; -o-border-radius: 2.6666666667vw; } #fv { padding-top: 0; } #fv .fv_message { position: relative; } #fv .fv_message .img_box { width: 150.9333333333vw; margin-left: 22.4vw; } #fv .fv_message .message_box { width: 94.6666666667vw; left: 0; top: 42.6666666667vw; } #fv .fv_message .message_box .fv_h2_ttl { width: 100%; } #fv .fv_message .message_box .fv_h2_ttl .blueGrad { width: 100%; height: 10.6666666667vw; font-size: 7.7333333333vw; } #fv .fv_message .message_box .fv_h2_ttl .blueGrad:first-child { margin-bottom: 2.1333333333vw; } #fv .fv_message .message_box .fv_h2_ttl .blueGrad:first-child .bgappearTrigger { padding-left: 5.3333333333vw; } #fv .fv_message .message_box p { margin-left: 5.3333333333vw; font-size: 3.7333333333vw; } #fv .fv_message .message_box .white_text { position: absolute; color: #fff; } #fv .fv_message .message_box .black_text { position: absolute; width: 17.0666666667vw; overflow: hidden; display: block; white-space: nowrap; } #fv .fv_philosophy { margin-top: -8.5333333333vw; padding: 14.9333333333vw 5.3333333333vw 12.8vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #fv .fv_philosophy .inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 89.3333333333vw; } #fv .fv_philosophy .inner .fv_philosophy_img { width: 70.4vw; } #fv .fv_philosophy .inner .fv_philosophy_img img { width: 70.4vw; } #fv .fv_philosophy .inner .philosophy_message_box { margin-left: 0; padding-top: 6.4vw; } #fv .fv_philosophy .inner .philosophy_message_box .h3_ttl { font-size: 5.3333333333vw; line-height: 1.2; text-align: center; } #fv .fv_philosophy .inner .philosophy_message_box .h3_ttl span { display: block; } #fv .fv_philosophy .inner .philosophy_message_box p { text-align: center; font-size: 3.7333333333vw; } #appeal .appeal_worries { padding-top: 12.8vw; padding-bottom: 12.8vw; } #appeal .appeal_worries .worries_ttlbox .worries_sub_ttl { font-size: 3.2vw; margin-bottom: 1.0666666667vw; } #appeal .appeal_worries .worries_ttlbox .h2_jp_ttl { font-size: 5.3333333333vw; line-height: 1.2; margin-bottom: 6.4vw; } #appeal .appeal_worries .worries_checkbox { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; width: 89.3333333333vw; } #appeal .appeal_worries .worries_checkbox .worries_checkbox_illust { width: 66.1333333333vw; } #appeal .appeal_worries .worries_checkbox .worries_checkbox_textinner { margin-left: 0; padding: 4.2666666667vw; } #appeal .appeal_worries .worries_checkbox .worries_checkbox_textinner li { padding: 3.2vw 2.1333333333vw; } #appeal .appeal_worries .worries_checkbox .worries_checkbox_textinner li p { padding-left: 1em; text-indent: -1.5em; } #appeal .appeal_worries .worries_checkbox .worries_checkbox_textinner li p::before { font-size: 3.7333333333vw; margin-right: 2.1333333333vw; } #appeal .appeal_worries .worries_checkbox .worries_checkbox_textinner li:first-child::before { width: 100%; } #appeal .appeal_worries .worries_checkbox .worries_checkbox_textinner li::after { width: 100%; } #appeal .appeal_worries::after { border-width: 5.3333333333vw 12.8vw 0 12.8vw; bottom: -5.3333333333vw; } #support .inner { width: 89.3333333333vw; } #support .inner .h2_jp_ttl { font-size: 5.3333333333vw; text-align: center; line-height: 1.2; margin-bottom: 6.4vw; } #support .inner .supportbox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 6.4vw; } #support .inner .supportbox .supportbox_illust { width: 76.8vw; margin: 0; } #support .inner .supportbox .supportbox_text { margin-top: 6.4vw; } #actual .inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 89.3333333333vw; } #actual .inner .actual_text_box { width: 100%; margin-right: 0; margin-bottom: 3.2vw; } #actual .inner .actual_text_box .h2_jp_ttl { font-size: 5.3333333333vw; margin-bottom: 6.4vw; } #actual .inner .actual_text_box .h2_jp_ttl .blueGradText { font-size: 11.2vw; } #actual .inner .actual_illust { width: 85.3333333333vw; } #persistency .inner { width: 89.3333333333vw; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; position: relative; } #persistency .inner .chart { position: absolute; top: 0; left: 5.3333333333vw; margin-left: -20vw; height: 42.6666666667vw !important; } #persistency .inner .chart #mychart-doughnut { height: 42.6666666667vw !important; } #persistency .inner .percentage { width: 100%; margin-left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #persistency .inner .percentage .percentage_num_box { position: absolute; top: 12.8vw; right: 0; width: 50%; } #persistency .inner .percentage .percentage_num_box .percentage_num_text { font-size: 4.2666666667vw; } #persistency .inner .percentage .percentage_num_box .percentage_num_rate { font-size: 6.4vw; } #persistency .inner .percentage .percentage_num_box .percentage_num_rate .strong { font-size: 15.4666666667vw; } #persistency .inner .percentage .percentage_text_box { width: 100%; margin-top: 50.6666666667vw; } #news .news_inner { width: 89.3333333333vw; } #news .news_inner .news_items { padding: 5.8666666667vw 10.6666666667vw; } #news .news_inner .news_items .news_item { padding-top: 3.2vw; padding-bottom: 3.2vw; } #news .news_inner .news_items .news_item .news_item_inner { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #news .news_inner .news_items .news_item .news_item_inner .news_date { font-size: 3.7333333333vw; min-width: 29.3333333333vw; } #news .news_inner .news_items .news_item .news_item_inner .news_text { font-size: 3.2vw; width: auto; height: auto; padding: 1.0666666667vw 2.1333333333vw; } #news .news_inner .news_items .news_item .news_item_inner .news_ttl { width: 100%; overflow-wrap: break-word; font-size: 3.7333333333vw; margin-top: 2.1333333333vw; line-height: 1.3; } #service .back_text { margin-top: -8.5333333333vw; } #service .back_text::before, #service .back_text::after { font-size: 26.6666666667vw; animation: flowing 16s infinite; -webkit-animation: flowing 16s infinite; } #service .back_text::after { left: 186.6666666667vw; } #service .service_inner { width: 89.3333333333vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #service .service_inner .service_items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #service .service_inner .service_items .service_item { width: 100%; margin-bottom: 12.8vw; } #service .service_inner .service_items .service_item .service_number { font-size: 17.0666666667vw; } #service .service_inner .service_items .service_item .service_illust { width: 74.6666666667vw; } #service .service_inner .service_items .service_item .h4_ttl { font-size: 4.8vw; margin-bottom: 4.2666666667vw; font-weight: 600; } #service .service_inner .service_items .service_item .grad_btn { margin-top: 4.2666666667vw; position: relative; } #service .service_inner .connectionBtn { width: 100%; height: 32vw; font-size: 4.2666666667vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #service .service_inner .connectionBtn .sub_en_ttl { display: block; font-size: 3.2vw; margin-left: 0; margin-top: 2.1333333333vw; } #service .service_inner .connectionBtn::after { font-size: 6.4vw; } #about .inner { width: 89.3333333333vw; } #about .inner .about_item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 6.4vw; } #about .inner .about_item .ceo_img { width: 89.3333333333vw; } #about .inner .about_item .message { margin-left: 0; margin-top: 4.2666666667vw; } #about .inner .about_item .message .h3_ttl { font-size: 4.2666666667vw; margin-bottom: 6.4vw; } #about .inner .about_item .message .h3_ttl .sub_en_ttl { margin-bottom: 1.6vw; font-size: 3.2vw; } #about .inner .about_item .message .h3_ttl .blueGrad { font-size: 4.2666666667vw; width: 33.0666666667vw; height: 6.4vw; margin-bottom: 1.6vw; } #about .inner .about_item .message .h3_ttl .blueGrad:last-child { width: 24.5333333333vw; } #about .inner .about_item .philosophyBtn, #about .inner .about_item .companyBtn { width: 89.3333333333vw; height: 26.9333333333vw; font-size: 4.2666666667vw; margin-right: 0; margin-bottom: 4.2666666667vw; } #about .inner .about_item .philosophyBtn .sub_en_ttl, #about .inner .about_item .companyBtn .sub_en_ttl { font-size: 3.2vw; } #about .inner .about_item .recruit_text_box { width: 100%; padding-top: 0; } #about .inner .about_item .recruit_text_box .h3_grad_ttl { font-size: 5.3333333333vw; } #about .inner .about_item .recruit_text_box .h3_grad_ttl .sub_en_ttl { font-size: 3.2vw; margin-top: 1.6vw; } #about .inner .about_item:last-child { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #about .inner .about_item:last-child .recruit_img { width: 89.3333333333vw; margin-bottom: 6.4vw; } #b_partner .b_partner_inner { width: 89.3333333333vw; } #b_partner .b_partner_inner .wanted_items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #b_partner .b_partner_inner .wanted_items .wanted_item { width: 89.3333333333vw; min-height: 38.1333333333vw; margin-bottom: 12.8vw; } #b_partner .b_partner_inner .wanted_items .wanted_item .wanted_illust { width: 89.3333333333vw; } #b_partner .b_partner_inner .wanted_items .wanted_item .wanted_text_box { margin-left: 4.8vw; margin-top: 6.4vw; } #b_partner .b_partner_inner .wanted_items .wanted_item .wanted_text_box .link_item_ttl { font-size: 4.2666666667vw; margin-bottom: 7.4666666667vw; font-weight: 600; } #b_partner .b_partner_inner .wanted_items .wanted_item .wanted_text_box .link_item_ttl .sub_en_ttl { font-size: 3.2vw; margin-top: 3.2vw; } #b_partner .b_partner_inner .wanted_items .wanted_item .wanted_text_box .detail_text::after { margin-left: 3.2vw; } #b_partner .b_partner_inner .wanted_items .wanted_item .link_item_illust { width: 42.6666666667vw; top: 16vw; left: 42.6666666667vw; } #contact::before { display: block; content: ""; background-image: url(../img/sp_contact_bg.jpg); z-index: -1; position: fixed; background-size: cover; width: 100%; height: 100vh; bottom: 0; left: 0; background-position: left bottom; } #contact { background-image: none; } #contact .contact_inner { width: 89.3333333333vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #contact .contact_inner .text_box { width: 100%; margin-bottom: 4.2666666667vw; } #contact .contact_inner .add_box { margin-left: 0; } #contact .contact_inner .add_box .grad_btn { width: 89.3333333333vw; height: 12.8vw; border-radius: 6.6666666667vw; -webkit-border-radius: 6.6666666667vw; -moz-border-radius: 6.6666666667vw; -ms-border-radius: 6.6666666667vw; -o-border-radius: 6.6666666667vw; } #contact .contact_inner .add_box .grad_btn .grad_btn_inner { width: 89.0666666667vw; height: 12.4666666667vw; border-radius: 6.6666666667vw; -webkit-border-radius: 6.6666666667vw; -moz-border-radius: 6.6666666667vw; -ms-border-radius: 6.6666666667vw; -o-border-radius: 6.6666666667vw; } #contact .contact_inner .add_box p, #contact .contact_inner .add_box a { margin-bottom: 4.2666666667vw; } #contact .contact_inner .add_box .telephone_no { font-size: 4.2666666667vw; } #footer .footer_inner { width: 89.3333333333vw; } #footer .footer_inner .footer_add { margin-bottom: 8.5333333333vw; } #footer .footer_inner .footer_add .logo { width: 32vw; } #footer .footer_inner .footer_add .logo_link { width: 42.6666666667vw; margin-bottom: 6.4vw; } #footer .footer_inner .footer_add .company_name { margin-bottom: 2.1333333333vw; } #footer .footer_inner .footer_add p { margin-bottom: 2.1333333333vw; } #footer .footer_inner .footer_menu { height: auto; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 8.5333333333vw; } #footer .footer_inner .footer_menu .f_menu_column { width: 100%; height: auto; max-height: 64vw; margin-bottom: 8.5333333333vw; } #footer .footer_inner .footer_menu .f_menu_column .parent .parent_link { font-size: 3.7333333333vw; margin-bottom: 2.1333333333vw; } #footer .footer_inner .footer_menu .f_menu_column .parent .child li a { font-size: 3.2vw; } #footer .footer_inner .footer_menu .f_menu_column .parent .child li a::before { width: 2.1333333333vw; margin-right: 1.6vw; } #footer .footer_inner .footer_menu #f_support { margin-left: 0; margin-bottom: 0; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; } #footer .footer_inner .footer_menu #f_support .parent { width: 100%; margin-bottom: 6.4vw; } #footer .footer_inner .footer_menu #f_support .parent .child { margin-top: 4.2666666667vw; } #footer .footer_inner .deed { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #footer .footer_inner .deed a { margin-right: 0; margin-bottom: 3.2vw; padding: 3.2vw 4.2666666667vw; font-size: 3.7333333333vw; } #footer .footer_inner .deed a::before { margin-right: 2.1333333333vw; } #footer .footer_inner .footer_bottom a, #footer .footer_inner .footer_bottom p { font-size: 3.2vw; } .win_icon::after, .apple_icon::after, .android_icon::after { width: 12.8vw; height: 12.8vw; font-size: 6.4vw; margin-left: 2.1333333333vw; margin-right: 2.1333333333vw; } #page_top { display: none !important; } /*下層ページ*/ #under { /*ABOUTページ*/ /*BUSINESS PARTNERページ*/ /*SERVICEページ*/ /*マイページ*/ /*NEWSページ*/ /*プライバシーポリシーページ*/ /*コンタクトフォーム*/ /*商品情報*/ /*サービス情報コンタクトエリア*/ } #under .content { padding-top: 12.8vw !important; padding-bottom: 12.8vw !important; } #under .content .inner { width: 89.3333333333vw; } #under .content .inner .h2_content_ttl { font-size: 6.4vw; padding-bottom: 3.2vw; line-height: 1.5; padding-bottom: 1.6vw; } #under .content .inner .h2_content_ttl::before { display: block; content: ""; margin-top: -1.6vw; } #under .content .inner .h2_content_ttl::after { width: 9.0666666667vw; } #under .content .inner .sup_text_box { margin-bottom: 6.4vw; } #under .outline { margin-top: 0; padding-top: 24.8vw; padding-bottom: 12.8vw; } #under .outline .inner { width: 89.3333333333vw; } #under .outline .inner .outline_ttl::before { width: 4.2666666667vw; height: 4.2666666667vw; margin-bottom: 3.2vw; } #under .outline .inner .outline_ttl { font-size: 8.5333333333vw; } #under .outline .inner .outline_ttl .sub_jp_ttl { font-size: 3.2vw; width: 32vw; margin-top: 4.2666666667vw; } #under #breadcrumb { padding-top: 4.2666666667vw; padding-bottom: 4.2666666667vw; } #under #breadcrumb ul { width: 89.3333333333vw; } #under #breadcrumb ul li { padding-left: 4.2666666667vw; padding-right: 4.2666666667vw; } #under .information_box { margin-bottom: 6.4vw; } #under .information_box .information_box_head { height: auto; } #under .information_box .information_box_head p { font-size: 4.8vw; padding: 0.75em; } #under .information_box .information_box_head .information_open_btn { right: 4.2666666667vw; } #under .information_box .information_box_head .information_open_btn::after { font-size: 3.2vw; } #under .information_box .information_inner { padding: 4.2666666667vw; } #under .information_box .information_inner dl { margin-bottom: 4.2666666667vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #under .information_box .information_inner dl dt { width: 100%; } #under .information_box .information_inner dl dd { width: 100%; } #under .information_box .information_inner dl:last-child { margin-bottom: 0; } #under .information_box .information_inner .location_box .location { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } #under .information_box .information_inner li { padding-left: 1em; text-indent: -1em; } #under #about .inner .about_item .ceo_box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0; } #under #about .inner .about_item .ceo_box .ceo_img { width: 89.3333333333vw; } #under #about .inner .about_item .ceo_box .message { margin-top: -9.6vw; } #under #about .inner .about_item .text_box .name strong { font-size: 4.2666666667vw; } #under #philosophy .inner .vision .back_deco_text, #under #philosophy .inner .secure .back_deco_text { font-size: 24vw; } #under #philosophy .inner .vision .h3_grad_ttl, #under #philosophy .inner .secure .h3_grad_ttl { font-size: 4.2666666667vw; margin-bottom: 6.4vw; } #under #philosophy .inner .vision .h3_grad_ttl .sub_jp_ttl, #under #philosophy .inner .secure .h3_grad_ttl .sub_jp_ttl { font-size: 3.2vw; margin-top: 1.0666666667vw; } #under #philosophy .inner .vision .text_box, #under #philosophy .inner .secure .text_box { text-align: left; } #under #philosophy .vision .back_deco_text { left: -8.5333333333vw; } #under #philosophy .secure .back_deco_text { right: -154.6666666667vw; } #under #summary .summary_box { padding-top: 6.4vw; } #under #summary .summary_box dl { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-top: 2.1333333333vw; padding-bottom: 2.1333333333vw; } #under #summary .summary_box dt { width: auto; } #under #recruitment .recruitment_outline_box { margin-bottom: 12.8vw; } #under #recruitment .recruitment_outline_box .message_box { margin-bottom: 14.9333333333vw; } #under #recruitment .recruitment_outline_box .message_box .copy_box .copy { font-size: 6.4vw; } #under #recruitment .recruitment_outline_box .message_box .copy_box .copy .blueGradText { font-size: 8.5333333333vw; } #under #recruitment .recruitment_outline_box .message_box .copy_box .recruitment_illust { width: 32vw; } #under #recruitment .contact_area { padding: 6.4vw; border-radius: 2.6666666667vw; -webkit-border-radius: 2.6666666667vw; -moz-border-radius: 2.6666666667vw; -ms-border-radius: 2.6666666667vw; -o-border-radius: 2.6666666667vw; } #under #recruitment .contact_area .h2_ttl { font-size: 4.8vw; margin-bottom: 3.2vw; } #under #recruitment .contact_area .grad_btn { width: 100%; } #under #partner_wanted { padding-top: 0 !important; } #under #partner_wanted .message_ttl { font-size: 4.8vw; } #under #agency .h3_ttl { font-size: 4.8vw; margin-bottom: 6.4vw; font-weight: 600; } #under #agency .agency_message_box { margin-bottom: 12.8vw; text-align: center; } #under #agency .agency_message_box .agency_wanted_illust { width: 42.6666666667vw; top: -34.6666666667vw; right: -12vw; } #under #agency .merit { margin-bottom: 9.6vw; } #under #agency .merit .flex_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #under #agency .merit .flex_container .merit_box { width: 100%; min-height: auto; padding: 6.4vw; border-radius: 2.6666666667vw; -webkit-border-radius: 2.6666666667vw; -moz-border-radius: 2.6666666667vw; -ms-border-radius: 2.6666666667vw; -o-border-radius: 2.6666666667vw; } #under #agency .merit .flex_container .merit_box .merit_number { width: 16vw; height: 16vw; margin-bottom: 6.4vw; } #under #agency .merit .flex_container .merit_box .merit_number .number { font-size: 7.4666666667vw; } #under #agency .merit .flex_container .merit_box .merit_number::before { width: 16vw; height: 16vw; } #under #agency .merit .flex_container .merit_box .merit_number::after { width: 15.4666666667vw; height: 15.4666666667vw; } #under #agency .merit .flex_container .merit_box .merit_illust { width: 100%; max-width: 100%; margin-bottom: 6.4vw; } #under #agency .merit .flex_container .merit_box:nth-of-type(2) .merit_illust, #under #agency .merit .flex_container .merit_box:nth-of-type(3) .merit_illust { max-height: 53.3333333333vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #under #agency .merit .flex_container .merit_box:nth-of-type(2) .merit_illust img, #under #agency .merit .flex_container .merit_box:nth-of-type(3) .merit_illust img { height: 53.3333333333vw; width: auto; } #under #agency .merit .flex_container .merit_box:last-child { margin-bottom: 0; } #under #agency .feature { margin-bottom: 12.8vw; } #under #agency .feature #feature_boxs .feature_box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-top: 1.0666666667vw; padding-bottom: 6.4vw; border-radius: 2.6666666667vw; -webkit-border-radius: 2.6666666667vw; -moz-border-radius: 2.6666666667vw; -ms-border-radius: 2.6666666667vw; -o-border-radius: 2.6666666667vw; } #under #agency .feature #feature_boxs .feature_box .feature_illust { max-width: 100%; width: 100%; height: auto; margin-right: 0; } #under #agency .feature #feature_boxs .feature_box p { font-size: 4.2666666667vw; text-align: center; max-width: 100%; } #under #installation .h3_ttl { font-size: 4.8vw; margin-bottom: 6.4vw; font-weight: 600; } #under #installation .installation_message_box { width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 12.8vw; } #under #installation .installation_message_box p { font-size: 3.7333333333vw; margin-left: auto; text-align: center; width: 100%; } #under #installation .installation_message_box .installation_wanted_illust { width: 42.6666666667vw; top: -34.6666666667vw; left: -17.6vw; } #under #installation .seek .h3_ttl { line-height: 1.3; } #under #installation .seek .h3_ttl::after { margin-top: 4.2666666667vw; margin-bottom: 4.2666666667vw; width: 13.6vw; border-width: 3.6vw 6.8vw 0 6.8vw; } #under #installation .seek .flex_container { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #under #installation .seek .flex_container .circle_box { width: 43.0666666667vw; height: 43.0666666667vw; margin-bottom: 3.75vw; } #under #installation .seek .flex_container .circle_box p { font-size: 5.3333333333vw; } #under #installation .pattern { margin-bottom: 9.6vw; } #under #installation .pattern .flex_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #under #installation .pattern .flex_container .pattern_box { width: 100%; margin-bottom: 6.4vw; padding: 6.4vw; border-radius: 2.6666666667vw; -webkit-border-radius: 2.6666666667vw; -moz-border-radius: 2.6666666667vw; -ms-border-radius: 2.6666666667vw; -o-border-radius: 2.6666666667vw; } #under #installation .pattern .flex_container .pattern_box .pattern_number { width: 16vw; height: 16vw; margin-bottom: 6.4vw; font-size: 7.4666666667vw; } #under #installation .pattern .flex_container .pattern_box .pattern_number .en { font-size: 2.6666666667vw; } #under #installation .pattern .flex_container .pattern_box .pattern_illust { width: 80%; height: 80%; margin-bottom: 6.4vw; } #under #installation .pattern .flex_container .pattern_box .h4_ttl { font-size: 4.2666666667vw; font-weight: 600; } #under #installation .pattern .flex_container .pattern_box:nth-child(3) { margin-bottom: 0; } #under #installation .pattern .flex_container .pattern_box:nth-child(3) .pattern_illust { width: 64%; } #under #installation .support { margin-bottom: 9.6vw; } #under #installation .support .h3_ttl { line-height: 1.3; } #under #installation .support .flex_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: auto; border-radius: 2.6666666667vw; -webkit-border-radius: 2.6666666667vw; -moz-border-radius: 2.6666666667vw; -ms-border-radius: 2.6666666667vw; -o-border-radius: 2.6666666667vw; } #under #installation .support .flex_container .support_img { width: 100%; padding: 0; } #under #installation .support .flex_container p { padding: 6.4vw; width: 100%; font-size: 4.2666666667vw; } #under #installation .training { margin-bottom: 9.6vw; } #under #installation .training .flex_container { border-radius: 2.6666666667vw; -webkit-border-radius: 2.6666666667vw; -moz-border-radius: 2.6666666667vw; -ms-border-radius: 2.6666666667vw; -o-border-radius: 2.6666666667vw; padding: 8.5333333333vw 6.4vw 6.4vw 6.4vw; } #under #installation .training .flex_container .training_label { width: 41.3333333333vw; height: 7.4666666667vw; border-radius: 8vw; -webkit-border-radius: 8vw; -moz-border-radius: 8vw; -ms-border-radius: 8vw; -o-border-radius: 8vw; font-size: 6.4vw; top: -3.7333333333vw; } #under #installation .training .flex_container p { text-align: left; } #under #installation .training .flex_container .training_inner { margin-top: 3.2vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 4.8vw; border-radius: 2.6666666667vw; -webkit-border-radius: 2.6666666667vw; -moz-border-radius: 2.6666666667vw; -ms-border-radius: 2.6666666667vw; -o-border-radius: 2.6666666667vw; } #under #installation .training .flex_container .training_inner .training_illust { width: 100%; } #under #installation .training .flex_container .training_inner .training_list_boxes { width: 100%; padding-top: 0; } #under #installation .training .flex_container .training_inner .training_list_boxes .training_list_box li { text-indent: -1.8em; padding-left: 1.8em; } #under #installation .training .flex_container .training_inner .training_list_boxes .training_list_box li::before { position: relative; top: 0.8vw; margin-right: 1.8666666667vw; } #under #installation .training .flex_container .training_inner .training_list_boxes .training_after_img { width: 16vw; margin-bottom: 3.2vw; } #under #installation .relief { margin-bottom: 9.6vw; } #under #installation .relief .flex_container .relief_point_boxes { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: -16vw; } #under #installation .relief .flex_container .relief_point_boxes .point_box { height: auto; width: 73.3333333333vw; border-radius: 2.6666666667vw; -webkit-border-radius: 2.6666666667vw; -moz-border-radius: 2.6666666667vw; -ms-border-radius: 2.6666666667vw; -o-border-radius: 2.6666666667vw; padding: 4.2666666667vw; margin-bottom: 6.4vw; } #under #installation .relief .flex_container .relief_point_boxes .point_box .h4_ttl { font-size: 4.2666666667vw; } #under #installation .relief .flex_container .relief_point_boxes .point_box:last-child { margin-bottom: 0; } #under #contract .flex_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #under #contract .flex_container .contract_flow { width: 100%; height: auto; padding: 6.4vw; margin-bottom: 12.8vw; border-radius: 2.6666666667vw; -webkit-border-radius: 2.6666666667vw; -moz-border-radius: 2.6666666667vw; -ms-border-radius: 2.6666666667vw; -o-border-radius: 2.6666666667vw; } #under #contract .flex_container .contract_flow .h4_ttl { font-size: 6.4vw; margin-bottom: 3.2vw; } #under #contract .flex_container .contract_flow .contract_illust { width: 64vw; height: auto; } #under #contract .flex_container .contract_flow div, #under #contract .flex_container .contract_flow p { width: 100%; } #under #contract .flex_container .contract_flow:last-child { margin-bottom: 0; } #under #contract .flex_container .contract_flow::after { top: auto; transform: translateY(0) translatex(-50%); -webkit-transform: translateY(0) translatex(-50%); -moz-transform: translateY(0) translatex(-50%); -ms-transform: translateY(0) translatex(-50%); -o-transform: translateY(0) translatex(-50%); bottom: -11.4666666667vw; left: 50%; right: auto; border-width: 36px 22px 0 22px; border-color: #3d639f transparent transparent transparent; } #under #contract .contact_area { padding: 6.4vw; border-radius: 2.6666666667vw; -webkit-border-radius: 2.6666666667vw; -moz-border-radius: 2.6666666667vw; -ms-border-radius: 2.6666666667vw; -o-border-radius: 2.6666666667vw; } #under #contract .contact_area .h2_ttl { font-size: 4.8vw; margin-bottom: 3.2vw; } #under #contract .contact_area .grad_btn { width: 100%; } #under #partner_wanted .partner_wanted_img { margin-bottom: 6.4vw; } #under #development .inner { width: 100vw; } #under #development .development_box { margin-right: 3.2vw; margin-left: 3.2vw; padding-top: 6.4vw; padding-bottom: 6.4vw; border-radius: 2.6666666667vw; -webkit-border-radius: 2.6666666667vw; -moz-border-radius: 2.6666666667vw; -ms-border-radius: 2.6666666667vw; -o-border-radius: 2.6666666667vw; } #under #development .development_box .h3_ttl { font-size: 5.3333333333vw; margin-bottom: 2.1333333333vw; margin-left: 3.2vw; } #under #development .development_box .development_logo { margin-left: 3.2vw; height: 6.4vw; margin-bottom: 2.1333333333vw; } #under #development .development_box .development_img { width: 61.3333333333vw; margin-bottom: 4.2666666667vw; } #under #development .development_box .more { margin-left: 3.2vw; } #under #service_type .flex_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: -8.5333333333vw; } #under #service_type .flex_container .service_type_box { margin-left: auto; margin-right: auto; margin-bottom: 8.5333333333vw; width: 100%; } #under #service_type .flex_container .service_type_box .service_type_box_inner { border-radius: 2.6666666667vw; -webkit-border-radius: 2.6666666667vw; -moz-border-radius: 2.6666666667vw; -ms-border-radius: 2.6666666667vw; -o-border-radius: 2.6666666667vw; padding: 9.0666666667vw 3.2vw 3.2vw 3.2vw; min-height: initial; margin-bottom: 3.2vw; } #under #service_type .flex_container .service_type_box .service_type_box_inner .service_type_logo { height: 9.6vw; margin-bottom: 9.6vw; } #under #service_type .flex_container .service_type_box .service_type_box_inner .h3_ttl { font-size: 6.4vw; text-align: center; width: auto; margin-bottom: 3.2vw; } #under #service_type .flex_container .service_type_box .service_type_box_inner .h3_ttl .sub_jp_ttl { font-size: 3.2vw; } #under #product .h3_ttl { font-size: 4.8vw; line-height: 1.5; } #under #product .flex_container .product_child .flex_container { margin-left: 0; margin-right: 0; margin-bottom: -4.2666666667vw; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #under #product .flex_container .product_child .flex_container .product_item_box { margin-left: 0; margin-right: 0; margin-bottom: 4.2666666667vw; width: 42.5333333333vw; } #under #product .flex_container .product_child .main_products_info_wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 6.4vw; padding: 6.4vw; } #under #product .flex_container .product_child .main_products_info_wrapper .main_products_info_ttl { width: 38.4vw; height: 38.4vw; margin-bottom: 6.4vw; font-size: 4.2666666667vw; } #under #product .flex_container .product_child .main_products_info_wrapper .text_box { width: 100%; } #under #product .flex_container .product_child .main_products_info_wrapper .text_box .h4_ttl { font-size: 4.2666666667vw; margin-bottom: 3.2vw; } #under #product .flex_container .partner_wanted_img { margin-bottom: 6.4vw; } #under #product .flex_container .text_box { text-align: start; margin-bottom: 6.4vw; } #under #news #latest_inner .flex_container { margin-bottom: 2.1333333333vw; } #under #news #latest_inner .news_ttl { font-size: 4.2666666667vw; padding-bottom: 2.1333333333vw; margin-bottom: 4.2666666667vw; } #under #myPage_logIn .flex_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #under #myPage_logIn .flex_container .myPage_logInBtn { width: 100%; padding: 9.6vw 3.2vw; margin-bottom: 4.2666666667vw; border-radius: 2.6666666667vw; -webkit-border-radius: 2.6666666667vw; -moz-border-radius: 2.6666666667vw; -ms-border-radius: 2.6666666667vw; -o-border-radius: 2.6666666667vw; } #under #myPage_logIn .flex_container .myPage_logInBtn img { height: 12.8vw; width: auto; } #under .myPage_logIn_text { margin-bottom: 6.4vw; } #under #myPage_apn_set .content_box { padding: 6.4vw; } #under #myPage_apn_set .content_box .myPage_h3_ttl { width: 64%; margin-bottom: 6.4vw; } #under #myPage_apn_set .content_box .flex_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #under #myPage_apn_set .content_box .flex_container .apn_set_link { width: 100%; font-size: 4.2666666667vw; padding: 2.1333333333vw; margin-bottom: 6.4vw; } #under #myPage_apn_set .content_box .flex_container .apn_set_link:last-child { margin-bottom: 0; } #under #news_info .news_inner { width: 89.3333333333vw; padding: 5.8666666667vw; margin-bottom: 6.4vw; } #under #news_info .news_inner .flex_container { margin-bottom: 2.1333333333vw; } #under #news_info .news_inner .news_date { min-width: 29.3333333333vw; margin-right: 2.1333333333vw; font-size: 3.7333333333vw; } #under #news_info .news_inner .news_text { margin-right: 3.2vw; width: 14.9333333333vw; height: 4.8vw; font-size: 3.2vw; } #under #news_info .news_inner .news_ttl { font-size: 4.2666666667vw !important; padding-bottom: 2.1333333333vw; margin-bottom: 4.2666666667vw; } #under #news_info .nav-links { font-size: 3.7333333333vw; } #under #privacy_policy_outline .inner .outline_ttl .sub_jp_ttl { width: 21.3333333333vw; } #under #privacy_policy { background: #e8f9ff; } #under #privacy_policy .content_wrapper { margin-bottom: 6.4vw; } #under #privacy_policy .content_wrapper .h3_content_ttl { font-size: 6.4vw; margin-bottom: 4.2666666667vw; border-left: solid 0.5333333333vw #3d639f; } #under #contact-form .c_form_box { width: 100%; } #under #contact-form .c_form_box .flex_container, #under #contact-form .c_form_box .form_item_text_area { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 6.4vw; } #under #contact-form .c_form_box .flex_container dt, #under #contact-form .c_form_box .form_item_text_area dt { font-size: 3.7333333333vw; width: auto; margin-bottom: 2.1333333333vw; } #under #contact-form .c_form_box .flex_container dt .must, #under #contact-form .c_form_box .flex_container dt .optional, #under #contact-form .c_form_box .form_item_text_area dt .must, #under #contact-form .c_form_box .form_item_text_area dt .optional { position: relative; margin-left: 0.5em; padding: 0.2em 0.4em; height: auto; width: auto; font-size: 3.2vw; } #under #contact-form .c_form_box .flex_container dd, #under #contact-form .c_form_box .form_item_text_area dd { width: 100%; font-size: 3.2vw; } #under #contact-form .c_form_box .flex_container dd textarea, #under #contact-form .c_form_box .form_item_text_area dd textarea { width: 100%; height: 32vw; border-radius: 2.6666666667vw; -webkit-border-radius: 2.6666666667vw; -moz-border-radius: 2.6666666667vw; -ms-border-radius: 2.6666666667vw; -o-border-radius: 2.6666666667vw; font-size: 3.7333333333vw; padding: 4.2666666667vw; } #under #contact-form .c_form_box .flex_container dd input, #under #contact-form .c_form_box .form_item_text_area dd input { font-size: 3.7333333333vw; padding: 1em; border-radius: 2.6666666667vw; -webkit-border-radius: 2.6666666667vw; -moz-border-radius: 2.6666666667vw; -ms-border-radius: 2.6666666667vw; -o-border-radius: 2.6666666667vw; } #under #contact-form .inner #entry .flex_container dt { font-size: 3.7333333333vw; width: auto !important; margin-bottom: 2.1333333333vw; } #under #contact-form .inner #entry .flex_container dt .must, #under #contact-form .inner #entry .flex_container dt .optional { position: relative; margin-left: 0.5em; padding: 0.2em 0.4em; height: auto; width: auto; font-size: 3.2vw; } #under #contact-form .inner #entry .flex_container dd { width: 100% !important; font-size: 3.2vw; } #under #contact-form .inner #entry .flex_container dd textarea { width: 100%; height: 32vw; } #under #contact-form .inner #entry .flex_container dd input { font-size: 3.7333333333vw; padding: 1em; border-radius: 2.6666666667vw; -webkit-border-radius: 2.6666666667vw; -moz-border-radius: 2.6666666667vw; -ms-border-radius: 2.6666666667vw; -o-border-radius: 2.6666666667vw; } #under #contact-form .inner #entry .flex_container .select_industry { font-size: 3.7333333333vw; } #under #contact-form .inner #entry .flex_container .select_industry label select { font-size: 3.7333333333vw; padding: 1em; width: 100% !important; border-radius: 2.6666666667vw; -webkit-border-radius: 2.6666666667vw; -moz-border-radius: 2.6666666667vw; -ms-border-radius: 2.6666666667vw; -o-border-radius: 2.6666666667vw; } #under #contact-form .inner #entry .flex_container .select_industry::before { height: 100%; width: 12.8vw; border-radius: 0 2.6666666667vw 2.6666666667vw 0; -webkit-border-radius: 0 2.6666666667vw 2.6666666667vw 0; -moz-border-radius: 0 2.6666666667vw 2.6666666667vw 0; -ms-border-radius: 0 2.6666666667vw 2.6666666667vw 0; -o-border-radius: 0 2.6666666667vw 2.6666666667vw 0; } #under #contact-form .inner #entry .flex_container .select_industry::after { right: 1.3em; } #under #contact-form .inner #entry .form_item_text_area dt { width: auto !important; } #under #contact-form .inner #entry .form_item_text_area dd { width: 100% !important; } #under #contact-form .form_privacy { font-size: 3.7333333333vw; } #under #contact-form #form_btn .grad_btn_inner::after { position: absolute; content: "確認画面へ"; font-size: 3.7333333333vw; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); background: -webkit-linear-gradient(335.453deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); background: linear-gradient(114.547195084deg, rgb(0, 170, 235) 18.965191091%, rgb(0, 169, 234) 18.965191091%, rgb(30, 69, 132) 81.5656527873%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #under #contact-form #form_btn .grad_btn_inner:active::after { z-index: 5; position: absolute; content: "確認画面へ"; color: #fff; background: transparent; -webkit-background-clip: text; -webkit-text-fill-color: #fff; } #under #contact-form #form_btn .form-submit { z-index: 3; appearance: none; background: transparent; color: transparent; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; display: block; width: 100%; height: 100%; font-size: 3.7333333333vw; } #under #contact-form .prev_btn { width: 100%; height: 48px; margin-right: 0; border-radius: 6.6666666667vw; -webkit-border-radius: 6.6666666667vw; -moz-border-radius: 6.6666666667vw; -ms-border-radius: 6.6666666667vw; -o-border-radius: 6.6666666667vw; font-size: 3.7333333333vw; } #under #contact-form #confirm #form_btn .grad_btn_inner::after { content: "送信する" !important; } #under #p_item_info .h5_ttl { margin-bottom: 4.2666666667vw; font-size: 4.2666666667vw; } #under #p_item_info .pc_s-column .text_box { margin-bottom: 8.5333333333vw; } #under #p_item_info .pc_s-column > div { margin-bottom: 6.4vw; } #under #p_item_info .pc_s-column > div:last-child { margin-bottom: 0; } #under #p_item_info #p_item_head .flex_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #under #p_item_info #p_item_head .flex_container .text_box { width: 100%; margin-bottom: 6.4vw; } #under #p_item_info #p_item_head .flex_container .text_box .p_item_h3_ttl { margin-bottom: 6.4vw; } #under #p_item_info #p_item_head .flex_container .text_box .p_item_h3_ttl .p_item_sub_ttl { margin-bottom: 4.2666666667vw; font-size: 3.7333333333vw; } #under #p_item_info #p_item_head .flex_container .p_item_img { width: 100%; } #under #p_item_info #p_item_info_wrapper { background: #fff; } #under #p_item_info #p_item_info_wrapper .section_wrapper { margin-bottom: 12.8vw; } #under #p_item_info #p_item_info_wrapper .section_wrapper .h4_ttl { font-size: 5.3333333333vw; margin-bottom: 6.4vw; line-height: 1.5; } #under #p_item_info #p_item_info_wrapper .section_wrapper .p_item_img_box { margin-top: 6.4vw; } #under #p_item_info #p_item_info_wrapper .section_wrapper .pc_two-column > div { width: 100%; } #under #p_item_info #p_item_info_wrapper .section_wrapper .pc_two-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #under #p_item_info #p_item_info_wrapper .section_wrapper .pc_two-column .pc_two-column_box { margin-bottom: 6.4vw; } #under #p_item_info #p_item_info_wrapper .section_wrapper .pc_two-column .pc_two-column_box:last-child { margin-bottom: 0; } #under #p_item_info #p_item_info_wrapper .section_wrapper .pc_three-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #under #p_item_info #p_item_info_wrapper .section_wrapper .pc_three-column .pc_three-column_box { width: 100%; padding: 4.2666666667vw; margin-bottom: 6.4vw; } #under #p_item_info #p_item_info_wrapper .section_wrapper .pc_three-column .pc_three-column_box .text_box .h5_ttl { font-size: 5.3333333333vw; margin-bottom: 6.4vw; } #under #p_item_info #p_item_info_wrapper .section_wrapper .pc_three-column .pc_three-column_box:last-child { margin-bottom: 0; } #under #p_item_info #p_item_info_wrapper .section_wrapper .item_point_box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; margin-bottom: 8.5333333333vw; } #under #p_item_info #p_item_info_wrapper .section_wrapper .item_point_box .item_point_icon_box { width: 40%; margin-right: 0; margin-bottom: 6.4vw; } #under #p_item_info #p_item_info_wrapper .section_wrapper .item_point_box .text_box { width: 100%; margin-bottom: 0; } #under #p_item_info #p_item_info_wrapper .section_wrapper .item_point_box .text_box .h5_ttl { font-size: 4.2666666667vw; text-align: center; margin-bottom: 6.4vw; } #under #p_item_info #p_item_info_wrapper .section_wrapper .item_point_info { padding: 4.2666666667vw 6.4vw; text-align: left; margin-bottom: 6.4vw; } #under #p_item_info #p_item_info_wrapper .section_wrapper .item_point_info img { display: block; margin-top: 4.2666666667vw; } #under #p_item_info #p_item_info_wrapper .section_wrapper:last-child { margin-bottom: 0; } #under #p_item_info #p_item_info_wrapper #zd_info .flex_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 6.4vw; } #under #p_item_info #p_item_info_wrapper #zd_info dt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 4.2666666667vw; } #under #p_item_info #p_item_info_wrapper #zd_info dt .text_box { width: 100%; margin-bottom: 0; padding: 0; } #under #p_item_info #p_item_info_wrapper #zd_info dt .zd_tt_img { width: 40%; } #under #p_item_info #p_item_info_wrapper #zd_info dt .h5_ttl { font-size: 5.3333333333vw; text-align: center; margin-top: 2.1333333333vw; margin-bottom: 2.1333333333vw; } #under #p_item_info #p_item_info_wrapper #zd_info dd { width: 100%; padding: 4.2666666667vw; border-left: solid 1px #707070; border-bottom: solid 1px #707070; } #under #p_item_info #p_item_info_wrapper .sp_fdc { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } #under #p_item_info #zrg_role > .pc_two-column_box { padding: 6.4vw; } #under #dzm_wrapper { background: #fff; } #under #dzm_wrapper .h2_content_ttl { line-height: 1.5; } #under #dzm_wrapper #dzm_fv .dzm_h1_ttl { width: 74.6666666667vw; margin-bottom: 12.8vw; } #under #dzm_wrapper #dzm_point .h2_content_ttl { line-height: 1; } #under #dzm_wrapper #dzm_point #dzm_point_flex { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -6.4vw; } #under #dzm_wrapper #dzm_point #dzm_point_flex .dzm_point_box { width: 43.0666666667vw; height: auto; margin-bottom: 6.4vw; } #under #dzm_wrapper #dzm_point #dzm_point_flex .dzm_point_box .point_h3_ttl { font-size: 4.2666666667vw; height: 8.5333333333vw; } #under #dzm_wrapper #dzm_point #dzm_point_flex .dzm_point_box .under_block { height: 42.6666666667vw; } #under #dzm_wrapper #dzm_point #dzm_point_flex .dzm_point_box .under_block .img_box { width: 25.6vw; } #under #dzm_wrapper #dzm_point #dzm_point_flex .dzm_point_box .under_block p { font-size: 3.7333333333vw; } #under #dzm_wrapper #dzm_point #dzm_point_flex .dzm_point_box .under_block .tax { font-size: 3.2vw; } #under #dzm_wrapper #dzm_plan .h2_content_ttl .sub_ttl { font-size: 3.2vw; margin-bottom: 2.1333333333vw; } #under #dzm_wrapper #dzm_plan .h2_content_ttl .sub_ttl::before, #under #dzm_wrapper #dzm_plan .h2_content_ttl .sub_ttl::after { width: 3.7333333333vw; top: -1.0666666667vw; } #under #dzm_wrapper #dzm_plan .table_scroll { overflow-x: auto !important; padding-bottom: 4.2666666667vw; } #under #dzm_wrapper #dzm_plan .annotation { font-size: 3.2vw; } #under #dzm_wrapper #dzm_plan .option_ttl_box { margin-top: 4.2666666667vw; margin-bottom: 4.2666666667vw; } #under #dzm_wrapper #dzm_plan .option_ttl_box .plus_icon { width: 10.6666666667vw; } #under #dzm_wrapper #dzm_plan .option_ttl_box .option_h3_ttl { font-size: 5.3333333333vw; } #under #dzm_wrapper #dzm_plan .dzm_option_text_box { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } #under #dzm_wrapper #dzm_plan .dzm_option_text_box > p { font-size: 4.2666666667vw; margin-left: 0; } #under #dzm_wrapper #dzm_plan .dzm_plan_box { width: 120vw !important; } #under #dzm_wrapper #dzm_plan .dzm_plan_box .dzm_plan_head { font-size: 4.2666666667vw; } #under #dzm_wrapper #dzm_plan .dzm_plan_box td { width: auto !important; padding: 3.2vw; font-size: 3.7333333333vw; } #under #dzm_wrapper #dzm_plan .dzm_plan_box .tax { font-size: 3.2vw; } #under #dzm_wrapper #dzm_plan .dzm_plan_box .dzm_plan_cost { width: 43% !important; } #under #dzm_wrapper #recommend_plan .flex_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #under #dzm_wrapper #recommend_plan .flex_container .recommend_plan_box { height: auto !important; width: 64vw !important; margin-bottom: 6.4vw; } #under #dzm_wrapper #good_deal .good_deal_box { border-radius: 1.3333333333vw; -webkit-border-radius: 1.3333333333vw; -moz-border-radius: 1.3333333333vw; -ms-border-radius: 1.3333333333vw; -o-border-radius: 1.3333333333vw; } #under #dzm_wrapper #good_deal .good_deal_box .h2_good_deal_ttl { font-size: 4.8vw; line-height: 1.3; } #under #dzm_wrapper #good_deal .good_deal_box .text_box { padding: 6.4vw; } #under #dzm_wrapper #good_deal .good_deal_box .text_box .flex_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #under #dzm_wrapper #good_deal .good_deal_box .text_box .flex_container .circle { margin-right: auto; margin-left: auto; width: 36.2666666667vw; height: 36.2666666667vw; margin-bottom: 4.2666666667vw; } #under #dzm_wrapper #good_deal .good_deal_box .text_box .flex_container .comparison .comparison_before { font-size: 3.7333333333vw; } #under #dzm_wrapper #good_deal .good_deal_box .text_box .flex_container .comparison .comparison_before .tax { font-size: 3.2vw; } #under #dzm_wrapper #good_deal .good_deal_box .text_box .flex_container .comparison .comparison_before::after { border-left: 8.5333333333vw solid transparent; border-right: 8.5333333333vw solid transparent; border-top: 4.2666666667vw solid #bd3c35; } #under #dzm_wrapper #good_deal .good_deal_box .text_box .flex_container .comparison .comparison_after { font-size: 12.8vw; } #under #dzm_wrapper #good_deal .good_deal_box .text_box .flex_container .comparison .comparison_after .after_small { font-size: 4.2666666667vw; } #under #dzm_wrapper #good_deal .good_deal_box .text_box .comparison_year { font-size: 3.7333333333vw; margin-top: 6.4vw; } #under #dzm_wrapper #good_deal .good_deal_box .text_box .comparison_year .strong_price { font-size: 7.4666666667vw; } #under #dzm_wrapper #comparison .table_scroll { overflow-x: auto !important; padding-bottom: 4.2666666667vw; } #under #dzm_wrapper #comparison .comparison_box { width: 181.3333333333vw; font-size: 3.7333333333vw; } #under #dzm_wrapper #comparison .comparison_box .comparison_head { font-size: 4.2666666667vw; } #under #dzm_wrapper #comparison .comparison_box .carrier { width: 32vw; } #under #dzm_wrapper #comparison .comparison_box .unlimited { width: 85.3333333333vw; } #under #dzm_wrapper #comparison .comparison_box tr td { padding-top: 6.4vw; padding-bottom: 6.4vw; } #under #dzm_wrapper #comparison .comparison_box tr td .small_text { font-size: 3.2vw; } #under #dzm_wrapper #comparison .comparison_box tr td .very_small_text { font-size: 3.2vw; } #under #dzm_wrapper #comparison .comparison_box .carrier { font-size: 4.2666666667vw; } #under #dzm_wrapper #comparison .comparison_box .unlimited { font-size: 3.7333333333vw; } #under #dzm_wrapper #comparison .comparison_box .unlimited .unlimited_flex .unlimited_time .unlimited_time_annotation { font-size: 3.2vw; } #under #dzm_wrapper #use_example .flex_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #under #dzm_wrapper #use_example .flex_container .use_example_box { width: 100%; margin-bottom: 6.4vw; } #under #dzm_wrapper #use_example .flex_container .use_example_box .use_example_h3_ttl { font-size: 4.2666666667vw; } #under #dzm_wrapper #use_example .flex_container .use_example_box .use_example_box_flex > div > img { height: 21.3333333333vw; } #under #dzm_wrapper #use_example .flex_container .use_example_box .use_example_box_flex .use_example_h4_ttl { font-size: 3.7333333333vw; } #under #dzm_wrapper #document .flex_container .document_box a { font-size: 3.7333333333vw; } #under #apn_setting .drawer_box .ttl_large { padding: 4.2666666667vw 6.4vw; font-size: 4.2666666667vw; } #under #apn_setting .drawer_box .ttl_large .process_no { width: 12.8vw; height: 12.8vw; font-size: 4.2666666667vw; margin-right: 4.2666666667vw; } #under #apn_setting .drawer_box .ttl_large .process_no .process_mini_text { font-size: 3.2vw; } #under #apn_setting .drawer_box .drawer_open_btn::after { right: 6.4vw; } #under #apn_setting .drawer_box .ex_block { padding: 6.4vw 4.2666666667vw; } #under #apn_setting .drawer_box .ex_block .ttl_middle { font-size: 4.2666666667vw; } #under #apn_setting .drawer_box .ex_block .apn_qr { width: 32vw; margin-top: 6.4vw; margin-bottom: 6.4vw; } #under #apn_setting .drawer_box ul > .flex_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 12.8vw 6.4vw; } #under #apn_setting .drawer_box ul > .flex_container .text_box { width: 100%; margin-bottom: 6.4vw; } #under #apn_setting .drawer_box ul > .flex_container > div { padding: 0; } #under #apn_setting .drawer_box ul > .flex_container > div .l_number { width: 8.5333333333vw; height: 8.5333333333vw; margin-bottom: 6.4vw; margin-left: auto; margin-right: auto; } #under #apn_setting .drawer_box ul > .flex_container > div .small_text { font-size: 3.2vw; padding-left: 0; } #under #apn_setting .drawer_box ul > .flex_container > div .small_text p { padding-left: 1em; } #under #apn_setting .drawer_box ul > .flex_container > div .small_text p:first-child { margin-left: 0; } #under #apn_setting .drawer_box ul > .flex_container > div .img_box { width: 100%; } #under #apn_setting .drawer_box ul > .flex_container > div .table { width: 100%; margin-top: 4.2666666667vw; margin-bottom: 8.5333333333vw; } #under #apn_setting .drawer_box ul > .flex_container > div .table tr th { padding: 2.1333333333vw; } #under #apn_setting .drawer_box ul > .flex_container > div .table tr td { padding: 2.1333333333vw; } #under #apn_setting .drawer_box ul > li::after { bottom: -2.6666666667vw; border-style: solid; border-width: 5.3333333333vw 10.1333333333vw 0 10.1333333333vw; border-color: #3d639f transparent transparent transparent; } #under #wr_wrapper .h3_ta_center_ttl { font-size: 4.8vw; margin-bottom: 6.4vw; margin-top: 6.4vw; } #under #wr_wrapper .pc_two-column > div { width: 100%; margin-bottom: 6.4vw; } #under #wr_wrapper #wr_fv .wr_h1_ttl { width: 74.6666666667vw; margin-bottom: 12.8vw; } #under #wr_wrapper #wr_fv #wr_fv_img_box { margin-left: -5.3333333333vw; } #under #wr_wrapper #wr_f_block .flex_container { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #under #wr_wrapper #wr_f_block .pc_two-column > div:first-child { margin-bottom: 0; } #under #wr_wrapper #wr_feature .pc_three-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #under #wr_wrapper #wr_feature .pc_three-column .pc_three-column_box { width: 100%; margin-bottom: 6.4vw; padding: 6.4vw; } #under #wr_wrapper #wr_feature .pc_three-column .pc_three-column_box:last-child { margin-bottom: 0; } #under #wr_wrapper #wr_function .function_box { margin-bottom: 12.8vw; } #under #wr_wrapper #wr_function .h3_ta_block_ttl { font-size: 4.8vw; margin-bottom: 6.4vw; } #under #service_contact .s_contact_add_box .telephone_no { font-size: 6.4vw; margin-bottom: 2.1333333333vw; } #under #service_contact .s_contact_add_box .s_contact_btn { width: 100%; margin-top: 4.2666666667vw; } #under #service_contact .s_contact_add_box .s_contact_btn .s_contact_link { font-size: 4.2666666667vw; } }/*# sourceMappingURL=style.css.map */