/* For PC */ @media print, screen and (min-width: 561px) { h1 {margin:0; color:#ffffff; font-size:11px; position:absolute; top:5px; left:0; font-weight:normal; z-index:2; letter-spacing: .5px; opacity: .5;} h2 {margin:0 auto 60px auto; color:#ffffff; font-size:17px; font-weight:normal; line-height:1; text-align:center;} h2.normal_tit{ font-size: 120px; 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: 22px; font-weight: 500;} h2.sub_tit .eng{display: block; font-size: 60px; font-weight: 700; font-family: 'Urbanist', sans-serif; margin-bottom: 26px;} @media print, screen and (max-width: 1600px) { h2{ margin-bottom: 55px;} h2.normal_tit{font-size: 115px;} } @media print, screen and (max-width: 1450px) { h2{ margin-bottom: 50px;} h2.normal_tit{font-size: 110px;} h2.sub_tit{font-size: 20px;} h2.sub_tit .eng{font-size: 55px;} } @media print, screen and (max-width: 1350px) { h2.normal_tit{font-size: 100px;} } h3 {color:#2c2721; font-size:28px; font-weight:bold; line-height:1; margin:0; padding:0;} #wrap-outer2nd h3{ margin:0 auto 40px auto; line-height:1; text-align:center;} #wrap-outer2nd h3.eng_none{ font-size:22px; letter-spacing:.05em; padding: 25px 0 24px 0; margin-bottom: 30px;} #contents .contents-form .doc h3{ font-size:26px; text-align:left; color:#fff; background:url(/images/contact/contact_h_bg.png) repeat; padding:23px 0 21px 33px; margin:48px 0 0 0;} #contents .contents-form .doc h3 .yellow{ color:#ffe778; font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; font-weight:bold;} h4 {margin-bottom:20px; color: #3c3c3c; font-weight: bold;} #wrap-outer2nd h4{ font-size:18px; box-sizing:border-box; padding:10px 10px 8px 20px; letter-spacing:.5px; margin-bottom:25px;} #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{width:920px; box-sizing:border-box; float:left;} #wrap-outer2nd #side_menu{float:right; font-weight:normal; width:250px; box-sizing:border-box;} #wrap-outer2nd #side_menu > div{ margin-bottom:50px;} #wrap-outer2nd #side_menu > div:last-child{ margin-bottom:0;} #wrap-outer2nd #side_menu .side_wrap ul{font-weight:bold;} #wrap-outer2nd #side_menu p.head{ 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 span{ display:block; border-top:1px solid #28a7e1; margin-top:1px; padding:8px 0 0 0; text-align:center;} #wrap-outer2nd #side_menu .side_wrap li{ margin-bottom:4px;} #wrap-outer2nd #side_menu .side_wrap li:last-child{ margin-bottom:0;} #wrap-outer2nd #side_menu .side_wrap li a{display:block; color:#727171; text-decoration:none; background:#edf6fa url(/images/products/indent_products_gray.png) no-repeat right 17px top 45px; background-size:13px 13px;} #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;} #wrap-outer2nd #side_menu .side_wrap li a table th span{ display:block; font-size:12px; font-weight:normal;} #wrap-outer2nd #side_menu .side_case .side_wrap li{ display:table; width:100%; min-height:80px;} #wrap-outer2nd #side_menu .side_case .side_wrap li a{ display:table-cell; vertical-align:middle; padding:12px 40px 12px 11px; background-position:center right 17px;} #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:4px 8px 3px 8px;} #wrap-outer2nd #side_menu .side_case li.shinkokin a span{ background:#bf5b91;} #wrap-outer2nd #side_menu .side_case li.levante a span{ background:#ed6d1f;} #wrap-outer2nd #side_menu .side_case li.ciao a span{ background:#f8b83d;} #wrap-outer2nd #side_menu .side_case li.rocky a span{ background:#516108;} #wrap-outer2nd #side_menu .side_case li.kinoka a span{ background:#009944;} #wrap-outer2nd #side_menu .side_sns ul{ font-size:0; text-align:center;} #wrap-outer2nd #side_menu .side_sns ul li{ display:inline-block; margin-left:19px;} #wrap-outer2nd #side_menu .side_sns ul li:first-child{ margin-left:0;} #wrap-outer2nd #side_menu .side_sns ul li img{ width:40px;} #wrap-outer2nd .read{/*font-size:20px; */color:#333; font-weight:bold;} #wrap-outer2nd #side_menu li.page_link_side{ background:none; box-sizing:border-box; padding:0; margin:0 0 20px 0;} #wrap-outer2nd #side_menu li.page_link_side a{display:block; text-decoration:none; padding:0;} #wrap-outer2nd #side_menu li.page_link_side a:hover{ background:none;} /*--- form --------------------------------------------------------------------------------------*/ input, textarea {font-size:120%; border:1px solid #DDD;} select{font-size:100%; margin-right:20px; border:1px solid #DDD;} label{font-size:100%; margin-right:20px;} .wrap_privacy_accept{text-align:center; margin:30px 0 20px 0; font-weight:bold;} .btn_mail, .btn_top, .btn_line {display: block; position: relative; height: 80px; color: #ffffff; text-align: center; font-weight: bold; text-decoration: none; padding: 0; overflow: hidden; transition: .3s; z-index: 1; border: none; box-sizing: border-box; border-radius: 40px; width: 350px; font-size: 22px; margin: 35px auto 0 auto !important; cursor:pointer; background-color: #e95388; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; line-height:1; letter-spacing:1px;} .btn_mail:hover,.btn_top:hover{background: #e83a60; } .btn_line:hover{ background-color: #0095b0;} .btn_top {width:30%; margin-top:60px; padding-top: 30px;} .btn_line {width:50%; background:#00adb8; font-size:22px;} .btn_back {display: block; position: relative; height: 80px; color: #ffffff; text-align: center; font-weight: bold; text-decoration: none; padding: 0; overflow: hidden; transition: .3s; z-index: 1; border: none; box-sizing: border-box; border-radius: 40px; width: 250px; font-size: 20px; margin: 35px auto 0 auto !important; cursor:pointer; background:url(/images/contact/form_btn_indent_back.png),#a5a5a5; background-repeat:no-repeat; background-position:10% center; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; line-height:1; letter-spacing:1px; float:left;} .btn_back:hover{background:url(/images/contact/form_btn_indent_back.png),#5d5d5d; background-repeat:no-repeat; background-position:15% center; } .btn_end {display: block; position: relative; height: 80px; color: #ffffff; text-align: center; font-weight: bold; text-decoration: none; padding: 0; overflow: hidden; transition: .3s; z-index: 1; border:none; box-sizing: border-box; border-radius: 40px; width: 250px; font-size: 20px; margin: 35px auto 0 auto !important; cursor:pointer; background:url(/images/contact/form_btn_indent.png),#e95388; background-repeat:no-repeat; background-position:right 10% center; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; line-height:1; letter-spacing:1px; float:right;} .btn_end:hover{background:url(/images/contact/form_btn_indent.png),#e83a60; background-repeat:no-repeat; background-position:right 15% center;} .btn_more {display: block; position: relative; height: 80px; color: #ffffff; text-align: center; font-weight: bold; text-decoration: none; padding: 0; overflow: hidden; transition: .3s; z-index: 1; border: none; box-sizing: border-box; border-radius: 40px; width: 400px; font-size: 20px; margin: 80px auto 13px auto; cursor:pointer; background:#e98153; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; line-height:1; letter-spacing:1px; float:right;} .btn_more:hover{background: #e85b3f; } .w1 {width:300px; box-sizing:border-box;} .w2 {width:600px; box-sizing:border-box;} .w3 {width:300px; box-sizing:border-box;} .w4 {width:500px; box-sizing:border-box; border:1px solid #DDD;} .w5 {width:800px; box-sizing:border-box;} .w6 {width:300px; box-sizing:border-box;} .link_btn{ text-align:center; margin-top:40px;} .sp{ display:none !important;} /*--- menu --------------------------------------------------------------------------------------*/ #menu {display:none;} #menu li{display:none;} #toggle {display: none;} .pushy.pushy-right {display: none;} /*--- wrap-outer --------------------------------------------------------------------------------*/ #wrap-outer {width:100%; min-width:1250px; overflow: clip;} #wrap-outer2 {width:100%; min-width:1250px; overflow: clip;} #wrap-outer3 {} #wrap-outer2nd {width:100%; min-width:1250px; overflow: clip; } #wrap-outerContact {margin-bottom:0px;} /*--- wrap --------------------------------------------------------------------------------------*/ #wrap,#wrap-outer2nd #wrap{width:100%; min-width:1200px;} #wrap-outer2nd #wrap-navi {width:100%; min-width:1200px; /*padding-bottom:110px;*/} /*--- header ------------------------------------------------------------------------------------*/ #header {width:100%; position:fixed; z-index:999; top:0;} #header::after{ display:block; content:""; width:100%; height:26px; position:absolute; bottom:-26px; left:0; z-index:9999;} #wrap-outer2nd #header::after{ display:none;} #header .inn {width:100%; min-width:1200px; height:160px; margin:0; position:relative; box-sizing: border-box;} #header h1{display: none; left:70px;} #header .logo {position: absolute; top:42px; left:70px; z-index:1; transition: .3s; display: block;} #header ul.navi {position:absolute; top:56px; right:0; transition: .3s;} #header ul.navi li {float:left; margin:0 40px 0 0; font-size:15px; font-weight: bold; letter-spacing: .5px;} #header ul.navi li a {color:#ffffff; text-decoration:none; display:block; box-sizing:border-box; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; padding-bottom: 10px; transition: .3s;} #header ul.navi > li > a{font-family: 'Urbanist', sans-serif; font-weight: 600; font-size: 18px; letter-spacing: 0.06em;} #header ul.navi li > a:hover{ color: #069ff8;} #header ul.navi li:last-child {margin-right:0;} #header ul.navi > li > a::after { position: absolute; left: 0; content: ''; width: 100%; height: 1px; background: #069ff8; bottom: 10px; transform: scale(0, 1); transform-origin: right top; transition: transform 0.3s; } #header ul.navi li a:hover::after {transform: scale(1, 1); transform-origin: left top; } #header ul.navi li.contact{ margin-top: -10px;} #header ul.navi li.contact a{border: 1px solid #069ff8;border-right: none;width: 80px;height: 50px;box-sizing: border-box;border-radius: 30px 0 0 30px;display: flex;justify-content: center;align-items: center;flex-wrap: nowrap; padding: 0; transition: .3s; overflow: hidden; position: relative; z-index: 1;} #header ul.navi li.contact a img{transition: .3s;} #header ul.navi li.contact a:after{ display: none;} #header ul.navi li.contact a:hover{ border-color: transparent;} #header ul.navi li.contact a:hover img{filter: brightness(0) saturate(100%) invert(100%) sepia(85%) saturate(0%) hue-rotate(58deg) brightness(112%) contrast(100%);} #header ul.navi li.contact a:before { content: ""; width: 120%; height: 200%; position: absolute; top: -50%; right: 0; z-index: -1; background: rgba(6,159,248,0.6); border-radius: 0 100% 100% 0; transform: translateX(-100%); transition: transform ease .3s;} #header ul.navi li.contact a:hover:before { transform: translateX(10%);} /*sub_menu*/ #header .sub .child {white-space: nowrap; background:rgba(10,119,197, .70); position: fixed; z-index: 99988; top: 87px; left:0; right:0; display:none; margin: 0 auto 0 auto; width:100%; overflow: hidden; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } @supports not ((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))) { #header .sub .child{ background:rgba(10,119,197, .95);} } #header .sub .child .inner{width: 1200px;margin: 0 auto 0 auto;padding:50px 25px 30px 25px;box-sizing:border-box;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: nowrap;} #header .sub .child .label_sale{color:#000; font-size:16px; text-align:left; position:relative; display: inline-block; vertical-align: middle; width: 100%; height: 24px; margin:0 30px 6px 0; -webkit-text-stroke-width:.3px !important;} #header .sub .child .label_sale .text_wrap{ display:inline-block; width:175px;} #header .sub .child .label_sale .txt_s{ display:inline-block;font-size:12px; padding-left:3px;} #header .sub .child .all_search_link a{display:inline-block; vertical-align: top; padding:3px 0 0; border-radius:30px; width:220px; text-align:left; color:#000; font-size:13px; text-decoration:none; text-shadow:none; font-weight:normal;} #header .sub .child .all_search_link a::after{ display:none;} #header .sub .child .type .all_search_link a{left:118px;} #header .sub .child .h{font-size: 50px; font-weight: 600; font-family: 'Urbanist', sans-serif; line-height: 1; margin-right: 50px;} #header .sub .child ul {display: flex; flex-wrap: wrap; flex-direction: row; align-content: flex-start; justify-content: flex-start; margin: 20px 0 20px 0;} #header .sub .child ul li {position: relative;box-sizing: border-box;width: 23%;height: 55px;margin: 0 15px 20px 0;text-align: center;cursor: pointer;} #header .sub .child ul li a {font-size: 17px;font-weight: normal;line-height: 1.3;text-align: center;vertical-align: middle;color: #ffffff;position: relative;box-sizing: border-box;border-radius: 35px;width: 100%;padding: 0;border: 1px solid #ffffff;display: flex;align-items:center;justify-content: flex-start;height:100%;-webkit-text-stroke-width:.3px !important;transition: .3s;overflow: hidden;padding-left: 35px;} #header .sub .child ul li a: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: 14px; height: auto; margin: 0 13px -1px -2px; filter: brightness(0) saturate(100%) invert(100%) sepia(85%) saturate(0%) hue-rotate(58deg) brightness(112%) contrast(100%);} #header .sub .child ul li a:after { content: ""; width: 120%; height: 200%; position: absolute; top: -50%; right: 0; z-index: -1; background: rgba(255,255,255,1); border-radius: 0 100% 100% 0; transform: translateX(-100%); transition: transform ease .3s;} #header .sub .child ul li a:hover { color: rgba(10,119,197,1); border-color:transparent;} #header .sub .child ul li a:hover:after { transform: translateX(10%);} #header .sub .child ul li a:hover:before{filter: brightness(0) saturate(100%) invert(30%) sepia(100%) saturate(1119%) hue-rotate(185deg) brightness(94%) contrast(99%);} #header .sub .child ul li a span{display:inline-block; margin-left:5px; padding-top:1px;} #header .sub .child ul.no_image li a{padding:3px 0 0 10px; margin-bottom:20px;} #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.5); -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(3,35,60,0.95);} } #header.scroll-up .inn {height:100px;} #header.scroll-up h1{top: 5px;font-size: 11px; display: block;} #header.scroll-up .logo {top: 36px;} #header.scroll-up ul.navi {top: 33px;} #header.scroll-up .sub .child{ top: 64px;} @media print, screen and (max-width: 1500px) { #header h1, #header .logo{ left: 50px !important;} } @media print, screen and (max-width: 1350px) { #header h1, #header .logo{ left: 30px !important;} #header .sub .child ul li{ width: 31%;} } /*--- header / hover画面 ----------------------------------------------------------------------------------*/ /*　solution　*/ #header .sub .child .solution_menu{width: 950px; box-sizing: border-box;} #header .sub .child .solution_menu > .box{display: flex;flex-wrap: wrap;justify-content: space-between;} #header .sub .child .solution_menu > .box + .box{ margin-top: 50px;} #header .sub .child .solution_menu > .box > a{ display: block; width: 100%; font-size: 22px; font-weight: 500; border-top: 1px solid #ffffff; padding: 10px 0 10px 0; margin-bottom: 5px;} #header .sub .child .solution_menu > .box > a: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 0;} #header .sub .child .solution_menu > .box .sub_box{ width: 59.5%; background: #ffffff; border-radius: 10px; overflow: hidden;} #header .sub .child .solution_menu > .box .sub_box + .sub_box{ width: 39%;} #header .sub .child .solution_menu > .box .sub_box p{ background: #e2f3ff; font-size: 16px; font-weight: 700; color: #0761a2; box-sizing: border-box; height: 50px; padding: 10px 0 0 15px;} #header .sub .child .solution_menu > .box .sub_box p a{ display: block; width: 100%; height: 100%; box-sizing: border-box; color: inherit; margin: -10px 0 0 -15px; padding: 10px 0 0 15px;} #header .sub .child .solution_menu > .box .sub_box ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 20px 0 0 13px;} #header .sub .child .solution_menu > .box .sub_box ul > li{width: 262px;height: auto;margin: 0 0 20px 0;padding: 0;float: none;} #header .sub .child .solution_menu > .box .sub_box ul > li a{ display: block; margin: 0; padding: 0; text-align: left;} #header .sub .child .solution_menu > .box .sub_box ul > li a:before{display: none;} #header .sub .child .solution_menu > .box .sub_box + .sub_box ul > li{ width: 100%;} /*　company　*/ #header .sub .child .company_menu{width: 880px; box-sizing: border-box;} #header .sub .child .company_menu ul > li{width: 31.333%;} /*#header .sub .child .company_menu > .box{display: flex;flex-wrap: wrap;justify-content: space-between;} #header .sub .child .company_menu > .box + .box{ margin-top: 30px;} #header .sub .child .company_menu > .box > a{display: block;width: 100%;font-size: 22px;font-weight: 500;border-top: 1px solid #ffffff;padding: 10px 0 10px 0;margin-bottom: 5px;} #header .sub .child .company_menu > .box > 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: 16px; height: auto; margin: 0 0 3px 13px;} #header .sub .child .company_menu > .box ul{display: flex;justify-content: flex-start;flex-wrap: wrap;margin: 0;width: 100%;} #header .sub .child .company_menu > .box ul > li{width: 31.333%;font-size: 16px;font-weight: 700; margin-bottom: 10px;} #header .sub .child .company_menu > .box ul > li a{display: block;width: 100%;background: #e2f3ff;border: none;display: block;margin: 0;padding: 0;text-align: left;color: #0761a2;box-sizing: border-box;height: 50px;padding: 13px 0 0 15px;border-radius: 8px;} #header .sub .child .company_menu > .box ul > li a:before{ width: 14px; filter: brightness(0) saturate(100%) invert(27%) sepia(87%) saturate(1266%) hue-rotate(182deg) brightness(87%) contrast(96%); margin-bottom: 3px; display: none;} #header .sub .child .company_menu > .box ul > li a span{ margin-left: 0; padding-top: 0;}*/ /*--- contents ----------------------------------------------------------------------------------*/ #contents {width:100%; margin:0 auto 0 auto; padding:0 0 0 0;} #contents .slider-for a{ border-radius: 100px 0 100px 0; overflow: hidden; display: inline-block;} #contents.no_width {width:100%; max-width:100%;} #contents.no_width .inn {width:1200px; height:100%; margin:0 auto 0 auto; padding:0; position:relative;} /*--- wrap_add01 --------------------------------------------------------------------------------*/ #main_image {width:100%; position: relative; z-index: 0; padding-top: 145px; margin-bottom: 110px;} #main_image .inn{display: flex;flex-direction: row-reverse;justify-content: space-between;align-items: center;flex-wrap: nowrap; padding: 0 70px 0 0 ;box-sizing: border-box; position: relative; z-index: 1;} #main_image .h{width: auto;} #main_image .h.w1570{ 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: 72px;} #main_image .h span.sub{font-weight: 500; font-size: 28px; margin-top: 2%;} #main_image .img{ width: 44.736%;} #main_image .img img{ width: 100%;} #main_image .scrolldown{ position:absolute; right:3%; bottom:-200px; height:180px; z-index: 900; } #main_image .scrolldown span{ display: block; margin: -61px 0 0 -4px; } #main_image .scrolldown:before {content: "";position: absolute;top:0;left: 0;width: 1px;height: 50px;border-radius: 0;background: rgba(255,255,255,1);animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite;} @keyframes circlemove{ 0%{top:0;} 100%{top:130px;}} @keyframes cirlemovehide{0%{opacity:0} 50%{opacity:1;} 80%{opacity:0.9;} 100%{opacity:0;}} #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{ width: 93.03%; top:calc(140px - 1%); left: 8%;} #main_image .bg .bg_line01: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: -152%;left: 12%;position: absolute;z-index: -2;width: 58%;} #main_image .bg .bg_line02{width: 98.07%; bottom:4.5%; right:0;} #main_image .bg .bg_line02:before{display: block;content: "";width: 1000px;aspect-ratio: 1 / 1;border-radius: 50%;background: #004E8A;background: radial-gradient(circle, rgb(2, 91, 158) 0%, rgba(0, 11, 20, 0) 70%);bottom: -312%;right: -24.5%;position: absolute;z-index: -2;width: 55%;} #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;} #main_image .bg .head_circle01{width: 54%;top: -18%;left: -20%;} #main_image .bg .head_circle02{width: 33%;top: -28%;right: -16%;} @media print, screen and (max-width: 1879px) { #main_image .h span.eng{font-size: 68px;} #main_image .h span.sub{ font-size: 27px;} } @media print, screen and (max-width: 1779px) { #main_image .h span.eng{font-size: 64px;} #main_image .h span.sub{ font-size: 26px;} } @media print, screen and (max-width: 1670px) { #main_image .h span.eng{font-size: 60px;} #main_image .h span.sub{ font-size: 25px;} } @media print, screen and (max-width: 1570px) { #main_image .h{width: 48.5%;} #main_image .h.w1570{ display:block;} #main_image .h.normal{ display: none;} #main_image .h span.sub{ font-size: 24px;} #main_image .img{width: 47.736%;} #main_image .bg .bg_line01 { top: calc(140px - 4%);} #main_image .bg .bg_line02 { bottom: 2.5%;} } @media print, screen and (max-width: 1380px) { #main_image .h span.eng{font-size: 55px;} #main_image .h span.sub{ font-size: 22px;} } @media print, screen and (max-width: 1280px) { #main_image .h span.eng{font-size: 53px;} #main_image .h span.sub{ font-size: 20px;} } /*アニメーション*/ #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: -1;} #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: 0;} #wrap-outer .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: 70px;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: 120px; margin-top: -120px;} #wrap-outer #unified,#wrap-outer #simula3dexperience{ padding-top: 150px; margin-top: -150px;} /*--- wrap_add01 --------------------------------------------------------------------------------*/ #wrap_add01.event_bl {width:100%; margin-bottom: 90px;} #wrap_add01.event_bl .inn{width:calc(100% - 380px); min-width: 1200px; padding-bottom: 90px;} #wrap_add01.event_bl h2.normal_tit{ text-align: left;} #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{ width: 50.671%; top:50px; left:0;} #wrap_add01.event_bl .bg .bg_line01:before{width: 86%;top: -283%;left: -24%;} #wrap_add01.event_bl .bg .bg_line02{ width: 46.488%; bottom:-70px; right:0;} #wrap_add01.event_bl .bg .bg_line02:before{width: 94.5%;bottom: -280%;top: inherit;left: inherit;right: -25%;} #wrap_add01.event_bl .bg .bg_img{width: 25.577%; top:10px; right:60px; } @media print, screen and (max-width: 1615px) { #wrap_add01.event_bl h2.normal_tit{ margin-left: -.5%;} } /*--- wrap_add01 / お知らせ版 --------------------------------------------------------------------------------*/ #wrap_add01.news_bl {width:100%; margin-bottom: 90px; /*z-index: 1;*/} #wrap_add01.news_bl .inn{width:calc(100% - 380px); min-width: 1200px; padding-bottom: 90px;} #wrap_add01.news_bl h2.normal_tit{ text-align: left;} #wrap_add01.news_bl .news_list{display: block; max-width: 1200px; 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 35px;box-sizing: border-box;border-radius: 10px;display: flex;} #wrap_add01.news_bl .news_list li + li{ margin-top: 15px;} #wrap_add01.news_bl .news_list li .date{ margin-right: 50px; font-size: 18px; font-weight: 500; text-align: right;} #wrap_add01.news_bl .news_list li .date span{ background: #ffffff; border-radius: 30px; color:#0b56c7; display: block; margin: 0 0 5px 10px; 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: 30px;} #wrap_add01.news_bl .news_list li p + p{margin-top: 10px;} #wrap_add01.news_bl .bg .bg_line01{ width: 50.671%; top:50px; left:0;} #wrap_add01.news_bl .bg .bg_line01:before{width: 86%;top: -283%;left: -24%;} #wrap_add01.news_bl .bg .bg_line02{ width: 46.488%; bottom:-70px; right:0;} #wrap_add01.news_bl .bg .bg_line02:before{width: 94.5%;bottom: -280%;top: inherit;left: inherit;right: -25%;} #wrap_add01.news_bl .bg .bg_img{width: 25.577%; top:10px; right:60px; } @media print, screen and (max-width: 1615px) { #wrap_add01.news_bl h2.normal_tit{ margin-left: -.5%;} } /*--- wrap_add02 --------------------------------------------------------------------------------*/ #wrap_add02.about_bl {width:100%; margin-bottom: 145px;} #wrap_add02.about_bl .inn{width:calc(100% - 190px); min-width: 1200px; padding:0 0 90px 190px;display: flex;flex-direction: row-reverse;flex-wrap: nowrap;align-items: flex-start;justify-content: space-between;} #wrap_add02.about_bl h2.normal_tit{ text-align: right; margin-bottom: -18px;} /*#wrap_add02.about_bl h2.normal_tit span{background: linear-gradient(-90deg, #00c0fa 0%, #015eea 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}*/ #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 {width: 45%; box-sizing: border-box;} #wrap_add02.about_bl .img_bl h2.normal_tit{ margin-right: 190px;} #wrap_add02.about_bl .img_bl .img,#wrap_add02.about_bl .img_bl .img img{ width: 100%;} #wrap_add02.about_bl .text{ width: 46%; box-sizing: border-box; padding: 40px 0 50px 0;} #wrap_add02.about_bl .text h3{font-size: 50px; font-weight: 500; color: #ffffff; line-height: 1.6em; margin-bottom: 60px;} #wrap_add02.about_bl .text p{ /*font-size: 18px;*/ line-height: 2.0em; font-weight: 400;} #wrap_add02.about_bl .text p + p{ margin-top: 30px;} #wrap_add02.about_bl .bg .bg_line{width: 59.625%; bottom: -6%;left:0;} #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: 27.614%; top: -10%;left: 2.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: 20.537%; bottom: -13%;left: 43.5%;} #wrap_add02.about_bl .bg .bg_img03{width: 27.132%; bottom: -37%;left: 9%;} @media print, screen and (max-width: 1650px) { #wrap_add02.about_bl .inn{width:calc(100% - 150px); min-width: 1200px; padding-left:150px;} } @media print, screen and (max-width: 1500px) { #wrap_add02.about_bl .text h3{font-size: 45px;} #wrap_add02.about_bl .text p{ font-size: 16px; line-height: 1.8em;} } @media print, screen and (max-width: 1580px) { #wrap_add02.about_bl .inn{width:calc(100% - 100px); min-width: 1200px; padding-left:100px;} #wrap_add02.about_bl .text{ width: 48%;} } @media print, screen and (max-width: 1380px) { #wrap_add02.about_bl .inn{width:100%; min-width: 1200px; padding-left:5%;} #wrap_add02.about_bl .text{ width: 48%;} } /*--- wrap_add03 --------------------------------------------------------------------------------*/ #wrap_add03.solutions_bl {width:100%; } #wrap_add03.solutions_bl .inn{width:calc(100% - 380px); min-width: 1200px; padding-bottom: 90px;} #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: 50px; font-weight: 500; color: #ffffff; line-height: 1.6em; margin-bottom: 55px; margin-left: -1.8%;} #wrap_add03.solutions_bl .h_bl{ position: relative; z-index: 0; margin-bottom: 50px;} #wrap_add03.solutions_bl .h_bl .bg .bg_line01{width: 70.188%; right:0; bottom:0;} #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: 85px;} #wrap_add03 .engineer_bl .inn{display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: flex-start;} #wrap_add03 .engineer_bl h2.sub_tit{text-align: left; color: #2dc7fa;} #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{ width: 60%;} #wrap_add03 .engineer_bl .text p{ /*font-size: 18px;*/ line-height: 2.0em; font-weight: 400; margin-right: 8%;} #wrap_add03 .engineer_bl .text p + p{ margin-top: 30px;} #wrap_add03 .engineer_bl .text .normal_btn{ margin-top: 60px;} #wrap_add03 .engineer_bl .service_list{width: 40%;} #wrap_add03 .engineer_bl .service_list .box{background:rgba(0,182,241,0.7);border-radius: 20px;overflow: hidden;display: flex;aspect-ratio: 1 / 0.25;align-items: center;flex-wrap: nowrap; margin-bottom: 15px;} #wrap_add03 .engineer_bl .service_list .box img{ height: 100%;} #wrap_add03 .engineer_bl .service_list .box p{font-size: 24px; font-weight: 500;} #wrap_add03 .engineer_bl .bg .bg_line02{width: 89.866%; bottom:0; left:0; 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:30px 0 90px 0;} #wrap_add03 .software_bl_1 .inn{ padding-bottom: 4.8%;} #wrap_add03 .software_bl_1 h2.sub_tit {color: #40acff; margin-bottom: 45px;} #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; font-size: 62px;} #wrap_add03 .software_bl_1 h2 + p{text-align: center; /*font-size: 18px;*/ line-height: 2.0em; font-weight: 400;} #wrap_add03 .software_bl_1 .bg .bg_line03{width: 59.035%; bottom:0; left:0;} #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: 22.896%; top: -34%;right:0;} #wrap_add03 .software_bl_1 .bg .bg_img02{width: 21.555%; bottom: -16%;left:0;} #wrap_add03 .software_bl_2{ position: relative; z-index: 0; padding-bottom: 92px; margin-top: -3%;} #wrap_add03 .software_bl_2 .inn{display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: flex-start;} #wrap_add03 .software_bl_2 .text{ width: 29.8%;} #wrap_add03 .software_bl_2 .text p{ /*font-size: 18px;*/ line-height: 2.0em; font-weight: 400;} #wrap_add03 .software_bl_2 .text p + p{ margin-top: 30px;} #wrap_add03 .software_bl_2 .text .normal_btn{ margin-top: 70px;} #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: 59.13%; display: flex; flex-wrap: wrap;justify-content: space-between;} #wrap_add03.solutions_bl .software_list .box{width:calc(50% - 15px); height: 220px; border-radius: 20px; overflow: hidden; margin-bottom: 30px; 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: 15px;height: 42px;padding: 6px 0 0 25px;margin-bottom: 23px;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: 25px; margin-right: 35px;} #wrap_add03.solutions_bl .software_list .box p.h img{mix-blend-mode: screen;} #wrap_add03.solutions_bl .software_list .box .indent{position: absolute;bottom:25px;left:25px;width: 40px;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:40.41%;} #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; height: 240px;} #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: 64.987%; bottom:0; right:0;} #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; padding-bottom: 55px; margin-top: -35px;} #wrap_add03 .software_bl_3 .inn{display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: flex-start;flex-direction: row-reverse;} #wrap_add03 .software_bl_3 .text{width: 50%;} #wrap_add03 .software_bl_3 .text h3{ margin: -20px 0 35px -1.2%;} #wrap_add03 .software_bl_3 .text p{ /*font-size: 18px;*/ line-height: 2.0em; font-weight: 400;} #wrap_add03 .software_bl_3 .text p + p{ margin-top: 30px;} @media print, screen and (max-width: 1850px) { #wrap_add03.solutions_bl .h_bl .inn{padding-bottom: 4.9%;} #wrap_add03 .engineer_bl .service_list .box p{font-size: 22px;} } @media print, screen and (max-width: 1720px) { #wrap_add03.solutions_bl h3{font-size: 45px; margin-bottom: 45px;} #wrap_add03 .software_bl_2 .text .normal_btn { margin-top: 50px; } } @media print, screen and (max-width: 1700px) { #wrap_add03 .software_bl_2 .inn{ padding-bottom: 4.5%;} #wrap_add03.solutions_bl h2.sub_tit .eng{ font-size: 55px;} #wrap_add03 .engineer_bl .service_list .box p{font-size: 20px;} #wrap_add03.solutions_bl .software_list { width: 63.13%;} #wrap_add03 .software_bl_3 .text { width: 53%; } } @media print, screen and (max-width: 1500px) { #wrap_add03.solutions_bl h2.sub_tit .eng{ font-size: 50px;} #wrap_add03.solutions_bl .text p,#wrap_add03 .software_bl_1 h2 + p{font-size: 16px; line-height: 1.8em;} } @media print, screen and (max-width: 1350px) { #wrap_add03.solutions_bl .h_bl .inn{padding-bottom: 5.5%;} } /*--- wrap_add04 --------------------------------------------------------------------------------*/ #wrap_add04.case_bl {width:100%; padding-top: 130px; margin-bottom: 80px; position: relative; z-index: 1;} #wrap_add04.case_bl .inn{width:100%; min-width: 1200px; padding-bottom: 90px; position: relative; z-index: 0;} #wrap_add04.case_bl h2.normal_tit{text-align: left;margin-bottom: 45px;margin-left: -10px;} #wrap_add04.case_bl .text{ position: absolute; left:115px; top:-10px;} #wrap_add04.case_bl .case_slide{margin-left: 510px; 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: 570px; min-height: 365px; height: auto; background: rgba(255,255,255,0.9); border-radius: 20px; margin-right: 15px; box-sizing: border-box; padding: 45px 50px 40px 50px;} #wrap_add04.case_bl .case_slide .box:not(.slick-current){ opacity: .7;} #wrap_add04.case_bl .case_slide .box h3{ margin-bottom: 30px; font-size: 36px; 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: 18px; 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:577px; width: 24px;height: 47px; 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");width: 24px;height: 47px;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: -70px; right: 50px; text-align: right;} #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: 63.7%; top:-5%; left:0;} #wrap_add04.case_bl .bg .bg_line:before{width: 84.681%; top: -330%; left:-34%;} @media print, screen and (max-width: 1700px) { #wrap_add04.case_bl .text{left: 90px;} #wrap_add04.case_bl .case_slide{ margin-left: 480px;} #wrap_add04.case_bl {margin-top: -20px; padding-top: 120px; margin-bottom: 60px;} } @media print, screen and (max-width: 1550px) { #wrap_add04.case_bl {margin-top: -40px; padding-top: 100px; margin-bottom: 30px;} #wrap_add04.case_bl .case_slide{ margin-left: 450px;} } @media print, screen and (max-width: 1500px) { #wrap_add04.case_bl .text{left: 70px;} #wrap_add04.case_bl .case_slide{ margin-left: 420px;} #wrap_add04.case_bl .case_slide .box{ width: 500px; min-height: 350px;} #wrap_add04.case_bl .case_slide .box h3{ font-size: 32px; margin-bottom: 25px;} #wrap_add04.case_bl .case_slide .box p{ font-size: 16px;} #wrap_add04.case_bl .case_slide .slick-next { left: 507px;} } @media print, screen and (max-width: 1350px) { #wrap_add04.case_bl .case_slide{ margin-left: 370px;} #wrap_add04.case_bl .case_slide .box{ width: 450px; min-height: 320px;} #wrap_add04.case_bl .case_slide .box h3{ font-size: 32px; margin-bottom: 25px;} #wrap_add04.case_bl .case_slide .box p{ font-size: 16px;} #wrap_add04.case_bl .normal_btn a{font-size: 18px; width: 215px;} #wrap_add04.case_bl .case_slide .slick-next { left: 457px;} } /*--- wrap_add05 --------------------------------------------------------------------------------*/ #wrap_add05.flow_bl {width:100%; } #wrap_add05.flow_bl .inn{width:calc(100% - 270px); min-width: 1200px; padding: 120px 0 110px 0; display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: flex-start; flex-direction: row-reverse;} #wrap_add05.flow_bl h2.normal_tit{ text-align: right; margin-bottom: 50px;} #wrap_add05.flow_bl .text{width: 31%;} #wrap_add05.flow_bl .text p{ /*font-size: 18px;*/ line-height: 2.0em; font-weight: 400;} #wrap_add05.flow_bl .figure{width: 68%; margin: 50px 0 0 -38px;} #wrap_add05.flow_bl .figure img{width: 100%;} #wrap_add05.flow_bl .bg .bg_line{ width: 64.665%; top:-8%; right:0;} #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: 22.681%; top:0; left:1.5%;} #wrap_add05.flow_bl .bg .bg_img02{ width: 27.132%; bottom:0; right:8%;} #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%;} @media print, screen and (max-width: 1700px) { #wrap_add05.flow_bl .inn{ padding-bottom: 80px;} #wrap_add05.flow_bl .text { width: 27%; } #wrap_add05.flow_bl .figure{width: 68%; margin: 50px 0 0 0;} #wrap_add05.flow_bl .bg .bg_img02{width: 25.132%;bottom: -10%;} } @media print, screen and (max-width: 1500px) { #wrap_add05.flow_bl .inn{ padding-bottom: 50px;} #wrap_add05.flow_bl .text p{font-size: 16px; line-height: 1.8em;} } /*--- wrap_add06 --------------------------------------------------------------------------------*/ #wrap_add06.recruit_bl {width:100%; margin-top: 102px; } #wrap_add06.recruit_bl .inn{width:100%;min-width: 1200px;padding: 70px 0 200px 130px;display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: flex-start; box-sizing: border-box;} #wrap_add06.recruit_bl h2.normal_tit{text-align: left;margin-bottom: 75px;} #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{width: 50%;} #wrap_add06.recruit_bl .text h3{font-size: 50px;font-weight: 500;color: #ffffff;line-height: 1.6em;margin-bottom: 50px;} #wrap_add06.recruit_bl .text p{ /*font-size: 18px;*/ line-height: 2.0em; font-weight: 400;} #wrap_add06.recruit_bl .text .normal_btn{ margin-top: 60px;} #wrap_add06.recruit_bl .img{width: 43.3%; margin-top: 10px;} #wrap_add06.recruit_bl .img img{ width: 100%;} #wrap_add06.recruit_bl .bg .bg_line01{width: 42.306%;top: 0;left:0;} #wrap_add06.recruit_bl .bg .bg_line01:before{width: 127.5%;top: -317%;left: -34%;} #wrap_add06.recruit_bl .bg .bg_line02{width: 49.062%;bottom:0;right:0;} #wrap_add06.recruit_bl .bg .bg_line02:before{width: 110%;top: -330%;left: initial;right: -41%;} #wrap_add06.recruit_bl .bg .bg_img01{width: 21.609%;top: -10%;left: 41%;} #wrap_add06.recruit_bl .bg .bg_img02{width: 30.5635%;bottom: 0;left: 26.5%;} @media print, screen and (max-width: 1700px) { #wrap_add06.recruit_bl .inn{ padding-top: 3%;} #wrap_add06.recruit_bl h2.normal_tit{ margin-bottom: 65px;} #wrap_add06.recruit_bl .bg .bg_img01{ top: -5%;} } @media print, screen and (max-width: 1650px) { #wrap_add06.recruit_bl .inn{ padding: 70px 0 200px 100px;} } @media print, screen and (max-width: 1600px) { #wrap_add06.recruit_bl h2.normal_tit{ margin-bottom: 55px;} #wrap_add06.recruit_bl .text h3{ font-size: 45px;} } @media print, screen and (max-width: 1500px) { #wrap_add06.recruit_bl h2.normal_tit{ margin-bottom: 50px;} #wrap_add06.recruit_bl .inn{ padding: 70px 0 150px 50px;} #wrap_add06.recruit_bl .text h3{ font-size: 42px;} #wrap_add06.recruit_bl .text p{font-size: 16px; line-height: 1.8em;} } /*--- 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:calc(100% - 280px);min-width:1200px;margin:0 auto 0 auto;padding: 150px 0 0 0;box-sizing:border-box;position:relative;display: flex;justify-content: space-between;flex-wrap: nowrap;align-items: flex-start;} #footer .inn .company_info{left:0;color:#ffffff;} #footer .inn .company_info .h{ margin:0 0 35px 0;} #footer .inn .company_info p{ font-size: 16px; margin-bottom: 35px;} #footer .inn .company_info .contact_btn a{display: flex;transition: .3s;box-sizing: border-box;font-size: 20px;font-weight: 400;font-family: 'Urbanist', sans-serif;width: 240px;height: 55px;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: 21px; 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; min-height: 250px; margin:0; padding:2px 0 0 0; display: flex;} #footer .inn .footer_navi > div {width:auto; padding:0 105px 0 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: 30px; 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 25px 0;} #footer .inn .footer_navi > div ul li {/*font-size:18px;*/ margin-bottom:30px; 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: 30px;} #footer .inn .footer_navi > div ul li.sub > ul > li{ margin-bottom: 20px;} #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: 47px;} #footer #footer-copyright {width:100%; margin:15px 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:calc(100% - 280px);min-width:1200px;margin:0 auto 0 auto;} #footer #footer-copyright .copyright{ text-align:left; padding:0 0 30px 0; font-size:11px; color: rgba(101,146,172,0.7); letter-spacing: 0.2em;} @media print, screen and (max-width: 1700px) { #footer .inn .footer_navi > div{ padding-right: 80px;} } @media print, screen and (max-width: 1620px) { #footer .inn .footer_navi > div ul li{ font-size: 16px;} #footer .inn .footer_navi > div{ padding-right: 70px;} } @media print, screen and (max-width: 1500px) { #footer .inn .company_info .h{ width: 350px;} } /*--- contents-inner-pages ---------------------------------------------------------------------*/ /*================================== 2ndpage タイトル ==================================*/ #wrap-outer2nd .ttl {width:100%;margin-bottom: 100px;} #wrap-outer2nd .ttl.scroll-up{position: relative; z-index: 99; padding-bottom:68px;} #wrap-outer2nd .ttl .inn {width:calc(100% - 140px);min-width: 1200px;margin:auto;padding: 45px 0 30px 0;position: relative;box-sizing: border-box;} #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: 80px;} #wrap-outer2nd .ttl .h{display: flex;flex-wrap: nowrap;justify-content: flex-start;align-items: center;} #wrap-outer2nd .ttl .h p{ /*font-size: 18px;*/ font-weight: 500; margin: 18px 0 0 50px;display: none;} #wrap-outer2nd .ttl .breadcrumbs{display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;color: #ffffff;margin: 0;font-size: 14px;font-weight: 300;letter-spacing: 0.09em; width: 700px;position: absolute;right: 0;bottom: 34px;line-height: 1.4em;} #wrap-outer2nd .ttl .breadcrumbs.scroll-up{position: fixed; top:90px; left:0; bottom:inherit; right: inherit; font-size: 12px; padding: 3px 0 3px 0; width: 95%; margin-top: 10px;} #wrap-outer2nd .ttl .breadcrumbs.scroll-up:before{ position: absolute; content: ""; background: rgba(3,35,60,0.55); -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 + li:before{display: inline-block; content: "/"; vertical-align: middle; margin: 0 12px 3px 12px;} #wrap-outer2nd .ttl .breadcrumbs a{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);} #wrap-outer2nd .ttl .bg .bg_line01{width: 44.022%;top: -50px;left:0; max-width:821px; } #wrap-outer2nd .ttl .bg .bg_line01:before{width: 122.5%;top: -414%;left: -50%;} #wrap-outer2nd .ttl .bg .bg_line02{width: 75.7645%;bottom: -48px;right:0; max-width:1413px;} #wrap-outer2nd .ttl .bg .bg_line02:before{width: 71.2%;bottom: -351%;top: inherit;left: inherit;right: -34%;} #wrap-outer2nd .ttl.scroll-up .bg .bg_line02:before{display: none;} @media print, screen and (max-width: 1400px) { #wrap-outer2nd .ttl .inn {padding: 20px 0 20px 0;} #wrap-outer2nd .ttl h2.normal_tit{ font-size: 70px;} #wrap-outer2nd .ttl .h p{ font-size: 16px; margin-left: 25px;} #wrap-outer2nd .ttl .breadcrumbs{ font-size: 12px; bottom: 24px;} } /*================================== 2ndpage navigation ==================================*/ #contents ul#contents_navi {overflow:hidden; height:52px; box-sizing:border-box; background:url(/images/common/contents_navi_line.gif) no-repeat left top;} #contents ul#contents_navi li {float:left; /*font-size:16px;*/ font-weight:bold; line-height:52px; text-align:center; background:url(/images/common/contents_navi_line.gif) no-repeat right top;} #contents ul#contents_navi li:nth-child(n+5) {width:120px;} #contents ul#contents_navi li a {color:#FFF; text-decoration:none; display:block;} #contents ul#contents_navi li.current a {background:url(/images/common/contents_navi_triangle.gif) no-repeat center bottom;} /*================================== 2ndpage 共通 ==================================*/ #contents-inner-pages {width:1200px; height: 100%; margin:0 auto 0 auto; padding-top: 160px; line-height:1.8; overflow: clip;} #contents-inner-pages .inn{width:1200px; margin:0 auto 0 auto;} #contents.no_width #contents-inner-pages {width:100%;} #contents-inner-pages .normal_tb{width: 1100px; margin: auto; /*font-size: 18px;*/} #contents-inner-pages .normal_tb th, #contents-inner-pages .normal_tb td{padding:25px 35px 25px 35px; box-sizing: border-box;} #contents-inner-pages .normal_tb th{width: 250px; font-weight: 700; color: #0094ea; border-bottom: 2px solid #0094ea; text-align: left; vertical-align: middle; padding-left: 0;} #contents-inner-pages .normal_tb td{border-bottom: 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; min-height:30px; margin-top: -2px; padding-top: 2px; padding-left: 25px; letter-spacing: .6px;} #bread_navi li{ display:inline;color:#ffffff; font-size:12px; } #bread_navi li a{ display:inline-block; color:#ffffff; font-size:12px; 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 20px 0 20px;} /*================================== Company ==================================*/ /*会社概要*/ #contents-inner-pages .company #overview .inn{ width: 1200px;} #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:-10px 0 35px 0; position: relative;} #contents-inner-pages .company #overview .img img{display: inline-block; border-radius:10px; margin: 0 7.5px 0 7.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: 150px 0 0 0;} #contents-inner-pages .company #results .inn{width:100%;min-width: 1200px;padding: 0 0 0 130px;display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: flex-start; box-sizing: border-box;} #contents-inner-pages .company #results .text{width: 51%; padding-top: 110px;} #contents-inner-pages .company #results h2.sub_tit{ text-align: left;} #contents-inner-pages .company #results .list{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: nowrap; font-size: 16px; line-height: 1.7em;} #contents-inner-pages .company #results .list .right{ display: block; text-align: right;} #contents-inner-pages .company #results .img{width: 41.845%;} #contents-inner-pages .company #results .img img{ width: 100%;} #contents-inner-pages .company #results .bg .bg_line{width: 64%;top: 3%;left: 0; max-width: 1220px;} #contents-inner-pages .company #results .bg .bg_line:before{width: 70%;top: -135%;left: -6%;} #contents-inner-pages .company #results .bg .bg_img02{width: 20%;bottom: 8%;right: 4%;} #contents-inner-pages .company #results .bg .bg_img03{width: 28%;bottom: -7%;right: 26%;} #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: 1650px) { #contents-inner-pages .company #results .inn{ padding-left: 100px;} } @media print, screen and (max-width: 1600px) { #contents-inner-pages .company #results .text{padding-top: 90px;} #contents-inner-pages .company #results .list{ font-size: 14px;} } @media print, screen and (max-width: 1500px) { #contents-inner-pages .company #results .text{padding-top: 70px;} #contents-inner-pages .company #results .inn{ padding-left: 50px;} } @media print, screen and (max-width: 1400px) { #contents-inner-pages .company #results .text {width: 55%; padding-top: 50px;} } /*交通アクセス*/ #contents-inner-pages .company #access{padding: 200px 0 0 0; margin-bottom: 100px;} #contents-inner-pages .company #access .inn{width:100%;min-width: 1200px;padding: 0 130px 0 0;display: flex;flex-wrap: nowrap;justify-content: space-between; box-sizing: border-box; flex-direction: row-reverse;} #contents-inner-pages .company #access .text{width: 35%;padding-top: 70px;padding-bottom: 60px;} #contents-inner-pages .company #access h2.sub_tit{text-align: left;margin-bottom: 70px;} #contents-inner-pages .company #access h2.sub_tit .eng{ margin-bottom: 15px;} #contents-inner-pages .company #access .text h3{font-size: 20px;font-weight: 700;color: #30a0ec;margin: 48px 0 25px 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: 30px;} #contents-inner-pages .company #access .text p.notes{ margin-top: 30px;} #contents-inner-pages .company #access .text p.notes small{display: inline-block; font-size: 14px; opacity: .7;} #contents-inner-pages .company #access .map{width: 57.5%; border: 4px solid #007be5; border-left: none;} #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: 48.526%;top: 150px;right: 0; max-width: 905px; } #contents-inner-pages .company #access .bg .bg_line:before{width: 111.1%;top: -373%;left: 16%;} @media print, screen and (max-width: 1650px) { #contents-inner-pages .company #access .inn{ padding-right: 100px;} } @media print, screen and (max-width: 1500px) { #contents-inner-pages .company #access h2.sub_tit{ margin-bottom: 55px;} #contents-inner-pages .company #access .text{padding-top: 45px; padding-bottom: 45px;} #contents-inner-pages .company #access .inn{ padding-right: 50px;} } @media print, screen and (max-width: 1400px) { #contents-inner-pages .company #access h2.sub_tit{ margin-bottom: 45px;} #contents-inner-pages .company #access .map { width: 49.5%;} #contents-inner-pages .company #access .text {width: 44%; padding-top: 30px;padding-bottom: 30px;} #contents-inner-pages .company #access .text p .logo{ margin-bottom: 20px;} #contents-inner-pages .company #access .text p.notes{ margin-top: 20px;} } /*沿革*/ #contents-inner-pages .company #history{position: relative; padding: 130px 0 80px 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: 980px; margin: auto; /*font-size: 18px;*/} #contents-inner-pages .company #history .history_tb th,#contents-inner-pages .company #history .history_tb td{ padding-bottom: 25px; 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: 25px; text-shadow: 0 0 30px rgba(0,0,0,0.3);} #contents-inner-pages .company #history .history_tb th > span{display: block;background: #ffffff;font-weight: 700;color: #000b14;padding: 7px 15px 9px 15px;min-width: 150px;line-height: 1;box-sizing: border-box; box-shadow: 0 0 30px rgba(0,0,0,0.3);} #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 #greeting{z-index: 1;} #contents-inner-pages .company #greeting .inn{ width: 1200px;} #contents-inner-pages .company #greeting .box{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: nowrap;} #contents-inner-pages .company #greeting .box .text{ width: 735px;} #contents-inner-pages .company #greeting .box .text p{ font-size: 16px; line-height:2.0em; margin-bottom: 30px;} #contents-inner-pages .company #greeting .img{width: 380px; 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;} #contents-inner-pages .company #greeting .img img.name{ margin-top: 50px;} #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: -245px;left: -37%;position: absolute;z-index: -2;width: 83.8%;} @media print, screen and (max-width: 1300px) { #contents-inner-pages .company #greeting .inn{ width: 1100px;} #contents-inner-pages .company #greeting .box .text{ width: 705px;} #contents-inner-pages .company #greeting .img{width: 330px;} #contents-inner-pages .company #greeting .img img:not(.name){ max-width: 100%;} } /*経営理念*/ #contents-inner-pages .company #philosophy{padding: 120px 0 0 0; margin-bottom: 100px;} #contents-inner-pages .company #philosophy .inn{width:100%;min-width: 1200px;padding: 0 130px 0 0;display: flex;flex-wrap: nowrap;justify-content: space-between; box-sizing: border-box; flex-direction: row-reverse;} #contents-inner-pages .company #philosophy .text{width: 53%;padding-top: 90px;padding-bottom: 35px;} #contents-inner-pages .company #philosophy h2.sub_tit{text-align: left;margin-bottom: 85px;} #contents-inner-pages .company #philosophy .text p{font-size: 16px;} #contents-inner-pages .company #philosophy .text p + p{ margin-top: 60px;} #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{width: 40.4612%;position: relative;z-index: -1;} #contents-inner-pages .company #philosophy .img img{display: block; width: 100%; height: 100%; object-fit: cover;} #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: 56.622%;top: 68px;right: 0;max-width: 1056px;} #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: 27%;bottom: -3%;right: 3%;opacity: .6;} @media print, screen and (max-width: 1650px) { #contents-inner-pages .company #philosophy .inn{ padding-right: 100px;} } @media print, screen and (max-width: 1600px) { #contents-inner-pages .company #philosophy h2.sub_tit{ margin-bottom: 60px;} #contents-inner-pages .company #philosophy .text{padding-top: 80px;} } @media print, screen and (max-width: 1500px) { #contents-inner-pages .company #philosophy .text{padding-top: 50px;} #contents-inner-pages .company #philosophy .inn{ padding-right: 50px;} } @media print, screen and (max-width: 1400px) { #contents-inner-pages .company #philosophy .text { padding-top: 40px;} } /*企業倫理*/ #contents-inner-pages .company #ethics{position: relative; padding: 140px 0 100px 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: 24px; font-weight: 500; color: #1a1a1a; margin:0 0 30px 0; padding: 20px 30px 22px 30px; box-sizing: border-box; text-align: left; letter-spacing: 0.06em;} #contents-inner-pages .company #ethics p{} #contents-inner-pages .company #ethics p.right{ text-align: right; margin-bottom: 35px;} #contents-inner-pages .company #ethics .list{ margin: 45px 0 0 0;} #contents-inner-pages .company #ethics .list li{ padding:8px 0 0 45px; position: relative; z-index: 0;} #contents-inner-pages .company #ethics .list li:before{ display: block; content: "1"; position: absolute; top:0; left:0; font-family: 'Urbanist', sans-serif; font-size: 50px; 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: 32px;} #contents-inner-pages .company #ethics .list li h4{font-size: 24px; 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;} @media print, screen and (max-width: 1300px) { #contents-inner-pages .company #ethics .inn{ width: 1100px;} } /*================================== ページ共通 ==================================*/ #contents-inner-pages #main_1col.wh_bl .inn{background: #ffffff; border-radius: 20px; padding: 60px 50px 100px 50px; box-sizing: border-box; color: #1a1a1a; font-size: 18px; line-height: 1.8em;} #contents-inner-pages #main_1col.wh_bl .inn h2.sub_tit{ margin-bottom: 60px;} #contents-inner-pages #main_1col.wh_bl .inn h2.sub_tit + p{ margin-top: -20px;} #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: 24px; font-weight: 500; padding: 14px 20px 15px 20px; margin-bottom: 15px; line-height: 1.5em;} #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: 22px; padding: 8px 14px 12px 18px; font-weight: 500; border-radius: 3px; margin:0 0 20px 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: 110px; margin-top: -110px; position: relative; z-index: -1;} #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% - 100px); } #contents-inner-pages #main_1col.wh_bl .inn h3 + h4{ margin-top: 30px;} #contents-inner-pages #main_1col.wh_bl .inn h5{ color: #0d92df; border-bottom: 1px solid #3498db; font-size: 18px; font-weight: 500; margin:0 0 20px 0; padding: 4px 0 4px 0; } #contents-inner-pages #main_1col.wh_bl .inn p + h3{ margin-top: 70px;} #contents-inner-pages #main_1col.wh_bl p.center{ text-align: center;} #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: 15px;} #contents-inner-pages #main_1col.wh_bl ul.list li:after{display: block;content: '';position: absolute;top: 11px;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 .inn:has(#contents_page,#wrap_contents_navi){display: flex;justify-content: space-between;flex-wrap: nowrap;position: relative;z-index: 0;align-items: flex-start;} #contents-inner-pages #main_1col.wh_bl #contents_page{ width: 805px;} #contents-inner-pages #main_1col.wh_bl #wrap_contents_navi{ width: 250px; position: sticky; top:150px;} #contents-inner-pages #main_1col.wh_bl .borderTable {border:1px solid #DCDCDC;border-collapse:collapse; font-size: 16px; line-height: 1.6em;} #contents-inner-pages #main_1col.wh_bl .borderTable th, .borderTable td {border:1px solid #DCDCDC;border-collapse:collapse;padding:10px 15px 10px 15px;} #contents-inner-pages #main_1col.wh_bl .borderTable th{ width: 150px;} #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:15px; 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:14px;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:has(li.active):after{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:20px;} #contents-inner-pages #main_1col.wh_bl #contents_navi ul li.t {color:#007dc6; font-weight:bold; margin:0 0 0px -7px; padding:10px 0 6px 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:#000000; 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 ul li a:hover {text-decoration:underline;} #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;} #contents-inner-pages #main_1col.wh_bl #contents_navi + #software_right_top{ margin-top: 12px;} /*================================== 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 .normal_btn a:hover { color: #fff; border-color:transparent;} #contents-inner-pages #main_1col.software .normal_btn a:hover:before { transform: translateX(10%);} #contents-inner-pages #main_1col.software .normal_btn a:hover span:before{filter: brightness(0) saturate(100%) invert(100%) sepia(85%) saturate(0%) hue-rotate(58deg) brightness(112%) contrast(100%);} #contents-inner-pages #main_1col.software .software_list{width: 100%; display: flex; flex-wrap: wrap;justify-content: space-between; color: #fff; line-height: 1.6em; margin: 30px auto 50px auto;} #contents-inner-pages #main_1col.software .software_list .box{width:calc(50% - 15px); height: 220px; border-radius: 20px; overflow: hidden; margin-bottom: 30px; 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: 15px;height: 42px;padding: 6px 0 0 25px;margin-bottom: 23px;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: 25px; margin-right: 35px;} #contents-inner-pages #main_1col.software .software_list .box p.h img{mix-blend-mode: screen; height: 60px;} #contents-inner-pages #main_1col.software .software_list .box p.txt{ font-size: 14px; margin-left: 25px; margin-top: 15px; line-height: 1.61; opacity: .7;} #contents-inner-pages #main_1col.software .software_list .box .indent{position: absolute;bottom:25px;left:25px;width: 40px;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:616px;background: url("../images/top/s_simula3dexperience_img.png") no-repeat right bottom,#000b14; background-size: 100% auto; height: 240px; margin: auto;} #contents-inner-pages #main_1col.software .software_list .simula3dexperience span.tag:before{background: linear-gradient(-90deg, rgba(0,96,170,0) 0%, rgba(0,96,170,1.00) 60%);} /*　製品個別ページ　*/ #contents-inner-pages .software_sub_tit{ margin:-20px 0 70px 0;} #contents-inner-pages .software_sub_tit h2{font-size: 50px; font-weight: 500; color: #ffffff; line-height: 1.6em; margin-bottom: 25px;} #contents-inner-pages .software_sub_tit h2 + p{text-align: center; font-size: 18px; line-height: 2.0em; font-weight: 400;} #contents-inner-pages #main_1col.software_detail #contents_page .productname {margin: 10px 0 45px 0;display: flex;justify-content: space-between;flex-wrap: nowrap;border-bottom: 2px solid #e3e3e3;padding: 0 0 20px 0;} #contents-inner-pages #main_1col.software_detail #contents_page .productname > img{ width: auto; height: 45px;} #contents-inner-pages #main_1col.software_detail #contents_page .productname h2{color: #000000;font-size: 36px;text-align: left;margin: 0;padding: 0 0 5px 0;font-weight: 900;} #contents-inner-pages #main_1col.software_detail #contents_page .software_subnavi_link_wrap + p, #contents-inner-pages #main_1col.software_detail #contents_page .productname + p{ margin: -25px 0 -10px 0;} #contents-inner-pages #main_1col.software_detail #contents_page .productname + .link{text-align: right; margin: -20px 0 45px 0;} #contents-inner-pages #main_1col.software_detail .inn #contents_page{font-size: 16px; line-height: 1.8em;} #contents-inner-pages #main_1col.software_detail #contents_page ul{ margin-bottom: 15px;} #contents-inner-pages #main_1col.software_detail #contents_page ul li {position: relative;padding: 0 0 5px 25px;margin-left: 15px;} #contents-inner-pages #main_1col.software_detail #contents_page ul li:after{display: block;content: '';position: absolute;top: 8px !important;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 td{vertical-align: text-top;} #contents-inner-pages .software_tab{margin: 0 0 0 0;position: relative;z-index: 1;} #contents-inner-pages .software_tab ul{display: flex;justify-content: space-between;flex-wrap: nowrap;flex-direction: row;width: 95%;margin: auto;} #contents-inner-pages .software_tab li{ border-radius: 10px 10px 0 0; overflow: hidden; width: 19.5%;} #contents-inner-pages .software_tab li a{background: #12acf3; display: block; width: 100%; height:100%; aspect-ratio: 226 / 89; position: relative; box-sizing: border-box; text-decoration: none; font-weight: 700; line-height: 1.5em; padding: 23px 20px 0 20px; } #contents-inner-pages .software_tab li.unified a,#contents-inner-pages .software_tab li.simuliasolution a{font-size: 18px; color: #ffffff; padding-top: 18px;} #contents-inner-pages .software_tab li.abaqus a{ background:url("../images/software/tab_abaqus_bg.jpg") no-repeat; background-size: cover;} #contents-inner-pages .software_tab li.simpack a{ background:url("../images/software/tab_simpack_bg.jpg") no-repeat; background-size: cover;} #contents-inner-pages .software_tab li.isight a{ background:url("../images/software/tab_isight_bg.jpg") no-repeat; background-size: cover;} #contents-inner-pages .software_tab li.tosca a{ background:url("../images/software/tab_tosca_bg.jpg") no-repeat; background-size: cover;} #contents-inner-pages .software_tab li.simuliasolution{ width: 300px; margin-right: 6px;} #contents-inner-pages .software_tab li.s_3dexperience{ width: 465px; margin-right: 6px;} #contents-inner-pages .software_tab li.simuliasolution{ aspect-ratio: 300 / 90;} #contents-inner-pages .software_tab li.s_3dexperience a{ background:url("../images/software/tab_3dexperience_bg.jpg") no-repeat; background-size: cover; aspect-ratio: 465 / 90;} #contents-inner-pages .software_tab ul:has(li.simuliasolution,li.s_3dexperience){justify-content: flex-start;} #contents-inner-pages .software_tab li.active.s_3dexperience a, #contents-inner-pages .software_tab li.active.abaqus 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 a:after{ display: inline-block; content: ""; background: url("../images/software/tab_indent.png") no-repeat; width: 19px; height: 19px; vertical-align: middle; margin: 0 0 4.5px 12px;} #contents-inner-pages .software_tab li.abaqus a:after{ margin:0 0 5.5px -1px;} #contents-inner-pages .software_tab li.simpack a:after{ margin:0 0 5.5px 4px;} #contents-inner-pages .software_tab li.isight a:after{ margin:0 0 5.5px -28px;} #contents-inner-pages .software_tab li.tosca a:after{ margin:0 0 8px -17px;} #contents-inner-pages .software_tab li.s_3dexperience a:after{ margin:0 0 5px 12px;} #contents-inner-pages .software_tab li.active a:after{transform: rotate(90deg);} #contents-inner-pages .software_tab li img{mix-blend-mode: screen; display: inline-block; vertical-align: text-bottom;} #contents-inner-pages .software_tab li.active:after{display: block; content: ""; background:#12acf3; width: 100%; height: 20px; border-radius: 10px 10px 0 0; position: absolute; bottom:-20px; left: 0;} #contents-inner-pages .software_tab li.active.s_3dexperience:after, #contents-inner-pages .software_tab li.active.abaqus: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 .software_tab + .software_detail:before, #contents-inner-pages .software_tab + .software_detail:after{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: 50%;position: absolute;z-index: -2;width: 800px;} #contents-inner-pages .software_tab + .software_detail:before{left: 50%;margin-left: -50%;} #contents-inner-pages .software_tab + .software_detail:after{right: 50%;margin-right: -50%;} #contents-inner-pages #main_1col.software_detail .btn_area{display: flex;justify-content: space-between;flex-wrap: wrap;flex-direction: row;align-items: center;margin: 80px 0 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: 60px;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;} #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 .btn_area .btn a:hover { color: #fff; border-color:transparent;} #contents-inner-pages #main_1col.software_detail .btn_area .btn a:hover:before { transform: translateX(10%);} #contents-inner-pages #main_1col.software_detail .btn_area .btn a:hover span:before{filter: brightness(0) saturate(100%) invert(100%) sepia(85%) saturate(0%) hue-rotate(58deg) brightness(112%) contrast(100%);} #contents-inner-pages #main_1col.software_detail .btn_area.col_1{justify-content: center;} #contents-inner-pages #main_1col.software_detail .btn_area.col_1 .btn a{width: 600px;} #contents-inner-pages #main_1col.software_detail .btn_area.col_4 .btn a{width: 192px;} #contents-inner-pages #main_1col.software_detail #contents_page ul.list-2col li {display: inline-block;width: 46%;vertical-align: top; margin-left: 0;} #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 .software_detail .unified_img02{ width: 700px; 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: -30px;} #contents-inner-pages .software_detail .unified_img02 p.fukidashi.type_b{ margin-top: -30px;} #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:-20px; left:10%;} #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:-20px; right:15%;} /*　製品トップ画像　*/ #contents-inner-pages .software_detail #topbox{width:100%;background:#000;padding:6px;box-sizing:border-box;overflow:hidden;margin:0 auto 50px auto;} #contents-inner-pages .software_detail #topbox .imgWrap1 {overflow: hidden;width: 24.5%;height: auto;margin:0;float:left;} #contents-inner-pages .software_detail #topbox .imgWrap2 {overflow: hidden;width: 50%;height:auto;margin:0 0.5% 0 0.5%;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; width: 100%; height: auto !important;} /*　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: 690px;} #contents-inner-pages #main_1col.software_detail #contents_page .expand_img ul{ margin:0 0 0 10px;} #contents-inner-pages #main_1col.software_detail #contents_page .expand_img li{ margin:0 20px 20px 0; padding:0; display:inline-block;} #contents-inner-pages #main_1col.software_detail #contents_page .expand_img li:nth-child(even){ margin:0 0px 20px 0; 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 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; width:320px; height:180px; overflow: hidden; -webkit-box-shadow: 5px 5px 5px #d8d6d6; -moz-box-shadow: 5px 5px 5px #d8d6d6; position:relative; } #contents-inner-pages #main_1col.software_detail #contents_page .expand_img .inner p img { max-width:none; width:320px !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 .event{} /*================================== プライバシーポリシー ==================================*/ #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: 30px;} /*================================ お問い合わせ（MTウェブページ内） ================================*/ #contact { width:100%; padding:30px; 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: 80px; } #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:410px;} #contact .mail .btn {border-radius:6px;font-size:24px;letter-spacing:.06em;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:32px 10px 32px 10px;} #contents-inner-pages #contact table td { vertical-align: top !important;} /* ▼ 左側（文字ver） ▼ */ #contact .memo {vertical-align:top; width:296px;} #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 h3{background:linear-gradient(90deg, #087ec3 0%, #0b56c7 100%); border-radius: 5px; font-size: 24px; font-weight: 500; color: #ffffff; margin:0 0 45px 0; padding: 20px 30px 22px 30px; box-sizing: border-box; text-align: left; letter-spacing: 0.06em;} #contents .contents-form input[type="text"],#contents .contents-form input[type="tel"] {font-size:120%;} #contents .contents-form {color:#000;} #contents .contents-form .item {width:235px; line-height:1; margin:0 20px 30px 0; padding:10px; box-sizing:border-box; background:#3BD; border-radius:6px; color:#FFF; font-weight:normal; white-space:nowrap; text-align:center; float:left; font-size:22px;} #contents .contents-form label {padding:0 5px 0 5px;} #contents .contents-form .value {margin:0 0 30px 0; float:left; max-width:600px;} #contents .contents-form .lng {width:100%; margin-bottom:10px;} #contents .contents-form .vlng {width:100%; text-align:center;} #contents .contents-form .required {color:#FFF; font-size:12px; vertical-align:middle; padding-left:10px;} #contents .contents-form .supplement{color:#666; font-weight:normal; font-size:14px; margin-bottom:10px;} #contents .contents-form .reaffirmation{color:#666; font-weight:normal; font-size:14px; margin:10px 0 10px 0;} #contents .contents-form .error_description, #contents .contents-form .description1 {margin:0 0 30px 0px;} #contents .contents-form .error_list {margin-bottom:30px; display:inline-block;} #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 {text-align:center;} #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 table.basicTable {margin:0 auto 50px auto;} #contents .contents-form .contact_mail .inn{ width:1200px; text-align:center;} #contents .contents-form .contact_mail p.read{ text-align:center; color: #ffffff; margin-top: -15px; margin-bottom: 40px; font-weight: 500; } #contents .contents-form .contact_mail p.read small{ font-weight: 400; opacity: .7;} /* --- */ /*#scrollUp { bottom: 112px; right: 10px; height: 50px; width: 50px; background-size:50px; }*/ /* --- */ .menu-btn, .doc-btn { display:none; } /*---------------------------------------------contact------------------------------------------*/ #contents-pages .contact {} #contents-pages .contact .title_img {position:absolute;top:-32px; left:0px;} .contents-form {margin:0 auto;} .contents-form .borderTable th, .contents-form .borderTable, .contents-form .borderTable th, .contents-form .borderTable td {border:none;} /*================================== TEL ==================================*/ #telephone.inquiry {margin:0 auto 110px auto; display:table; background-color: #ffffff; box-shadow: 0 0 40px rgb(122 122 122 / 5%); border-radius: 0 100px 0 100px; width:100%; padding:50px 0 50px 0; text-align:center;} #telephone.inquiry a.num { display:inline-block; font-family:'Fjalla One', sans-serif; font-size:55px; color:#e95388; text-decoration:none; margin-bottom: -10px;} #telephone.inquiry a.num em:before{ content:"tel."; display: inline-block; } #telephone.inquiry .open {font-size:18px; line-height:1; letter-spacing:1px; } #telephone.inquiry h3{ font-weight: bold; font-size: 32px; margin-top: 16px; margin-bottom: 24px; border-bottom: 1px dotted; padding-bottom: 38px; max-width: 845px;} #telephone.inquiry .inquiry_inn{ display: flex; justify-content: center; align-items: center;} #telephone.inquiry .text_area{ text-align: left; margin-left: 20px; margin-top: 12px;} #telephone.inquiry .text_area p{ margin-top: 10px;} #telephone.inquiry small{ font-size: 13px; opacity: .8; letter-spacing: 0;} #contents .bytel { border: 5px solid #ccc; margin: 0 auto; padding: 20px; position: relative; } #contents .bytel .name { font-size: 20px; font-weight: bold; } #contents .bytel .tel { background: rgba(0, 0, 0, 0) url("../images/contact/icon_tel.png") no-repeat scroll left center; color: #f60; font-family: /*"Century Gothic",Verdana,*/Arial,sans-serif; font-size: 60px; line-height: 1.2; padding-left: 76px; white-space: nowrap; } #contents .bytel .open { bottom:40px; /*font-size:16px;*/ position:absolute; left:20px; } /*-----------------------------------------contact form---------------------------------------*/ #contents .contents-form, #contents_1column .contents-form { text-align:center; font-size:18px;} /*#contents .contents-form .contact_mail{ padding-bottom:90px;}*/ #contents .contents-form .inn.doc{ width:1000px;} #contents .contents-form .doc > img{ margin:0 -2px 45px 0;} #contents .contents-form .doc .q_content{ text-align:left; background:url(/images/contact/people.png.jpg) no-repeat right bottom 60px; padding:39px 0 74px 0;} #contents .contents-form .doc .q_content ul{ padding-left:33px;} #contents .contents-form .doc .q_content ul li{ margin-bottom:10px;} #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;} #contents .contents-form .doc .pre_box{ border:1px solid #ed6d1f; box-sizing:border-box; padding:28px 25px 33px 280px; margin:0 auto 0 auto; position:relative;} #contents .contents-form .doc .pre_box p{ font-size:28px; line-height:52px; color:#ed6d1f;} #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 10px;} #contents .contents-form .doc .pre_box img{ position:absolute; top:-34px; left:45px; box-shadow:8px 8px 0 rgba(0,0,0,.07);} #contents .contents-form .doc .points{ padding:45px 52px 45px 48px; box-sizing:border-box; background:#fefcef; margin-top:76px; text-align:left;} #contents .contents-form .doc .points .points_desc{ float:left; width:600px;} #contents .contents-form .doc .points .points_desc ul{ padding-left:43px;} #contents .contents-form .doc .points .points_desc ul li{} #contents .contents-form .doc .points img{ display:block; float:right; margin-top:9px;} #contents .contents-form .doc .trial{ margin-top:51px; padding-bottom:90px;} #contents .contents-form .doc .trial a{ display:block; width:400px; margin:auto; background:url(/images/contact/right_s_arrow.png), url(/images/contact/trial_btn_bg.png); background-repeat:no-repeat, repeat; background-position:109px 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 .contents-form table.basicTable, #contents_1column .contents-form table.basicTable { color: #333333; background: #ffffff; margin: 15px 0 60px 0; border-radius: 10px; overflow: hidden;} #contents .contents-form table.basicTable th, #contents .contents-form table.basicTable td, #contents_1column .contents-form table.basicTable th, #contents_1column .contents-form table.basicTable td { padding:20px 25px 20px 25px; text-align:left; vertical-align:top; } #contents .contents-form table.basicTable tr + tr th, #contents .contents-form table.basicTable tr + tr td, #contents_1column .contents-form table.basicTable tr + tr th, #contents_1column .contents-form table.basicTable tr + tr td { border-top: 1px dotted #727171; } #contents .contents-form table.basicTable th, #contents_1column .contents-form table.basicTable th { width: 240px; background-color: #e6f6ff;} #contents .contents-form table.basicTable li, #contents_1column .contents-form table.basicTable li { display: block; margin-right: 0px; } #contents .contents-form table.basicTable .office { display: flex; flex-wrap: wrap;} #contents .contents-form table.basicTable .office li {width:40%;} #contents .contents-form p, #contents_1column .contents-form p {} #contents .contents-form .red, #contents_1column .contents-form .red {color: #CC0000;} #contents .contents-form #btnTable, #contents_1column .contents-form #btnTable {/*width:630px;*/ margin:43px 0 0 0;} #contents .contents-form #btnTable input, #contents_1column .contents-form #btnTable input {border:none;} #contents .contents-form .contact_bt, #contents_1column .contents-form .contact_bt {text-align:center; margin:40px 0 0 0;} #contents .contents-form .contact_bt input, #contents_1column .contents-form .contact_bt input {border:none;} #contents .contents-form .contact_bt2 .soushin, #contents_1column .contents-form .contact_bt2 .soushin {text-align:right;} #contents .contents-form .error_description, #contents .contents-form .description1, #contents_1column .contents-form .error_description, #contents_1column .contents-form .description1 {margin:0 0 30px 0px; color: #ffffff;} #contents .contents-form .error_list, #contents_1column .contents-form .error_list {margin-bottom:30px;display: block;} #contents .contents-form .error_list .alert, #contents_1column .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 .contents-form td.btn input, #contents_1column .contents-form td.btn input {padding:0; border:none;} #contents .contents-form .bt td, #contents_1column .contents-form .bt td {background:none;} .contents-form .imeDisabled{ime-mode: disabled;} .contents-form .mail{font-size:20px;} .contents-form .other{margin:10px 0 0 0;padding:5px 0 0 0; border-top:1px solid #ccc;} .contents-form .use div{display:block; float:left; width:150px;margin:0 0 5px 0;} .contents-form .ex {color:#666; font-size:12px; padding-left:5px;} .contents-form .require {color:#e95388; padding-left:5px; font-size:12px; font-weight:normal;} .contents-form input { margin-right:5px;} .contents-form div.privacy { padding: 10px; overflow: auto; height: 200px; border: 1px solid #ccc; background-color:#ffffff;} .contents-form div.privacy p + p{ margin-top:20px;} .contents-form .soft .div1 div{width:180px; margin:0 0 5px 0;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #aaa; font-weight: normal; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #aaa; font-weight: normal; } input::-moz-placeholder, textarea::-moz-placeholder { color: #aaa; font-weight: normal; } /*LINEお問い合わせ*/ #contents #contact_line { margin:110px 0 60px 0;} #contents #contact_line a::before{content: ""; display: inline-block; margin: 0 12px 2px 0; vertical-align: middle; background:url(/images/icon/contact_btn_line_wh.png) no-repeat; width: 35px; height: 33px;} #contents #contact_line a{display: block; position: relative; height: 80px; color: #ffffff; text-align: center; font-weight: bold; text-decoration: none; padding: 0 10px 0 0; overflow: hidden; transition: .3s; z-index: 1; border: 1px solid #ffffff; box-sizing: border-box; border-radius: 40px; width: 350px; font-size: 20px; margin: 35px auto 0 auto !important; cursor:pointer; background-color: #00c300; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; line-height:80px; letter-spacing:1px} }