.version.index{color:#0000FA;background-color:#526E6E;}#page{z-index:1;min-height:7592px;background-image:none;border-width:0px;border-color:#000000;background-color:transparent;width:100%;max-width:980px;;margin-left:auto;margin-right:auto;} #u856{z-index:2;height:100px;position:fixed;top:0px;} #u856-bw{z-index:2;} #ppu1701-3{z-index:0;margin-right:-10000px;margin-top:24px;width:100%;} #pu1701-3{z-index:258;width:88.91%;left:0%;margin-left:7.04%;} #u1701-3{z-index:258;min-height:56px;box-shadow:2px 0px 5px rgba(127,127,127,0.5);background:-webkit-gradient(linear, left center, right center, from(#015CAF),color-stop(100%, #0C3461));background:-webkit-linear-gradient(left,#015CAF ,#0C3461 100%);background:linear-gradient(to right,#015CAF ,#0C3461 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF015CAF, endColorstr=#FF0C3461, GradientType=1);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF015CAF', endColorstr='#FF0C3461', GradientType=1)";border-color:#2E3192;border-radius:34px;letter-spacing:2px;text-align:center;font-size:22px;line-height:48px;color:#FFFFFF;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative;margin-right:-10000px;margin-top:6px;width:13.6%;left:86.41%;} #u1702-4{z-index:261;width:110px;background-color:transparent;text-align:left;font-size:12px;line-height:21px;color:#FFFFFF;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative;margin-right:-10000px;margin-top:23px;left:91.98%;} #u1703{z-index:265;background-color:transparent;position:relative;margin-right:-10000px;margin-top:28px;width:1.18%;left:89.64%;}#u1705{z-index:267;background-color:transparent;position:relative;margin-right:-10000px;width:12.6%;} #u1696-4{z-index:238;width:154px;background-color:transparent;font-size:12px;line-height:21px;color:#000000;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative;margin-right:-10000px;margin-top:22px;left:45.64%;} #u1697-4{z-index:242;width:88px;background-color:transparent;font-size:12px;line-height:21px;color:#000000;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative;margin-right:-10000px;margin-top:22px;left:57.36%;} #u1698-4{z-index:246;width:88px;background-color:transparent;font-size:12px;line-height:21px;color:#000000;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative;margin-right:-10000px;margin-top:22px;left:64.97%;} #u1699-4{z-index:250;width:88px;background-color:transparent;font-size:12px;line-height:21px;color:#000000;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative;margin-right:-10000px;margin-top:22px;left:72.59%;} #u1700-4{z-index:254;width:88px;background-color:transparent;font-size:12px;line-height:21px;color:#000000;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative;margin-right:-10000px;margin-top:22px;left:80.2%;} #pu901{z-index:3;margin-top:3px;width:100%;} #u901{z-index:3;position:relative;margin-right:-10000px;margin-top:130px;width:100%;left:0%;margin-left:0%;}.ie #u901{background-color:#FFFFFF;opacity:0.01;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);left:0%;margin-left:0%;} #u914{z-index:4;background-color:transparent;position:relative;margin-right:-10000px;margin-top:870px;width:3.13%;left:48.44%;margin-left:0%;} #u939{z-index:6;position:relative;margin-right:-10000px;width:100%;margin-left:0%;left:0px;}#u939 .fluid_height_spacer{padding-bottom:51.041666666666664%;} #pu945{z-index:7;width:100%;} /* モバイル向けスタイル（600px以下） */ @media screen and (max-width: 600px) { #u982-4 p { font-size: 12px; margin-bottom: 18px; } .news-item p { font-size: 14px; line-height: 1.5; padding: 10px; } #u983 { margin-bottom: 18px; } #u976-2, #u977-2, #u978-2 { padding: 10px; } } #u945{z-index:7;position:relative;margin-right:-10000px;width:100%;margin-left:0%;left:0px;}#u945 .fluid_height_spacer{padding-bottom:32.1875%;} #u976-4{z-index:15;min-height:28px;background-color:transparent;text-align:left;font-size:12px;line-height:21px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative;margin-right:-10000px;margin-top:215px;width:56.88%;left:21.57%;margin-left:0%;} #u977-4{z-index:19;min-height:28px;background-color:transparent;text-align:left;font-size:12px;line-height:21px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative;margin-right:-10000px;margin-top:297px;width:56.88%;left:21.57%;margin-left:0%;} #u978-4{z-index:23;min-height:28px;background-color:transparent;text-align:left;font-size:12px;line-height:21px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative;margin-right:-10000px;margin-top:380px;width:56.88%;left:21.57%;margin-left:0%;} #u976-2,#u977-2,#u978-2{padding-left:30px;} #u979{z-index:27;height:1px;background-color:#B8B6C2;position:relative;margin-right:-10000px;margin-top:269px;width:56.88%;left:21.57%;margin-left:0%;} #u980{z-index:28;height:1px;background-color:#B8B6C2;position:relative;margin-right:-10000px;margin-top:352px;width:56.88%;left:21.57%;margin-left:0%;} #u981{z-index:29;height:1px;background-color:#B8B6C2;position:relative;margin-right:-10000px;margin-top:442px;width:56.88%;left:21.57%;margin-left:0%;} #u982-4{z-index:30;min-height:38px;background-color:transparent;text-align:center;font-size:18px;line-height:32px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative;margin-right:-10000px;margin-top:127px;width:10.42%;left:44.8%;margin-left:0%;} #u983{z-index:34;background-color:transparent;position:relative;margin-right:-10000px;margin-top:77px;width:2.4%;left:48.81%;margin-left:0%;} #pu1004{z-index:14;margin-top:-1px;width:100%;} #u1004{z-index:14;position:relative;margin-right:-10000px;width:100%;margin-left:0%;left:0px;}.ie #u939,.ie #u945,.ie #u1004{background-color:#FFFFFF;opacity:0.01;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);margin-left:50%;left:-960px;} #u1007{z-index:14;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);position:relative;margin-right:-10000px;width:100%;left:0%;margin-left:0%;background:transparent url("../images/img-about1.png?crc=137769960") no-repeat center bottom;background-size:cover;} #u901 .fluid_height_spacer,#u1004 .fluid_height_spacer,#u1007 .fluid_height_spacer{padding-bottom:41.66666666666667%;} #u1008{z-index:37;min-height:27px;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);padding-bottom:95px;background:transparent url("../images/img-curve.png?crc=166953405") no-repeat center top;} #about{position:relative;margin-right:-10000px;width:22px;margin-top:9px;left:48.81%;}.js body{visibility:hidden;}.js body.initialized{visibility:visible;} #u1008-bw{z-index:37;min-height:27px;left:0px;margin-left:0px;} #u1009{z-index:38;background-color:transparent;position:relative;margin-right:-10000px;margin-top:120px;width:2.4%;left:48.81%;margin-left:0%;} #u1011-4{ z-index:40; background-color:transparent; text-align:center; font-size:14px; line-height:35px; color:#FFFFFF; font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative;margin-right:-10000px;margin-top:199px;width:39.9%;left:29.59%;margin-left:0%;} #u1012-4{z-index:44;background-color:transparent;text-align:center;font-size:16px;color:#FFFFFF;letter-spacing:6px;line-height:28px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:normal;position:relative;margin-right:-10000px;margin-top:153px;width:15.37%;left:42.35%;margin-left:0%; } .background-section { position: relative; /* 背景セクションのpositionをrelativeに設定 */ z-index: 1; /* メニューよりも後ろに表示されるように設定 */ } /*--サービス--*/ #pu1029{z-index:8;width:100%;} #u1029{z-index:8;background-color:#FFFFFF;position:relative;margin-right:-10000px;width:100%;margin-left:0%;left:0px;}#u1029 .fluid_height_spacer{padding-bottom:60.26041666666667%;} #u1034{z-index:48;box-shadow:3px 0px 6px rgba(207,216,220,0.5);border-style:solid;border-width:1px;border-color:#CFD8DC;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);border-radius:30px;padding-top:18px;padding-bottom:304px;position:relative;margin-right:-10000px;margin-top:187px;width:19.17%;left:18.96%;margin-left:0%;background:#FFFFFF url("../images/img-service-01.png?crc=4081740213") no-repeat center bottom;} #u1040-4{z-index:63;min-height:26px;border-style:solid;border-width:2px;border-color:#2E3192;background-color:transparent;border-radius:15px;text-align:center;font-size:14px;color:#2E3192;letter-spacing:1px;line-height:25px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:bold;position:relative;width:11.42%;margin-left:43.75%;}#u1037-4{z-index:51;background-color:transparent;text-align:center;font-size:14px;line-height:25px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;margin-top:9px;position:relative;width:36.69%;margin-left:31.8%;} #u1043-4{z-index:75;background-color:transparent;text-align:center;font-size:10px;line-height:21px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;margin-top:10px;position:relative;width:82%;margin-left:9.24%;} #u1035{z-index:49;box-shadow:3px 0px 6px rgba(207,216,220,0.5);border-style:solid;border-width:1px;border-color:#CFD8DC;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);border-radius:30px;padding-top:18px;padding-bottom:304px;position:relative;margin-right:-10000px;margin-top:187px;width:19.17%;left:40.37%;margin-left:0%;background:#FFFFFF url("../images/img-service-02.png?crc=4167538450") no-repeat center bottom;} #u1041-4{z-index:67;min-height:26px;border-style:solid;border-width:2px;border-color:#2E3192;background-color:transparent;border-radius:15px;text-align:center;font-size:14px;color:#2E3192;letter-spacing:1px;line-height:25px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:bold;position:relative;width:11.42%;margin-left:43.75%;} #u1038-4{z-index:55;background-color:transparent;text-align:center;font-size:14px;line-height:25px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;margin-top:9px;position:relative;width:36.69%;margin-left:31.8%;} #u1044-4{z-index:79;background-color:transparent;text-align:center;font-size:10px;line-height:21px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;margin-top:10px;position:relative;width:78%;margin-left:10.06%;} #u1036{z-index:50;box-shadow:3px 0px 6px rgba(207,216,220,0.5);border-style:solid;border-width:1px;border-color:#CFD8DC;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);border-radius:30px;padding-top:18px;padding-bottom:304px;position:relative;margin-right:-10000px;margin-top:187px;width:19.17%;left:61.78%;margin-left:0%;background:#FFFFFF url("../images/img-service-03.png?crc=3863910123") no-repeat center bottom;} #u1042-4{z-index:71;min-height:26px;border-style:solid;border-width:2px;border-color:#2E3192;background-color:transparent;border-radius:15px;text-align:center;font-size:14px;color:#2E3192;letter-spacing:1px;line-height:25px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:bold;position:relative;width:11.42%;margin-left:43.75%;} #u1039-4{z-index:59;background-color:transparent;text-align:center;font-size:14px;line-height:25px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;margin-top:9px;position:relative;width:36.69%;margin-left:31.8%;} #u1045-4{z-index:83;background-color:transparent;text-align:center;font-size:10px;line-height:21px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;margin-top:10px;position:relative;width:70%;margin-left:14%;} #u1046-4{z-index:87;min-height:32px;background-color:transparent;text-align:center;font-size:18px;line-height:32px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:normal;position:relative;margin-right:-10000px;margin-top:108px;width:10.42%;left:43%;margin-left:0%;} #service1{margin-right:-10000px;margin-top:108px;width:10.42%;left:44.8%;margin-left:0%;} #u1047{z-index:91;background-color:transparent;position:relative;margin-right:0px;margin-top:60px;width:2.4%;left:50%;margin-left:0%;} #service{position:relative;margin-right:0px;width:22px;margin-top:20px;left:49.33%;margin-left:0%;} #pu1080{z-index:9;width:100%;} #u1080{z-index:9;background-color:#FFFFFF;position:relative;margin-right:-10000px;width:100%;margin-left:0%;left:0px;}#u1080 .fluid_height_spacer{padding-bottom:56.14583333333333%;} #u1084{z-index:93;box-shadow:3px 0px 6px rgba(207,216,220,0.5);border-style:solid;border-width:1px;border-color:#CFD8DC;background-color:#FFFFFF;border-radius:30px;padding-top:30px;padding-bottom:32.050000000002456px;position:relative;margin-right:-10000px;margin-top:220px;width:19.17%;left:40.73%;margin-left:0%;} #u1830{z-index:282;background-color:transparent;position:relative;width:38.05%;margin-left:31.25%;} #pu1087-3{z-index:96;margin-top:20px;width:85.87%;margin-left:8.16%;} #u1087-3{z-index:96;min-height:100px;border-style:solid;border-width:1px;border-color:#7F7F7F;background-color:transparent;border-radius:15px;text-align:center;font-size:18px;color:#2E3192;letter-spacing:5px;line-height:32px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:bold;margin-bottom:-1px;position:relative;margin-right:-10000px;margin-top:-1px;width:100%;left:-0.32%;} #u1093-4{z-index:118;min-height:50px;background-color:transparent;text-align:left;font-size:12px;line-height:21px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative;margin-right:-10000px;margin-top:27px;width:70.64%;left:24.37%;} #u1104{z-index:148;background-color:transparent;position:relative;margin-right:-10000px;margin-top:35px;width:9.5%;left:7.92%;}#pu1090-3{z-index:105;margin-top:20px;width:85.87%;margin-left:8.16%;}#u1090-3{z-index:105;min-height:138px;border-style:solid;border-width:1px;border-color:#2196F3;background-color:#2196F3;border-radius:15px;text-align:center;font-size:18px;color:#2E3192;letter-spacing:5px;line-height:32px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:bold;margin-bottom:-1px;position:relative;margin-right:-10000px;margin-top:-1px;width:100%;left:-0.32%;}#u1096-4{z-index:130;background-color:transparent;text-align:left;font-size:12px;line-height:21px;color:#FFFFFF;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative;margin-right:-10000px;margin-top:36px;width:65.51%;left:24.37%;}#u1116{z-index:154;background-color:transparent;position:relative;margin-right:-10000px;margin-top:49px;width:9.5%;left:7.92%;} #u1388{z-index:94;box-shadow:3px 0px 6px rgba(207,216,220,0.5);border-style:solid;border-width:1px;border-color:#CFD8DC;background-color:#FFFFFF;border-radius:30px;padding-top:30px;padding-bottom:32.00000000000318px;position:relative;margin-right:-10000px;margin-top:220px;width:19.17%;left:62.5%;margin-left:0%;} #u1840{z-index:284;background-color:transparent;position:relative;width:38.05%;margin-left:30.98%;}#pu1411-3{z-index:99;margin-top:20px;width:85.87%;margin-left:7.07%;} #u1411-3{z-index:99;min-height:100px;border-style:solid;border-width:1px;border-color:#7F7F7F;background-color:transparent;border-radius:15px;text-align:center;font-size:18px;color:#2E3192;letter-spacing:5px;line-height:32px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:bold;margin-bottom:-1px;position:relative;margin-right:-10000px;margin-top:-1px;width:100%;left:-0.32%;} #u1094-4{z-index:122;min-height:50px;background-color:transparent;text-align:left;font-size:12px;line-height:21px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative;margin-right:-10000px;margin-top:27px;width:68.04%;left:27.22%;} #u1404{z-index:150;background-color:transparent;position:relative;margin-right:-10000px;margin-top:35px;width:9.5%;left:9.5%;}#pu1414-3{z-index:108;margin-top:20px;width:85.87%;margin-left:7.07%;} #u1414-3{z-index:108;min-height:138px;border-style:solid;border-width:1px;border-color:#2196F3;background-color:#2196F3;border-radius:15px;text-align:center;font-size:18px;color:#2E3192;letter-spacing:5px;line-height:32px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:bold;margin-bottom:-1px;position:relative;margin-right:-10000px;margin-top:-1px;width:100%;left:-0.32%;} #u1097-4{z-index:134;min-height:65px;background-color:transparent;text-align:left;font-size:12px;line-height:21px;color:#FFFFFF;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative;margin-right:-10000px;margin-top:37px;width:68.04%;left:27.22%;} #u1397{z-index:156;background-color:transparent;position:relative;margin-right:-10000px;margin-top:49px;width:9.5%;left:9.5%;}#u1356{z-index:95;box-shadow:3px 0px 6px rgba(207,216,220,0.5);border-style:solid;border-width:1px;border-color:#CFD8DC;background-color:#FFFFFF;border-radius:30px;padding-top:30px;padding-bottom:32.050000000003365px;position:relative;margin-right:-10000px;margin-top:220px;width:19.17%;left:19.07%;margin-left:0%;} #u1820{z-index:280;background-color:transparent;position:relative;width:38.05%;margin-left:30.98%;}#pu1417-3{z-index:102;margin-top:20px;width:85.87%;margin-left:6.53%;}#u1417-3{z-index:102;min-height:100px;border-style:solid;border-width:1px;border-color:#7F7F7F;background-color:transparent;border-radius:15px;text-align:center;font-size:18px;color:#2E3192;letter-spacing:5px;line-height:32px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:bold;margin-bottom:-1px;position:relative;margin-right:-10000px;margin-top:-1px;width:100%;left:-0.32%;}#u1092-4{z-index:114;min-height:50px;background-color:transparent;text-align:left;font-size:12px;line-height:21px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative;margin-right:-10000px;margin-top:27px;width:68.36%;left:25%;}#u1372{z-index:152;background-color:transparent;position:relative;margin-right:-10000px;margin-top:35px;width:9.5%;left:7.28%;}#pu1420-3{z-index:111;margin-top:20px;width:85.87%;margin-left:6.53%;} #u1420-3{z-index:111;min-height:138px;border-style:solid;border-width:1px;border-color:#2196F3;background-color:#2196F3;border-radius:15px;text-align:center;font-size:18px;color:#2E3192;letter-spacing:5px;line-height:32px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:bold;margin-bottom:-1px;position:relative;margin-right:-10000px;margin-top:-1px;width:100%;left:-0.32%;}#u1095-4{z-index:126;min-height:63px;background-color:transparent;text-align:left;font-size:12px;line-height:21px;color:#FFFFFF;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative;margin-right:-10000px;margin-top:37px;width:64.56%;left:25%;}#u1365{z-index:158;background-color:transparent;position:relative;margin-right:-10000px;margin-top:49px;width:9.5%;left:7.28%;}#u1098-4{z-index:138;min-height:33px;background-color:transparent;text-align:center;font-size:18px;line-height:32px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:normal;position:relative;margin-right:-10000px;margin-top:98px;width:10.42%;left:44.8%;margin-left:0%;}#u1099{z-index:142;background-color:transparent;position:relative;margin-right:-10000px;margin-top:68px;width:2.4%;left:48.81%;margin-left:0%;} #u1101-4{z-index:144;width:320px;background-color:transparent;text-align:left;font-size:12px;line-height:80px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative;margin-top:148px;left:40%;margin-left:0%;} #business{position:relative;margin-right:-10000px;width:22px;margin-top:34px;left:48.81%;margin-left:0%;}#pu1210{z-index:12;margin-top:-1px;width:100%;} #u1210{z-index:12;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);position:relative;margin-right:-10000px;width:100%;margin-left:0%;left:0px;background:#ECEFF1 url("../images/bg-support.jpg?crc=4246454900") no-repeat center top;background-size:cover;}#u1210 .fluid_height_spacer{padding-bottom:43.697916666666664%;} #u1213{z-index:160;min-height:121.79999999999927px;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);padding-bottom:0px;background:transparent url("../images/img-curve.png?crc=3900020375") no-repeat center top;background-size:contain;}#u1213_position_content{margin-bottom:-4px;padding-top:92px;width:100%;}#support{position:relative;left:48.81%;}#u1215{z-index:173;background-color:transparent;margin-top:2px;position:relative;width:2.4%;left:48.81%;}#u1213-bw{z-index:160;min-height:121.79999999999927px;left:0px;margin-left:0px;} #u1214-4 { z-index: 161; min-height: 35px; background-color: transparent; text-align: center; font-size: 18px; line-height: 32px; color: #FFFFFF; font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif; font-weight: normal; margin-top: 20px; margin-left: auto; margin-right: auto; width: fit-content; /* コンテンツ幅に応じてサイズを調整 */ position: relative; /* 中央位置を制御 */ left: 50%; transform: translateX(-50%); /* 要素を完全に中央に */ } #u1217-3{z-index:177;min-height:103px;border-style:solid;border-width:1px;border-color:#2196F3;background-color:#FFFFFF;border-radius:15px;text-align:center;font-size:18px;color:#2E3192;letter-spacing:5px;line-height:32px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:bold;position:relative;margin-right:-10000px;margin-top:197px;width:13.65%;left:20.11%;margin-left:0%;} #u1218-3{z-index:180;min-height:103px;border-style:solid;border-width:1px;border-color:#2196F3;background-color:#FFFFFF;border-radius:15px;text-align:center;font-size:18px;color:#2E3192;letter-spacing:5px;line-height:32px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:bold;position:relative;margin-right:-10000px;margin-top:323px;width:13.65%;left:20.11%;margin-left:0%;} #u1219-3{z-index:183;min-height:103px;border-style:solid;border-width:1px;border-color:#2196F3;background-color:#FFFFFF;border-radius:15px;text-align:center;font-size:18px;color:#2E3192;letter-spacing:5px;line-height:32px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:bold;position:relative;margin-right:-10000px;margin-top:197px;width:13.65%;left:35.47%;margin-left:0%;} #u1220-3{z-index:186;min-height:103px;border-style:solid;border-width:1px;border-color:#2196F3;background-color:#FFFFFF;border-radius:15px;text-align:center;font-size:18px;color:#2E3192;letter-spacing:5px;line-height:32px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:bold;position:relative;margin-right:-10000px;margin-top:323px;width:13.65%;left:35.47%;margin-left:0%;} #u1221-3{z-index:189;min-height:103px;border-style:solid;border-width:1px;border-color:#2196F3;background-color:#FFFFFF;border-radius:15px;text-align:center;font-size:18px;color:#2E3192;letter-spacing:5px;line-height:32px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:bold;position:relative;margin-right:-10000px;margin-top:197px;width:13.65%;left:50.84%;margin-left:0%;} #u1222-3{z-index:192;min-height:103px;border-style:solid;border-width:1px;border-color:#2196F3;background-color:#FFFFFF;border-radius:15px;text-align:center;font-size:18px;color:#2E3192;letter-spacing:5px;line-height:32px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:bold;position:relative;margin-right:-10000px;margin-top:323px;width:13.65%;left:50.84%;margin-left:0%;} #u1223-3{z-index:198;min-height:103px;border-style:solid;border-width:1px;border-color:#2196F3;background-color:#FFFFFF;border-radius:15px;text-align:center;font-size:18px;color:#2E3192;letter-spacing:5px;line-height:32px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:bold;position:relative;margin-right:-10000px;margin-top:197px;width:13.65%;left:66.2%;margin-left:0%;} #u1224{z-index:201;background-color:transparent;position:relative;margin-right:-10000px;margin-top:224px;width:9.38%;left:22.24%;margin-left:0%;} #u1224_img { width: 100%; /* 親要素の幅に合わせる */ height: auto; /* アスペクト比を保持 */ padding-bottom: 0; /* パディングをリセット */ } #u1226{z-index:203;background-color:transparent;position:relative;margin-right:-10000px;margin-top:227px;width:11.1%;left:36.78%;margin-left:0%;} #u1226_img { width: 100%; /* 親要素の幅に合わせる */ height: auto; /* アスペクト比を保持 */ padding-bottom: 0; /* パディングをリセット */ } #u1228{z-index:205;background-color:transparent;position:relative;margin-right:-10000px;margin-top:219px;width:6.15%;left:54.59%;margin-left:0%;} #u1228_img { width: 100%; /* 親要素の幅に合わせる */ height: auto; /* アスペクト比を保持 */ padding-bottom: 0; /* パディングをリセット */ } #u1230{z-index:207;background-color:transparent;position:relative;margin-right:-10000px;margin-top:232px;width:10.84%;left:67.92%;margin-left:0%;} #u1230_img { width: 100%; /* 親要素の幅に合わせる */ height: auto; /* アスペクト比を保持 */ padding-bottom: 0; /* パディングをリセット */ } #u1232{z-index:209;background-color:transparent;position:relative;margin-right:-10000px;margin-top:346px;width:9.74%;left:22.24%;margin-left:0%;} #u1232_img { width: 100%; /* 親要素の幅に合わせる */ height: auto; /* アスペクト比を保持 */ padding-bottom: 0; /* パディングをリセット */ } #u1234{z-index:211;background-color:transparent;position:relative;margin-right:-10000px;margin-top:345px;width:6.62%;left:39.02%;margin-left:0%;} #u1234_img { width: 100%; /* 親要素の幅に合わせる */ height: auto; /* アスペクト比を保持 */ padding-bottom: 0; /* パディングをリセット */ } #u1236{z-index:213;background-color:transparent;position:relative;margin-right:-10000px;margin-top:342px;width:8.39%;left:53.49%;margin-left:0%;} #u1236_img { width: 100%; /* 親要素の幅に合わせる */ height: auto; /* アスペクト比を保持 */ padding-bottom: 0; /* パディングをリセット */ } #pu1307{z-index:10;margin-top:145px;width:100%;} #u1307{z-index:10;background-color:#FFFFFF;position:relative;margin-right:-10000px;margin-top:578px;width:100%;margin-left:0%;left:0px;}#u1307 .fluid_height_spacer{padding-bottom:48.95833333333333%;} #u1753{z-index:13;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);position:relative;margin-right:-10000px;width:100%;margin-left:0%;left:0px;background:#ECEFF1 url("../images/bg-case.jpg?crc=9078289") no-repeat center bottom;background-size:cover;}#u1753 .fluid_height_spacer{padding-bottom:38.4375%;}#u1774-4{z-index:165;min-height:35px;background-color:transparent;text-align:center;font-size:18px;line-height:32px;color:#FFFFFF;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:normal;position:relative;margin-right:-10000px;margin-top:305px;width:10.42%;left:44.8%;margin-left:0%;} #u1817-4{z-index:169;min-height:35px;background-color:transparent;text-align:center;font-size:18px;line-height:32px;color:#FFFFFF;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:normal;position:relative;margin-right:-10000px;margin-top:190px;width:10.42%;left:44.8%;margin-left:0%;} #u1767{z-index:175;background-color:transparent;position:relative;margin-right:-10000px;margin-top:160px;width:2.4%;left:48.81%;margin-left:0%;} #u1814-3{z-index:195;min-height:103px;border-style:solid;border-width:1px;border-color:#2196F3;background-color:#FFFFFF;border-radius:15px;text-align:center;font-size:18px;color:#2E3192;letter-spacing:5px;line-height:32px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:bold;position:relative;margin-right:-10000px;margin-top:275px;width:13.65%;left:51.15%;margin-left:0%;} #u1882-3{z-index:194;min-height:103px;border-style:solid;border-width:1px;border-color:#2196F3;background-color:#FFFFFF;border-radius:15px;text-align:center;color:#2E3192;line-height:32px;font-size:18px;letter-spacing:5px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:bold;position:relative;margin-right:-10000px;margin-top:275px;width:13.65%;left:35.42%;margin-left:0%;} #u1321-4{z-index:220;min-height:36px;background-color:transparent;text-align:center;font-size:18px;line-height:32px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative;margin-right:-10000px;margin-top:900px;width:10.42%;left:44.8%;margin-left:0%;} #u1322{z-index:224;background-color:transparent;position:relative;margin-right:-10000px;margin-top:870px;width:2.4%;left:48.81%;margin-left:0%;} #company{position:relative;margin-right:-10000px;width:22px;margin-top:833px;left:48.81%;margin-left:0%;} #supplier{position:relative;margin-right:-10000px;width:22px;margin-top:90px;left:48.23%;margin-left:0%;} #u1799{z-index:278;background-color:transparent;position:relative;margin-right:-10000px;margin-top:312px;width:11.36%;left:36.62%;margin-left:0%;} #u1780{z-index:279;background-color:transparent;position:relative;margin-right:-10000px;margin-top:311px;width:10.89%;left:52.56%;margin-left:0%;} #u1855-4{z-index:286;min-height:17px;background-color:transparent;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative;margin-right:-10000px;margin-top:1023px;width:50%;left:36.05%;margin-left:0%;} #u1864-4{z-index:290;min-height:17px;background-color:transparent;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative;margin-right:-10000px;margin-top:1277px;width:50%;left:36.05%;margin-left:0%;} #u1870-4{z-index:294;min-height:17px;background-color:transparent;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative;margin-right:-10000px;margin-top:1190px;width:50%;left:36.05%;margin-left:0%;} #u1858-4{z-index:298;min-height:17px;background-color:transparent;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative;margin-right:-10000px;margin-top:1103px;width:50%;left:36.05%;margin-left:0%;} #u1861-4{z-index:302;min-height:17px;background-color:transparent;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative;margin-right:-10000px;margin-top:1365px;width:50%;left:36.05%;margin-left:0%;} #u1867-4{z-index:306;min-height:17px;background-color:transparent;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative;margin-right:-10000px;margin-top:1452px;width:50%;left:36.05%;margin-left:0%;} #pu1423{z-index:11;margin-top:435px;width:100%;} #u1423{z-index:11;background-color:#FFFFFF;position:relative;margin-right:-10000px;width:100%;margin-left:0%;left:0px;}#u1423 .fluid_height_spacer{padding-bottom:62.5%;} #u1680-4{ z-index:231; min-height:36px; background-color:transparent; text-align:center; font-size:18px; line-height:32px; font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif; position:relative; margin-right:-10000px; margin-top:147px; width:10.42%; left:44.74%;margin-left:0%;}#u1681{z-index:235;background-color:transparent;position:relative;margin-right:-10000px;margin-top:116px;width:2.4%;left:48.75%;margin-left:0%;}#contact{position:relative;margin-right:-10000px;width:22px;margin-top:38px;left:48.75%;margin-left:0%;}.css_verticalspacer .verticalspacer{height:calc(100vh - 9207px);}#pu1731{z-index:269;margin-bottom:-140px;margin-right:-10000px;width:101.72%;margin-left:-0.63%;}#u1731{z-index:269;background:-webkit-gradient(linear, center top, center bottom, from(#015CAF),color-stop(100%, #0C3461));background:-webkit-linear-gradient(top,#015CAF ,#0C3461 100%);background:linear-gradient(to bottom,#015CAF ,#0C3461 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF015CAF, endColorstr=#FF0C3461, GradientType=0);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF015CAF', endColorstr='#FF0C3461', GradientType=0)";position:relative;margin-right:-10000px;width:100%;} #u1731 .fluid_height_spacer{padding-bottom:18.125960061443934%;} #u1732{z-index:270;min-height:122px;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);background:transparent url("../images/img-curve.png?crc=166953405") no-repeat center top;} #u1008_align_to_page,#u1213_align_to_page,#u1732_align_to_page{margin-left:auto;margin-right:auto;position:relative;max-width:980px;}#u1734{z-index:275;background-color:transparent;margin-bottom:-36px;position:relative;margin-right:-10000px;margin-top:85px;width:11.2%;left:13.39%;} #u1703_img,#u1705_img,#u914_img,#u983_img,#u1009_img,#u1047_img,#u1830_img,#u1104_img,#u1116_img,#u1840_img,#u1404_img,#u1397_img,#u1820_img,#u1372_img,#u1365_img,#u1099_img,#u1215_img,#u1224_img,#u1228_img,#u1230_img,#u1232_img,#u1234_img,#u1236_img,#u1767_img,#u1322_img,#u1799_img,#u1780_img,#u1681_img,#u1734_img{width:100%;} #u1732-bw{z-index:270;min-height:122px;} #u1733-4{z-index:271;width:486px;background-color:transparent;text-align:center;line-height:25px;color:#FFFFFF;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative;margin-right:-10000px;margin-top:122px;left:30%;} #muse_css_mq,.html{background-color:#FFFFFF;}body{position:relative;min-width:320px;padding-bottom:126px;}.verticalspacer{min-height:1px;} video { top: 0; left: 0; width: 100%; height: auto; object-fit: cover; object-position: center; } div#main-copy { min-height: 100vh; display: flex; align-items: center; justify-content: center; } header { position: fixed; top: 0; width: 100%; display: flex; align-items: center; text-align: center; color: white; transition: .4s; } .ly_header { padding: 30px; background-color: #ddd; } .ly_fixedNav { position: fixed; top: -100%; left: 0; width: 100%; padding: 30px; background-color: #b6e1b5; transition: top .8s, visibility .8s; visibility: hidden; } .bl_header_list, .bl_fixedNav_list { display: grid; column-gap: 1em; grid-auto-columns: 1fr; grid-auto-flow: column; max-inline-size: max-content; margin-inline: auto; li { display: grid; place-items: center; } a { line-height: 1.5; padding: 1em; } } /* ヘッダー部分ここまで */ /* メインコンテンツ */ .ly_cont { height: 2000px; background-color: lightblue; text-align: center; padding: 30px 0; } logo { top: 14px; left: 135px; width: 215px; height: 73px; } nav { margin: 0 0 0 auto; } * { box-sizing: border-box; } .container{ /*背景色指定省略*/ width: 500px; height: 200px; border-radius: 100px; } /*--g-navi--*/ .btn02 { padding: 14px 34px; display: inline-block; text-decoration :none; text-align: center; align-items: center; background: transparent; transition: .4s; /*--角丸指定--*/ border-radius: 100vh; } /*--g-navi2--*/ .btn03 { padding: 14px 34px; display: inline-block; color: #fff; text-decoration :none; text-align: center; align-items: center; background: transparent; transition: .4s; /*--角丸指定--*/ border-radius: 100vh; } .btn03 a { color: #fff; font-size: 14px; transition: .3s; } a:link { color: inherit; text-decoration: none; text-align: center; display: block; } a:visited { color: inherit; text-decoration: none; text-align: center; display: block; } /*--お問い合わせ--*/ .btn01 { padding: 14px 60px; display: inline-block; color: #fff; text-decoration :none; text-align: center; align-items: center; background: -webkit-gradient(45deg, #015CAF 35%, #0C3461); background: linear-gradient(45deg, #015CAF 35%, #0C3461); transition: .4s; /*--水平方向 垂直方向 影のぼかし 色--*/ box-shadow: 0px 0px 2px rgba(0,0,0,0.3); /*--角丸指定--*/ border-radius: 100vh; } .btn01:hover { /*--水平方向 垂直方向 色--*/ box-shadow: 0 0 10px rgba(0,0,0,0); } .btn01 a { font-size: 14px; transition: .3s; color:#fff; } /*--メニュー１--*/ .g-navi { display: flex; justify-content: space-evenly; height:100px; align-items: center; text-align: center; white-space: nowrap; } .g-navi a { font-size: 14px; transition: .3s; } .g-navi a:hover { opacity: 0.5; } .header__flex { display: flex; width: 100%; height:100px; position: fixed; top: 0; left: 0; align-items: center; text-align: center; white-space: nowrap; z-index: 900; background-color: rgb(0 0 0 / 0.50); } .header__flex nav { margin-left: 30px; } .header__flex ul li { margin-left: 30px; } /*--メニュー２--*/ .g-navi2 { display: flex; justify-content: space-evenly; height:100px; align-items: center; text-align: center; white-space: nowrap; } .g-navi2 a { font-size: 14px; transition: .3s; } .g-navi2 a:hover { opacity: 0.5; } .g-navi2 ul li { margin-left: 30px; } #globalMenu { width: 100%; height: 0; position: fixed; top: 0; left: 0; z-index: 1010; display: flex; align-items: center; text-align: center; white-space: nowrap; justify-content: space-between; overflow: hidden; transition: .4s; } #globalMenu.fixed { height: 100px; background: #fff; } .globalMenu ul li { margin-left: 30px; } .globalMenu nav { margin-left: auto; } #form{ width: 600px; height: 100%; background-color: #; overflow: hidden; position: relative; font-size: 8px; margin: 0 auto; } form{ margin: 0 auto; width: 500px; padding-top: 10px; color: #000; text-align: left; position: relative; } label, input, textarea{ display: block; } input, textarea{ width: 500px; border: none; border-radius: 100vh; outline: none; padding: 10px; font-size: 1em; color: #676767; transition: border 0.5s; -webkit-transition: border 0.5s; -moz-transition: border 0.5s; -o-transition: border 0.5s; border: solid 1px #676767; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } input:focus, textarea:focus{ border: solid 1px #015CAF; } textarea{ height: 80px; resize: none; overflow: auto; } input[type="submit"]{ background-color: #F90; color: white; height: 50px; cursor: pointer; margin-top: 30px; font-size: 1.29em; font-family: 'Sniglet', cursive; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; } input[type="submit"]{ background: -webkit-gradient(45deg, #015CAF 35%, #0C3461); background: linear-gradient(45deg, #015CAF 35%, #0C3461); } label{ font-size: 1.5em; margin-top: 20px; padding-left: 10px; } .formgroup, .formgroup-active, .formgroup-error{ background-repeat: no-repeat; background-position: right bottom; background-size: 10.5%; transition: background-image 0.7s; -webkit-transition: background-image 0.7s; -moz-transition: background-image 0.7s; -o-transition: background-image 0.7s; width: 566px; padding-top: 2px; } .formgroup{ background-image: url(''); } .formgroup-active{ background-image: url(''); } .formgroup-error{ background-image: url(''); color: red; } h2 { font-family: Century Schoolbook, Century Schoolbook L, Georgia, serif; font-size: 8vmin; text-align: center; margin: 2rem 3rem 0; mix-blend-mode: overlay; color: #fff; font-weight: 100; } .main-copy{ color: #fff; font-size: 30px; font-weight: bold; text-align: center; line-height: 1; letter-spacing: .2em; } .section { padding: 50px 20px; } .section h2 { text-align: center; margin-bottom: 30px; } #languageSwitcher { font-size: 16px; padding: 5px; border-radius: 20px; border: 1px solid #fff; background-color: rgba(249, 249, 249, 0.1); color: #fff; outline: none; / } #languageSwitcher2 { font-size: 16px; padding: 5px; border-radius: 20px; border: 1px solid #000; background-color: rgba(249, 249, 249, 0); color: #000; outline: none; / } #languageSwitcher option { color: #000; /* オプションのテキスト色も明示的に設定 */ background-color: rgba(249, 249, 249, 1);/* オプションの背景色を白に設定 */ } #languageSwitcher2 option { color: #000; /* オプションのテキスト色も明示的に設定 */ } #u983. #u10000. #u1047 .#u1215 .#u1767 .#u1322 .#u1047 { display: flex; flex-direction: column; align-items: center; text-align: center; } #u1046-4{ display: flex; flex-direction: column-reverse; /* 順番を逆にして画像が上にくる */ align-items: center; text-align: center; } #u1047 { order: -1; /* 画像を上に配置 */ } #u1047_img { display: block; margin-bottom: 10px; /* 画像とテキストの間に余白を追加 */ align-items: center; } /* ハンバーガーメニューボタンのスタイル */ .menu-btn { display: block; /* スマホで表示 */; position: fixed; top: 20px; right: 20px; z-index: 1000; cursor: pointer; } /* メニューバーのスタイル */ .menu-btn__burger { width: 25px; height: 3px; background-color: #fff; margin: 5px 0; transition: all 0.3s ease-in-out; } /* メニューボタンが開いた状態 */ .menu-btn.open .menu-btn__burger { background-color: transparent; } /* ハンバーガーメニューボタンの上部ライン */ .menu-btn.open .menu-btn__burger::before { transform: rotate(45deg) translate(5px, 5px); background-color: #fff; } /* ハンバーガーメニューボタンの下部ライン */ .menu-btn.open .menu-btn__burger::after { transform: rotate(-45deg) translate(5px, -5px); background-color: #fff; } /* 上下のラインの共通スタイル */ .menu-btn__burger::before, .menu-btn__burger::after { content: ''; position: absolute; width: 25px; height: 3px; background-color: #fff; transition: all 0.3s ease-in-out; } /* 上部ラインの位置 */ .menu-btn__burger::before { top: -8px; /* 上に移動 */ } /* 下部ラインの位置 */ .menu-btn__burger::after { top: 8px; /* 下に移動 */ } /* スマホ用のナビゲーションメニューのスタイル */ .mobile-nav { display: none; position: fixed; top: 0; right: 0; width: 70%; height: 100%; background-color: #333; z-index: 999; transition: transform 0.3s ease-in-out; transform: translateX(100%); } .mobile-nav.show { display: block; transform: translateX(0); } .mobile-nav ul { list-style: none; padding: 20px; } .mobile-nav ul li { margin: 15px 0; } .mobile-nav ul li a { color: #fff; text-decoration: none; font-size: 18px; } /* スマホ用のときにPC用のナビゲーションを非表示にする */ @media screen and (max-width: 600px) { #nav { display: none; } .menu-btn { display: block; } #u1046-4 { margin-bottom: 0; /* 余白をなくす */ padding-bottom: 0; /* パディングもなくす */ } #u1034 { margin-top: 10px; /* 次の要素との間に少しだけ余白を追加 */ } } /* モバイル向けスタイル（600px以下） */ @media screen and (max-width: 600px) { video { display: block; margin-top: 30px; /* メニューの高さ分だけ下にずらします */ width: 100%; height: auto; object-fit: cover; } body { margin: 0; padding-top: 80px; /* 固定ヘッダーの下にコンテンツが隠れないようにする */ } /* スマホ用ナビゲーション */ @media (max-width: 600px) { .pc-nav { display: none; /* スマホではPC用ナビゲーションを非表示 */ } .g-navi2 { display: none; /* スマホではPC用ナビゲーションを非表示 */ } } /* スマホ用スタイル（600px以下） */ @media screen and (max-width: 600px) { #u982-4 p, #u1046-4 p, #u1037-4 p { font-size: 12px; /* フォントサイズを小さく */ text-align: center; /* テキストを中央揃えに */ padding: 0px; /* パディングを追加 */ margin-bottom: 0px; /* 下マージンを追加 */ white-space: nowrap; /* 折り返しを禁止 */ } } @media screen and (max-width: 600px) { #u1214-4 p, #u1817-4 p { font-size: 12px; /* フォントサイズを小さく */ width: 100%; /* 幅を全体に */ left: 0; /* 左右の位置をリセット */ transform: none; /* 変形をリセット */ margin-left: 0; text-align: center; /* 中央揃え */ } } @media screen and (max-width: 600px) { #u1321-4, #company { font-size: 12px; /* フォントサイズを小さく */ text-align: center; /* テキストを中央揃えに */ padding: 0px; /* パディングを追加 */ margin-bottom: 0px; /* 下マージンを追加 */ white-space: nowrap; /* 折り返しを禁止 */ } #u976-4 p, #u977-4 p, #u978-4 p, #u1101-4 p { font-size: 8px; /* フォントサイズを小さく */ width: 100%; /* 必要に応じて幅を設定 */ text-align: center; line-height:16px; max-width: 500px; /* 最大幅を設定（必要に応じて調整） */ margin: 0 auto; /* 中央に配置 */ box-sizing: border-box; /* パディングやボーダーを幅に含める */ padding: 0 0px; /* 任意で左右にパディングを追加 */ margin-bottom: 80px; /* 下マージンを追加 */ } /* サービスの幅調整 */ #u1046-4 { width: 40%; /* 幅を80%に設定 */ margin: 20px auto; /* 上下にマージンを設定し、中央揃え */ text-align: center; /* コンテンツを中央揃えに */ position: relative; /* 中央配置のためにpositionを相対的に */ left: 50%; /* 親要素の中央に配置 */ transform: translateX(-50%); /* 要素を中央に移動 */ } #u1007 { z-index: 36; opacity: 1; position: relative; width: 100%; /* 幅を100%に設定 */ height: auto; /* 高さは自動調整 */ left: 0%; margin-left: 0%; margin-right: 0; /* 不要な右マージンを削除 */ background: transparent url("../images/img-about1.png?crc=137769960") no-repeat center 30%; background-size: 140%; /* 背景画像を2倍に拡大 */ } /* カード（#u1034）の幅調整 */ #u1034, #u1035, #u1036 + * { clear: both; } /* カード（#u1034）のスタイル調整 */ #u1034, #u1035, #u1036 { width: 70%; /* 幅を70%に設定 */ margin: 20px auto; /* 上下にマージンを設定し、中央揃え */ padding: 50px; /* 内側にパディングを追加 */ box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* 軽いシャドウを追加 */ box-sizing: border-box; /* パディングを含めた幅計算 */ text-align: center; /* コンテンツを中央揃えに */ position: relative; /* 中央配置のためにpositionを相対的に */ left: 50%; /* 親要素の中央に配置 */ transform: translateX(-50%); /* 要素を中央に移動 */ } #u1040-4 p, #u1041-4 p, #u1042-4 { font-size: 10px; /* "01"のサイズを適切に調整 */ text-align: center; /* 中央揃え */ white-space: nowrap; /* 折り返しを禁止 */ } #u1037-4 p { font-size: 12px; /* "特注事業"のサイズを適切に調整 */ font-weight: bold; /* 強調 */ text-align: center; /* 中央揃え */ } #u1043-4 p, #u1038-4 p, #u1039-4 p { font-size: 10px; /* 説明文のサイズを適切に調整 */ text-align: center; /* 中央揃え */ } /* 幅調整 */ #u1046-4 { width: 40%; /* 幅を80%に設定 */ margin: 20px auto; /* 上下にマージンを設定し、中央揃え */ text-align: center; /* コンテンツを中央揃えに */ position: relative; /* 中央配置のためにpositionを相対的に */ left: 50%; /* 親要素の中央に配置 */ transform: translateX(-50%); /* 要素を中央に移動 */ } } /* カードのスタイル */ .card { width: 90%; max-width: 400px; margin: 20px auto; padding: 20px; background-color: #f8f9fa; /* 背景色 */ border-radius: 10px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); text-align: center; } /* アイコンのスタイル */ .icon-container { width: 80px; height: 80px; margin: 0 auto 20px auto; } .icon { width: 100%; height: auto; } /* テキストボックスのスタイル */ .text-box { background-color: #fff; border-radius: 10px; padding: 15px; margin-bottom: 15px; border: 1px solid #ccc; } /* 強調されたテキストボックス */ .text-box.highlighted { background-color: #007bff; color: #fff; border: none; } .text-box p { margin: 0; font-size: 16px; line-height: 1.5; } /* カード（#u1084）の幅調整 */ #u1084, #u1388, #u1356 + * { clear: both; } /* カード（#u1084）のスタイル調整 */ #u1084, #u1388, #u1356 { width: 70%; /* 幅を70%に設定 */ margin: 20px auto; /* 上下にマージンを設定し、中央揃え */ padding: 10px; /* 内側にパディングを追加 */ box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* 軽いシャドウを追加 */ box-sizing: border-box; /* パディングを含めた幅計算 */ text-align: center; /* コンテンツを中央揃えに */ position: relative; /* 中央配置のためにpositionを相対的に */ left: 50%; /* 親要素の中央に配置 */ transform: translateX(-50%); /* 要素を中央に移動 */ } #u1084-4 p, #u1388-4 p, #u1356-4 p { font-size: 10px; /* 説明文のサイズを適切に調整 */ text-align: center; /* 中央揃え */ } .nav { display: none; flex-direction: column; align-items: center; position: absolute; top: 60px; left: 0; width: 100%; background-color: #333; transition: max-height 0.3s ease-in-out; max-height: 0; overflow: hidden; } .nav.show { display: flex; max-height: 300px; } .nav ul { list-style: none; padding: 0; margin: 0; width: 100%; text-align: center; } .nav ul li { margin: 10px 0; /* リストアイテム間のスペース */ } .nav ul li a, .nav ul li select { color: white; text-decoration: none; font-size: 18px; display: block; padding: 10px; width: 100%; /* リンクを全幅にする */ box-sizing: border-box; /* パディング込みで幅を設定 */ } .nav ul li select { background-color: #444; border: none; color: white; padding: 10px; border-radius: 5px; width: calc(100% - 20px); /* パディングを引いた幅にする */ } } /* スマホ用スタイル（600px以下） */ @media screen and (max-width: 600px) { #u1217-3{z-index:177;min-height:58px;border-style:solid;border-width:1px;border-color:#2196F3;background-color:#FFFFFF;border-radius:10px;text-align:center;font-size:18px;color:#2E3192;letter-spacing:5px;line-height:32px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:bold;position:relative;margin-right:-10000px;margin-top:28px;width:13.65%;left:20.11%;margin-left:0%;} #u1218-3{z-index:180;min-height:58px;border-style:solid;border-width:1px;border-color:#2196F3;background-color:#FFFFFF;border-radius:10px;text-align:center;font-size:18px;color:#2E3192;letter-spacing:5px;line-height:32px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:bold;position:relative;margin-right:-10000px;margin-top:100px;width:13.65%;left:20.11%;margin-left:0%;} #u1219-3{z-index:183;min-height:58px;border-style:solid;border-width:1px;border-color:#2196F3;background-color:#FFFFFF;border-radius:10px;text-align:center;font-size:18px;color:#2E3192;letter-spacing:5px;line-height:32px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:bold;position:relative;margin-right:-10000px;margin-top:28px;width:13.65%;left:35.47%;margin-left:0%;} #u1220-3{z-index:186;min-height:58px;border-style:solid;border-width:1px;border-color:#2196F3;background-color:#FFFFFF;border-radius:10px;text-align:center;font-size:18px;color:#2E3192;letter-spacing:5px;line-height:32px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:bold;position:relative;margin-right:-10000px;margin-top:100px;width:13.65%;left:35.47%;margin-left:0%;} #u1221-3{z-index:189;min-height:58px;border-style:solid;border-width:1px;border-color:#2196F3;background-color:#FFFFFF;border-radius:10px;text-align:center;font-size:18px;color:#2E3192;letter-spacing:5px;line-height:32px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:bold;position:relative;margin-right:-10000px;margin-top:28px;width:13.65%;left:50.84%;margin-left:0%;} #u1222-3{z-index:192;min-height:58px;border-style:solid;border-width:1px;border-color:#2196F3;background-color:#FFFFFF;border-radius:10px;text-align:center;font-size:18px;color:#2E3192;letter-spacing:5px;line-height:32px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:bold;position:relative;margin-right:-10000px;margin-top:100px;width:13.65%;left:50.84%;margin-left:0%;} #u1223-3{z-index:198;min-height:58px;border-style:solid;border-width:1px;border-color:#2196F3;background-color:#FFFFFF;border-radius:10px;text-align:center;font-size:18px;color:#2E3192;letter-spacing:5px;line-height:32px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:bold;position:relative;margin-right:-10000px;margin-top:28px;width:13.65%;left:66.2%;margin-left:0%;} #u1224{z-index:201;background-color:transparent;position:relative;margin-right:-10000px;margin-top:54px;width:9.38%;left:22.24%;margin-left:0%;} #u1224_img { width: 100%; /* 親要素の幅に合わせる */ height: auto; /* アスペクト比を保持 */ padding-bottom: 0; /* パディングをリセット */ } #u1226{z-index:203;background-color:transparent;position:relative;margin-right:-10000px;margin-top:54px;width:11.1%;left:36.78%;margin-left:0%;} #u1226_img { width: 100%; /* 親要素の幅に合わせる */ height: auto; /* アスペクト比を保持 */ padding-bottom: 0; /* パディングをリセット */ } #u1228{z-index:205;background-color:transparent;position:relative;margin-right:-10000px;margin-top:54px;width:6.15%;left:54.59%;margin-left:0%;} #u1228_img { width: 100%; /* 親要素の幅に合わせる */ height: auto; /* アスペクト比を保持 */ padding-bottom: 0; /* パディングをリセット */ } #u1230{z-index:207;background-color:transparent;position:relative;margin-right:-10000px;margin-top:54px;width:10.84%;left:67.92%;margin-left:0%;} #u1230_img { width: 100%; /* 親要素の幅に合わせる */ height: auto; /* アスペクト比を保持 */ padding-bottom: 0; /* パディングをリセット */ } #u1232{z-index:209;background-color:transparent;position:relative;margin-right:-10000px;margin-top:122px;width:9.74%;left:22.24%;margin-left:0%;} #u1232_img { width: 100%; /* 親要素の幅に合わせる */ height: auto; /* アスペクト比を保持 */ padding-bottom: 0; /* パディングをリセット */ } #u1234{z-index:211;background-color:transparent;position:relative;margin-right:-10000px;margin-top:122px;width:6.62%;left:39.02%;margin-left:0%;} #u1234_img { width: 100%; /* 親要素の幅に合わせる */ height: auto; /* アスペクト比を保持 */ padding-bottom: 0; /* パディングをリセット */ } #u1236{z-index:213;background-color:transparent;position:relative;margin-right:-10000px;margin-top:122px;width:8.39%;left:53.49%;margin-left:0%;} #u1236_img { width: 100%; /* 親要素の幅に合わせる */ height: auto; /* アスペクト比を保持 */ padding-bottom: 0; /* パディングをリセット */ } #u1855-4{ z-index:286; min-height:17px; background-color:transparent; font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif; position:relative; margin-right:-10000px; margin-top:1023px; width:50%;left:36.05%;margin-left:0%;} #u1864-4{ z-index:290; min-height:17px; background-color:transparent; font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif; position:relative; margin-right:-10000px; margin-top:1277px;width:50%;left:36.05%;margin-left:0%;} #u1870-4{z-index:294;min-height:17px;background-color:transparent;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative; margin-right:-10000px;margin-top:1190px;width:50%;left:36.05%;margin-left:0%;} #u1858-4{z-index:298;min-height:17px;background-color:transparent;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative; margin-right:-10000px;margin-top:1103px;width:50%;left:36.05%;margin-left:0%;} #u1861-4{z-index:302;min-height:17px;background-color:transparent;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative; margin-right:-10000px;margin-top:1365px;width:50%;left:36.05%;margin-left:0%;} #u1867-4{z-index:306;min-height:17px;background-color:transparent;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative; margin-right:-10000px;margin-top:1452px;width:50%;left:36.05%;margin-left:0%;} #u1814-3{z-index:195;min-height:64px;border-style:solid;border-width:1px;border-color:#2196F3;background-color:#FFFFFF;border-radius:15px;text-align:center;font-size:18px;color:#2E3192;letter-spacing:5px;line-height:32px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:bold;position:relative;margin-right:-10000px;margin-top:42px;width:13.65%;left:51.15%;margin-left:0%;} #u1882-3{z-index:194;min-height:64px;border-style:solid;border-width:1px;border-color:#2196F3;background-color:#FFFFFF;border-radius:15px;text-align:center;color:#2E3192;line-height:32px;font-size:18px;letter-spacing:5px;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-weight:bold;position:relative;margin-right:-10000px;margin-top:42px;width:13.65%;left:35.42%;margin-left:0%;} #u1799{z-index:277;background-color:transparent;position:relative;margin-right:-10000px;margin-top:72px;width:11.36%;left:36.62%;margin-left:0%;} #u1780{z-index:279;background-color:transparent;position:relative;margin-right:-10000px;margin-top:72px;width:10.89%;left:52.56%;margin-left:0%;} #u1210{ z-index:12; opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100); position:relative; width:100%; height: 100%; margin-left:0%; left:0px; background:#ECEFF1 url("../images/bg-support.jpg?crc=4246454900") no-repeat center 30%; background-size: 140%; /* 背景画像を2倍に拡大 */ } } @media screen and (max-width: 600px) { #u1855-4{ z-index:286; font-size: 10px; min-height:17px; background-color:transparent; font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif; margin-top:1000px; margin-left: auto; position: relative; /* 中央位置を制御 */ width: fit-content; /* コンテンツ幅に応じてサイズを調整 */ left: 50%; transform: translateX(-50%); /* 要素を完全に中央に */ white-space: nowrap; /* 折り返しを禁止 */ } #u1864-4{ z-index:290; font-size: 10px; background-color:transparent; font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif; margin-top:1040px; margin-left: auto; position: relative; /* 中央位置を制御 */ width: fit-content; /* コンテンツ幅に応じてサイズを調整 */ left: 50%; transform: translateX(-50%); /* 要素を完全に中央に */ white-space: nowrap; /* 折り返しを禁止 */ } #u1870-4{ z-index:294; min-height:17px; font-size: 10px; background-color:transparent; font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative; margin-top:1080px; margin-left: auto; position: relative; /* 中央位置を制御 */ width: fit-content; /* コンテンツ幅に応じてサイズを調整 */ left: 50%; transform: translateX(-50%); /* 要素を完全に中央に */ white-space: nowrap; /* 折り返しを禁止 */ } #u1858-4{ z-index:298; min-height:17px; font-size: 10px; background-color:transparent; font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;position:relative; margin-top:1120px; margin-left: auto; position: relative; /* 中央位置を制御 */ width: fit-content; /* コンテンツ幅に応じてサイズを調整 */ left: 50%; transform: translateX(-50%); /* 要素を完全に中央に */ white-space: nowrap; /* 折り返しを禁止 */ } #u1861-4{ z-index:302; min-height:17px; font-size: 10px; background-color:transparent; font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif; position:relative; margin-top:1160px; margin-left: auto; position: relative; /* 中央位置を制御 */ width: fit-content; /* コンテンツ幅に応じてサイズを調整 */ left: 50%; transform: translateX(-50%); /* 要素を完全に中央に */ white-space: nowrap; /* 折り返しを禁止 */ } #u1867-4{ z-index:306; min-height:17px; font-size: 10px; background-color:transparent; font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif; position:relative; margin-top:1452px; position: relative; /* 中央位置を制御 */ white-space: nowrap; /* 折り返しを禁止 */} } #u1316{z-index:215;height:1px;background-color:#B8B6C2;position:relative;margin-right:-10000px;margin-top:1067px;width:100%;left:30%;margin-left:0%;} #u1317{z-index:216;height:1px;background-color:#B8B6C2;position:relative;margin-right:-10000px;margin-top:1154px;width:100%;left:30%;margin-left:0%;} #u1318{z-index:217;height:1px;background-color:#B8B6C2;position:relative;margin-right:-10000px;margin-top:1242px;width:100%;left:30%;margin-left:0%;} #u1319{z-index:218;height:1px;background-color:#B8B6C2;position:relative;margin-right:-10000px;margin-top:1329px;width:100%;left:30%;margin-left:0%;} #u1320{z-index:219;height:1px;background-color:#B8B6C2;position:relative;margin-right:-10000px;margin-top:1416px;width:100%;left:30%;margin-left:0%;} } @media screen and (max-width: 600px) { /* フォーム全体のスタイル */ #form { width: 50%; /* 幅を70%に調整 */ margin: 0 auto; padding: 10px; box-sizing: border-box; } /* インプットフィールドのスタイル */ .formgroup input, .formgroup textarea { width: 50%; /* インプットフィールドの幅を50%に調整 */ padding: 8px; font-size: 14px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } /* 送信ボタンのスタイル */ input[type="submit"] { width: 50%; /* ボタンの幅を50%に調整 */ padding: 10px; font-size: 16px; background-color: #007bff; color: #fff; border: none; border-radius: 4px; cursor: pointer; transition: background-color 0.3s ease; } input[type="submit"]:hover { background-color: #0056b3; } }