/* For Smartphone */ @media screen and (max-width: 560px) { * { margin:0; padding:0; border:none;} body { font-size:16px; line-height:1.61; min-width:100%; color:#ffffff;} body a{ color:inherit; transition: .3s;} /*body *{ font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important;}*/ h1 {margin: 0 0 5px 0; font-size:10px; padding:0; font-weight:normal; line-height:1.1; color:#fff; opacity:.6; display:none;} h2 {margin:0 auto 30px auto; color:#ffffff; font-size:14px; font-weight:normal; line-height:1; text-align:center;} h2.normal_tit{ font-size:48px; font-weight: 600; font-family: 'Urbanist', sans-serif; } h2.normal_tit > span{display: inline-block; /*background: linear-gradient(90deg, #00c0fa 0%, #015eea 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/} h2.normal_tit > span span:first-child{color:#00baf9;} h2.normal_tit > span span:nth-child(2){color:#00a2f5;} h2.normal_tit > span span:nth-child(3){color:#018df2;} h2.normal_tit > span span:nth-child(4){color:#0175ee;} h2.normal_tit > span span:nth-child(5){color:#0166eb;} h2.normal_tit > span span{opacity: 0;display: inline-block;} h2.normal_tit > span.appeartext span { animation: h_fadeIn 0.5s ease-out forwards; } @keyframes h_fadeIn { 0% {opacity: 0; transform: translateX(25%);} 100% {opacity: 1; transform: translateX(0);} } h2.sub_tit{color:#ffffff; font-size: 16px; font-weight: 500;} h2.sub_tit .eng{display: block; font-size: 26px; font-weight: 700; font-family: 'Urbanist', sans-serif; margin-bottom: 5px; line-height: 1.3em;} h3 {margin:0 auto 0 auto; padding:0 0 0 0;} h3.normal{ font-size: 16px; font-weight: bold; color: #ffffff; background-color: #0075c2; width: 100%; padding: 14px 15px 10px 15px; text-align: left !important; box-sizing: border-box; line-height: 1.31 !important; margin-bottom: 15px !important;} #wrap_add08 .inn .sns_wrap h3{ /*color:#727171;*/ font-size:20px; text-align:center; margin-bottom:28px;} #wrap_add10 .inn .box h3{ color:#727171; font-size:30px; letter-spacing:0.025em; line-height:1.4; margin-bottom:20px; font-weight:bold;} #wrap-outer2nd h3{ margin:0 auto 30px auto; line-height:1; text-align:center;} #wrap-outer2nd h3.eng_none{ font-size:18px; padding: 18px 0 0 0; margin-bottom: 20px;} #contents .contents-form .doc h3{ font-size:20px; text-align:left; color:#fff; background:url(/images/contact/contact_h_bg.png) repeat; padding:15px 0 15px 10px; margin:40px 0 0 0;} #contents .contents-form .doc h3 .yellow{ color:#ffe778; font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif !important; font-weight:bold;} #contents .contents-form h3{ background:#f5f5f5; padding:28px 0 34px 0; margin-bottom:27px;} h4 {font-size:20px; margin-bottom:8px;} #wrap-outer2nd h4{ /*font-size:16px;*/ box-sizing: border-box; padding: 10px 10px 10px 10px; letter-spacing: .5px; margin-bottom: 15px;} #contents-inner-pages .products_child #spec h4{ color:#fff; background:url(/images/common/bg_h4.png) repeat;} #contents-inner-pages #safe .safe_list + h4{ margin-top:30px;} #contents .contents-form .doc .points .points_desc h4{ font-size:22px; color:#f8b62b; margin:20px 0 20px 0; padding:10px 10px 6px 63px; border-bottom:2px solid rgba(248,182,43,.5);} #contents .contents-form .doc .points .points_desc h4.before{ background:url(/images/contact/no_01.png) no-repeat left center; background-size:43px auto;} #contents .contents-form .doc .points .points_desc h4.after{ background:url(/images/contact/no_02.png) no-repeat left center; background-size:47px auto;} img{ max-width:100%;} /*--------------------------------------　2カラム　------------------------------------*/ #wrap-outer2nd #main{ padding:30px 0 80px 0;} #wrap-outer2nd #main_1col{ padding:0;} #wrap-outer2nd #side_menu .side_wrap{ overflow-x:auto;/*overflow-x:scroll;*/ -webkit-overflow-scrolling:touch; white-space:nowrap;} #wrap-outer2nd #side_menu > div{margin-bottom:30px;} #wrap-outer2nd #side_menu > div:last-child{ margin-bottom:0;} #wrap-outer2nd #side_menu p.head{ display:block; width:100%; border-top:1px solid #28a7e1; color:#28a7e1; font-size:18px; box-sizing:border-box; margin:0 0 9px 0; font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;} #wrap-outer2nd #side_menu p.head{margin-top:10px;} #wrap-outer2nd #side_menu p:first-child{margin-top:0px;} #wrap-outer2nd #side_menu p.head span{ display:block; border-top:1px solid #28a7e1; margin-top:1px; padding:8px 0 0 0; text-align:center;} #wrap-outer2nd #side_menu .side_case{ /*font-size:16px;*/ width:100%;} #wrap-outer2nd #side_menu .side_case .side_wrap a{ display:table; width:100%; min-height:80px; box-sizing:border-box; padding:12px 35px 12px 11px; background-position:center right 17px; /*font-size:16px;*/} #wrap-outer2nd #side_menu .side_case .side_wrap a p{ display:table-cell; vertical-align:middle; font-weight:bold;} #wrap-outer2nd #side_menu .side_case .side_wrap li a span{ display:inline-block; font-size:12px; line-height:1.2; font-weight:normal; color:#fff; padding:3px 5px 2px 5px;} #wrap-outer2nd #side_menu .side_case .side_wrap li.shinkokin a span{ background:#bf5b91;} #wrap-outer2nd #side_menu .side_case .side_wrap li.levante a span{ background:#ed6d1f;} #wrap-outer2nd #side_menu .side_case .side_wrap li.ciao a span{ background:#f8b83d;} #wrap-outer2nd #side_menu .side_case .side_wrap li.rocky a span{ background:#516108;} #wrap-outer2nd #side_menu .side_case .side_wrap li.kinoka a span{ background:#009944;} #wrap-outer2nd #side_menu .side_wrap li{ margin-left:9px; width:250px; display:inline-block; vertical-align:bottom;} #wrap-outer2nd #side_menu .side_wrap li:first-child{ margin-left:0;} #wrap-outer2nd #side_menu .side_wrap li a{display:block; /*color:#727171;*/ text-decoration:none; background:#edf6fa url('data:image/svg+xml;charset=UTF-8,') no-repeat right 17px bottom 22px; background-size:12px 12px; white-space:normal;} #wrap-outer2nd #side_menu .side_wrap li a:hover{} #wrap-outer2nd #side_menu .side_wrap li a table{ border-collapse:separate; border-spacing:0;} #wrap-outer2nd #side_menu .side_wrap li a table th{ padding:0 0 0 11px; text-align:left; /*font-size:16px;*/} #wrap-outer2nd #side_menu .side_wrap li a table th span{ display:block; font-size:12px; font-weight:normal;} #wrap-outer2nd #side_menu .side_bnr ul li{ text-align:center;} #wrap-outer2nd #side_menu .side_bnr ul li a{ display:inline-block;} #wrap-outer2nd #side_menu .side_sns ul{ text-align:center;} #wrap-outer2nd #side_menu .side_sns ul li{ display:inline-block; margin-left:39px;} #wrap-outer2nd #side_menu .side_sns ul li:first-child{ margin-left:0;} #wrap-outer2nd #side_menu .side_sns ul li img{ width:40px;} /*--- form --------------------------------------------------------------------------------------*/ input[type="text"],input[type="tel"] {font-size:100%;} input[type="submit"] {-webkit-appearance:none;} label{margin-right:20px; display:block; margin-bottom:10px;} .btn_mail, .btn_top, .btn_line {display: flex; position: relative; width: 80%; height: 60px; color: #ffffff; text-align: center; font-size: 18px; font-weight: bold; text-decoration: none; padding: 0; overflow: hidden; transition: .3s; z-index: 1; box-sizing: border-box; background-color: #e95388; border-radius: 35px; justify-content: center; align-items: center; margin:0 auto 0 auto; cursor:pointer; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;} .btn_top {margin-top:50px;} .btn_line {background:#00adb8;} .btn_back {display: flex; position: relative; width: 45%; height: 60px; color: #ffffff; text-align: center; font-size: 16px; font-weight: bold; text-decoration: none; padding: 0; overflow: hidden; transition: .3s; z-index: 1; box-sizing: border-box; background:url(/images/contact/form_btn_indent_back.png),#8d8d8d; background-repeat:no-repeat; background-position:15% center; border-radius: 35px; justify-content: center; align-items: center; margin:0 0 20px 0; cursor:pointer; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; float:left;} .btn_end {display: flex; position: relative; width: 45%; height: 60px; color: #ffffff; text-align: center; font-size: 16px; font-weight: bold; text-decoration: none; padding: 0; overflow: hidden; transition: .3s; z-index: 1; box-sizing: border-box; background:url(/images/contact/form_btn_indent.png),#e95388; background-repeat:no-repeat; background-position:right 10% center; border-radius: 35px; justify-content: center; align-items: center; margin:0 0 20px 0; cursor:pointer; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; float:right;} .btn_more {display: flex; position: relative; width: 100%; height: 60px; color: #ffffff; text-align: center; font-size: 16px; font-weight: bold; text-decoration: none; padding: 0; overflow: hidden; transition: .3s; z-index: 1; box-sizing: border-box; background:#e98153; border-radius: 35px; justify-content: center; align-items: center; margin:20px auto 10px auto; cursor:pointer; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; float:right;} .link_btn{ text-align:center; margin-top:30px;} .pc{ display:none !important;} br.pc{ display:none;} /*--- menu --------------------------------------------------------------------------------------*/ #menu {display: none; z-index:10;} #menu li {width: 100%; border-bottom:1px solid #1999CC; /*font-size:16px;*/} #menu li span {display:inline-block; margin-left:10px; font-size:10px;} #menu li a {display:block; padding:10px; background:#1485C2; color:#FFF; text-align:left; text-decoration:none;} #menu li:last-child a{border: none;} #toggle {display: block; position: relative; width: 100%; background:#1999CC; /*position:fixed; top:0; z-index:100;*/} #toggle a{display: block; position: relative; padding: 12px 0 12px 0; border-bottom: 1px solid #FFF; color:#FFF; text-align: center; text-decoration: none;} #toggle:before {display:block; content:""; position:absolute; top:50%; left:10px; width:30px; height:30px; margin-top:-15px; background:#FFF;} #toggle a:before, #toggle a:after {display:block; content:""; position:absolute; top:50%; left:10px; width:30px; height:6px; background:#1999CC;} #toggle a:before {margin-top:-9px;} #toggle a:after {margin-top: 3px;} /*--- wrap-outer --------------------------------------------------------------------------------*/ #wrap-outer, #wrap-outer2nd, #wrap-outerContact { width:100%; position:relative; height:auto !important; height:100%; min-height:100%; overflow: clip; } #wrap-outer2 {} #wrap-outer3 {} #wrap-outer2nd, #wrap-outerContact {background:none;} #wrap-outerContact {margin-bottom:0px;} /*--- wrap --------------------------------------------------------------------------------------*/ #wrap {width:100%;} #wrap {width:100%;} /*--- header ------------------------------------------------------------------------------------*/ #header {width:100%; height: 50px; margin:0 auto 0 auto; padding:14px 125px 0 12px; background:url(/images/bg_wrap-outer.png); position:fixed; top:0; z-index:999; display: block; box-sizing:border-box;} /*#header::after{ display:block; content:""; width:100%; height:10px; background:url(/images/header/header_bg_btm.png) no-repeat center top; background-size:100% auto; position:absolute; bottom:-10px; left:0; z-index:9999;}*/ #wrap-outer2nd #header::after{ display:none;} #header .inn .sns_btn{ position:fixed; bottom:10px; left:3%; z-index:99999;} #header .inn .sns_btn ul:after{ display:block; content:""; clear:both;} #header .inn .sns_btn ul li{ float:left; margin-right:20px; line-height:0;} #header .inn .sns_btn ul li a{ opacity:1 !important;} #header .inn .sns_btn ul li img{ width:45px;} #header .inn ul.mini_navi{ display:none;} #header #n{ display:inline-block; position:relative; z-index:100003;} #header .logo {/*margin-top:10px;*/ max-width:215px; width:100%;} #header .tel_blocks{ display:none;} #header ul.navi { display: none; margin:15px 0 5px 0; overflow:auto; white-space:nowrap; -webkit-overflow-scrolling:touch;} #header ul.navi::-webkit-scrollbar{ display:none;} #header ul.navi li{ display:inline-block; position:relative;} #header ul.navi li::before{ display:block; content:""; width:1px; height:28px; position:absolute; top:calc(50% - 14px); left:-1px; background:#ddd;} #header ul.navi li a{ display:table; width:100%; text-decoration:none; font-size:14px; line-height:1.4; text-align:center; padding:0 10px 0 10px; height:40px; box-sizing:border-box; white-space:normal; font-weight:bold;} #header ul.navi li a span{ display:table-cell; vertical-align:middle; width:100%; height:100%;} #header.navinone ul.navi li a{ height:0;} #header.navinone ul.navi li.long a{ height:0;} #header ul.navi li.top,#header ul.navi li.top + li::before,#header ul.navi li.sub_menu{ display: none !important;} #header #side_btn{ display:none !important;} #header:before{display: block;content: ""; width: calc(100% + 100px);height: 100%;position: absolute;z-index: -1;top:0;left:-50px;box-sizing: border-box;background:rgba(3,35,60,0.8); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); opacity: 0; transition: .3s;} #header.scroll-up:before{ opacity: 1;} @supports not ((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))) { #header.scroll-up:before{ background: rgba(5,35,60,0.95);} } .pushy-open-right .menu-btn{ background-color: transparent;} .pushy-open-right .menu-btn span{background: #002456;} .pushy-open-right .menu-btn span:nth-of-type(1){transform: translateY(6px) rotate(-45deg); width: 80%; margin: 5px auto 0 auto;} .pushy-open-right .menu-btn span:nth-of-type(2) { opacity: 0; } .pushy-open-right .menu-btn span:nth-of-type(3){ transform: translateY(-6px) rotate(45deg); width: 80%; margin:5px auto 0 auto; } .pushy-open-right .menu-btn > div{height: 25px; overflow: hidden;} .pushy-open-right .menu-btn > div:before{ display: block; content: "CLOSE"; opacity: 1; color: #002456; margin-top: 5px;} /*--- contents ----------------------------------------------------------------------------------*/ #contents {margin:0 auto 0 auto; padding:60px 0 0 0;} #contents .slick-slide{width: 320px; height: auto; margin: 0 5px 0 5px;} #contents .slider-for a{ border-radius: 30px 0 30px 0; overflow: hidden; display: inline-block;} /*--- wrap_add01 --------------------------------------------------------------------------------*/ #main_image {width:100%; position: relative; z-index: 0; padding-top: 28px; margin-bottom: 80px;} #main_image .inn{padding:0; width: 90%; margin: auto; box-sizing: border-box; position: relative; z-index: 1;} #main_image .h{width: auto;} #main_image .h.normal{ display: none;} #main_image .h > span{display: block; line-height: 1.5em;} #main_image .h span.eng{font-family: 'Urbanist', sans-serif; font-weight: 600; font-size: 27px;} #main_image .h span.sub{font-weight: 500; font-size: 16px; margin-top: 2%;} #main_image .img{width: 106%;margin-right: -6%; margin-top: 30px;} #main_image .img img{width: 100%;aspect-ratio: 1 / 0.7;object-fit: cover; object-position: center top;} #main_image .scrolldown{ display: none;} #main_image .scrolldown:after{content:"";position: absolute;bottom:0;left:0;width:1px;height: 180px;background: rgba(255,255,255,0.2);} #main_image .bg > div{ position: absolute; z-index: -1;} #main_image .bg > div img{ width: 100%;} #main_image .bg .bg_line01{bottom: -19%;left: 5%;} #main_image .bg .bg_line01{width: 180%;}#main_image .bg .bg_line01 img{width: 100%;} #main_image .bg .bg_line01:before{display: block;content: "";aspect-ratio: 1 / 1;border-radius: 50%;background: #004E8A;background: radial-gradient(circle, rgba(0, 78, 138, 1) 0%, rgba(0, 11, 20, 0) 70%);top: -152%;left: 23%;position: absolute;z-index: -2;width: 58%;} #main_image .bg .bg_line02{top: -35px;left: -59%;} #main_image .bg .bg_line02{width:236%;}#main_image .bg .bg_line02 img{width: 100%;} #main_image .bg .bg_line02:before{display: block;content: "";aspect-ratio: 1 / 1;border-radius: 50%;background: #004E8A;background: radial-gradient(circle, rgb(2, 91, 158) 0%, rgba(0, 11, 20, 0) 70%);top: -260%;left: 3%;position: absolute;z-index: -2;width: 45%;} #main_image .bg .bg_line01 img,#main_image .bg .bg_line02 img{mix-blend-mode: screen;} #main_image .bg .head_circle01,#main_image .bg .head_circle02{display: block;aspect-ratio: 1 / 1;border-radius: 50%;background: #004E8A;background: radial-gradient(circle, rgb(2, 91, 158) 0%, rgba(0, 11, 20, 0) 70%);position: absolute;z-index: -2; transform:translateZ(-1px);} #main_image .bg .head_circle01{width: 84%;top: 15%;right: -10%;} #main_image .bg .head_circle02{width: 40%;top: -35%;right: 3%;} @media print, screen and (min-width: 375px) { #main_image .h span.eng{font-size: 30px; letter-spacing: 0.03em;} } /*アニメーション*/ #main_image .img.main-animation,#main_image .bg.main-animation{opacity: 0; transition: .3s;} #main_image .img.main-animation.main-animation--up{ animation: text_anime_on 1s ease-out forwards; animation-delay:0.3s;} #main_image .bg.main-animation{ animation: text_anime_on_b 0.5s ease-out forwards; animation-delay:0s;} @keyframes text_anime_on { 0% {opacity: 0; filter: blur(10px);} 100% {opacity: 1; filter: blur(0);} } @keyframes text_anime_on_b { 0% {opacity: 0; } 100% {opacity: 1;} } #main_image .h > span.main-animation-text{ opacity: 0; transition: .3s;} #main_image .h > span.main-animation-text.js-initialized{ opacity: 1;} #main_image .h > span.main-animation-text span{opacity: 0;display: inline-block;} #main_image .h > span.main-animation-text.main-animation--up span { animation: translateX 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both, fadeIn 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) both; } @keyframes translateX { 0% { transform: translateX(25%); } 100% { transform: translateX(0); } } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } #main_image .h > span > span:nth-child(1){animation-delay:1.00s !important;} #main_image .h > span > span:nth-child(2){animation-delay:1.05s !important;} #main_image .h > span > span:nth-child(3){animation-delay:1.10s !important;} #main_image .h > span > span:nth-child(4){animation-delay:1.15s !important;} #main_image .h > span > span:nth-child(5){animation-delay:1.20s !important;} #main_image .h > span > span:nth-child(6){animation-delay:1.25s !important;} #main_image .h > span > span:nth-child(7){animation-delay:1.30s !important;} #main_image .h > span > span:nth-child(8){animation-delay:1.35s !important;} #main_image .h > span > span:nth-child(9){animation-delay:1.40s !important;} #main_image .h > span > span:nth-child(10){animation-delay:1.45s !important;} #main_image .h > span > span:nth-child(11){animation-delay:1.50s !important;} #main_image .h > span > span:nth-child(12){animation-delay:1.55s !important;} #main_image .h > span > span:nth-child(13){animation-delay:1.60s !important;} #main_image .h > span > span:nth-child(14){animation-delay:1.65s !important;} #main_image .h > span > span:nth-child(15){animation-delay:1.70s !important;} #main_image .h > span > span:nth-child(16){animation-delay:1.75s !important;} #main_image .h > span > span:nth-child(17){animation-delay:1.80s !important;} #main_image .h > span > span:nth-child(18){animation-delay:1.85s !important;} #main_image .h > span > span:nth-child(19){animation-delay:1.90s !important;} #main_image .h > span > span:nth-child(20){animation-delay:1.95s !important;} #main_image .h > span > span:nth-child(21){animation-delay:2.00s !important;} #main_image .h > span > span:nth-child(22){animation-delay:2.05s !important;} #main_image .h > span > span:nth-child(23){animation-delay:2.15s !important;} #main_image .h > span > span:nth-child(24){animation-delay:2.20s !important;} #main_image .h > span > span:nth-child(25){animation-delay:2.25s !important;} /*--- top --------------------------------------------------------------------------------*/ #wrap-outer section .bg > div,#wrap-outer2nd section .bg > div{ position: absolute; z-index: -2;} #wrap-outer section .bg > div img,#wrap-outer2nd section .bg > div img{ width: 100%;} #wrap-outer section .bg .bg_line01:before,#wrap-outer section .bg .bg_line02:before,#wrap-outer section .bg .bg_line03:before,#wrap-outer section .bg .bg_line04:before,#wrap-outer section .bg .bg_line:before,#wrap-outer2nd section .bg .bg_line01:before,#wrap-outer2nd section .bg .bg_line02:before,#wrap-outer2nd section .bg .bg_line:before{display: block;content: "";width: 1000px;aspect-ratio: 1 / 1;border-radius: 50%;background: #004E8A;background: radial-gradient(circle, rgba(0, 78, 138, 1) 0%, rgba(0, 11, 20, 0) 70%);top:0;left: 0;position: absolute;z-index: -2;width: 55%;} #wrap-outer section .bg .bg_line01 img,#wrap-outer section .bg .bg_line02 img,#wrap-outer section .bg .bg_line03 img,#wrap-outer section .bg .bg_line04 img,#wrap-outer section .bg .bg_line img,#wrap-outer2nd section .bg .bg_line01 img,#wrap-outer2nd section .bg .bg_line02 img,#wrap-outer2nd section .bg .bg_line img{mix-blend-mode: screen;} #wrap-outer .img_slowly{will-change:transform; pointer-events: none;} #wrap-outer section,#wrap-outer2nd section{ position: relative; z-index: 0;} #wrap-outer section .inn,#wrap-outer2nd section .inn{margin: auto; position: relative; z-index: -1; width: 94%;} #wrap-outer .normal_btn a{display: flex;transition: .3s;box-sizing: border-box;font-size: 18px;font-weight: 500;font-family: 'Urbanist', sans-serif;width: 260px;height: 60px;border-radius: 40px;color: #2dc7fa;border: 1px solid #2dc7fa;justify-content: center;align-items: center;letter-spacing: 0.1em; text-decoration: none; overflow: hidden; position: relative; z-index: 0;} #wrap-outer .normal_btn a span:before{display: inline-block; content: ""; vertical-align: middle; background: url("../images/top/btn_indent.png") no-repeat; background-size: 100% auto; aspect-ratio: 31 / 28; width: 16px; height: auto; margin: 0 13px 3px -2px; filter: brightness(0) saturate(100%) invert(61%) sepia(60%) saturate(967%) hue-rotate(162deg) brightness(103%) contrast(96%);} #wrap-outer .normal_btn a:before { content: ""; width: 120%; height: 200%; position: absolute; top: -50%; right: 0; z-index: -1; background: rgba(45,199,250,0.6); border-radius: 0 100% 100% 0; transform: translateX(-100%); transition: transform ease .3s;} #wrap-outer .normal_btn a:hover { color: #fff; border-color:transparent;} #wrap-outer .normal_btn a:hover:before { transform: translateX(10%);} #wrap-outer .normal_btn a:hover span:before{filter: brightness(0) saturate(100%) invert(100%) sepia(85%) saturate(0%) hue-rotate(58deg) brightness(112%) contrast(100%);} #wrap-outer #solutions,#wrap-outer #software{ padding-top: 60px; margin-top: -60px;} #wrap-outer #unified,#wrap-outer #simula3dexperience{ padding-top: 100px; margin-top: -100px;} /*--- wrap_add01 --------------------------------------------------------------------------------*/ #wrap_add01.event_bl {width:100%; margin-bottom: 70px;} #wrap_add01.event_bl .inn{ padding-bottom: 0;} #wrap_add01.event_bl h2.normal_tit{ text-align: left; margin-bottom: 5px;} #wrap_add01.event_bl .bnr{text-align: center;} #wrap_add01.event_bl .bnr a{display: block; box-shadow: 0 0 20px rgba(255,255,255,0.15); max-width: 1200px; width: 100%; margin: auto;} #wrap_add01.event_bl .bg .bg_line01{ display: none;} #wrap_add01.event_bl .bg .bg_line02{width: 100%;bottom: -80px;left:0;transform: none !important;} #wrap_add01.event_bl .bg .bg_line02 img{ width: 100%; transform: scale(-1, 1);} #wrap_add01.event_bl .bg .bg_line02:before{width: 94.5%;bottom: -190%;top: inherit;left: -25%;} #wrap_add01.event_bl .bg .bg_img{width: 35%; top:10px; right:5%; } /*--- wrap_add01 / お知らせ版 --------------------------------------------------------------------------------*/ #wrap_add01.news_bl {width:100%; margin-bottom: 70px; } #wrap_add01.news_bl .inn{ padding-bottom: 0;} #wrap_add01.news_bl h2.normal_tit{ text-align: left; margin-bottom: 5px;} #wrap_add01.news_bl .news_list{display: block;width: 100%; margin: 0 auto 50px auto;} #wrap_add01.news_bl .news_list li{background: linear-gradient(90deg, #087ec3db 0%, #0b56c7db 100%);text-align: left;padding: 35px 35px 35px 25px;box-sizing: border-box;border-radius: 10px;} #wrap_add01.news_bl .news_list li + li{ margin-top: 15px;} #wrap_add01.news_bl .news_list li .date{ font-size: 18px; font-weight: 500;} #wrap_add01.news_bl .news_list li .date span{ background: #ffffff; border-radius: 30px; color:#0b56c7; display: block; margin: 0 0 5px 0; padding: 0 15px 0 15px; font-size: 14px; font-weight:500;} #wrap_add01.news_bl .news_list li h3{color: #ffffff;font-size: 24px; padding: 0; margin-bottom: 15px;} #wrap_add01.news_bl .news_list li p + p{margin-top: 10px;} #wrap_add01.news_bl .bg .bg_line01{ display: none;} #wrap_add01.news_bl .bg .bg_line02{width: 100%;bottom: -80px;left:0;transform: none !important;} #wrap_add01.news_bl .bg .bg_line02 img{ width: 100%; transform: scale(-1, 1);} #wrap_add01.news_bl .bg .bg_line02:before{width: 94.5%;bottom: -190%;top: inherit;left: -25%;} #wrap_add01.news_bl .bg .bg_img{width: 35%; top:10px; right:5%; } /*--- wrap_add02 --------------------------------------------------------------------------------*/ #wrap_add02.about_bl {width:100%; margin-bottom: 10px;} #wrap_add02.about_bl .inn{padding:0 0 65px 0;} #wrap_add02.about_bl h2.normal_tit{ text-align: left; margin-bottom: 15px;} #wrap_add02.about_bl h2.normal_tit > span span:first-child{color:#0166eb;} #wrap_add02.about_bl h2.normal_tit > span span:nth-child(2){color:#0175ee;} #wrap_add02.about_bl h2.normal_tit > span span:nth-child(3){color:#018df2;} #wrap_add02.about_bl h2.normal_tit > span span:nth-child(4){color:#00a2f5;} #wrap_add02.about_bl h2.normal_tit > span span:nth-child(5){color:#00baf9;} #wrap_add02.about_bl .img_bl {box-sizing: border-box; padding: 0 2%;} #wrap_add02.about_bl .img_bl .img{width: 106%;margin-right: -6%;} #wrap_add02.about_bl .img_bl .img img{width: 100%;aspect-ratio: 1 / 0.7;object-fit: cover; object-position: center top;} #wrap_add02.about_bl .text{ box-sizing: border-box; padding: 30px 0 20px 0;} #wrap_add02.about_bl .text h3{font-size: 24px; font-weight: 500; color: #ffffff; line-height: 1.6em; margin-bottom: 20px;} #wrap_add02.about_bl .text p{ line-height: 1.8em; font-weight: 400;} #wrap_add02.about_bl .text p + p{ margin-top: 15px;} #wrap_add02.about_bl .bg .bg_line{width: 96.625%;bottom: 1%;left:0;transform: none !important;} #wrap_add02.about_bl .bg .bg_line:before{width: 74.31%;bottom: -139%;top: inherit;left: -17%;} #wrap_add02.about_bl .bg .bg_img01{width: 50%; top:30%; right:5%; } #wrap_add02.about_bl .bg .bg_img01:before{display: block;content: "";aspect-ratio: 1 / 1;border-radius: 50%;background: radial-gradient(circle, rgba(0, 78, 138, 0.85) 0%, rgba(0, 11, 20, 0) 70%);top:-64%;left: -21%;position: absolute;z-index: -2;width: 195.34%;} #wrap_add02.about_bl .bg .bg_img02{width: 56%;bottom: -5%;left: -5%;} #wrap_add02.about_bl .bg .bg_img03{width: 43%;bottom: 17%;right: 5%;opacity: .7;} /*--- wrap_add03 --------------------------------------------------------------------------------*/ #wrap_add03.solutions_bl {width:100%; position: relative;z-index: 3;} #wrap_add03.solutions_bl .inn{padding-bottom: 45px;} #wrap_add03.solutions_bl h2.normal_tit{ text-align: right; margin-bottom: -32px;} #wrap_add03.solutions_bl h2.normal_tit > span span:first-child{color:#00b9f9;} #wrap_add03.solutions_bl h2.normal_tit > span span:nth-child(2){color:#00adf7;} #wrap_add03.solutions_bl h2.normal_tit > span span:nth-child(3){color:#00a3f5;} #wrap_add03.solutions_bl h2.normal_tit > span span:nth-child(4){color:#0098f3;} #wrap_add03.solutions_bl h2.normal_tit > span span:nth-child(5){color:#018cf2;} #wrap_add03.solutions_bl h2.normal_tit > span span:nth-child(6){color:#0185f0;} #wrap_add03.solutions_bl h2.normal_tit > span span:nth-child(7){color:#017aef;} #wrap_add03.solutions_bl h2.normal_tit > span span:nth-child(8){color:#016eed;} #wrap_add03.solutions_bl h2.normal_tit > span span:nth-child(9){color:#0165eb;} #wrap_add03.solutions_bl h3{font-size: 28px; font-weight: 500; color: #ffffff; line-height: 1.5em; margin-bottom: 15px; } #wrap_add03.solutions_bl .h_bl{position: relative;z-index: 0;margin-bottom: 25px;} #wrap_add03.solutions_bl .h_bl .bg .bg_line01{width: 120%;right: -10%;bottom: -14%;} #wrap_add03.solutions_bl .h_bl .bg .bg_line01:before{width: 76.853%; top: -350%; left: inherit; right: 9%;} #wrap_add03 .engineer_bl{ position: relative; z-index: 0; padding-bottom: 15px;} #wrap_add03 .engineer_bl .text{ margin-bottom: 25px;} #wrap_add03 .engineer_bl h2.sub_tit{text-align: center; color: #2dc7fa; margin-bottom: 20px;} #wrap_add03 .engineer_bl h2.sub_tit.eng{background: linear-gradient(90deg, #00baf9 0%, #2bc7fa 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block;} #wrap_add03 .engineer_bl .text p{ line-height: 1.8em; font-weight: 400;} #wrap_add03 .engineer_bl .text p + p{ margin-top: 20px;} #wrap_add03 .engineer_bl .text .normal_btn{ margin-top: 20px;} #wrap_add03 .engineer_bl .service_list .box{background:rgba(0,182,241,0.7);border-radius: 10px;overflow: hidden;display: flex;aspect-ratio: 1 / 0.25;align-items: center;flex-wrap: nowrap; margin-bottom: 10px;} #wrap_add03 .engineer_bl .service_list .box img{ height: 100%;} #wrap_add03 .engineer_bl .service_list .box p{font-size: 16px; font-weight: 500;} #wrap_add03 .engineer_bl .bg .bg_line02{width: 120%;bottom:0;left: -10%;right:0;margin: auto;text-align: center;} #wrap_add03 .engineer_bl .bg .bg_line02:before{width: 62.7%;top: -350%;left: -5%;} #wrap_add03 .engineer_bl .bg .bg_line02:after{display: block;content: "";aspect-ratio: 1 / 1;border-radius: 50%;background: radial-gradient(circle, rgba(0, 78, 138, 1) 0%, rgba(0, 11, 20, 0) 70%);top:-350%;right: -5%;position: absolute;z-index: -2;width: 62.7%;} #wrap_add03 .software_bl_1{ position: relative; z-index: 0; padding:20px 0 50px 0;} #wrap_add03 .software_bl_1 .inn{ padding-bottom: 4.8%;} #wrap_add03 .software_bl_1 h2.sub_tit {color: #40acff; margin-bottom: 30px;} #wrap_add03 .software_bl_1 h2.sub_tit .eng{background: linear-gradient(90deg, #1398ff 0%, #3eabff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 5px;} #wrap_add03 .software_bl_1 h2 + p{text-align: left; line-height: 1.8em; font-weight: 400;} #wrap_add03 .software_bl_1 .bg .bg_line03{width: 120%;bottom:0;left: -18%; transform: none !important;} #wrap_add03 .software_bl_1 .bg .bg_line03:before{width: 71.935%;top: -245%;left: -20%;} #wrap_add03 .software_bl_1 .bg .bg_img01{width: 40%;top: -15%;right:0;opacity: .7;} #wrap_add03 .software_bl_1 .bg .bg_img02{width: 35%;bottom: 2%;left:0;opacity: .7;} #wrap_add03 .software_bl_2{ position: relative; z-index: 0; padding-bottom: 45px; margin-top: -3%;} #wrap_add03 .software_bl_2 .text{margin-bottom: 30px;} #wrap_add03 .software_bl_2 .text p{ line-height: 1.8em; font-weight: 400;} #wrap_add03 .software_bl_2 .text p + p{ margin-top: 15px;} #wrap_add03 .software_bl_2 .text .normal_btn{ margin-top: 20px;} #wrap-outer .software_bl_2 .text .normal_btn a{color: #3caaff;border: 1px solid #3caaff;} #wrap-outer .software_bl_2 .text .normal_btn a span:before{filter: brightness(0) saturate(100%) invert(70%) sepia(53%) saturate(5267%) hue-rotate(184deg) brightness(102%) contrast(105%);} #wrap-outer .software_bl_2 .text .normal_btn a:before { background: rgba(60,170,255,0.6);} #wrap_add03 .software_bl_2 .text .normal_btn a:hover { color: #fff; border-color:transparent;} #wrap_add03 .software_bl_2 .text .normal_btn a:hover:before { transform: translateX(10%);} #wrap_add03 .software_bl_2 .text .normal_btn a:hover span:before{filter: brightness(0) saturate(100%) invert(100%) sepia(85%) saturate(0%) hue-rotate(58deg) brightness(112%) contrast(100%);} #wrap_add03.solutions_bl .software_list{width: 100%;} #wrap_add03.solutions_bl .software_list .box{width:100%; height: 160px; border-radius: 15px; overflow: hidden; margin-bottom: 12px; position: relative; transition: .3s;} #wrap_add03.solutions_bl .software_list .box:has( > a:hover){opacity: .7;} #wrap_add03.solutions_bl .software_list .box a{display: block; width: 100%; height: 100%; box-sizing: border-box; text-decoration: none; color: inherit;} #wrap_add03.solutions_bl .software_list .box span.tag{position: relative;z-index: 0;display: block;font-size: 14px;height: auto;padding: 6px 0 7px 15px;margin-bottom: 15px;box-sizing: border-box;letter-spacing: 0.06em;} #wrap_add03.solutions_bl .software_list .box span.tag:before{display: block; content: ""; width: 100%; height: 100%; position: absolute; z-index: -1; top:0; left:0; box-sizing: border-box; background: linear-gradient(-90deg, rgba(0,81,175,0) 0%, rgba(0,81,175,1.00) 60%);} #wrap_add03.solutions_bl .software_list .box p.h{ margin-left: 15px; margin-right: 15px;} #wrap_add03.solutions_bl .software_list .box p.h img{mix-blend-mode: screen; max-height: 50px;} #wrap_add03.solutions_bl .software_list .box .indent{position: absolute;bottom:15px;left:15px;width: 30px;aspect-ratio: 1 / 1;border: 1px solid #ffffff;display: flex;justify-content: center;align-items: center;border-radius: 50%;} #wrap_add03.solutions_bl .software_list .box .indent img{width: 11px;} #wrap_add03.solutions_bl .software_list .box.abaqus{ background: url("../images/top/s_abaqus_img.png") no-repeat right bottom; background-size: 100% auto; } #wrap_add03.solutions_bl .software_list .box.simpack{background: url("../images/top/s_simpack_img.png") no-repeat right bottom; background-size: 100% auto; } #wrap_add03.solutions_bl .software_list .box.simpack span.tag:before{background: linear-gradient(-90deg, rgba(2,114,156,0) 0%, rgba(2,114,156,1.00) 60%);} #wrap_add03.solutions_bl .software_list .box.isight{background: url("../images/top/s_isight_img.png") no-repeat right bottom; background-size: 100% auto; } #wrap_add03.solutions_bl .software_list .box.tosca{background: url("../images/top/s_tosca_img.png") no-repeat right bottom; background-size: 100% auto; } #wrap_add03.solutions_bl .software_list .box.isight span.tag:before,#wrap_add03.solutions_bl .software_list .box.tosca span.tag:before{background: linear-gradient(-90deg, rgba(44,62,161,0) 0%, rgba(44,62,161,1.00) 60%);} #wrap_add03.solutions_bl .software_bl_3 .software_list{width:100%;} #wrap_add03.solutions_bl .software_list .box.simula3dexperience{ width: 100%;background: url("../images/top/s_simula3dexperience_img.png") no-repeat right bottom; background-size: 100% auto;} #wrap_add03.solutions_bl .software_list .box.simula3dexperience span.tag:before{background: linear-gradient(-90deg, rgba(0,96,170,0) 0%, rgba(0,96,170,1.00) 60%);} #wrap_add03 .software_bl_2 .bg .bg_line04{ width: 120%; bottom:15px; right:-15%; transform: none !important;} #wrap_add03 .software_bl_2 .bg .bg_line04:before{width: 75%;top: -254%;left: inherit; right: 1%;} #wrap_add03 .software_bl_3{ position: relative; z-index: 0; margin-top: -35px;} #wrap_add03 .software_bl_3 .text{margin-bottom: 25px;} #wrap_add03 .software_bl_3 .text p{ line-height: 1.8em; font-weight: 400;} #wrap_add03 .software_bl_3 .text p + p{ margin-top: 15px;} /*--- wrap_add04 --------------------------------------------------------------------------------*/ #wrap_add04.case_bl {width:100%; padding-top: 10px; margin-bottom: 30px; position: relative; z-index: 2;} #wrap_add04.case_bl .inn{padding-bottom: 45px; position: relative; z-index: 0;} #wrap_add04.case_bl h2.normal_tit{text-align: left;margin: 0;} #wrap_add04.case_bl .text{display: flex;justify-content: space-between;flex-wrap: nowrap;align-items: center;} #wrap_add04.case_bl .text .normal_btn a{font-size: 14px; width: 150px; height: 38px;} #wrap_add04.case_bl .text .normal_btn a span:before{display: none;} #wrap_add04.case_bl .case_slide{margin-top: 15px; transition: .3s; opacity: 0;} #wrap_add04.case_bl .case_slide.slick-initialized{ opacity: 1;} #wrap_add04.case_bl .case_slide .slick-list{background: transparent;} #wrap_add04.case_bl .case_slide .slick-track{display: flex;} #wrap_add04.case_bl .case_slide .box{ width: 280px; min-height: 150px; height: auto; background: rgba(255,255,255,0.9); border-radius: 15px; margin-right: 12px; box-sizing: border-box; padding: 15px 20px 20px 20px;} #wrap_add04.case_bl .case_slide .box:not(.slick-current){ opacity: .7;} #wrap_add04.case_bl .case_slide .box h3{ margin-bottom: 10px; font-size: 24px; font-weight: 700; background: linear-gradient(90deg, #0c86cf 0%, #389cd8 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #wrap_add04.case_bl .case_slide .box p{ color: #000000; font-size: 16px; line-height: 1.8em; font-weight: 400;} #wrap_add04.case_bl .case_slide .slick-prev{display: none !important;} #wrap_add04.case_bl .case_slide .slick-next{right: inherit; left:285px; width: 12px;height: 24px; margin-top: 0; box-sizing: border-box; transition: .3s;} #wrap_add04.case_bl .case_slide .slick-next:before{background: url("../images/top/case_indent.png"); background-size: 100% auto; width: 12px;height: 24px;content: "";opacity: 1;} #wrap_add04.case_bl .case_slide .slick-next:hover{opacity: .7;} #wrap_add04.case_bl .case_slide .slick-dots{display: block; bottom: -50px;} #wrap_add04.case_bl .case_slide .slick-dots li button:before{ background: #ffffff; opacity: .2;} #wrap_add04.case_bl .case_slide .slick-dots li.slick-active button:before{ opacity: .6;} #wrap_add04.case_bl .case_slide .slick-dots li{ position: relative; display: inline-block; width: 7px; height: 7px; margin: 0 4px; } #wrap_add04.case_bl .bg .bg_line{width: 120%; top:-15%; left:-10%; transform: none !important;} #wrap_add04.case_bl .bg .bg_line:before{width: 84.681%; top: -330%; left:-34%;} /*--- wrap_add05 --------------------------------------------------------------------------------*/ #wrap_add05.flow_bl {width:100%; z-index: 1;} #wrap_add05.flow_bl .inn{padding: 10px 0 0 0; } #wrap_add05.flow_bl h2.normal_tit{ text-align: right; margin-bottom: 15px;} #wrap_add05.flow_bl .text{margin-bottom: 15px;} #wrap_add05.flow_bl .text p{ line-height: 1.8em; font-weight: 400;} #wrap_add05.flow_bl .figure{margin: 0 -2% 0 -2%;} #wrap_add05.flow_bl .figure img{width: 104%;} #wrap_add05.flow_bl .bg .bg_line{ width: 120%; top:-10%; right:0; transform: none !important;} #wrap_add05.flow_bl .bg .bg_line:before{width: 83.4%;top: -198%;left:inherit;right: -18%;} #wrap_add05.flow_bl .bg .bg_img01{width: 50%; top:-5%; left:-10%;} #wrap_add05.flow_bl .bg .bg_img02{ width: 50%; bottom:-25%; right:-4%; opacity: .7;} #wrap_add05.flow_bl .bg .bg_img01:before,#wrap_add05.flow_bl .bg .bg_img02:before{display: block;content: "";aspect-ratio: 1 / 1;border-radius: 50%;background: radial-gradient(circle, rgba(0, 78, 138, 0.85) 0%, rgba(0, 11, 20, 0) 70%);top: -91%;left: -12%;position: absolute;z-index: -2;width: 220.334%;} #wrap_add05.flow_bl .bg .bg_img02:before{width: 198.815%;top: -134%;left: inherit;right: -5%;} /*--- wrap_add06 --------------------------------------------------------------------------------*/ #wrap_add06.recruit_bl {width:100%; margin-top: 30px; } #wrap_add06.recruit_bl .inn{padding: 50px 0 60px 0;} #wrap_add06.recruit_bl h2.normal_tit{text-align: left;margin-bottom: 15px;} #wrap_add06.recruit_bl h2.normal_tit > span span:first-child{color:#00b9f9;} #wrap_add06.recruit_bl h2.normal_tit > span span:nth-child(2){color:#00adf7;} #wrap_add06.recruit_bl h2.normal_tit > span span:nth-child(3){color:#00a3f5;} #wrap_add06.recruit_bl h2.normal_tit > span span:nth-child(4){color:#0098f3;} #wrap_add06.recruit_bl h2.normal_tit > span span:nth-child(5){color:#018cf2;} #wrap_add06.recruit_bl h2.normal_tit > span span:nth-child(6){color:#0185f0;} #wrap_add06.recruit_bl h2.normal_tit > span span:nth-child(7){color:#017aef;} #wrap_add06.recruit_bl .text{margin-bottom: 30px;} #wrap_add06.recruit_bl .text h3{font-size: 28px;font-weight: 500;color: #ffffff;line-height: 1.6em;margin-bottom: 18px;} #wrap_add06.recruit_bl .text h3 br{display: none;} #wrap_add06.recruit_bl .text p{ line-height: 1.8em; font-weight: 400;} #wrap_add06.recruit_bl .text .normal_btn{ margin-top: 20px;} #wrap_add06.recruit_bl .text .normal_btn a{ height: 60px;} #wrap_add06.recruit_bl .img{margin-top: 10px;} #wrap_add06.recruit_bl .img img{ width: 100%;} #wrap_add06.recruit_bl .bg .bg_line01{width:100%;top: -15px;left:0; transform: none !important;} #wrap_add06.recruit_bl .bg .bg_line01:before{width: 127.5%;top: -317%;left: -34%;} #wrap_add06.recruit_bl .bg .bg_line02{width: 120%;bottom:0;right:0; transform: none !important;} #wrap_add06.recruit_bl .bg .bg_line02:before{width: 110%;top: -330%;left: initial;right: -41%;} #wrap_add06.recruit_bl .bg .bg_img01{width: 37%;top: 41%;right: 4%;opacity: .7;} #wrap_add06.recruit_bl .bg .bg_img02{display: none;} /*--- contact_box --------------------------------------------------------------------------------*/ #contact_box {width:100%; min-height: auto; background:url(/images/top/contact_bk.jpg) no-repeat center center; background-size: auto 100%; margin-top: 30px; color: #ffffff;} #contact_box .inn {width:calc(100% - 20px); min-height: auto; margin:35px auto 0 auto; padding:45px 0 30px 0; } #contact_box h2.normal{ text-align: left; color: #ffffff; margin-bottom: 25px;} #contact_box h2.normal span{ background: transparent; -webkit-text-fill-color: currentcolor;} #contact_box p{} #contact_box ul{ margin-top: 35px;} #contact_box li.mail{} #contact_box li.mail a.btn-pink{display: flex; position: relative; width: 100%; height: 60px; color: #ffffff; text-align: center; font-size: 16px; font-weight: bold; text-decoration: none; padding: 0; overflow: hidden; transition: .3s; z-index: 1; border: 1px solid #ffffff; box-sizing: border-box; background-color: #e95388; border-radius: 35px; justify-content: center; align-items: center;} #contact_box li.mail a.btn-pink::before{ content: ""; display: inline-block; margin-right: 20px; vertical-align: middle; margin-bottom: 2px; background:url(/images/icon/btn_mail_wh.png) no-repeat; width: 30px; height: 24px; } #contact_box li.tel{ width: 100%; height: 85px; background-color: rgba(255,255,255,0.85); color: #0075c2; border-radius: 20px; margin-top: 15px; text-align: center; padding: 12px 0 19px 0;} #contact_box li.tel a{ text-decoration: none; color: #0075c2; font-size: 30px;} #contact_box li.tel p{ font-size: 13px;} #contact_box li.tel strong{ font-weight: bold; display: block; font-size: 16px; line-height: 1.3;} #contact_box li.line { margin:15px 0 0 0;} #contact_box li.line a.btn-green{display: flex; position: relative; width: 100%; height: 60px; color: #ffffff; text-align: center; font-size: 16px; font-weight: bold; text-decoration: none; padding: 1px 4px 0 0; overflow: hidden; transition: .3s; z-index: 1; border: 1px solid #ffffff; box-sizing: border-box; background-color: #00c300; border-radius: 35px; justify-content: center; align-items: center;} #contact_box li.line a.btn-green::before{ content: ""; display: inline-block; margin-right: 30px; vertical-align: middle; margin-bottom: 2px; background:url(/images/icon/f_btn_line_wh.png) no-repeat; width: 30px; height: 30px; } #contact_box li.line a.btn-green span{ position:relative; top:1px; right:1px;} /*--- footer ------------------------------------------------------------------------------------*/ #footer-outer {width:100%; position:relative;} #footer-outer::before{ display:block; content:""; width:100%; height:5px; background: #00BCF9; background: linear-gradient(90deg, rgba(0, 188, 249, 1) 0%, rgba(1, 98, 235, 1) 100%); position:absolute; bottom:0; left:0;} #footer {width:100%;} #footer .inn {width:94%;margin:0 auto 0 auto;padding: 30px 0 0 0;box-sizing:border-box;position:relative;} #footer .inn .company_info{left:0;color:#ffffff;} #footer .inn .company_info .h{margin: 0 0 15px 0;width: 80%;} #footer .inn .company_info p{ font-size: 16px; margin-bottom: 20px;} #footer .inn .company_info .contact_btn a{display: flex;transition: .3s;box-sizing: border-box;font-size: 18px;font-weight: 400;font-family: 'Urbanist', sans-serif;width: 200px;height: 47px;border-radius: 40px;color: #06a3ff;border: 1px solid #06a3ff;justify-content: center;align-items: center;letter-spacing: 0.1em;text-decoration: none;overflow: hidden;position: relative;z-index: 0;} #footer .inn .company_info .contact_btn a span:before{display: inline-block; content: ""; vertical-align: middle; background: url("../images/footer/icon_mail.png") no-repeat; background-size: 100% auto; aspect-ratio: 21 / 16; width: 18px; height: auto; margin: 0 13px 5px -2px;} #footer .inn .company_info .contact_btn a:before { content: ""; width: 120%; height: 200%; position: absolute; top: -50%; right: 0; z-index: -1; background: rgba(6,163,255,0.6); border-radius: 0 100% 100% 0; transform: translateX(-100%); transition: transform ease .3s;} #footer .inn .company_info .contact_btn a:hover { color: #fff; border-color:transparent;} #footer .inn .company_info .contact_btn a:hover:before { transform: translateX(10%);} #footer .inn .company_info .contact_btn a:hover span:before{filter: brightness(0) saturate(100%) invert(100%) sepia(85%) saturate(0%) hue-rotate(58deg) brightness(112%) contrast(100%);} #footer .inn .footer_navi {width:auto; margin:0; padding:10px 0 0 0;} #footer .inn .footer_navi > div {width:auto;padding: 8px 0 9px 0;box-sizing:border-box;vertical-align:top;} #footer .inn .footer_navi > div:last-child{ padding-right: 0;} #footer .inn .footer_navi > div p.eng{ font-size: 28px; font-weight: 600; font-family: 'Urbanist', sans-serif; background: linear-gradient(90deg, #00c0fa 0%, #015eea 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 0 0 6px 0;} #footer .inn .footer_navi > div ul li {/*font-size:18px;*/ margin-bottom:20px; letter-spacing: 0.06em; line-height:1; white-space:nowrap; padding-left: 24px;} #footer .inn .footer_navi > div ul li:last-child {margin-bottom:0;} #footer .inn .footer_navi > div ul li.sub:before {content: "- ";} #footer .inn .footer_navi > div ul li.sub > ul{ margin-top: 20px;} #footer .inn .footer_navi > div ul li.sub > ul > li{ margin-bottom: 15px;} #footer .inn .footer_navi > div ul li a {color:#ffffff; text-decoration:none; opacity:1 !important;} #footer .inn .footer_navi > div ul li a:hover{ text-decoration:underline;} #footer .inn .footer_navi > div ul + p.eng{ margin-top: 20px;} #footer #footer-copyright {width:100%; margin:5px auto 0 auto; padding:25px 0 20px 0; text-align:center; color:#FFF; line-height:1; letter-spacing:1px;} #footer #footer-copyright .copyright_wrap{width:94%;margin:0 auto 0 auto;} #footer #footer-copyright .copyright{ text-align:left; padding:0 0 10px 0; font-size:10px; color: rgba(101,146,172,0.7);} /* --- */ #scrollUp { height: 40px; /* Height of image */ width: 40px; /* Width of image */ background-size:40px; } /*--- contents-inner-pages ---------------------------------------------------------------------*/ /*================================== 2ndpage タイトル ==================================*/ #wrap-outer2nd .ttl {width:100%;margin-bottom: 35px;} #wrap-outer2nd .ttl.scroll-up{position: relative; z-index: 99; padding-bottom:38px;} #wrap-outer2nd .ttl .inn {width:94%;margin:auto;padding: 24px 0 20px 0;position: relative;box-sizing: border-box; z-index: 1;} #wrap-outer2nd .ttl h2.normal_tit{ background: linear-gradient(90deg, #00c0fa 0%, #015eea 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: left; margin: 0; font-size: 42px;} #wrap-outer2nd .ttl .h{} #wrap-outer2nd .ttl .h p{ display: none; font-weight: 500; margin: 5px 0 0 3px;} #wrap-outer2nd .ttl .breadcrumbs{display: block;color: #ffffff;margin: 15px 0 0 3px;font-size: 10px;font-weight: 300;line-height: 1.4em;position: relative;} #wrap-outer2nd .ttl .breadcrumbs.scroll-up{position: fixed; top:35px; line-height: 1.1em; padding: 5px 0 5px 0; width: 94%;} #wrap-outer2nd .ttl .breadcrumbs.scroll-up:before{ position: absolute; content: ""; background: rgba(3,35,60,0.65); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); top:0; left: -25%; width: 300%; height: 100%; box-sizing: border-box; z-index: -1; transition: .3s;} #wrap-outer2nd .ttl .breadcrumbs.scroll-up:before{ opacity: 1;} @supports not ((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))) { #wrap-outer2nd .ttl .breadcrumbs:before{ background: rgba(3,35,60,0.95);} } #wrap-outer2nd .ttl .breadcrumbs li{ display:inline;} #wrap-outer2nd .ttl .breadcrumbs li + li:before{display: inline-block; content: "/"; vertical-align: middle; margin: 0 8px 3px 8px;} #wrap-outer2nd .ttl .breadcrumbs a{ display:inline-block; color: inherit; text-decoration: none; transition: .3s;} #wrap-outer2nd .ttl .breadcrumbs a:hover{ text-decoration: underline;} #wrap-outer2nd .ttl .breadcrumbs span{ color: rgba(255,255,255,0.7);display: inline;} #wrap-outer2nd .ttl .bg .bg_line01{width: 120%;top: -21px;left: -14%;max-width:821px;} #wrap-outer2nd .ttl .bg .bg_line01:before{width: 122.5%;top: -414%;left: -50%; transform:translateZ(-1px);} #wrap-outer2nd .ttl .bg .bg_line02{width: 120%;bottom: -10px;right:0; max-width:1413px;} #wrap-outer2nd .ttl .bg .bg_line02:before{width: 71.2%;bottom: -351%;top: inherit;left: inherit;right: -34%; transform:translateZ(-1px);} #wrap-outer2nd .ttl.scroll-up .bg .bg_line01:before{display: none;} #wrap-outer2nd .ttl.scroll-up .bg .bg_line02:before{display: none;} /*================================== 2ndpage navigation ==================================*/ #contents ul#contents_navi {width:100%; background:#E59; overflow:hidden; box-sizing:border-box; padding:10px;} #contents ul#contents_navi li {float:left; font-size:12px;} #contents ul#contents_navi li a {color:#FFF; text-decoration:none; display:block; background:url(/images/common/contents_navi_line.gif) no-repeat right center; padding-right:10px; margin-right:8px;} #contents ul#contents_navi li.current a {font-weight:bold;} /*================================== 2ndpage 共通 ==================================*/ #contents-inner-pages {width:100%; height: 100%; margin:0 auto 50px auto; line-height:1.8;} #contents-inner-pages .inn{width:94%; margin:0 auto 0 auto;} #contents.no_width #contents-inner-pages {width:100%;} #contents-inner-pages .normal_tb{width: 100%; margin: auto; /*font-size: 18px;*/ border-bottom: 2px solid #0094ea;} #contents-inner-pages .normal_tb td,#contents-inner-pages .normal_tb th{display: block; padding:10px 15px 10px 15px !important; border: none;} #contents-inner-pages .normal_tb th{font-weight: 700 !important; color: #0094ea; border-top: 2px solid #0094ea; text-align: left; vertical-align: middle;} #contents-inner-pages .normal_tb th br{ display: none;} #contents-inner-pages .normal_tb td{border-top:2px solid rgba(255,255,255,0.1); } #contents-inner-pages .normal_tb td a{ text-decoration: underline; color: #0094ea;} #contents-inner-pages .normal_tb td a:hover{text-decoration: none;} #contents-inner-pages a{transition: .3s;} #contents-inner-pages h2.sub_tit{ color: #0094ea;} /*================================== パンくず ==================================*/ #bread_navi{ background:url(../images/common/bread_bg.png) no-repeat left top; background-color:#48433c; min-height:30px; padding-top: 4px; padding-left: 25px; letter-spacing: .6px; box-sizing:border-box;} #bread_navi li{ display:inline;} #bread_navi li a{ display:inline-block; color:#ffffff; font-size:10px; text-decoration:none;} #bread_navi li:first-child a{ font-weight:bold;} #bread_navi li + li:before{ display:inline-block; content:""; background:url(../images/common/bread-icon.png) no-repeat; width:4px; height:8px; margin:0 7px 0 20px;} /*================================== Company ==================================*/ /*会社概要*/ #contents-inner-pages .company #overview .inn{ width: 94%;} #contents-inner-pages .company #overview h2.sub_tit{ color: #0094ea;} #contents-inner-pages .company #overview .img{display: flex;flex-wrap: nowrap;justify-content: center;align-items: center; margin:0 0 30px 0; position: relative;} #contents-inner-pages .company #overview .img img{ width: 140px; display: inline-block; border-radius:10px; margin: 0 5px 0 5px;} #contents-inner-pages .company #overview .img:before,#contents-inner-pages .company #overview .img:after{display: block;content: "";width: 1000px;aspect-ratio: 1 / 1;border-radius: 50%;background: #004E8A;background: radial-gradient(circle, rgba(0, 78, 138, 1) 0%, rgba(0, 11, 20, 0) 70%);top:0;left: 0;position: absolute;z-index: -2;width: 55%;} #contents-inner-pages .company #overview .img:before{width: 83.8%;top: -130%;left: -24%;} #contents-inner-pages .company #overview .img:after{width: 83.8%;bottom: -130%;top: inherit;left: inherit;right: -24%;} /*取引実績*/ #contents-inner-pages .company #results{padding: 35px 0 0 0;} #contents-inner-pages .company #results .inn{width:94%;padding: 0; box-sizing: border-box;} #contents-inner-pages .company #results .text{width: 100%; padding-top: 60px;} #contents-inner-pages .company #results h2.sub_tit{ text-align: left;} #contents-inner-pages .company #results .list .box{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap; font-size: 14px; line-height: 1.7em;} #contents-inner-pages .company #results .list .box > p{ width: 48%; } #contents-inner-pages .company #results .list .right{display: block; text-align: right;} #contents-inner-pages .company #results .img{width: 103.5%; margin:25px -3.5% 0 0;} #contents-inner-pages .company #results .img img{ width: 100%; aspect-ratio: 1 / 0.8; object-fit: cover; object-position: center center;} #contents-inner-pages .company #results .bg .bg_line{width: 100%;top: 1%;left: -30%;} #contents-inner-pages .company #results .bg .bg_line:before{width: 70%;top: -135%;left: -6%;} #contents-inner-pages .company #results .bg .bg_img02{width: 30%;top: 9.5%;right: 26%;opacity: .8;} #contents-inner-pages .company #results .bg .bg_img03{width: 45%;top: 31px;right: -14px;opacity: .8;} #contents-inner-pages .company #results .bg .bg_img03:before{display: block;content: "";aspect-ratio: 1 / 1;border-radius: 50%;background: #004E8A;background: radial-gradient(circle, rgba(0, 78, 138, 1) 0%, rgba(0, 11, 20, 0) 70%);top: -12%;left: -80%;position: absolute;z-index: -2;width: 160%;} @media print, screen and (max-width: 360px) { #contents-inner-pages .company #results .list .box{ font-size: 12px;} } /*交通アクセス*/ #contents-inner-pages .company #access{padding: 25px 0 0 0;margin-bottom: 0;} #contents-inner-pages .company #access .inn{width:94%;padding: 0; box-sizing: border-box;} #contents-inner-pages .company #access .text{padding-top: 25px;padding-bottom: 5px;} #contents-inner-pages .company #access h2.sub_tit{margin: 0 0 25px 0;} #contents-inner-pages .company #access .text h3{font-size: 18px;font-weight: 700;color: #30a0ec;margin: 20px 0 12px 0;text-align: left;} #contents-inner-pages .company #access .text h3:before{ display: inline-block; vertical-align: middle; content: ""; background: #30a0ec; width: 20px; height: 1px; margin: 0 13px 3px 0;} #contents-inner-pages .company #access .text p{font-size: 16px;} #contents-inner-pages .company #access .text p .logo{display: block;margin-bottom: 10px;width: 250px;} #contents-inner-pages .company #access .text p.notes{ margin-top: 15px;} #contents-inner-pages .company #access .text p.notes small{display: inline-block; font-size: 13px; opacity: .7; text-indent: -1.1em; padding-left: 1.1em;} #contents-inner-pages .company #access .map{width: 100%;border: 4px solid #007be5;margin: 20px auto 0 auto;box-sizing: border-box;height: 200px;} #contents-inner-pages .company #access .map iframe{display: block; width: 100%; height: 100%; filter: grayscale(20%) brightness(98%) saturate(65%);} #contents-inner-pages .company #access .bg .bg_line{width: 100%;top: 10px;right: -20%;} #contents-inner-pages .company #access .bg .bg_line:before{width: 111.1%;top: -373%;left: 16%;} /*沿革*/ #contents-inner-pages .company #history{position: relative;padding: 85px 0 20px 0;z-index: 0;} #contents-inner-pages .company #history:before{ display: block; content: ""; background: url("../images/company/history_bg_img.jpg") no-repeat center center; background-size: cover; width: 100%; z-index: -1; height: calc(100% - 50px); opacity: .5; position: absolute; top:50px; left:0;} #contents-inner-pages .company #history h2.sub_tit{ color: #ffffff; text-shadow: 0 0 30px rgba(0,0,0,0.5);} #contents-inner-pages .company #history .history_tb{width: 94%; margin: auto; /*font-size: 18px;*/} #contents-inner-pages .company #history .history_tb th,#contents-inner-pages .company #history .history_tb td{padding-bottom: 20px;vertical-align: top;} #contents-inner-pages .company #history .history_tb th{position: relative; z-index: 0;} #contents-inner-pages .company #history .history_tb td{padding-left: 13px;text-shadow: 0 0 30px rgba(0,0,0,0.3);font-size: 14px;} #contents-inner-pages .company #history .history_tb th > span{display: block;background: #ffffff;font-weight: 700;color: #000b14;padding: 7px 10px 8px 10px;min-width: 60px;line-height: 1;box-sizing: border-box;box-shadow: 0 0 30px rgba(0,0,0,0.3);font-size: 14px;word-break: auto-phrase;line-height: 1.2em;} #contents-inner-pages .company #history .history_tb tr:not(:last-child) th > span:before{ display: block; content: ""; top:0; left:50%; position: absolute; z-index: -1; width: 1px; height: 100%; border-left: 1px dashed rgba(255,255,255,0.3);} #contents-inner-pages .company #history .history_tb td br{display: none;} /*代表のご挨拶*/ #contents-inner-pages .company #greeting{z-index: 1;} #contents-inner-pages .company #greeting .inn{ width: 94%;} #contents-inner-pages .company #greeting .box{display: flex;flex-direction: column-reverse;align-items: center;flex-wrap: nowrap;} #contents-inner-pages .company #greeting .box .text{ margin-top: 20px;} #contents-inner-pages .company #greeting .box .text p{ font-size: 16px; line-height:2.0em; margin-bottom: 15px;} #contents-inner-pages .company #greeting .img{width: 180px; text-align: right;} #contents-inner-pages .company #greeting .img img{display: inline-block;} #contents-inner-pages .company #greeting .img img:not(.name){border-radius:10px; aspect-ratio: 1 / 0.9; object-fit: cover; object-position: center top;} #contents-inner-pages .company #greeting .img img.name{ margin-top: 20px;} #contents-inner-pages .company #greeting .inn:before{display: block;content: "";aspect-ratio: 1 / 1;border-radius: 50%;background: #004E8A;background: radial-gradient(circle, rgba(0, 78, 138, 1) 0%, rgba(0, 11, 20, 0) 70%);top: -5%;left: -10%;position: absolute;z-index: -2;width: 83.8%;} /*経営理念*/ #contents-inner-pages .company #philosophy{padding: 20px 0 0 0; } #contents-inner-pages .company #philosophy .inn{width:94%;padding: 0;} #contents-inner-pages .company #philosophy .text{padding-top: 55px;padding-bottom: 35px;} #contents-inner-pages .company #philosophy h2.sub_tit{margin-bottom: 25px;} #contents-inner-pages .company #philosophy .text p{font-size: 16px;} #contents-inner-pages .company #philosophy .text p + p{ margin-top: 30px;} #contents-inner-pages .company #philosophy .text p strong{font-size: 18px; font-weight: 700; display: block; margin: 0 0 30px 35px;} #contents-inner-pages .company #philosophy .img{position: relative;z-index: -1;} #contents-inner-pages .company #philosophy .img img{display: block; width: 100%; aspect-ratio: 1 / 0.6; object-fit: cover; object-position: center center;} #contents-inner-pages .company #philosophy .img:before{display: block;content: "";aspect-ratio: 1 / 1;border-radius: 50%;background: #004E8A;background: radial-gradient(circle, rgba(0, 78, 138, 1) 0%, rgba(0, 11, 20, 0) 70%);top: 27%;left: 33%;position: absolute;z-index: -2;width: 132%;} #contents-inner-pages .company #philosophy .bg .bg_line{width: 135%;top: 15px;right: 0;} #contents-inner-pages .company #philosophy .bg .bg_line:before{width: 95.3%;top: -336%;left: 16%;} #contents-inner-pages .company #philosophy .bg .bg_img02{width: 50%;bottom: 29%;right: -6%;opacity: .6;} /*企業倫理*/ #contents-inner-pages .company #ethics{position: relative; padding: 80px 0 40px 0; z-index: 0;} #contents-inner-pages .company #ethics:before{ display: block; content: ""; background: url("../images/company/ethics_bg_img.jpg") no-repeat center center; background-size: cover; width: 100%; z-index: -1; height: calc(100% - 50px); opacity: .5; position: absolute; top:50px; left:0;} #contents-inner-pages .company #ethics h2.sub_tit{ color: #ffffff; text-shadow: 0 0 30px rgba(0,0,0,0.5);} #contents-inner-pages .company #ethics h3{background: #ffffff; border-radius: 3px; font-size: 18px; font-weight: 500; color: #1a1a1a; margin:0 0 20px 0; padding: 12px 20px 14px 20px; box-sizing: border-box; text-align: left; letter-spacing: 0.06em;} #contents-inner-pages .company #ethics p{} #contents-inner-pages .company #ethics p.right{ font-size: 14px; text-align: right; margin-bottom: 15px;} #contents-inner-pages .company #ethics .list{ margin: 25px 0 0 0;} #contents-inner-pages .company #ethics .list li{ padding:4px 0 0 30px; position: relative; z-index: 0;} #contents-inner-pages .company #ethics .list li:before{ display: block; content: "1"; position: absolute; top:8px; left:0; font-family: 'Urbanist', sans-serif; font-size: 30px; font-weight: 700; line-height: 1;} #contents-inner-pages .company #ethics .list li:nth-child(1):before{left:8px;} #contents-inner-pages .company #ethics .list li:nth-child(2):before{content: "2";} #contents-inner-pages .company #ethics .list li:nth-child(3):before{content: "3";} #contents-inner-pages .company #ethics .list li:nth-child(4):before{content: "4";} #contents-inner-pages .company #ethics .list li:nth-child(5):before{content: "5";} #contents-inner-pages .company #ethics .list li:nth-child(6):before{content: "6";} #contents-inner-pages .company #ethics .list li + li{margin-top: 20px;} #contents-inner-pages .company #ethics .list li h4{font-size: 18px; font-weight: 700; color: #ffffff; padding: 0; margin: 0 0 8px 0; letter-spacing: 0.06em;} #contents-inner-pages .company #ethics .list li p{opacity: .8; font-weight: 400;} /*================================== ページ共通 ==================================*/ #contents-inner-pages #main_1col.wh_bl{position: relative; z-index: 1;} #contents-inner-pages #main_1col.wh_bl .inn{background: #ffffff; border-radius: 15px; padding: 20px 15px 40px 15px; box-sizing: border-box; color: #1a1a1a; font-size: 16px; line-height: 1.6em;} #contents-inner-pages #main_1col.wh_bl .inn h2.sub_tit{ margin-bottom: 30px;} #contents-inner-pages #main_1col.wh_bl .inn h3{background:linear-gradient(90deg, #08416c 0%, #000033 100%); color: #ffffff; border-radius: 3px; text-align: left; font-size: 18px; font-weight: 500; padding: 11px 17px 12px 17px ; margin-bottom: 15px; line-height: 1.6em;} #contents-inner-pages #main_1col.wh_bl .inn h3 span {color:#007dc6; font-size:14px; font-weight:normal; display:inline-block; margin-bottom:8px; border-radius: 20px; border: 1px solid #fff;} #contents-inner-pages #main_1col.wh_bl .inn h3 span.event {color: #ffffff;font-size: 14px;font-weight:normal;display:inline-block;margin: -3px 0 0 0;border: none;padding: 0;} #contents-inner-pages #main_1col.wh_bl .inn h3 span.end {color:#FFF; background:#C00; font-size:14px; font-weight:bold; display:inline-block; margin:3px 0 5px 0; padding:4px 15px 4px 15px; line-height:1.4} #contents-inner-pages #main_1col.wh_bl .inn h3 span.notice {color:#31caff; font-weight:bold; margin: -3px 0 0 0;border: none;padding: 0;} #contents-inner-pages #main_1col.wh_bl .inn h3 span.event2 {color: #ffffff; font-size:16px; font-weight:normal; display:inline-block; margin:10px 0 0 0;margin: -3px 0 0 0;border: none;padding: 0;} #contents-inner-pages #main_1col.wh_bl .inn h4{font-size: 18px; padding: 8px 12px 8px 16px; font-weight: 500; color: #0c192b; border-radius: 3px; margin:0 0 15px 0; position: relative; z-index: 0; overflow: hidden;} #contents-inner-pages #main_1col.wh_bl .inn h4:before,#contents-inner-pages #main_1col.wh_bl .inn h4:after{display: block; content: ""; width: 100%; height: 100%; position: absolute; bottom:0; left:0; background: #f5f6f7; z-index: -2;} #contents-inner-pages #main_1col.wh_bl .inn h4:after{ width: 4px; z-index: -1; background: #3498db;} #contents-inner-pages #main_1col.wh_bl .inn h4:is(#h4_1,#h4_2,#h4_3,#h4_4,#h4_5){ padding-top: 60px; margin-top: -60px; position: relative; z-index: 0;} #contents-inner-pages #main_1col.wh_bl .inn h4:is(#h4_1,#h4_2,#h4_3,#h4_4,#h4_5):before,#contents-inner-pages #main_1col.wh_bl .inn h4:is(#h4_1,#h4_2,#h4_3,#h4_4,#h4_5):after{height: calc(100% - 50px); } #contents-inner-pages #main_1col.wh_bl .inn h3 + h4{ margin-top: 20px;} #contents-inner-pages #main_1col.wh_bl .inn h5{ color:#0d92df; border-bottom: 1px solid #3498db; font-size: 16px; font-weight: 500; margin:0 0 20px 0; padding: 4px 0 8px 0; line-height: 1.4em;} #contents-inner-pages #main_1col.wh_bl .inn p + h3{ margin-top: 30px;} #contents-inner-pages #main_1col.wh_bl .inn p{ text-align: left !important;} #contents-inner-pages #main_1col.wh_bl video, #contents-inner-pages #main_1col.wh_bl img{ max-width: 100% !important; height: auto !important;} #contents-inner-pages #main_1col.wh_bl ul.list{ margin-bottom: 15px;} #contents-inner-pages #main_1col.wh_bl ul.list li {position: relative;padding: 0 0 5px 25px;margin-left: 0;} #contents-inner-pages #main_1col.wh_bl ul.list li:after{display: block;content: '';position: absolute;top: 6px;left: 2px;width: 8px;height: 8px;background-color: none;border: 3px solid #3498db;border-radius: 100%;} #contents-inner-pages #main_1col.wh_bl a {color:#007DC6;text-decoration:underline;} #contents-inner-pages #main_1col.wh_bl a:hover {color:#CCC;text-decoration:underline;} #contents-inner-pages #main_1col.wh_bl a img {border:none;} #contents-inner-pages #main_1col.wh_bl .borderTable {border:1px solid #DCDCDC;border-collapse:collapse; font-size: 14px; line-height: 1.6em;} #contents-inner-pages #main_1col.wh_bl .borderTable th, .borderTable td {display: block; border-collapse:collapse;padding:10px 15px 10px 15px; box-sizing: border-box;} #contents-inner-pages #main_1col.wh_bl .borderTable th{ width: 100% !important; background: #f7f7f7; padding-top: 7px; padding-bottom: 7px;} #contents-inner-pages #main_1col.wh_bl .borderTable td ul li {border-bottom:none;} #contents-inner-pages #main_1col.wh_bl .borderTable .red{color: rgb(204, 0, 0);} /*　side　*/ #contents-inner-pages #main_1col.wh_bl #contents_navi {clear:both;padding:6px 6px 16px 6px; font-size:13px; border:4px solid #F2F2F2; box-sizing:border-box;box-shadow:rgb(221, 221, 221) 0 0 0 1px inset;line-height: 1.61;} #contents-inner-pages #main_1col.wh_bl #contents_navi + #contents_navi{ margin-top: 10px;} #contents-inner-pages #main_1col.wh_bl #contents_navi ul {margin-bottom:16px; border-bottom:1px solid #DDD;paddin-top: 2px;} #contents-inner-pages #main_1col.wh_bl #contents_navi ul:last-child {margin-bottom:0; border-bottom:none;} #contents-inner-pages #main_1col.wh_bl #contents_navi ul:last-child li:last-child {padding-bottom:0;} #contents-inner-pages #main_1col.wh_bl #contents_navi ul li {position: relative; padding:5px 0 10px 15px; margin: 0 7px 0 7px;} #contents-inner-pages #main_1col.wh_bl #contents_navi ul li:last-child {padding-bottom:16px;} /*#contents-inner-pages #main_1col.wh_bl #contents_navi ul li {position: relative; padding-left:15px; margin-bottom:15px;}*/ #contents-inner-pages #main_1col.wh_bl #contents_navi ul li:after {display: block;content: '';position: absolute;top:15px;left:0;width:6px;height:6px;border-right: 1px solid #BBB;border-bottom: 1px solid #BBB;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} #contents-inner-pages #main_1col.wh_bl #contents_navi ul li:first-child {padding-top: 11px;} #contents-inner-pages #main_1col.wh_bl #contents_navi ul li:first-child::after{top:19px;} #contents-inner-pages #main_1col.wh_bl #contents_navi ul li.t {color:#007dc6;font-weight:bold;margin:0 0 0px 0;padding: 11px 0 11px 7px;/* text-align: center; */font-size:15px;} #contents-inner-pages #main_1col.wh_bl #contents_navi ul li.t::after{content:none;} #contents-inner-pages #main_1col.wh_bl #contents_navi ul li:not(.t) a{color:#333; text-decoration:none;} #contents-inner-pages #main_1col.wh_bl #contents_navi ul li.active a, #contents-inner-pages #main_1col.wh_bl #contents_navi ul li:has( > ul > li.active) > a{color:#1193c7;} #contents-inner-pages #main_1col.wh_bl #contents_navi .new { font-size:12px; color:#F00;} #contents-inner-pages #main_1col.wh_bl #contents_navi ul .small_navi a{font-size:12px;} /*================================== event ==================================*/ #contents-inner-pages #main_1col.event.wh_bl > .inn > #contents_page{padding-bottom: 50px;} #contents-inner-pages #main_1col.event.wh_bl .borderTable th,#contents-inner-pages #main_1col.event.wh_bl .borderTable td { white-space: normal !important; width: 100% !important; text-align: left;} /*================================== Solutions ==================================*/ #contents-inner-pages #main_1col.software{} #contents-inner-pages #main_1col.software .normal_btn{ margin: 15px auto 30px auto;} #contents-inner-pages #main_1col.software .normal_btn a{display: flex;transition: .3s;box-sizing: border-box;font-size: 20px;font-weight: 500;font-family: 'Urbanist', sans-serif;width: 260px;height: 60px;border-radius: 40px;color: #0094ea;border: 1px solid #0094ea;justify-content: center;align-items: center;letter-spacing: 0.1em; text-decoration: none; overflow: hidden; position: relative; z-index: 0; } #contents-inner-pages #main_1col.software .normal_btn a span:before{display: inline-block; content: ""; vertical-align: middle; background: url("../images/top/btn_indent.png") no-repeat; background-size: 100% auto; aspect-ratio: 31 / 28; width: 16px; height: auto; margin: 0 13px 3px -2px; filter: brightness(0) saturate(100%) invert(44%) sepia(36%) saturate(7500%) hue-rotate(180deg) brightness(103%) contrast(101%);} #contents-inner-pages #main_1col.software .normal_btn a:before { content: ""; width: 120%; height: 200%; position: absolute; top: -50%; right: 0; z-index: -1; background: rgba(0,148,234,0.6); border-radius: 0 100% 100% 0; transform: translateX(-100%); transition: transform ease .3s;} #contents-inner-pages #main_1col.software .software_list{width: 100%; margin: 15px auto 30px auto; color: #fff;} #contents-inner-pages #main_1col.software .software_list .box{width:100%; height: 160px; border-radius: 15px; overflow: hidden; margin-bottom: 12px; position: relative; transition: .3s;} #contents-inner-pages #main_1col.software .software_list .box:has( > a:hover){opacity: .7;} #contents-inner-pages #main_1col.software .software_list .box a{display: block; width: 100%; height: 100%; box-sizing: border-box; text-decoration: none; color: inherit;} #contents-inner-pages #main_1col.software .software_list .box span.tag{position: relative;z-index: 0;display: block;font-size: 14px;height: auto;padding: 6px 0 7px 15px;margin-bottom: 15px;box-sizing: border-box;letter-spacing: 0.06em;} #contents-inner-pages #main_1col.software .software_list .box span.tag:before{display: block; content: ""; width: 100%; height: 100%; position: absolute; z-index: -1; top:0; left:0; box-sizing: border-box; background: linear-gradient(-90deg, rgba(0,81,175,0) 0%, rgba(0,81,175,1.00) 60%);} #contents-inner-pages #main_1col.software .software_list .box p.h{ margin-left: 15px; margin-right: 15px;} #contents-inner-pages #main_1col.software .software_list .box p.h img{mix-blend-mode: screen; max-height: 40px;} #contents-inner-pages #main_1col.software .software_list .box p.txt{ font-size: 12px; margin-left: 15px; margin-top: 12px; line-height: 1.61; opacity: .7;} #contents-inner-pages #main_1col.software .software_list .box .indent{position: absolute;bottom:15px;left:15px;width: 30px;aspect-ratio: 1 / 1;border: 1px solid #ffffff;display: flex;justify-content: center;align-items: center;border-radius: 50%;} #contents-inner-pages #main_1col.software .software_list .box .indent img{width: 11px;} #contents-inner-pages #main_1col.software .software_list .box.abaqus{ background: url("../images/top/s_abaqus_img.png") no-repeat right bottom,#000b14; background-size: 100% auto; } #contents-inner-pages #main_1col.software .software_list .box.simpack{background: url("../images/top/s_simpack_img.png") no-repeat right bottom,#000b14; background-size: 100% auto; } #contents-inner-pages #main_1col.software .software_list .box.simpack span.tag:before{background: linear-gradient(-90deg, rgba(2,114,156,0) 0%, rgba(2,114,156,1.00) 60%);} #contents-inner-pages #main_1col.software .software_list .box.isight{background: url("../images/top/s_isight_img.png") no-repeat right bottom,#000b14; background-size: 100% auto; } #contents-inner-pages #main_1col.software .software_list .box.tosca{background: url("../images/top/s_tosca_img.png") no-repeat right bottom,#000b14; background-size: 100% auto; } #contents-inner-pages #main_1col.software .software_list .box.isight span.tag:before,#contents-inner-pages #main_1col.software .software_list .box.tosca span.tag:before{background: linear-gradient(-90deg, rgba(44,62,161,0) 0%, rgba(44,62,161,1.00) 60%);} #contents-inner-pages #main_1col.software .software_list .box.simula3dexperience{ width: 100%;background: url("../images/top/s_simula3dexperience_img.png") no-repeat right bottom,#000b14; background-size: 100% auto;} #contents-inner-pages #main_1col.software .software_list .box.simula3dexperience span.tag:before{background: linear-gradient(-90deg, rgba(0,96,170,0) 0%, rgba(0,96,170,1.00) 60%);} #contents-inner-pages #main_1col.software #software_right_top,#contents-inner-pages #main_1col.software_detail #software_right_top{ display: none;} /*　製品個別ページ　*/ #contents-inner-pages .software_sub_tit{ margin:-10px 0 32px 0;} #contents-inner-pages .software_sub_tit h2{font-size: 22px; font-weight: 700; color: #ffffff; line-height: 1.6em; margin-bottom: 15px; text-align: left;} #contents-inner-pages .software_sub_tit h2 + p br{display: none;} #contents-inner-pages #main_1col.software_detail #contents_page .productname {margin: 20px 0 25px 0; padding:0;} #contents-inner-pages #main_1col.software_detail #contents_page .productname > img{width: auto;max-height: 35px;object-fit: contain;object-position: left center;} #contents-inner-pages #main_1col.software_detail #contents_page .productname a{ display: block; margin-top: 15px; width: 70%;} #contents-inner-pages #main_1col.software_detail #contents_page .productname h2{color: #000000;font-size: 26px;text-align: left;margin: 0;padding: 0 0 5px 0;font-weight: 900;line-height: 1.3em;} #contents-inner-pages #main_1col.software_detail #contents_page .productname + p{margin: -10px 0 0 0;} #contents-inner-pages #main_1col.software_detail .inn #contents_page{font-size: 16px; line-height: 1.6em;} #contents-inner-pages #main_1col.software_detail #contents_page ul{ margin-bottom: 0 !important;} #contents-inner-pages #main_1col.software_detail #contents_page ul li {position: relative;padding: 0 0 5px 25px;margin-left: 0;} #contents-inner-pages #main_1col.software_detail #contents_page ul li:after{display: block;content: '';position: absolute;top: 6px;left: 2px;width: 8px;height: 8px;background-color: none;border: 3px solid #3498db;border-radius: 100%;} #contents-inner-pages #main_1col.software_detail #contents_page table:has(ul), #contents-inner-pages #main_1col.software_detail #contents_page table:has(ul) td{display: block; width: auto !important;} #contents-inner-pages #main_1col.software_detail #contents_page table:has(img,p[style="text-align: center;"]){width: auto;} #contents-inner-pages #main_1col.software_detail #contents_page table img{width: 90% !important; max-width: 90% !important; height: auto !important;} #contents-inner-pages #main_1col.software_detail #contents_page table:has(img,p[style="text-align: center;"]) p[style="text-align: center;"]{font-size: 12px; line-height: 1.4em; margin-top: 5px;} #contents-inner-pages #main_1col.software_detail #contents_page table td:has(ul) + td[style="text-align: right;"]{text-align: center !important; margin-top: 15px;} #contents-inner-pages #main_1col.software_detail #contents_page table td:has(ul) + td[style="text-align: right;"] img{width: 100% !important; max-width: 100% !important; height: auto !important;} #contents-inner-pages #main_1col.wh_bl.software_detail .borderTable th, #contents-inner-pages #main_1col.wh_bl.software_detail .borderTable td{ display: table-cell; width: auto !important;} #contents-inner-pages .software_tab{margin: 0 0 0 0;position: relative;z-index: 2;} #contents-inner-pages .software_tab ul{display: flex;justify-content: space-between;flex-wrap: wrap;flex-direction: row;width: 100%;margin: -20px auto 0 auto;} #contents-inner-pages .software_tab li:is(.unified,.simuliasolution){ overflow: hidden;margin-bottom: 30px;} #contents-inner-pages .software_tab li:is(.unified,.simuliasolution){display: block; width: 320px;} #contents-inner-pages .software_tab li:is(.unified,.simuliasolution) a{border: 1px solid #12acf3; border-radius: 50px;display: block;width: 100%;height:100%;/* aspect-ratio: 226 / 120; */position: relative;box-sizing: border-box;text-decoration: none;font-weight: 700;line-height: 1.4em; font-size: 16px; color: #12acf3; padding: 12px 40px 12px 30px;} #contents-inner-pages .software_tab li:is(.unified) br{ display: none;} #contents-inner-pages .software_tab li:is(.unified,.simuliasolution) a:after{display: inline-block; content: ""; vertical-align: middle; background: url("../images/top/btn_indent.png") no-repeat; background-size: 100% auto; aspect-ratio: 31 / 28; width: 14px; height: auto; margin: 0 0 3px 13px; position: absolute; right:20px; top: 50%; margin-top: -5px; filter: brightness(0) saturate(100%) invert(44%) sepia(36%) saturate(7500%) hue-rotate(180deg) brightness(103%) contrast(101%);} #contents-inner-pages .software_tab li:not(.unified,.simuliasolution){border-radius: 5px 5px 0 0;overflow: hidden;width: 24%; margin-bottom: 0;} #contents-inner-pages .software_tab li.s_3dexperience{width: 70%;} #contents-inner-pages .software_tab li:not(.unified,.simuliasolution) a{background: #12acf3;display: block;width: 100%;height:100%;/* aspect-ratio: 226 / 120; */position: relative;box-sizing: border-box;text-decoration: none;font-weight: 700;line-height: 1.5em;padding: 10px;} #contents-inner-pages .software_tab li.abaqus a{ background:#0062c0;} #contents-inner-pages .software_tab li.simpack a{ background:#00b0dc;} #contents-inner-pages .software_tab li.isight a{ background:#676beb;} #contents-inner-pages .software_tab li.tosca a{ background:#676beb;} #contents-inner-pages .software_tab li.s_3dexperience a{ background:#0062c0; padding: 10px 12px 10px 10px;} #contents-inner-pages .software_tab li:not(.unified,.simuliasolution) img{mix-blend-mode: screen !important; width: auto !important;} #contents-inner-pages .software_tab li.active.abaqus a,#contents-inner-pages .software_tab li.active.s_3dexperience a{ background: #0085ff;} #contents-inner-pages .software_tab li.active.simpack a{ background: #07c4f3;} #contents-inner-pages .software_tab li.active.isight a, #contents-inner-pages .software_tab li.active.tosca a{ background: #5b60ff;} #contents-inner-pages .software_tab li.active:after{display: block; content: ""; background:#12acf3; width: 100%; height: 15px; border-radius: .; position: absolute; bottom:-15px; left: 0;} #contents-inner-pages .software_tab li.active.abaqus:after,#contents-inner-pages .software_tab li.s_3dexperience:after{ background: #0085ff;} #contents-inner-pages .software_tab li.active.simpack:after{ background: #07c4f3;} #contents-inner-pages .software_tab li.active.isight:after, #contents-inner-pages .software_tab li.active.tosca:after{ background: #5b60ff;} #contents-inner-pages #main_1col.software_detail .btn_area{display: flex;justify-content: space-between;flex-wrap: wrap;flex-direction: column;align-items: center;margin: 50px 0 0;} #contents-inner-pages #main_1col.software_detail .btn_area .btn a{display: flex;transition: .3s;box-sizing: border-box;font-size: 18px;font-weight: 500;font-family: 'Urbanist', sans-serif;width: 259px;height: 43px;border-radius: 7px;color: #0094ea;border: 1px solid #0094ea;justify-content: center;align-items: center;letter-spacing: 0.1em;text-decoration: none;overflow: hidden;position: relative;z-index: 0;margin: 0 auto 20px 0;} #contents-inner-pages #main_1col.software_detail .btn_area.col_1 .btn a{ width: 300px; height: 50px;} #contents-inner-pages #main_1col.software_detail .btn_area .btn a span:before{display: inline-block; content: ""; vertical-align: middle; background: url("../images/top/btn_indent.png") no-repeat; background-size: 100% auto; aspect-ratio: 31 / 28; width: 16px; height: auto; margin: 0 13px 3px -2px; filter: brightness(0) saturate(100%) invert(44%) sepia(36%) saturate(7500%) hue-rotate(180deg) brightness(103%) contrast(101%);} #contents-inner-pages #main_1col.software_detail .btn_area .btn a:before { content: ""; width: 120%; height: 200%; position: absolute; top: -50%; right: 0; z-index: -1; background: #0094ea; border-radius: 0 100% 100% 0; transform: translateX(-100%); transition: transform ease .3s;} #contents-inner-pages #main_1col.software_detail .comments_table{ font-size: 14px; line-height: 1.4em;} #contents-inner-pages #main_1col.software_detail .comments_table td{vertical-align: text-top;} #contents-inner-pages #main_1col.software_detail .sp_table_scroll{ overflow-x: scroll; font-size: 14px; line-height: 1.4em; position: relative;} #contents-inner-pages #main_1col.software_detail .sp_table_scroll table{width: 1000px;} #contents-inner-pages #main_1col.software_detail .sp_table_scroll table th,#contents-inner-pages #main_1col.software_detail .sp_table_scroll table td{ border: 1px solid #DCDCDC;} #contents-inner-pages #main_1col.software_detail .sp_table_scroll:before{ display: block; content: ""; width: 200px; height: 160px; background:url(/images/icons/scroll_ok.png) no-repeat center,rgba(0,0,0,.5); background-size: 151px auto; position: absolute; top:60px; left:0; right:0; margin: auto; border-radius: 15px;} #contents-inner-pages #main_1col.software_detail .sp_table_scroll.active:before{display: none;} #contents-inner-pages #main_1col.software_detail .sp_w100, #contents-inner-pages #main_1col.software_detail .sp_w100 td, #contents-inner-pages #main_1col.software_detail .sp_table_w100 table.borderTable, #contents-inner-pages #main_1col.software_detail .sp_table_w100 table.borderTable td{ display: block; width: auto !important;} #contents-inner-pages #main_1col.software_detail .sp_table_w100 table.borderTable p{ word-break: break-all;} #contents-inner-pages #main_1col.software_detail video{ width: 100% !important;} #contents-inner-pages #main_1col.software_detail #contents_page .blue_btn {border: 1px #008bee solid;background: linear-gradient(to bottom, #10abf3, #008bee);border-radius:6px;color:#FFF;cursor:pointer;position:relative;padding: 10px 20px 13px 25px;text-decoration: none;} #contents-inner-pages #main_1col.software_detail #contents_page .blue_btn:before{display: inline-block; content: ""; vertical-align: middle; background: url("../images/top/btn_indent.png") no-repeat; background-size: 100% auto; aspect-ratio: 31 / 28; width: 13px; height: auto; margin: 0 13px 3px -2px;} /*　Unified ライセンスモデルページ用　*/ #contents-inner-pages:has(.software_detail.unified) .software_tab li.unified{display: none;} #contents-inner-pages:has(.software_detail.unified) .software_tab li:not(.unified){ border-radius: 5px; margin-bottom: 30px;} #contents-inner-pages .software_detail .unified_img02{ width: 100%; margin: auto;} #contents-inner-pages .software_detail .unified_img02 p.fukidashi{ background: #e3f2f9; padding: 15px 20px 15px 20px; font-size: 14px; line-height: 1.5em; border-radius: 10px; position: relative; z-index: 0;} #contents-inner-pages .software_detail .unified_img02 p.fukidashi.type_a{ margin-bottom: -15px;} #contents-inner-pages .software_detail .unified_img02 p.fukidashi.type_b{ margin-top: -15px;} #contents-inner-pages .software_detail .unified_img02 p.fukidashi.type_a:before{display: block; content: ""; width:0;height:0;border-style:solid;border-width: 25px 12.5px 0 12.5px;border-color: #E3F2F9 transparent transparent transparent; position: absolute; bottom:-15px; left:5%;} #contents-inner-pages .software_detail .unified_img02 p.fukidashi.type_b:before{display: block; content: ""; width:0;height:0;border-style:solid;border-width: 0 12.5px 25px 12.5px;border-color: transparent transparent #E3F2F9 transparent; position: absolute; top:-15px; right:5%;} /*　SIMULIA 3DEXPERIENCEソリューションページ用　*/ #contents-inner-pages:has(.software_detail.simuliasolution) .software_tab li.simuliasolution{display: none;} #contents-inner-pages:has(.software_detail.simuliasolution) .software_tab li:not(.simuliasolution){ border-radius: 5px; margin-bottom: 30px;} /*　製品トップ画像　*/ #contents-inner-pages .software_detail #topbox{background:#000;padding:3px;box-sizing:border-box;overflow:hidden;margin:0 auto 30px auto;display: flex;} #contents-inner-pages .software_detail #topbox .imgWrap2{margin:0 3px 0 3px;} /*#contents-inner-pages .software_detail #topbox .imgWrap1 {overflow: hidden;width: 165px;height: 190px;margin:0;float:left;} #contents-inner-pages .software_detail #topbox .imgWrap2 {overflow: hidden;width: 336px;height: 190px;margin:0 6px 0 6px;float:left;} #contents-inner-pages .software_detail #topbox .imgWrap3 {overflow: hidden;width: 165px;height: 120px;margin:6px 0 0 0;float:left;} #contents-inner-pages .software_detail #topbox .imgWrap4 {overflow: hidden;width: 336px;height: 120px;margin:6px 6px 0 6px;float:left;} #contents-inner-pages .software_detail #topbox .imgWrap5 {overflow: hidden;width: 336px;height: 120px;margin:6px 6px 0 0;float:left;} #contents-inner-pages .software_detail #topbox .imgWrap6 {overflow: hidden;width: 336px;height: 120px;margin:6px 0 0 0;float:left;} */ #contents-inner-pages .software_detail #topbox img {display: block;} /*　SIMULIA 3DEXPERIENCE　流体解析の操作手順*/ #contents-inner-pages .software_detail .point{width:100%; margin:0;padding:0px 15px 18px 15px !important;border:2px solid #007dc6;border-radius:6px; box-sizing: border-box;} #contents-inner-pages .software_detail .point > p{padding-left: 88px;text-indent: -40px;} #contents-inner-pages .software_detail .point_header{color:#00479d;font-size:18px;letter-spacing:0.1em;font-weight:bold;} #contents-inner-pages .software_detail .point p:first-child{margin:15px 0 0 0;} /* lightbox */ #contents-inner-pages #main_1col.software_detail #contents_page .expand_img{ margin:0 auto 40px auto; width: 90%;} #contents-inner-pages #main_1col.software_detail #contents_page .expand_img ul{ margin:0;} #contents-inner-pages #main_1col.software_detail #contents_page .expand_img li{ display:block; margin: 0 auto 15px auto; padding: 0;} #contents-inner-pages #main_1col.software_detail #contents_page .expand_img li:after{ content:none; margin:0; padding:0;} #contents-inner-pages #main_1col.software_detail #contents_page .expand_img li img{ width: 100%;} #contents-inner-pages #main_1col.software_detail #contents_page .expand_img p{padding:0 15px 0 13px;} #contents-inner-pages #main_1col.software_detail #contents_page .expand_img table{margin:0 0 20px 0;} #contents-inner-pages #main_1col.software_detail #contents_page .expand_img td{padding:0 0 17px 0px;margin:0;border:0;/*text-align:left;*/} #contents-inner-pages #main_1col.software_detail #contents_page .expand_img .inner li:after{display: none;} #contents-inner-pages #main_1col.software_detail #contents_page .expand_img .inner p{ padding:0; margin:0; font-size:0; background-color:#fff; border:1px solid #b3b3b3; overflow: hidden; -webkit-box-shadow: 5px 5px 5px #d8d6d6; -moz-box-shadow: 5px 5px 5px #d8d6d6; position:relative; } .lb-outerContainer {width:100% !important; height: auto !important;} .lb-dataContainer {width:100% !important; height: auto !important;} #contents-inner-pages #main_1col.software_detail #contents_page .expand_img .inner p img { max-width:none; width:100% !important; height:auto !important;} #contents-inner-pages #main_1col.software_detail #contents_page .expand_img .inner p div { position:absolute; bottom:0; font-size:14px; background-color:#000; color:#fff; width:320px; padding:4px 5px 3px 5px; box-sizing:border-box; line-height:1.5; filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; text-align:left; padding-left:36px; text-indent:-36px; } /*================================== プライバシーポリシー ==================================*/ #contents-inner-pages .privacy p{ } #contents-inner-pages .privacy .normal_tb th{vertical-align: top;} #contents-inner-pages .privacy .normal_tb td li{list-style: disc; margin-left: 15px;} /*================================ お問い合わせ（MTウェブページ内） ================================*/ #contact { width:100%; padding:30px 20px 20px 20px; border: 4px solid #f2f2f2; box-shadow: 0 0 0 1px rgb(221, 221, 221) inset;line-height:1; box-sizing:border-box; position:relative; box-sizing: border-box; margin-top: 60px; margin-bottom: 10px; } #contact table, #contact table *{display: block;} #contact .h { padding-left:80px; height:70px; display:table-cell; vertical-align:middle; color:#333; font-size:20px; font-weight:bold; letter-spacing:0.1em; background:url(../images-renew/common/contact.png) no-repeat left top; } #contact .tel { vertical-align:top; width:300px; } #contact .tel .text { border-radius:3px; border:1px #007dc6 solid; padding:5px 5px 3px 5px; margin:0 0 5px 0; color:#007dc6; text-align:center; font-weight:bold; font-size:14px; letter-spacing:0.05em; } #contact .tel .num { margin:0 0 5px 0; padding-left:45px; font-size:40px; font-family: "Century Gothic",Verdana,Arial,sans-serif; white-space:nowrap; background:url(../images-renew/common/contact_num.png) no-repeat left center; } #contact .tel .open { font-size:12px; } #contact .mail {vertical-align:top; width:auto; margin-top: 15px;} #contact .mail .btn { border-radius:6px; font-size:18px; letter-spacing:.03em; text-align:center; border: 1px #008bee solid; background-image: -moz-linear-gradient(top, #00a8dc, #004ba4); background-image: -webkit-linear-gradient(top, #00a8dc, #004ba4); background-image: linear-gradient(to bottom, #10abf3, #008bee); color: #ffffff; } #contact .mail .btn p {font-size:10px; letter-spacing:0.4em; margin-bottom:8px; padding-bottom:8px; border-bottom: 1px solid rgba(0,0,0,0.1); box-shadow: 0 1px 0 rgba(255,255,255,0.1);} #contact .mail .btn a {display:block; color:#FFF !important; text-decoration:none !important; padding:20px 0 22px 0;} /* ▼ 左側（文字ver） ▼ */ #contact .memo {vertical-align:top; width:auto;} #contact .memo .text {border-radius:3px;border: 1px #0094ea solid;padding: 5px 5px 5px 5px;margin:0 0 10px 0;color: #0094ea;text-align:center;font-weight:bold;font-size:14px;letter-spacing:0.05em;} #contact .memo p {font-weight:bold; line-height:1.6;} #contact img.woman {position:absolute; top:-42px; left:32px;} /*================================== お問い合わせ ==================================*/ #contents .contents-form input[type="text"],#contents .contents-form input[type="tel"] {font-size:120%;} #contents .contents-form {margin:0 0 20px 0;} #contents .contents-form table#telephone {} #contents .contents-form table#telephone td {font-size:14px; text-align:center; padding:0 10px 15px 10px;} #contents .contents-form table#telephone td br {display:block;} #contents .contents-form table#telephone td.number {padding:15px 0 0 0;} #contents .contents-form table#telephone td.number a {font-size:36px; padding:50px 0 0 0; background:none; font-family:inherit;} #contents .contents-form table#telephone td.number img {display:block; width:40px; height:auto; margin:0 auto 5px auto;} #contents .contents-form table.basicTable {margin: 25px auto 20px auto;border: none;border-radius: 10px;overflow: hidden; color: #333333;} #contents .contents-form table th {border-bottom:none; background-color: #e6f6ff;} #contents .contents-form table td{ background-color: #ffffff;} #contents .contents-form table th, #contents .contents-form table td {display:block; box-sizing:border-box; padding:20px 10px; border: none;} #contents .contents-form .item {width:100%; margin:0 0 10px 0; padding:5px; box-sizing:border-box; background:#3BD; border-radius:6px; color:#FFF; font-weight:normal; white-space:nowrap; text-align:center;} #contents .contents-form label {padding:0 5px 0 5px;} #contents .contents-form label:has(input[type=radio]):hover, #contents .contents-form input[type="checkbox"]+span:hover { opacity: 1; } #contents .contents-form .value {margin:0;} #contents .contents-form .lng {white-space:normal;} #contents .contents-form .vlng {} #contents .contents-form .required {color:#FFF; font-size:11px; vertical-align:middle; padding-left:10px;} #contents .contents-form .supplement {color: #0a85cf;font-weight: bold;font-size: 13px;margin-bottom: 8px;} #contents .contents-form .ex {color:#666; font-weight:normal; font-size:12px; display:block; padding:0; margin-top:5px;} #contents .contents-form .reaffirmation {color:#666; font-weight:normal; font-size:12px; margin:10px 0 10px 0;} #contents .contents-form .error_description, #contents .contents-form .description1 {padding:0 0 15px 0;} #contents .contents-form .error_list {padding:0 10px 0 10px;} #contents .contents-form .error_list .alert {margin-bottom:15px; background:url(../images/contact/attention.gif) no-repeat 0 0; padding:5px 0 10px 50px; color:#e64545;} #contents .contents-form .msg_top {padding:0 10px 0 10px;} #wrap .form_btn_pos{text-align:center} #contents .contents-form td.btn input{ padding:0; border:none;} #contents .contents-form .bt td{background:none;} #contents .contents-form .contact_mail p.read{ color: #ffffff; font-weight: 500; } #contents .contents-form .contact_mail p.read small{ font-weight: 400; opacity: .7;} .menu-btn {top: 0px;right:0px;position:fixed;z-index:1000003;display: block;width: auto;min-width:35px;cursor: pointer;font-size:11px;letter-spacing:1px;text-align:center;border-radius: 0 0 0 8px;background:rgba(25,134,227,0.6);padding: 9px 7px 0 7px;color:#FFF;font-weight: 400;font-family: 'Urbanist', sans-serif;height: 50px;box-sizing: border-box;width: 50px;} :has(#header.scroll-up) .menu-btn{border-radius: 0;} .menu-btn span { display: block; height: 1px; width: 80%; background: #FFF; border-radius: 0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; margin: auto; } .menu-btn span:nth-of-type(1){ margin-top: 2px; } .menu-btn span:nth-of-type(2), .menu-btn span:nth-of-type(3) { margin-top: 6px; } .menu-btn div{ margin-top: 2px;} .doc-btn { top: 0px; right: 50px; position: fixed; z-index: 9999; display: block; width: auto; min-width: 35px; cursor: pointer; font-size: 12px; letter-spacing: 0.03em; text-align: center; padding: 6px 4px 7px 4px; color: #069ff8; font-weight: 700; font-family: 'Urbanist', sans-serif; margin-right: 3%; } .doc-btn a{ color:inherit; text-decoration:none; width: 100%; height: 100%; box-sizing: border-box; display: block; } .doc-btn img { padding: 4px 0 3px 0; width: 20px; } /* お問い合わせフォーム */ #contents .contents-form {margin:0 0 100px 0;} #contents .contents-form .inn.doc{ width:94%; margin:auto;} #contents .contents-form .doc > img{ margin:0 0 20px 0;} #contents .contents-form .doc > img + p{ text-align:center;} #contents .contents-form .doc .q_content{ text-align:left; background:url(/images/contact/people.png.jpg) no-repeat right bottom; background-size:70% auto; padding:20px 0 38% 0;} #contents .contents-form .doc .q_content ul{ padding-left:10px;} #contents .contents-form .doc .q_content ul li{ margin-bottom:15px; padding-left:30px; text-indent:-30px;} #contents .contents-form .doc .q_content ul li::before{ display:inline-block; content:""; width:26px; height:27px; background:url(/images/contact/ico_check.png) no-repeat; margin:0 5px -4px 0;} #contents .contents-form .doc .q_content ul li .bold{ font-weight:bold; display:inline;} #contents .contents-form .doc .pre_box{ border:1px solid #ed6d1f; box-sizing:border-box; padding:140px 3% 15px 3%; margin:100px auto 0 auto; position:relative;} #contents .contents-form .doc .pre_box p{ font-size:18px; line-height:52px; color:#ed6d1f; letter-spacing:0; text-align:center;} #contents .contents-form .doc .pre_box p .bold{ font-weight:bold; display:inline-block; background:url(/images/contact/desc_under.png) no-repeat center bottom; line-height:1.6;} #contents .contents-form .doc .pre_box img{ width:140px; position:absolute; top:-60px; left:50%; margin-left:-70px; box-shadow:8px 8px 0 rgba(0,0,0,.07);} #contents .contents-form .doc .points{ padding:20px 3% 20px 3%; box-sizing:border-box; background:#fefcef; margin-top:40px; text-align:left;} #contents .contents-form .doc .points .points_desc{} #contents .contents-form .doc .points .points_desc ul{} #contents .contents-form .doc .points .points_desc ul li{ padding-left:1em; text-indent:-1em;} #contents .contents-form .doc .trial{ margin-top:40px; padding-bottom:80px; text-align:center;} #contents .contents-form .doc .trial a{ display:block; width:94%; margin:auto; text-align:center; background:url(/images/contact/right_s_arrow.png?t=1), url(/images/contact/trial_btn_bg.png); background-repeat:no-repeat, repeat; background-position:19% center, center center; background-size:18px auto, auto auto; color:#fff; text-decoration:none; font-weight:bold; box-sizing:border-box; padding:17px 0 16px 14px; margin-top:16px; box-shadow:0 3px 0 #be5616;} #contents .contents-form .doc .trial p{ font-size:14px; margin-top:15px;} #contents .contact_phone{ margin-top: -20px;} #telephone.inquiry {margin:-10px auto 50px auto; text-align:center; padding:0 0 30px 0; background-color: #ffffff; box-shadow: 0 0 40px rgb(122 122 122 / 5%); border-radius: 0 50px 0 50px;} #telephone.inquiry h3{ font-weight: bold; font-size: 20px; background-color: transparent; margin-bottom: 17px; border-bottom: 1px dotted; padding-bottom:27px; max-width: 85%;} #telephone.inquiry a.num { display:block; font-family:'Fjalla One', sans-serif; font-size:34px; text-decoration:none; color:#e95388;} #telephone.inquiry a.num em:before{ content:"tel."; display: inline-block; } #telephone.inquiry .open {font-size: 12px; line-height:1.6; } #telephone.inquiry small{ font-size: 10px; opacity: .8; letter-spacing: 0;} #contents .contents-form .error_list .alert{ margin-bottom:15px;background: url(/images/icons/warning.png) no-repeat 14px 11px, #014065;padding: 5px 0 10px 56px;color: #ffffff;text-align:left;font-weight: bold;border-radius: 10px;} .contents-form table.basicTable {border-top:1px solid #727171; margin-top:20px;} .contents-form table.basicTable th, .contents-form table.basicTable td {display:block; width:100%; padding:10px 0px 15px 0px; box-sizing:border-box; text-align:left; background:none; border-bottom:1px solid #727171;} .contents-form table.basicTable th {padding:8px 10px 8px 10px !important;} .contents-form table.basicTable .ex {color:#666; font-size:12px; padding-left:5px;} .require {color:#e95388; padding-left:5px;font-size:12px; font-weight:normal;} .contents-form .contact_bt {margin-top:25px; text-align:center;} .contents-form .error_list {margin:25px 0 20px 0;} .contents-form .error_list .alert { margin-bottom:15px; background: url(../images/contact/attention.gif) no-repeat 0 0; padding:5px 0 10px 50px; color:#e64545; } /*.contents-form div { margin-bottom:10px}*/ .contents-form input[type="text"], .contents-form input[type="tel"], .contents-form textarea {width: 100%;} .contents-form .imeDisabled {} .contents-form .w1 {width:200px;} .contents-form .w2 {width:95%; } .contents-form .w3 {width:50px; } .contents-form .w4 {width:200px;} .contents-form div.privacy { padding: 10px; overflow: auto; height: 200px; border: 1px solid #ccc; background-color:#ffffff; font-size:80%;} .contents-form div.privacy p + p{ margin-top:20px;} .wrap_privacy_accept{text-align:center; margin:30px 0 30px 0; font-weight:bold;} .privacy{ margin:10px 0 10px 0;} .privacy_title{ margin:10px 10px 0px 10px;} ::-webkit-scrollbar { background:#ccc; width:15px; display:none;} ::-webkit-scrollbar-thumb { background:#aaa;} .slick-dots li button:before { top: -30px; z-index:100000; } /*================================== お客様の声 ==================================*/ #contents-inner-pages .voice{ margin-top: -10px;} #contents-inner-pages .voice .voice_blocks{background-color: #ffffff; box-shadow: 0 0 40px rgba(122,122,122,0.05); border-radius: 0 50px 0 50px; padding: 35px 35px 40px 35px; box-sizing: border-box;} #contents-inner-pages .voice .voice_blocks + .voice_blocks{ margin-top: 30px;} #contents-inner-pages .voice .voice_blocks h3{ font-size: 22px; font-weight: bold; color: #0075c2; text-align: left; margin-bottom: 20px;} #contents-inner-pages .voice .voice_blocks h3:before{ display: inline-block; content: ""; background:url(/images/voice/icon_customer.png) no-repeat; background-size: cover; width: 20px; height: 22px; margin-right: 22px; vertical-align: middle; margin-bottom: 3px;} #contents-inner-pages .voice .voice_blocks p{}