@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&display=swap");
.clearfix, .wrap, .post-categories, .rec_top .inners, .imgList-2 {
*zoom: 1; }
.clearfix:after, .wrap:after, .post-categories:after, .rec_top .inners:after, .imgList-2:after {
content: "";
display: table;
clear: both; }
html {
font-size: 62.5%;
height: 100%; }
body {
font-size: 1.5em;
background: #fff;
font-family: -apple-system-body, BlinkMacSystemFont, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.65;
padding: 0;
margin: 0;
vertical-align: baseline;
height: 100%; }
select,
input,
button,
textarea {
font: 99% sans-serif; }
table {
font-size: inherit;
font: 100%; }
pre,
code,
kbd,
samp,
tt {
font-family: monospace;
*font-size: 108%;
line-height: 100%; }
img {
max-width: 100%;
height: auto; }
*,
::before,
::after {
background-repeat: no-repeat;
-webkit-box-sizing: inherit;
box-sizing: inherit; } @media (min-width: 768px) {
#pagetop {
position: fixed;
right: 8px;
bottom: -50px;
width: 41px;
height: 38px;
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/common/img_pagetop.png) 0 0 no-repeat; }
#pagetop a {
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/common/img_pagetop_arrow.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display: block;
height: 35px;
margin-top: 3px;
text-indent: -9999px;
-webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
-moz-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
width: 41px;
outline: none; }
#pagetop a:hover {
background-position: 0 100%; }
#pagetop a img {
display: block; } }
@media (max-width: 768px) {
#pagetop {
width: 38px;
height: 38px;
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/common/pagetop2.png);
background-size: contain;
position: fixed;
right: 8px;
bottom: -50px;
text-indent: -9999px;
outline: none;
opacity: 0.7;
-moz-opacity: 0.7;
filter: alpha(opacity=70); }
#pagetop a {
display: block;
width: 100%;
height: 100%;
text-indent: -9999px; } }
a {
text-decoration: none;
color: #1d84c6;
outline: none;
text-decoration: none;
font-weight: bold; }
a:hover {
color: #c6911d; }
.wrap {
margin-left: auto;
margin-right: auto; }
@media (min-width: 1200px) {
.wrap {
width: 1080px; } }
@media (max-width: 1200px) {
.wrap {
width: 92%; } }
.wrap_w {
margin-left: auto;
margin-right: auto; }
@media (min-width: 1200px) {
.wrap_w {
width: 1300px; } }
@media (max-width: 1200px) {
.wrap_w {
width: 92%; } }
.middlewrap {
width: 92%;
max-width: 1000px;
margin-left: auto;
margin-right: auto; }
@media (max-width: 768px) {
.middlewrap {
width: 88%; } }
.flex_content {
width: 100%; }
@media (min-width: 768px) {
.flex_content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
flex-wrap: wrap; }
.flex_content.start {
align-items: flex-start; }
.flex_content.mt70 {
margin-top: 70px; } }
@media (min-width: 768px) {
.flex_content_r {
flex-direction: row-reverse; } }
@media (max-width: 768px) {
.flex_content > .item {
width: 100%; }
.flex_content > .item:not(:last-child) {
margin-bottom: 24px; } }
@media (min-width: 768px) {
.flex_content .item_1 {
width: 12%; } }
@media (min-width: 768px) {
.flex_content .item_2 {
width: 21%; } }
@media (min-width: 768px) {
.flex_content .item_3 {
width: 33%; } }
@media (min-width: 768px) {
.flex_content .item_35 {
width: 38%; } }
@media (min-width: 768px) {
.flex_content .item_4 {
width: 47.5%; } }
@media (min-width: 768px) {
.flex_content .item_45 {
width: 56%; } }
@media (min-width: 768px) {
.flex_content .item_5 {
width: 62%; } }
@media (min-width: 768px) {
.flex_content .item_6 {
width: 73%; } }
@media (min-width: 768px) {
.flex_content .item_7 {
width: 84%; } }
.text1 {
font-size: 2rem;
color: #0e52a2;
font-weight: bold; }
.text2 {
font-weight: bold;
color: #f00; }
.text3 {
font-size: 0.8rem;
font-weight: bold;
color: #dc009e; }
.text4 {
font-size: 15px;
color: #004879; }
#header {
box-sizing: border-box;
z-index: 100;
width: 100%;
height: 80px;
padding: 0;
text-align: left;
width: 100%;
transition: all 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
background: rgba(255, 255, 255, 0.8); }
@media (max-width: 768px) {
#header {
height: 65px;
position: fixed;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); } }
#header #header_inner {
position: relative;
width: 100%;
padding-left: 30px;
margin: 0 auto;
height: 80px; }
@media (min-width: 768px) {
#header #header_inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; } }
@media (max-width: 768px) {
#header #header_inner {
height: 65px; } }
#header.fixed {
position: fixed;
top: -81px;
left: 0;
height: 80px;
background: rgba(255, 255, 255, 0.95);
border-bottom: 1px #ddd solid;
animation: fixed-header 1s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
#header.fixed.main_text_en {
margin-top: 51px;
width: 40%;
animation-duration: 1s; }
#header.fixed.main_text_en::before {
animation-duration: 1.5s; }
#header.fixed.main_text_en::after {
animation-duration: 1s; }
@media (max-width: 768px) {
#header.fixed {
height: 75px; } }
#header.fixed #header_inner {
height: 80px; }
@media (max-width: 768px) {
#header.fixed #header_inner {
height: 75px; } }
.home #header {
position: fixed; }
@keyframes fixed-header {
0% {
top: -81px; }
100% {
top: 0; } }
#logo {
text-align: center;
transition: all 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
@media (min-width: 768px) {
#logo {
width: 140px; }
#logo img {
max-width: 100%; } }
@media (min-width: 768px) and (max-width: 1200px) {
#logo {
padding-left: 12px; } }
@media (max-width: 768px) {
#logo {
padding: 0;
position: absolute;
top: 14px;
left: 15px;
width: 120px; } }
@media (min-width: 768px) {
#global_navi {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 80px;
transition: all 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95); } }
@media (min-width: 768px) {
#navi_ul {
height: 80px;
opacity: 1;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out; } }
@media (min-width: 768px) {
#navi_ul > li {
float: left;
vertical-align: middle;
display: table;
height: 80px; } }
#navi_ul > li.toggle {
position: relative; }
@media (max-width: 768px) {
#navi_ul > li.toggle {
display: block;
color: #fff;
position: relative;
cursor: pointer;
font-weight: normal;
background-color: #1b1b1b;
border-bottom: 1px #aaa solid;
font-size: 1.4rem;
box-sizing: border-box; } }
@media (min-width: 768px) {
#navi_ul > li.toggle::after {
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
content: "";
position: absolute;
bottom: 0;
left: 50%;
margin-left: -10px;
border: 0 solid transparent;
border-bottom: 0 solid #333; } }
@media (min-width: 768px) {
#navi_ul > li.toggle:hover::after {
border: 10px solid transparent;
border-bottom: 10px solid #333; } }
#navi_ul > li.last-tel {
display: table; }
#navi_ul > li.last-tel a {
background-color: #4257be;
display: table-cell;
vertical-align: middle;
font-family: "Roboto Condensed", sans-serif;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.03em;
color: #fff;
padding: 0 15px;
line-height: 1.4; }
@media (max-width: 768px) {
#navi_ul > li.last-tel a {
padding: 8px 15px;
text-align: center; } }
@media (min-width: 768px) {
.header-nav-item {
position: relative;
display: table-cell;
height: 80px;
padding: 0 15px;
color: #1b1b1b;
text-align: center;
vertical-align: middle; } }
@media (max-width: 768px) {
.header-nav-item {
display: block;
padding: 10px;
background-color: #111;
color: #fff; } }
.header-nav-item span {
display: block;
font-family: "Roboto Condensed", sans-serif;
font-size: 1.3rem;
font-weight: 700;
color: #4257be;
line-height: 1; }
@media (max-width: 768px) {
.header-nav-item span {
display: inline-block;
margin-left: 10px; } }
.header-nav-item.last-contact {
background-color: #4e9fe9;
color: #fff; }
.header-nav-item.last-contact span {
color: #e8f4ff; }
@media (max-width: 768px) {
.header-nav-item.last-contact span {
display: inline-block;
margin-left: 10px; } }
.header-nav-item.last-contact:hover {
color: #fff;
background-color: #6dbadb; }
@media (min-width: 768px) {
.header-nav-item:hover {
color: #1b1b1b;
background-color: #f3f3f3; } }
@media (min-width: 768px) {
li.toggle:hover {
color: #1b1b1b;
background-color: #f3f3f3; }
li.toggle:hover::after {
bottom: 0; } }
@media (min-width: 768px) {
li.toggle:hover .header-nav-item {
background-color: #f3f3f3; } }
@media (min-width: 768px) {
li.toggle:hover .megamenu {
max-height: 9999px;
opacity: 1;
z-index: 10; } }
@media (min-width: 768px) {
.megamenu {
transition: all 0.2s ease-in;
max-height: 0;
opacity: 0;
left: 0;
top: 80px;
overflow: hidden;
width: 200px;
text-align: center;
position: absolute; } }
@media (min-width: 768px) {
.megamenu .menu_inner {
padding: 10px 0 0;
background-color: #333; } }
@media (max-width: 768px) {
.megamenu .menu_inner {
width: 100%;
display: inline-flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start; } }
@media (max-width: 768px) {
.megamenu .menu_inner li {
width: 50%;
text-align: center;
position: relative; }
.megamenu .menu_inner li:nth-child(odd) {
padding: 1px 2px 1px 2px; }
.megamenu .menu_inner li:nth-child(even) {
padding: 1px 2px 1px 0; } }
.megamenu .menu_inner li a {
background-color: #333;
padding: 10px 0;
display: block;
color: #fff;
font-weight: bold;
text-align: center; }
@media (max-width: 768px) {
.megamenu .menu_inner li a {
font-weight: normal;
font-size: 1.1rem; } }
@media (min-width: 768px) {
.megamenu .menu_inner li a:hover {
text-decoration: underline;
background-color: #4e9fe9; } }
.fixed .megamenu {
top: 80px; }
@media (min-width: 768px) {
.sp_only {
display: none; } }
.p_only {
display: none; }
@media (min-width: 768px) {
.p_only {
display: inherit; } }
@media (min-width: 768px) {
.menuBtn {
display: none; } }
@media (max-width: 768px) {
.menuBtn {
display: block;
position: absolute;
top: 23px;
right: 15px;
height: 28px;
width: 28px; } }
@media (max-width: 768px) {
#nav-open {
display: inline-block;
width: 28px;
height: 28px;
vertical-align: middle;
position: absolute; } }
@media (min-width: 768px) and (max-width: 1200px) {
#nav-open {
left: 30px; } }
@media (max-width: 768px) {
#nav-open span,
#nav-open span:before,
#nav-open span:after {
position: absolute;
height: 2px; width: 20px; border-radius: 3px;
background: #1b1b1b;
display: block;
content: "";
cursor: pointer;
transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
#nav-open span:before {
bottom: -8px; }
#nav-open span:after {
bottom: -16px; }
.menu-open #nav-open span {
background-color: transparent; }
.menu-open #nav-open span::before,
.menu-open #nav-open span::after {
height: 2px;
-webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
background-color: #1b1b1b;
position: absolute;
top: 6px;
left: 0;
content: " "; }
.menu-open #nav-open span::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.menu-open #nav-open span::after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
#global_navi {
width: 100%; }
#navi_ul {
text-align: left;
position: fixed;
top: 65px;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: auto;
display: none;
overflow-y: auto; }
#navi_ul > li {
display: block;
width: 100%; } }
.footer-upper {
text-align: center;
padding: 50px 0;
background-color: #f3f3f3; }
@media (max-width: 768px) {
.footer-upper {
padding: 30px 0; } }
.foot-logo {
width: 190px;
margin: 0 auto 10px; }
@media (max-width: 768px) {
.foot-logo {
width: 140px; } }
.foot-info {
font-size: 1.3rem;
padding: 0 4%; }
.foot-logobox {
margin-top: 25px; }
.foot-logobox .emidas {
display: inline-block;
width: 120px; }
@media (max-width: 768px) {
.foot-logobox .emidas {
width: 80px; } }
.foot-logobox .foot-iso01 {
width: 295px;
display: inline-block;
margin-left: 10px; }
@media (max-width: 768px) {
.foot-logobox .foot-iso01 {
width: 200px; } }
.foot-logobox .foot-wish {
display: inline-block; }
@media (min-width: 768px) {
.foot-logobox .foot-wish {
margin-left: 10px;
width: 120px; } }
@media (max-width: 768px) {
.foot-logobox .foot-wish {
width: 90px;
margin-top: 10px; } }
.footer-inner {
width: 100%;
background-color: #1b1b1b;
padding-top: 35px;
padding-bottom: 50px; }
@media (max-width: 768px) {
.footer-inner {
padding: 20px 0 25px; } }
@media (max-width: 768px) {
.footer-inner .wrap {
width: 100%; } }
@media (min-width: 768px) {
.fnav {
width: 25%;
float: left;
box-sizing: border-box;
padding-left: 50px; } }
@media (max-width: 768px) {
.fnav {
display: none; } }
.fnav li {
line-height: 1.5; }
.fnav li:last-child {
margin-bottom: 0; }
.fnav li a {
color: #ccc;
font-size: 1.3rem;
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/common/arrow7.png) no-repeat left 3px;
background-size: 7px 7px;
padding-left: 12px; }
.fnav li a:hover {
text-decoration: underline; }
.fnav li ul {
margin-left: 10px; }
.fnav li ul li a {
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/common/arrow11.svg) no-repeat left 3px;
background-size: 6px 6px;
padding-left: 10px; }
.copyright {
font-family: "Roboto Condensed", sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
display: block;
vertical-align: bottom;
color: #ccc;
text-align: center;
margin-top: 50px; }
@media (max-width: 768px) {
.copyright {
margin-top: 5px;
font-size: 1.3rem; } }
.heading1 {
font-size: 1.7rem;
padding: 25px 20px;
text-align: left;
border-top: 2px #ccc solid;
border-bottom: 2px #ccc solid; }
@media (max-width: 768px) {
.heading1 {
padding: 15px 3%; } }
.heading1 h2 {
font-size: 3rem;
line-height: 1.5; }
@media (max-width: 768px) {
.heading1 h2 {
font-size: 1.8rem; } }
.heading1 .en_title {
font-family: "Roboto Condensed", sans-serif;
font-size: 1.6rem;
font-weight: 700;
color: #4e9fe9;
font-weight: bold;
text-transform: capitalize;
letter-spacing: 0.05em;
line-height: 1; }
@media (max-width: 768px) {
.heading1 .en_title {
font-size: 1.5rem; } }
.title1 {
font-size: 3.2rem;
text-align: center;
line-height: 1.5; }
@media (max-width: 768px) {
.title1 {
font-size: 2.3rem; } }
.title1::after {
content: "";
height: 1px;
background-color: #7d7d7d;
margin: 13px auto 40px;
width: 60px;
display: block; }
.title2 {
font-size: 2.6rem;
font-weight: bold;
border-bottom: 2px #4257be solid;
padding-bottom: 10px;
margin-bottom: 30px; }
@media (max-width: 768px) {
.title2 {
font-size: 1.85rem;
text-align: left;
line-height: 1.5;
margin-bottom: 20px; } }
.title3 {
font-size: 1.8rem;
text-align: center; }
.title3::after {
content: "";
height: 1px;
background-color: #ccc;
margin: 10px auto 30px;
max-width: 60px;
width: 90%;
display: block; }
.title4 {
background-color: #f3f3f3;
padding: 10px 10px;
border-radius: 5px;
font-size: 1.6rem;
margin-bottom: 25px; }
@media (max-width: 768px) {
.title4 {
font-size: 1.6rem; } }
.title5 {
font-size: 2.3rem;
font-weight: bold;
margin-bottom: 20px;
padding-left: 20px;
position: relative; }
@media (max-width: 768px) {
.title5 {
font-size: 1.8rem; } }
.title5::before {
display: block;
content: "";
width: 5px;
height: 30px;
background-color: #4257be;
position: absolute;
top: 4px;
left: 0; }
@media (max-width: 768px) {
.title5::before {
top: 5px;
height: 21px; } }
.title6 {
font-size: 1.7rem;
font-weight: bold;
color: #666; }
@media (max-width: 768px) {
.title6 {
font-size: 1.6rem; } }
.title6::before {
display: inline-block;
content: "";
width: 12px;
height: 12px;
background-color: #4e9fe9;
margin-right: 6px;
position: relative;
top: 0px; }
.title7 {
font-size: 1.8rem;
font-weight: bold;
color: #666;
background-color: #eee;
position: relative;
padding: 10px 15px;
margin-bottom: 30px; }
@media (max-width: 768px) {
.title7 {
font-size: 1.6rem;
margin-bottom: 17px; } }
.title7::before {
display: block;
content: "";
width: 5px;
height: 100%;
background-color: #4257be;
position: absolute;
top: 0;
left: 0; }
.title8 {
color: #4257be;
font-weight: bold;
font-size: 110%; }
.center-title {
font-size: 2rem;
text-align: center; }
@media (max-width: 768px) {
.center-title {
font-size: 1.8rem;
margin-bottom: 17px; } }
.btn {
display: inline-block;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s; }
.btn-blue {
color: #fff;
padding: 15px 30px;
font-weight: bold;
background-color: #4257be;
border: 2px #4257be solid;
box-sizing: border-box;
border-radius: 50px;
position: relative; }
@media (min-width: 768px) {
.btn-blue {
min-width: 250px;
text-align: center; } }
@media (max-width: 768px) {
.btn-blue {
padding: 13px 30px; } }
.btn-blue:hover {
background-color: #fff;
color: #4257be; }
.btn-blue i {
position: absolute;
right: 10px;
top: 50%;
margin-top: -8px; }
.btn-blue.w360 {
display: block; }
@media (min-width: 768px) {
.btn-blue.w360 {
width: 360px; } }
@media (max-width: 768px) {
.btn-blue.w360 {
width: 100%;
text-align: center; } }
.btn-black {
color: #fff;
padding: 15px 30px;
font-weight: bold;
background-color: #1e1109;
border: 2px #1e1109 solid; }
@media (max-width: 768px) {
.btn-black {
padding: 10px 30px; } }
.btn-black:hover {
background-color: #fff;
color: #666; }
.btn-block {
margin-left: auto;
margin-right: auto;
display: block;
width: 100%;
max-width: 600px;
box-sizing: border-box;
text-align: center; }
@media (min-width: 768px) {
.sp_only {
display: none; } }
@media (max-width: 768px) {
.sp_none {
display: none; } }
.float_link {
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1; } #main_wrap {
height: 100%; }
@media (min-width: 768px) {
#main_wrap {
padding-top: 0; } }
@media (max-width: 768px) {
#main_wrap {
padding-top: 65px; } }
#mainVisual {
width: 100%;
height: 100%;
overflow: hidden;
display: block;
position: relative; }
@media (max-width: 768px) {
#mainVisual {
height: 300px; } }
#mainVisual .main_inner {
position: relative;
width: 100%;
height: 100%;
z-index: 50; }
@media (max-width: 768px) {
#mainVisual .main_inner {
height: 300px; } }
#mainVisual .overlay {
display: block;
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/common/pattern.png);
z-index: 10;
height: 100%;
position: absolute;
width: 100%; }
#mainVisual .main_video_box {
height: 100%;
overflow: hidden;
position: absolute;
width: 100%; }
#mainVisual .main_video_box video {
background-size: cover;
height: auto;
min-height: 100%;
min-width: 100%;
width: auto; }
@media (max-width: 768px) {
#mainVisual .main_video_box video {
height: 300px;
min-height: 300px; } }
#mainVisual .main_inner {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
width: 100%;
height: 100%; }
#mainVisual .main_inner h2 {
width: 90%;
max-width: 700px;
margin: 0 auto; }
.mast {
position: relative;
width: 100%; }
@media (max-width: 768px) {
.mast {
display: block;
height: 100%; } }
.mast__header {
box-sizing: border-box;
padding: 0 5%;
width: 100%;
position: absolute;
top: 30%; }
@media (min-width: 768px) {
.mast__header {
max-width: 700px; } }
@media (max-width: 768px) {
.mast__header {
max-width: 320px; } }
.mast__bg {
width: 100%; }
@media (max-width: 768px) {
.mast__bg {
height: 100%; } }
.img-wrap {
position: relative;
z-index: 2;
overflow: hidden;
animation: img-opacity 1s cubic-bezier(0.4, 0, 0.2, 1); }
@media (max-width: 768px) {
.img-wrap {
margin-bottom: 10px; } }
.img-wrap::before {
background: #111;
bottom: 0;
content: "";
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
z-index: 1; }
.img-wrap::after {
background: #4257be;
bottom: 0;
content: "";
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
z-index: 2; }
.img-wrap::before {
animation: img-animation 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.5s forwards; }
.img-wrap::after {
animation: img-animation 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
@media (max-width: 768px) {
.img-wrap.main_text {
max-width: 90%; } }
.img-wrap.main_text_en {
margin-top: 51px;
width: 40%;
animation-duration: 1s; }
@media (max-width: 768px) {
.img-wrap.main_text_en {
margin-top: 15px;
width: 60%; } }
.img-wrap.main_text_en::before {
animation-duration: 1.5s; }
.img-wrap.main_text_en::after {
animation-duration: 1s; }
@keyframes img-opacity {
0% {
opacity: 0; } }
@keyframes img-animation {
100% {
transform: translateX(100%); } }
.top_news_section {
margin: 70px auto;
box-sizing: border-box;
position: relative; }
@media (max-width: 768px) {
.top_news_section {
margin: 35px auto; } }
.top-title01 {
text-align: center;
padding-bottom: 20px; }
.top-title01::after {
width: 80px;
height: 4px;
background-color: #333;
display: block;
content: "";
margin: 20px auto 30px; }
.top-title01 .eng_title {
font-family: "Roboto Condensed", sans-serif;
font-size: 4.5rem;
font-weight: 700;
line-height: 1.3; }
@media (max-width: 768px) {
.top-title01 .eng_title {
font-size: 2.8rem; } }
.newstable {
width: 100%; }
@media (min-width: 768px) {
.newstable {
display: inline-flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start; } }
.newstable .news_block {
display: block; }
@media (min-width: 768px) {
.newstable .news_block {
width: 32%;
margin-bottom: 20px; }
.newstable .news_block:not(:nth-child(3n)) {
margin-right: 2%; } }
@media (max-width: 768px) {
.newstable .news_block {
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px #ddd solid; }
.newstable .news_block:after {
content: "";
display: table;
clear: both; } }
.newstable .news_block .news_inner {
position: relative;
z-index: 1; }
@media (min-width: 768px) {
.newstable .news_block .news_inner {
margin-top: 15px; } }
@media (max-width: 768px) {
.newstable .news_block .news_inner {
width: calc(100% - 110px);
float: right; } }
.newstable .news_block .news_inner .cat_tag a {
background-color: #333;
font-size: 1.2rem;
color: #fff;
display: inline-block;
padding: 0 5px; }
.newstable .news_block .news_inner .cat_tag {
display: inline-block;
position: absolute;
right: 0;
top: -5px; }
.newstable .news_block .news_inner h3 a {
color: #333;
font-size: 1.6rem; }
.newstable .news_block:hover .news_icatch img {
transform: scale(1.1);
transition-duration: 0.3s; }
.newstable .news_date {
font-family: "Roboto Condensed", sans-serif;
font-size: 1.5rem;
font-weight: 400;
line-height: 1;
margin-bottom: 10px; }
@media (max-width: 768px) {
.newstable .news_date {
font-size: 1.4rem;
margin-bottom: 5px;
display: inline-block; } }
.text_excerpt {
font-size: 13px;
color: #555;
margin-top: 3px;
padding-bottom: 3px; }
@media (max-width: 768px) {
.text_excerpt {
font-size: 1.2rem;
line-height: 1.6; } }
.news_icatch {
width: 100%;
height: 190px;
overflow: hidden;
position: relative;
border: 1px #ddd solid;
display: block; }
@media (max-width: 768px) {
.news_icatch {
float: left;
width: 90px;
height: 90px; } }
.news_icatch img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s; }
.sq1 {
position: relative;
padding-left: 20px;
margin-bottom: 10px;
font-size: 110%;
font-weight: bold; }
.sq1::before {
width: 12px;
height: 12px;
position: absolute;
left: 0;
top: 8px;
background-color: #dfd200;
display: block;
content: ""; }
.btn01 {
width: 240px; }
@media (max-width: 768px) {
.btn01 {
margin: 15px auto 0; } }
.btn01 a {
position: relative;
display: block;
background-color: #333;
color: #fff;
font-family: "Roboto Condensed", sans-serif;
font-size: 1.5rem;
font-weight: 700;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s; }
.btn01 a:hover {
background-color: #f16363; }
.btn01 a span {
position: relative;
display: block;
z-index: 1;
text-align: right;
padding: 14px 25px;
letter-spacing: 1px; }
.btn01 a span::before {
content: "";
display: block;
border-bottom: 1px solid #fff;
position: absolute;
width: 60px;
top: 50%;
right: 95px;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s; }
.btn01 a span:hover::before {
right: 85px;
width: 50px; }
.top-section-movie {
padding: 50px 0 100px; }
@media (max-width: 768px) {
.top-section-movie {
padding: 25px 0 50px; } }
.eng_title {
font-family: "Roboto Condensed", sans-serif;
font-size: 8rem;
font-weight: 700;
line-height: 1; }
@media (max-width: 768px) {
.eng_title {
font-size: 4rem;
text-align: center; } }
@media (min-width: 768px) {
.top-movie {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
align-items: flex-start; } }
@media (min-width: 768px) {
.top-movie-box {
width: 560px; } }
@media (max-width: 768px) {
.top-movie-box {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
margin-bottom: 50px; } }
.top-movie-box iframe {
width: 100%; }
@media (max-width: 768px) {
.top-movie-box iframe {
height: 100%;
position: absolute;
top: 0;
left: 0; } }
@media (min-width: 768px) {
.top-movie-side {
width: calc(100% - 600px); } }
.top-movie-black {
font-size: 32px;
margin-top: 20px;
margin-bottom: 20px; }
@media (max-width: 768px) {
.top-movie-black {
font-size: 2rem;
text-align: center; } }
.top-movie-black span {
line-height: 1;
background-color: #111;
display: inline-block;
font-weight: bold;
margin-top: 2px;
padding: 6px 10px;
color: #fff; }
.top_movie_link {
overflow: hidden;
position: relative;
display: block;
border: 0;
background: none;
cursor: pointer; }
@media (min-width: 768px) {
.top_movie_link {
width: 480px;
height: 320px; } }
@media (min-width: 1200px) {
.top_movie_link {
float: right; } }
@media (min-width: 768px) and (max-width: 1200px) {
.top_movie_link {
margin: 30px auto 0; } }
@media (max-width: 768px) {
.top_movie_link {
max-width: 480px;
width: 92%;
height: 200px;
margin: 20px auto 0; } }
.top_movie_link .movie_img {
-moz-transition: -moz-transform 0.2s linear;
-webkit-transition: -webkit-transform 0.2s linear;
transition: transform 0.2s linear; }
.top_movie_link:hover .movie_img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05); }
.top_movie_link .icon_play {
position: absolute;
top: 50%;
left: 50%;
margin-left: -45px;
margin-top: -60px; }
@media (max-width: 768px) {
.top_movie_link .icon_play {
width: 50px;
margin-left: -25px;
margin-top: -33px; } }
.top-section-work {
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/top/top_work_bg.png) no-repeat;
background-position: 50%;
background-size: cover;
padding: 80px 0;
width: 100%; }
@media (max-width: 768px) {
.top-section-work {
padding: 40px 0 10px; } }
.top-section-work-under {
padding: 80px 0;
text-align: center; }
@media (max-width: 768px) {
.top-section-work-under {
padding: 30px 0; } }
.top-section-work-under .font-x {
font-size: 1.8rem; }
@media (max-width: 768px) {
.top-section-work-under .font-x {
font-size: 1.5rem;
text-align: left; } }
.top-title-work {
text-align: center;
margin-bottom: 50px; }
@media (max-width: 768px) {
.top-title-work {
margin-bottom: 25px; } }
.top-title-work h2 {
color: #fff; }
.top-title-work p {
color: #fff;
font-size: 2.4rem;
font-weight: bold;
margin-top: 12px; }
@media (max-width: 768px) {
.top-title-work p {
margin-top: 6px;
font-size: 1.6rem; } }
.top-work-box {
position: relative;
float: left; }
@media (min-width: 768px) {
.top-work-box {
width: 23.5%; }
.top-work-box:not(:last-child) {
margin-right: 2%; } }
@media (max-width: 768px) {
.top-work-box {
width: 49%;
margin-bottom: 35px; }
.top-work-box:nth-child(odd) {
margin-right: 2%; } }
.top-work-box-img {
width: 100%;
height: 145px;
position: relative;
overflow: hidden; }
@media (max-width: 768px) {
.top-work-box-img {
height: 100px; } }
.top-work-box-img img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s; }
.top-work-box .top-work-box_a {
display: block;
padding: 10px;
background-color: #eee;
transition: background-color 0.3s ease; }
@media (max-width: 768px) {
.top-work-box .top-work-box_a {
padding: 5px; } }
.top-work-box .top-work-box_a:hover {
background-color: #ddd; }
.top-work-box .top-work-box_a:hover img {
transform: scale(1.1);
transition-duration: 0.3s; }
.top-work-box .top-work-box_a .inner {
text-align: center;
padding: 10px 0; }
.top-work-box .top-work-box_a .inner h2 {
font-size: 2rem;
color: #333; }
@media (max-width: 768px) {
.top-work-box .top-work-box_a .inner h2 {
font-size: 1.6rem; } }
.top-work-box .top-work-box_a .inner .en_title {
color: #fff;
font-family: "Roboto Condensed", sans-serif;
font-size: 3.1rem;
font-weight: 700;
letter-spacing: 0.03em;
position: absolute;
bottom: -18px;
line-height: 1;
left: 0;
width: 100%;
text-align: center; }
@media (max-width: 768px) {
.top-work-box .top-work-box_a .inner .en_title {
bottom: -10px;
font-size: 1.8rem; } }
.color-red {
color: #f16363; }
.color-skyblue {
color: #4e9fe9; }
.color-green {
color: #3ebba3; }
.color-orange {
color: #d4a733; }
.top-pr-section {
padding: 20px 0 80px; }
@media (max-width: 768px) {
.top-pr-section {
padding: 10px 0 30px; } }
.sugoi_box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: flex-start; }
@media (min-width: 768px) {
.sugoi_box {
position: absolute;
top: 90px;
left: 0; } }
@media (max-width: 768px) {
.sugoi_box {
width: 100%;
margin-top: -12px; } }
.sugoi_box img {
width: 140px; }
.sugoi_box .sugoi {
font-size: 3.2rem;
line-height: 1.5;
margin-left: 30px; }
@media (max-width: 768px) {
.sugoi_box .sugoi {
font-size: 1.6rem;
margin-left: 15px; } }
.top-pr-section {
width: 100%;
position: relative; }
@media (min-width: 768px) {
.top-pr-section {
height: 670px; } }
.top-pr-section-inner {
width: 100%;
position: relative;
overflow: hidden; }
@media (min-width: 768px) {
.top-pr-section-inner {
height: 100%; } }
@media (min-width: 768px) {
.top-pr-section figure {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
top: 0; } }
.top-pr-section .wrap {
position: relative;
z-index: 1; }
@media (min-width: 768px) {
.top-pr-section .top_pr {
position: absolute;
width: 60%;
max-width: 610px;
left: 45%;
bottom: 0; } }
@media (max-width: 768px) {
.top-pr-section .top_pr {
display: block;
width: 90%;
margin: 5px auto 0; } }
.top-section-tec {
padding: 50px 0; }
@media (max-width: 768px) {
.top-section-tec {
padding: 25px 0; } }
.tec-wrap {
position: relative;
width: 100%;
box-sizing: border-box;
overflow: hidden; }
@media (min-width: 768px) {
.tec-wrap {
padding: 50px 0;
height: 467px;
margin: 40px 0; } }
@media (min-width: 768px) {
.tec-wrap:nth-of-type(odd) {
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/top/tec_bg_left.png) no-repeat left;
background-size: cover; } }
@media (min-width: 768px) {
.tec-wrap:nth-of-type(odd) .tec-wrap-img {
right: 0;
top: 50px; } }
@media (min-width: 768px) {
.tec-wrap:nth-of-type(odd) .tec-wrap-inner {
padding-right: 58%; } }
@media (min-width: 768px) {
.tec-wrap:nth-of-type(even) {
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/top/tec_bg_right.png) no-repeat left;
background-size: cover; } }
@media (min-width: 768px) {
.tec-wrap:nth-of-type(even) .tec-wrap-img {
left: 0;
top: 50px; } }
@media (min-width: 768px) {
.tec-wrap:nth-of-type(even) .tec-wrap-inner {
padding-left: 58%; } }
@media (min-width: 768px) {
.tec-wrap:hover .tec-wrap-img img {
transform: scale(1.1);
transition-duration: 0.3s; } }
.tec-wrap .tec-wrap-inner {
width: 100%;
box-sizing: border-box; }
@media (min-width: 768px) {
.tec-wrap .tec-wrap-inner {
height: 367px;
display: table; } }
@media (max-width: 768px) {
.tec-wrap .tec-wrap-inner {
margin-top: 22px;
padding: 0 2%; } }
@media (min-width: 768px) {
.tec-wrap .tec-wrap-inner .tec-inner {
display: table-cell;
vertical-align: middle; } }
@media (max-width: 768px) {
.tec-wrap .tec-wrap-inner .tec-inner {
padding-bottom: 30px; } }
.tec-wrap .tec-wrap-inner .tec-inner h3 {
font-size: 4rem;
line-height: 1;
color: #111; }
@media (min-width: 768px) {
.tec-wrap .tec-wrap-inner .tec-inner h3 {
display: inline-block; } }
@media (max-width: 768px) {
.tec-wrap .tec-wrap-inner .tec-inner h3 {
font-size: 2.4rem;
margin-bottom: 8px; } }
.tec-wrap .tec-wrap-inner .tec-inner .en_title {
font-family: "Roboto Condensed", sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 1;
margin-bottom: 30px;
text-transform: uppercase;
color: rgba(174, 203, 0, 0.3);
padding-left: 30px;
position: relative;
bottom: -3px; }
@media (min-width: 768px) {
.tec-wrap .tec-wrap-inner .tec-inner .en_title {
margin-left: 15px;
display: inline-block; } }
@media (max-width: 768px) {
.tec-wrap .tec-wrap-inner .tec-inner .en_title {
font-size: 1.5rem;
margin-bottom: 15px; } }
.tec-wrap .tec-wrap-inner .tec-inner .en_title::before {
display: block;
content: "";
background: rgba(174, 203, 0, 0.3);
width: 20px;
height: 3px;
position: absolute;
left: 0;
bottom: 4px; }
.tec-wrap .tec-wrap-inner .tec-inner p {
color: #333;
font-weight: normal; }
@media (max-width: 768px) {
.tec-wrap .tec-wrap-inner .tec-inner p {
font-size: 1.3rem;
color: #555; } }
.tec-wrap .tec-wrap-inner .tec-inner ul li {
color: #333; }
.tec-wrap .tec-wrap-inner .tec-inner ul li i {
display: inline-block;
margin-right: 4px;
background: #aecb00; }
@media (min-width: 768px) {
.tec-wrap-img {
width: 50%;
height: 367px;
position: absolute; } }
@media (min-width: 768px) {
.tec-wrap-img img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s; } }
.top-section-recruit {
background-color: #f3f3f3;
position: relative; }
@media (min-width: 768px) {
.top-section-recruit {
height: 415px;
margin: 20px 0; } }
.top-section-recruit .wrap {
position: relative;
z-index: 2;
padding-top: 50px; }
@media (max-width: 768px) {
.top-section-recruit .wrap {
padding-top: 25px; } }
@media (min-width: 768px) {
.top-section-recruit .wrap .btn-blue {
margin-left: 20px;
margin-top: 20px; } }
@media (max-width: 768px) {
.top-section-recruit .wrap .btn-blue {
text-align: center;
display: block;
width: 200px;
margin: 20px auto 0; } }
.top-rec-title {
background: rgba(46, 92, 171, 0.3);
padding: 5px 25px;
letter-spacing: 0.03em;
display: inline-block;
color: #fff;
font-family: "Roboto Condensed", sans-serif;
font-size: 3rem;
font-weight: 700; }
@media (min-width: 768px) {
.top-rec-title {
width: 500px; } }
@media (max-width: 768px) {
.top-rec-title {
width: 100%;
font-size: 2.2rem;
padding: 5px 15px;
box-sizing: border-box; } }
.top-rec-title span {
color: #4257be; }
.top-rec-sub {
font-size: 1.8rem;
margin: 15px 0;
font-weight: bold; }
@media (min-width: 768px) {
.top-rec-sub {
padding-left: 20px; } }
@media (max-width: 768px) {
.top-rec-sub {
text-align: center;
font-size: 1.6rem; } }
@media (min-width: 768px) {
.top-rec-text {
padding-left: 20px; } }
@media (max-width: 768px) {
.top-rec-text {
text-align: center; } }
.top-rec-text span {
font-weight: bold;
color: #4257be; }
.top-rec-images {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (min-width: 768px) {
.top-rec-images {
width: 625px;
position: absolute;
top: 34px;
right: 0; } }
@media (max-width: 768px) {
.top-rec-images {
width: 100%;
margin-top: 25px; } }
@media (min-width: 768px) {
.top_rec01 {
width: 395px;
margin-right: -80px; } }
@media (max-width: 768px) {
.top_rec01 {
margin-right: -30px;
width: 62%; } }
@media (min-width: 768px) {
.top_rec02 {
width: 300px; } }
@media (max-width: 768px) {
.top_rec02 {
width: 47%; } }
@media (min-width: 768px) {
.top_rec_bg {
position: absolute;
right: 0;
top: 0;
height: 415px; } }
@media (max-width: 768px) {
.top_rec_bg {
display: none; } }
.top-section-map {
margin: 60px 0; }
@media (max-width: 768px) {
.top-section-map {
margin: 45px 0; } }
.top-group-title {
text-align: center;
margin-bottom: 25px; }
.top-group-title h2 {
font-family: "Roboto Condensed", sans-serif;
font-size: 5rem;
font-weight: 700;
color: #4257be;
line-height: 1;
margin-bottom: 10px; }
@media (max-width: 768px) {
.top-group-title h2 {
font-size: 4rem;
margin-bottom: 5px; } }
.top-group-title p {
font-size: 1.8rem;
font-weight: bold; }
.top-map-bg {
height: 400px;
width: 100%;
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/top/top_group.png) no-repeat center #2e5cab;
background-size: cover; }
@media (max-width: 768px) {
.top-map-bg {
height: 200px; } }
.top-group-inner {
width: 90%;
max-width: 500px;
margin: -80px auto 0;
text-align: center;
background-color: #fff;
padding: 30px 0; }
@media (max-width: 768px) {
.top-group-inner {
margin: -15px auto 0;
padding: 20px 0; } }
.top-group-inner p {
font-weight: bold;
letter-spacing: 0.03em; }
.top-group-inner .btn-blue {
margin-top: 25px; }
@media (max-width: 768px) {
.top-group-inner .btn-blue {
margin-top: 15px; } } @keyframes fadeIn {
0% {
opacity: 0;
top: 30px; }
100% {
opacity: 1;
top: 0; } }
@keyframes fadeIn {
0% {
opacity: 0;
top: 60px; }
100% {
opacity: 1;
top: 30px; } }
.breadcrumbs {
padding: 10px 0;
font-size: 12px;
box-sizing: border-box;
color: #999; }
.breadcrumbs a {
font-weight: bold; }
.breadcrumbs a:hover {
text-decoration: underline; }
#pageContent {
background-color: #fff; }
.page_sections {
padding: 60px 0 80px; }
.page_sections:last-of-type {
padding-bottom: 80px; }
@media (max-width: 768px) {
.page_sections:last-of-type {
padding-bottom: 40px; } }
@media (max-width: 768px) {
.page_sections {
padding: 30px 0 40px; } }
.page_sections__gray {
background-color: #f3f3f3; }
.page_sections__black {
background-color: #1b1b1b; }
.page_sections__black .heading1 h2 {
color: #fff; }
.page_sections__white {
background-color: #fff; }
.page_sections__check {
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/page/bg_search.png) repeat-x center bottom;
background-size: 50%; }
.page_sections__blue {
background-color: #4257be; }
.page_sections__beige {
background-color: #dfdcd2; }
.shortwrap {
max-width: 960px;
margin-left: auto;
margin-right: auto; }
@media (max-width: 768px) {
.shortwrap {
width: 92%; } } .table-s1 {
width: 100%;
margin-left: auto;
margin-right: auto; }
.table-s1 th {
padding: 12px 20px;
border: 1px #ccc solid;
background: #f3f3f3;
vertical-align: middle; }
@media (min-width: 768px) {
.table-s1 th {
min-width: 150px;
width: 25%; } }
@media (max-width: 768px) {
.table-s1 th {
padding: 5px;
border: 0;
display: block;
width: 100% !important;
box-sizing: border-box;
text-align: left; } }
.table-s1 td {
padding: 12px 20px;
border: 1px #ccc solid;
background: #fff; }
.table-s1 td .sq1 {
margin-bottom: 2px; }
@media (max-width: 768px) {
.table-s1 td {
padding: 5px 0;
display: block;
border: 0;
width: 100% !important; } }
.table-s1_half th {
text-align: left; }
@media (min-width: 768px) {
.table-s1_half th {
width: 50%; } }
@media (min-width: 768px) {
.table-s1_half td {
width: 50%;
text-align: center; } }
.table-s2 {
width: 100%; }
.table-s2 th {
background-color: #1eb0d6;
padding: 5px;
text-align: center;
border: 1px #fff solid;
color: white; }
.table-s2 td {
background-color: #f3f3f3;
padding: 5px;
text-align: center;
border: 1px #fff solid; }
.list-disc li {
list-style-type: disc;
list-style-position: inside; }
.list-lower-alpha li {
list-style-type: lower-alpha;
list-style-position: inside; }
.list-deci li {
list-style-type: decimal;
margin-left: 20px; }
.list-deci li:not(:last-child) {
margin-bottom: 10px; }
.list-lined li {
background-color: #f3f3f3;
padding: 5px 10px;
border: 1px #ccc solid; }
.list-lined li:not(:last-child) {
margin-bottom: 5px; }
.list-lined li i {
color: #0e52a2; }
.arrow7 {
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/common/arrow7.png) no-repeat left 3px;
padding-left: 13px; }
.sq1 {
position: relative;
padding-left: 20px;
margin-bottom: 10px; }
.sq1::before {
width: 12px;
height: 12px;
position: absolute;
left: 0;
top: 6px;
background-color: #dfd200;
display: block;
content: ""; }
.link_buttons {
padding: 20px;
background-color: #f3f3f3;
width: 100%;
box-sizing: border-box; }
.link_buttons a {
box-sizing: border-box;
display: block;
position: relative;
padding: 15px;
background-color: #fff;
border-radius: 5px;
text-align: center; }
@media (min-width: 768px) {
.link_buttons a {
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
font-size: 1.8rem; }
.link_buttons a:hover {
background-color: #4257be;
color: #fff; } }
@media (max-width: 768px) {
.link_buttons a:not(:last-child) {
margin-bottom: 10px; } }
.link_buttons a i {
position: absolute;
top: 50%;
margin-top: -10px;
right: 10px; }
@media (min-width: 768px) {
.link_buttons {
display: inline-flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start; }
.link_buttons-1 a {
width: 100%;
max-width: 332px;
margin: 0 auto; }
.link_buttons-2 a {
width: 48%; }
.link_buttons-2 a:nth-child(odd) {
margin-right: 4%; }
.link_buttons-3 a {
width: 32%; }
.link_buttons-3 a:not(:nth-child(3n)) {
margin-right: 2%; } }
.t-box-2 {
width: 100%; }
@media (min-width: 768px) {
.t-box-2 {
display: inline-flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start; } }
.t-box-2 .borderBox {
box-sizing: border-box; }
@media (min-width: 768px) {
.t-box-2 .borderBox {
width: 48%; } } .m-kv {
overflow: hidden;
position: relative;
padding-top: 36.46%;
background: #fff;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.m-kv__layer {
position: absolute;
top: 0;
right: 0;
width: 75%;
height: 100%;
background: #02030a; }
.m-kv__fig {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 81.25%; }
.m-kv__fig::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #174296;
z-index: 2;
overflow: hidden;
animation: rightOut 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s forwards; }
@media (max-width: 768px) {
.m-kv__fig::after {
width: 100%; } }
.m-kv__fig__inner {
overflow: hidden;
position: relative;
padding-top: 34.62%; }
.m-kv__fig__inner .fig {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: 50%; }
.m-kv__fig__inner .fig img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto; }
.m-kv__fig__inner .fig--pc {
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/page/img_kv.jpg) no-repeat;
background-size: cover; }
.m-kv__fig__inner .fig--pc-tri {
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/page/title_tri.jpg) no-repeat;
background-size: cover; }
.m-kv__fig__inner .fig--pc-mas {
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/page/title_mas.jpg) no-repeat;
background-size: cover; }
.m-kv__fig__inner .fig--pc-cas {
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/page/title_cas.jpg) no-repeat;
background-size: cover; }
.m-kv__fig__inner .fig--pc-man {
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/page/title_man.jpg) no-repeat;
background-size: cover; }
.m-kv__fig__inner .fig--pc-veva {
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/page/title_veva.jpg) no-repeat;
background-size: cover; }
.m-kv__fig__inner .fig--pc-qua {
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/page/title_qua.jpg) no-repeat;
background-size: cover; }
.m-kv__fig__inner .fig--pc-com {
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/page/title_com.jpg) no-repeat;
background-size: cover; }
.m-kv__fig__inner .fig--pc-rec {
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/page/title_rec.jpg) no-repeat;
background-size: cover; }
.m-kv__fig__inner .fig--pc-poi {
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/page/title_poi.jpg) no-repeat;
background-size: cover; }
.m-kv__fig__inner .fig--pc-sty {
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/page/title_sty.jpg) no-repeat;
background-size: cover; }
.m-kv__fig__inner .fig--pc-ent {
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/page/title_ent.jpg) no-repeat;
background-size: cover; }
.m-kv__main {
position: absolute;
top: 0;
right: 0;
left: 0;
width: 75%;
height: 100%;
margin: auto;
z-index: 3;
opacity: 0;
animation: fadein 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 1s forwards; }
.m-kv__main__title {
margin-top: 18%;
text-align: right;
color: #fff; }
.m-kv__main__title h1 {
font-size: 2rem; }
.m-kv__main__title .ttl {
font-family: "Roboto Condensed", sans-serif;
font-size: 7rem;
font-weight: 700;
line-height: 1.1; }
@media (min-width: 768px) {
.m-kv__main__title .ttl {
letter-spacing: 3px; } }
@media (max-width: 768px) {
.m-kv__main__title .ttl {
font-size: 1.5rem; } }
@keyframes fadein {
0% {
transform: translateY(20px);
opacity: 0; }
100% {
transform: translateY(0);
opacity: 1; } }
@keyframes rightOut {
0% {
left: 25%; }
100% {
left: 100%; } } .str_mirai {
text-align: center;
font-size: 3rem; }
@media (max-width: 768px) {
.str_mirai {
font-size: 2rem; } }
.str_mirai span {
color: #4257be; }
.str_mirai::after {
display: block;
background-color: #4257be;
margin: 15px auto 50px;
content: "";
width: 80px;
height: 6px; }
@media (max-width: 768px) {
.str_mirai::after {
margin-bottom: 30px; } }
.str_top_text {
text-align: center;
font-size: 2rem;
letter-spacing: 0.05em;
margin-bottom: 50px; }
@media (max-width: 768px) {
.str_top_text {
font-size: 1.7rem;
margin-bottom: 30px; } }
.str_icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
max-width: 800px;
margin: 0 auto; }
.str_icons .str_icon {
width: 30%;
height: 200px;
box-sizing: border-box;
padding: 0 25px;
text-align: center;
position: relative; }
@media (max-width: 768px) {
.str_icons .str_icon {
width: 32%;
height: auto;
padding: 0; } }
.str_icons .str_icon h3 {
text-align: center;
width: 100%;
position: absolute;
top: 10px;
left: 0;
letter-spacing: 0.05em;
font-size: 1.6rem; }
@media (max-width: 768px) {
.str_icons .str_icon h3 {
font-size: 1.1rem; } }
.str_icons .str_icon p {
padding-top: 160px;
text-align: center; }
@media (max-width: 768px) {
.str_icons .str_icon p {
padding-top: 98px;
font-size: 1.1rem; } }
.str_icons .str_icon .str_icon_img {
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto; }
.str_icons .str_icon:first-of-type {
background-color: #e7f3ff;
border-radius: 50%; }
.str_icons .str_icon:first-of-type .str_icon_img {
max-width: 115px; }
@media (max-width: 768px) {
.str_icons .str_icon:first-of-type .str_icon_img {
max-width: 50px; } }
.str_icons .str_icon:first-of-type h3 {
color: #49b0ba; }
.str_icons .str_icon:nth-of-type(2) {
background-color: #f2ffe7;
border-radius: 50%; }
.str_icons .str_icon:nth-of-type(2) .str_icon_img {
max-width: 121px; }
@media (max-width: 768px) {
.str_icons .str_icon:nth-of-type(2) .str_icon_img {
max-width: 50px; } }
.str_icons .str_icon:nth-of-type(2) h3 {
color: #80e035; }
.str_icons .str_icon:nth-of-type(3) {
background-color: #eee;
border-radius: 50%; }
.str_icons .str_icon:nth-of-type(3) .str_icon_img {
max-width: 92px; }
@media (max-width: 768px) {
.str_icons .str_icon:nth-of-type(3) .str_icon_img {
max-width: 41px; } }
.str_icons .str_icon:nth-of-type(3) h3 {
color: #788385; }
.l-right {
padding-left: 60px; }
@media (max-width: 768px) {
.l-right {
padding-left: 5%; } }
.l-right__inner {
padding: 60px 0 80px 60px;
background-color: #212229; }
@media (max-width: 768px) {
.l-right__inner {
padding: 20px 0 40px 20px; } }
.stre__head {
margin-bottom: 40px; }
.stre__item {
width: 100%; }
.stre__item .fig {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
.stre__item .fig img {
width: 48%; }
.stre__item .desc {
color: #fff;
padding: 50px 3% 0 10px; }
@media (max-width: 768px) {
.stre__item .desc {
padding-top: 30px; } }
@media (min-width: 768px) {
.stre__item .desc p {
line-height: 2.2;
letter-spacing: 1px; } }
@media (max-width: 768px) {
.stre__item .desc p {
font-size: 1.4rem; } }
.c-title {
font-size: 26px;
line-height: 1.3;
position: relative; }
.c-title--c02 {
color: #fff; }
.c-title-en {
padding-bottom: 25px;
color: #fff;
font-family: "Roboto Condensed", sans-serif;
font-size: 1.5rem;
font-weight: 700;
position: relative;
line-height: 1.2;
letter-spacing: 0.05em;
text-transform: uppercase; }
.c-title-en::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 4px;
background-color: #fff; }
.buttons {
display: inline-flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start;
padding-right: 5%;
margin-top: 40px;
width: 100%;
box-sizing: border-box; }
@media (max-width: 768px) {
.buttons {
margin-top: 20px; } }
.buttons a {
box-sizing: border-box;
display: block;
background-color: #fff;
color: #212229;
padding: 15px 0;
border-radius: 5px;
text-align: center;
position: relative;
letter-spacing: 0.05em;
font-size: 1.6rem; }
@media (min-width: 768px) {
.buttons a {
width: 24%;
margin-right: 1%; } }
@media (max-width: 768px) {
.buttons a {
width: 100%;
margin-right: 0;
margin-top: 10px; } }
.buttons a i {
position: absolute;
right: 10px;
top: 50%;
margin-top: -8px; }
.str_navi {
display: inline-flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start;
width: 100%;
box-sizing: border-box;
position: relative; }
.str_navi::after {
height: 3px;
width: 100%;
content: "";
background-color: #eee;
position: absolute;
display: block;
left: 0;
bottom: 0; }
.str_navi::before {
height: 100%;
width: 3px;
content: "";
background-color: #eee;
position: absolute;
display: block;
left: 0;
top: 0; }
.str_navi a {
display: flex;
align-items: center;
box-sizing: border-box;
position: relative;
border-top: 3px #eee solid; }
@media (min-width: 768px) {
.str_navi a {
padding: 20px;
width: 33.33%;
height: 200px;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s; }
.str_navi a:hover {
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3); } }
@media (max-width: 768px) {
.str_navi a {
padding: 10px;
width: 50%; } }
.str_navi a::after {
height: 100%;
width: 3px;
content: "";
background-color: #eee;
position: absolute;
display: block;
right: 0;
top: 0; }
.str_navi a .str_navi_img {
width: 160px; }
@media (max-width: 768px) {
.str_navi a .str_navi_img {
width: 70px; } }
.str_navi a p {
color: #333; }
@media (min-width: 768px) {
.str_navi a p {
font-size: 1.8rem;
padding-left: 20px; } }
@media (max-width: 768px) {
.str_navi a p {
font-size: 1.3rem;
width: calc(100% - 80px);
padding-left: 10px;
text-align: center; } }
.trial_top {
width: 100%; }
@media (min-width: 768px) {
.trial_top {
display: inline-flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start; } }
.trial_top .trial_double {
box-sizing: border-box; }
@media (min-width: 768px) {
.trial_top .trial_double {
width: 50%;
padding: 0 20px; } }
@media (min-width: 768px) {
.trial_top .trial_double .table-s1 th {
width: 120px;
vertical-align: top; } }
.trial_top .trial_double .table-s1 td dl:not(:first-of-type) {
margin-top: 10px; }
.trial_top .trial_double .table-s1 td dl dt {
font-weight: bold;
position: relative;
padding-left: 18px; }
.trial_top .trial_double .table-s1 td dl dt::before {
content: "";
display: block;
width: 12px;
height: 12px;
background-color: #4257be;
position: absolute;
left: 0;
top: 7px; }
.trial_top .trial_double .table-s1 td dl dd {
line-height: 1.65; }
.trial_second {
background-color: #333;
padding: 50px 0 0; }
@media (max-width: 768px) {
.trial_second {
padding: 25px 4%; } }
.trial_second h2 {
text-align: center;
font-size: 3rem;
color: #fff; }
@media (max-width: 768px) {
.trial_second h2 {
font-size: 2.1rem; } }
.trial_second-items {
width: 100%; }
@media (min-width: 768px) {
.trial_second-items {
display: inline-flex;
margin: 50px auto 0; } }
@media (max-width: 768px) {
.trial_second-items {
margin-top: 25px; } }
.trial_item {
box-sizing: border-box;
background-color: #2fb1c8;
color: #fff; }
@media (min-width: 768px) {
.trial_item {
width: 70%;
padding: 50px 5%; } }
@media (max-width: 768px) {
.trial_item {
padding: 25px 5%; } }
.trial_item:nth-child(2) {
background-color: #cdb596; }
.trial_item:last-child {
background-color: #424EF3; }
.trial_item h3 {
font-size: 2.3rem;
text-align: center;
border-bottom: 1px #fff dashed;
padding-bottom: 10px;
margin-bottom: 20px; }
.trial_item .trial_item_bottom {
background-color: #fff;
color: #4257be;
text-align: center;
font-weight: bold;
font-size: 2.5rem;
letter-spacing: 0.05em;
padding: 10px 0;
margin-top: 15px; }
@media (max-width: 768px) {
.trial_item .trial_item_bottom {
font-size: 1.85rem; } }
.trial_item .trial_item_bottom span {
font-size: 1.4rem;
display: inline-block;
margin-left: 10px; }
.double-imgs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%; }
.double-imgs img {
width: 48%; }
.num_title {
padding-left: 17%;
margin-bottom: 51px;
font-size: 2.5rem;
position: relative;
z-index: 1;
font-style: italic; }
@media (max-width: 768px) {
.num_title {
font-size: 2.2rem;
padding-left: 12%;
line-height: 1.5; } }
.num_title span {
font-family: "Roboto Condensed", sans-serif;
font-size: 15rem;
font-weight: 700;
position: absolute;
bottom: -40px;
left: 0;
z-index: 0;
color: #6ac9d6;
line-height: 1;
font-style: italic; }
@media (max-width: 768px) {
.num_title span {
font-size: 13rem;
opacity: 0.2; } }
.num_title span.num_title_hosoku {
font-size: 1.4rem;
color: #333;
top: 45px;
left: 16%; }
@media (max-width: 768px) {
.num_title span.num_title_hosoku {
top: 34px;
font-size: 1.2rem;
font-weight: normal;
left: 3%; } }
.num_under {
background-color: #fff;
padding-top: 50px;
margin-top: -30px;
position: relative;
z-index: 2; }
.line_title_blue {
border-bottom: 2px #4257be solid;
padding-bottom: 10px;
margin-bottom: 40px; }
.line_ex {
background-color: #4257be;
color: #fff;
width: 150px;
text-align: center;
border-radius: 20px; }
@media (min-width: 768px) {
.line_ex {
display: inline-block;
margin-right: 20px; } }
@media (max-width: 768px) {
.line_ex {
display: block;
margin-bottom: 10px; } }
.line_title {
font-size: 2.1rem;
display: inline-block;
position: relative;
top: 3px; }
@media (max-width: 768px) {
.line_title {
font-size: 1.85rem; } }
.back_red_text {
background-color: #f16363;
color: #fff;
text-align: center;
display: block;
padding: 10px;
font-size: 2rem;
font-weight: bold;
width: 90%;
box-sizing: border-box;
margin-left: auto;
margin-right: auto; }
.cast-flex {
width: 100%; }
@media (min-width: 768px) {
.cast-flex {
display: inline-flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start; } }
.cast-flex .cast-block {
display: table;
margin-bottom: 15px; }
@media (min-width: 768px) {
.cast-flex .cast-block {
width: 32%; }
.cast-flex .cast-block:not(:nth-child(3n)) {
margin-right: 2%; } }
@media (max-width: 768px) {
.cast-flex .cast-block {
width: 100%; }
.cast-flex .cast-block:not(:last-child) {
margin-bottom: 15px; } }
.cast-flex .cast-block:nth-child(1) dd, .cast-flex .cast-block:nth-child(6) dd {
font-size: 2rem;
line-height: 1.4;
font-weight: bold; }
.cast-flex .cast-block dl {
width: 100%;
border: 2px #ddd solid;
box-sizing: border-box;
border-radius: 5px;
overflow: hidden; }
.cast-flex .cast-block dl dt {
text-align: center;
background-color: #f16363;
color: #fff;
font-weight: bold;
padding: 11px 0; }
.cast-flex .cast-block dl dd {
display: table;
width: 100%;
color: #666; }
@media (min-width: 768px) {
.cast-flex .cast-block dl dd {
height: 130px; } }
.cast-flex .cast-block dl dd .inner {
display: table-cell;
vertical-align: middle;
padding: 0 15px;
text-align: center; }
@media (max-width: 768px) {
.cast-flex .cast-block dl dd .inner {
padding: 15px; } } .trial-flex {
width: 100%; }
@media (min-width: 768px) {
.trial-flex {
display: inline-flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start; } }
.trial-flex .trial-block {
display: table;
margin-bottom: 15px; }
@media (min-width: 768px) {
.trial-flex .trial-block {
width: 32%; }
.trial-flex .trial-block:not(:nth-child(3n)) {
margin-right: 2%; } }
@media (max-width: 768px) {
.trial-flex .trial-block {
width: 100%; }
.trial-flex .trial-block:not(:last-child) {
margin-bottom: 15px; } }
.trial-flex .trial-block:nth-child(1) dd, .trial-flex .trial-block:nth-child(3) dd {
font-size: 2rem;
line-height: 1.4;
font-weight: bold; }
.trial-flex .trial-block dl {
width: 100%;
border: 2px #ddd solid;
box-sizing: border-box;
border-radius: 5px;
overflow: hidden; }
.trial-flex .trial-block dl dt {
text-align: center;
background-color: #f16363;
color: #fff;
font-weight: bold;
padding: 11px 0; }
.trial-flex .trial-block dl dd {
display: table;
width: 100%;
color: #666; }
@media (min-width: 768px) {
.trial-flex .trial-block dl dd {
height: 130px; } }
.trial-flex .trial-block dl dd .inner {
display: table-cell;
vertical-align: middle;
padding: 15px 15px;
text-align: center; }
@media (max-width: 768px) {
.trial-flex .trial-block dl dd .inner {
padding: 15px; } }
.alert-text {
background-color: #fff5ec;
padding: 25px 30px;
color: #f16363;
border: 2px #f16363 solid;
box-sizing: border-box; }
@media (max-width: 768px) {
.alert-text {
padding: 15px; } }
.font-m {
font-size: 1.8rem;
font-weight: bold; }
.font-l {
font-size: 2.1rem;
font-weight: bold; }
.bg-paper {
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/common/bg_paper.png);
border: 1px #ccc solid;
padding: 50px;
background-size: 50%; }
@media (max-width: 768px) {
.bg-paper {
padding: 15px; } }
.note_text {
color: #777;
line-height: 2.2; }
.cast_img04 {
display: inline-flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start;
width: 100%; }
.cast_img04_inner {
width: 48%;
margin-top: 25px; }
.cast_img04_inner:nth-child(odd) {
margin-right: 4%; }
.manu_top {
text-align: center;
color: #56bccf;
font-size: 2rem; }
@media (max-width: 768px) {
.manu_top {
font-size: 1.6rem; } }
.manu_top02 {
text-align: center;
font-size: 3.3rem; }
@media (max-width: 768px) {
.manu_top02 {
font-size: 2.2rem; } }
.manu_top02 span {
color: #f16363;
font-family: "Roboto Condensed", sans-serif;
font-size: 5rem;
font-weight: 700; }
@media (max-width: 768px) {
.manu_top02 span {
font-size: 3rem; } }
.manu_top_text {
margin: 30px auto 0; }
@media (min-width: 768px) {
.manu_top_text {
text-align: center; } }
.manu_img01 {
display: block; }
@media (min-width: 768px) {
.manu_img01 {
max-width: 800px;
margin: 50px auto 0; } }
@media (max-width: 768px) {
.manu_img01 {
margin: 25px auto; } }
.manu_img02 {
margin: 50px auto 0;
display: block; }
@media (min-width: 768px) {
.manu-flex {
display: inline-flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start;
width: 100%; } }
.manu-flex .manu-block {
box-sizing: border-box;
border: 5px #eee solid;
border-radius: 5px;
padding: 20px;
text-align: center;
background-color: #fff; }
@media (min-width: 768px) {
.manu-flex .manu-block {
width: 30%; }
.manu-flex .manu-block:not(:last-child) {
margin-right: 5%; } }
.manu-flex .manu-block i {
color: #4aa4b4;
font-size: 5rem; }
.manu-flex .manu-block h4 {
padding-top: 13px; }
@media (min-width: 768px) {
.manu-flex .manu-block h4 {
height: 90px; } }
.vave_top {
display: block;
background-color: #4257be;
color: #fff;
text-align: center;
max-width: 720px;
margin: 0 auto 15px;
font-size: 1.8rem;
border-radius: 20px;
padding: 5px; }
@media (max-width: 768px) {
.vave_top {
font-size: 1.5rem;
font-weight: normal;
border-radius: 50px;
padding: 10px 15px; } }
.vave-arch {
margin-top: 50px; }
@media (max-width: 768px) {
.vave-arch {
margin-top: 25px; } }
.vave-arch:not(:last-of-type) {
margin-bottom: 30px; }
.vave-arch a {
width: 100%;
box-sizing: border-box;
border: 5px #eee solid;
position: relative;
background-color: #fff; }
@media (min-width: 768px) {
.vave-arch a {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 25px 50px 25px 30px;
transition: all 0.3s ease; }
.vave-arch a:hover {
border-color: #4e9fe9; } }
@media (max-width: 768px) {
.vave-arch a {
display: block;
padding: 15px 30px 15px 15px; } }
.vave-arch a i {
position: absolute;
font-size: 3rem;
color: #ccc;
display: block; }
@media (min-width: 768px) {
.vave-arch a i {
right: 12px;
top: 50%;
margin-top: -15px; } }
@media (max-width: 768px) {
.vave-arch a i {
top: 0;
right: 0;
background-color: #eee;
color: #fff;
height: 100%;
box-sizing: border-box;
padding-top: 65%;
box-sizing: border-box;
padding-left: 5px; } }
.vave-arch-img {
position: relative; }
@media (min-width: 768px) {
.vave-arch-img {
width: 31%;
height: 200px; } }
@media (max-width: 768px) {
.vave-arch-img {
width: 100%;
text-align: center; } }
@media (min-width: 768px) {
.vave-arch-img img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto; } }
@media (max-width: 768px) {
.vave-arch-img img {
margin-bottom: 10px; } }
@media (min-width: 768px) {
.vave-arch-side {
width: 65%; } }
.vave-arch-side .cat_tag {
margin-bottom: 10px; }
.vave-arch-side .cat_tag span {
display: inline-block;
font-size: 1.2rem;
border: 1px #ddd solid;
color: #767676;
padding: 2px 10px;
border-radius: 5px;
background-color: #fff; }
.vave-arch-title {
color: #333;
border-top: 1px #ddd solid;
border-bottom: 1px #ddd solid;
padding: 10px 0;
margin-bottom: 20px;
font-size: 1.8rem;
line-height: 1.5; }
@media (max-width: 768px) {
.vave-arch-title {
font-size: 1.5rem; } }
.vave-arch-ans dt {
background-color: #f16363;
padding: 5px 10px;
color: #fff;
display: inline-block; }
@media (max-width: 768px) {
.vave-arch-ans dt {
font-size: 1.2rem;
padding: 3px 10px; } }
.vave-arch-ans dd {
padding: 15px;
color: #333;
background-color: #fff1ed;
font-weight: normal; }
.quality-top {
text-align: center; }
.quality-top .q-t-text {
font-size: 3.2rem;
font-weight: bold; }
@media (max-width: 768px) {
.quality-top .q-t-text {
font-size: 2.2rem;
line-height: 1.4; } }
.quality-top .q-t-text span {
color: #4257be;
font-size: 3.5rem; }
@media (max-width: 768px) {
.quality-top .q-t-text span {
display: block;
font-size: 2.4rem; } }
.quality-top i {
line-height: 1;
display: block;
margin: 0 auto;
text-align: center;
font-size: 5rem;
color: #4e9fe9;
transform: rotate(45deg); }
.kikis {
display: inline-flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start;
width: 100%; }
.kikis .kiki-img {
width: 48%;
margin-bottom: 30px; }
.kikis .kiki-img:nth-child(odd) {
margin-right: 4%; }
.qual_iso {
width: 300px; } @media (min-width: 768px) {
.section_l30 {
width: 100%;
display: inline-flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start; } }
@media (min-width: 768px) {
.section_l30 .section_title {
width: 28%; } }
@media (min-width: 768px) {
.section_l30 .section_content {
width: 70%;
padding-left: 2%; } }
@media (max-width: 768px) {
.section_title {
margin-bottom: 25px; } }
.section_title h2 {
font-size: 1.8rem; }
@media (max-width: 768px) {
.section_title h2 {
text-align: center; } }
@media (min-width: 768px) {
.section_title .eng_title {
font-size: 4rem;
text-transform: uppercase;
letter-spacing: 0.1rem;
color: #4257be;
margin-bottom: 5px; } }
@media (max-width: 768px) {
.section_title .eng_title {
margin-bottom: 8px; } }
.mission_text {
font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
font-size: 2.3rem; }
.group-text {
text-align: center; }
@media (min-width: 768px) {
.group-img {
width: 80%;
margin: 50px auto 0; } }
@media (max-width: 768px) {
.group-img {
margin-top: 20px; } }
.history {
width: 100%; }
.history th {
border-bottom: 1px #ddd solid;
padding: 5px;
vertical-align: top; }
@media (max-width: 768px) {
.history th {
display: block;
width: 100%;
box-sizing: border-box;
border-bottom: 0;
padding: 5px 0 0;
text-align: left; } }
.history td {
border-bottom: 1px #ddd solid;
padding: 5px; }
@media (max-width: 768px) {
.history td {
display: block;
width: 100%;
box-sizing: border-box;
padding: 3px 0 5px; } }
.greet-top {
font-size: 2rem;
margin: 30px 0 20px; }
.greet-message {
line-height: 1.8;
font-size: 104%; }
.greet-name {
margin-top: 30px;
text-align: right; }
.greet-name p:last-child {
font-size: 1.8rem;
font-weight: bold; }
.bg-gray {
padding: 40px;
border-radius: 5px;
background-color: #eee; }
@media (max-width: 768px) {
.bg-gray {
padding: 20px; } }
.message-list {
display: inline-flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start;
width: 100%; }
.message-list a {
display: block;
padding: 15px;
background-color: #fff;
box-sizing: border-box;
border-radius: 4px; }
@media (min-width: 768px) {
.message-list a {
width: 32%; }
.message-list a:not(:nth-child(3n)) {
margin-right: 2%; } }
.circle_bg {
background-color: #d4a733;
width: 60px;
height: 60px;
border-radius: 50%;
color: #fff;
font-family: "Roboto Condensed", sans-serif;
font-size: 2.5rem;
font-weight: 700;
text-align: center;
line-height: 60px; }
.circle_bg__skyblue {
background-color: #4e9fe9; }
.borderBox {
border: 1px #ccc solid;
background-color: #fff;
padding: 20px 30px;
box-sizing: border-box;
margin: 30px auto;
box-shadow: 0 3px 0 #eee; }
@media (max-width: 768px) {
.borderBox {
padding: 15px 5%;
margin: 15px auto; } }
.borderBox h4 {
font-size: 1.7rem;
margin-bottom: 3px;
color: #666; }
.access-box {
width: 100%; }
@media (min-width: 768px) {
.access-box {
display: inline-flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start;
padding-bottom: 80px; } }
@media (max-width: 768px) {
.access-box {
padding-bottom: 40px; } }
@media (min-width: 768px) {
.access-box .access_text {
width: 400px;
margin-left: 50px; } }
@media (min-width: 768px) {
.gmap {
width: calc(100% - 450px); } }
.gmap iframe {
width: 100%; }
@media (min-width: 768px) {
.gmap iframe {
height: 500px; } }
@media (max-width: 768px) {
.gmap iframe {
height: 300px; } }
.access_text {
border: 1px #ddd solid;
background-color: #fff;
box-shadow: 0 5px 0 #eee;
padding: 30px;
color: #777;
box-sizing: border-box;
font-size: 90%; }
.access_text h4 {
margin-bottom: 5px;
color: #333; }
.access_text h4 i {
color: #d4a733;
display: inline-block;
margin-right: 3px; }
.access_text p:not(:last-of-type) {
margin-bottom: 10px; }
.list-decimal li {
list-style-position: inside;
list-style-type: decimal; }
.list-disc li {
list-style-position: inside;
list-style-type: disc; }
.ritakobo {
text-align: center;
margin-top: 50px; }
.ritakobo h3 {
font-size: 2rem;
margin-bottom: 10px; } @media (min-width: 768px) {
.imgList {
display: inline-flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start; } }
@media (min-width: 768px) {
.imgList li {
width: 32%;
float: left;
margin-right: 2%;
margin-bottom: 30px;
position: relative;
opacity: 0;
top: 30px; } }
.imgList li.moved:first-of-type {
animation: fadeIn 1.2s cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards 0.1s; }
.imgList li.moved:nth-of-type(2) {
animation: fadeIn 1.2s cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards 0.3s; }
.imgList li.moved:nth-of-type(3) {
animation: fadeIn 1.2s cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
animation-duration: 0.6s; }
.imgList li.moved:nth-of-type(4) {
animation: fadeIn 1.2s cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
animation-duration: 0.9s; }
.imgList li.moved:nth-of-type(5) {
animation: fadeIn 1.2s cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
animation-duration: 1.2s; }
.imgList li.moved:nth-of-type(6) {
animation: fadeIn 1.2s cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
animation-duration: 1.5s; }
.imgList li.moved:nth-of-type(7) {
animation: fadeIn 1.2s cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
animation-duration: 1.8s; }
.imgList li.moved:nth-of-type(8) {
animation: fadeIn 1.2s cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
animation-duration: 2.1s; }
.imgList li.moved:nth-of-type(9) {
animation: fadeIn 1.2s cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
animation-duration: 2.4s; }
.imgList li.moved:nth-of-type(10) {
animation: fadeIn 1.2s cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
animation-duration: 2.7s; }
.imgList li.moved:nth-of-type(11) {
animation: fadeIn 1.2s cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
animation-duration: 3s; }
.imgList li.moved:nth-of-type(12) {
animation: fadeIn 1.2s cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
animation-duration: 3.3s; }
@media (max-width: 768px) {
.imgList li {
width: 100%;
margin-bottom: 30px; } }
.imgList li:nth-child(3n) {
margin-right: 0; }
.imgList li h3 {
margin: 9px 0; }
@media (max-width: 1200px) {
.imgList li h3 {
margin: 8px 0;
font-size: 15px; } }
.imgList li .imgBox {
width: 100%;
height: 240px;
position: relative; }
.imgList li .imgBox img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto; }
.imgList li a {
-webkit-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s; }
.imgList li a .caption {
margin-top: 3px;
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/common/arrow_b.png) no-repeat left;
padding-left: 24px;
padding-top: 3px; }
.imgList li a:hover {
opacity: 0.8; }
@media (min-width: 768px) {
.imgList-4 li {
width: 23.5%; }
.imgList-4 li:nth-child(3n) {
margin-right: 2%; }
.imgList-4 li:nth-child(4n) {
margin-right: 0; } }
.ask_navi {
width: 100%;
text-align: center;
background-color: #4257be;
padding: 50px 0;
margin: 48px 0;
}
.ask_navi .inner a {
display: block;
display: inline-block;
box-sizing: border-box;
min-width: 480px;
background-color: #fff;
text-align: center;
padding: 20px 0;
font-size: 1.8rem;
letter-spacing: 0.05em;
border-radius: 5px; }
.ask_navi p {
font-size: 32px;
margin-bottom: 24px;
color: #ffffff;
}
@media (max-width: 768px) {
.ask_navi .inner a {
min-width: 320px;
}
}
.prod_navi {
width: 100%; }
@media (min-width: 768px) {
.prod_navi {
background-color: #4257be;
padding: 50px 0; } }
.prod_navi .inner {
max-width: 800px;
margin: 0 auto; }
@media (max-width: 768px) {
.prod_navi .inner {
width: 92%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto; } }
.prod_navi .inner a {
display: block;
display: inline-block;
box-sizing: border-box;
width: 48%;
background-color: #fff;
text-align: center;
padding: 20px 0;
font-size: 1.8rem;
letter-spacing: 0.05em;
border-radius: 5px; }
@media (max-width: 768px) {
.prod_navi .inner a {
width: 49%;
font-size: 1.2rem;
border: 2px #4257be solid;
padding: 15px 3%; } }
@media (min-width: 768px) {
.prod_navi .inner a:nth-child(odd) {
margin-right: 3%; } }
@media (max-width: 768px) {
.prod_navi .inner a:nth-child(odd) {
margin-right: 2%; } }
.p_table {
width: 100%;
margin-top: 10px;
font-size: 13px; }
@media (max-width: 768px) {
.p_table {
font-size: 1.2rem; } }
.p_table th {
width: 90px;
padding: 5px 0;
border: 1px #ddd solid;
text-align: center;
background-color: #eee; }
@media (max-width: 1200px) {
.p_table th {
padding: 3px 0;
width: 70px; } }
.p_table td {
padding: 5px;
border: 1px #ddd solid;
background-color: #fff; }
@media (max-width: 1200px) {
.p_table td {
padding: 3px 5px; } }
.caption {
color: #666;
font-size: 1.3rem;
margin-top: 3px; }
.divider-full {
width: 100%; }
@media (min-width: 768px) {
.divider-full {
margin: 50px auto; } }
@media (max-width: 768px) {
.divider-full {
margin: 25px auto; } }
.list_disc {
margin-left: 15px; }
.list_disc li {
list-style-type: disc; }
.float-img-L {
width: 480px;
float: left; }
.float-img-L img {
max-width: 100%; }
@media (max-width: 768px) {
.float-img-L {
width: 100%;
margin-bottom: 15px; } }
.float-img-R {
width: 480px;
float: right; }
@media (min-width: 768px) {
.float-img-R-65 {
width: 65%;
height: 380px;
position: relative; }
.float-img-R-65 img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto; } }
.float-img-R img {
max-width: 100%; }
@media (max-width: 768px) {
.float-img-R {
width: 100%;
margin-bottom: 15px; } }
@media (min-width: 768px) {
.float-text-R {
width: calc(100% - 550px);
float: right; } }
@media (max-width: 768px) {
.float-text-R {
margin-top: 15px; } }
@media (min-width: 768px) {
.float-text-L {
width: calc(100% - 550px);
float: left; } }
@media (min-width: 768px) {
.float-text-L-35 {
width: 35%; } }
@media (max-width: 768px) {
.float-text-L {
margin-bottom: 15px; } } .contaBox {
width: 92%;
max-width: 800px;
margin: 0 auto 70px; }
@media (max-width: 768px) {
.contaBox {
margin-bottom: 40px; } }
.conta-tel {
font-family: "Roboto Condensed", sans-serif;
font-size: 3rem;
font-weight: 700;
text-align: center; }
@media (min-width: 768px) {
.conta-tel {
letter-spacing: 0.05em; } }
@media (max-width: 768px) {
.conta-tel {
font-size: 2rem; } }
@media (min-width: 768px) {
.conta-tel span {
display: inline-block;
margin: 0 12px; } }
@media (max-width: 768px) {
.conta-tel span {
display: none; } }
@media (min-width: 768px) {
.conta-tel br {
display: none; } }
.p-form-list {
border-top: 1px solid #d3d3d3;
margin: 0 auto;
width: 100%; }
.p-form-list__item {
border-bottom: 1px solid #d3d3d3;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
@media (max-width: 768px) {
.p-form-list__item {
display: block; } }
.p-form-list__header {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 18px 40px 18px 0;
width: 32%; }
@media (max-width: 768px) {
.p-form-list__header {
display: block;
padding: 10px 0 0;
width: 100%;
text-align: left;
-webkit-box-align: left;
-webkit-align-items: left;
-ms-flex-align: left;
align-items: left; } }
@media (max-width: 768px) {
.p-form-list__header br {
display: none; } }
.p-form-list__title {
font-size: 15px;
font-weight: 700;
line-height: 1.6666666667; }
@media (max-width: 768px) {
.p-form-list__title {
display: inline-block;
margin-right: 10px; } }
.c-required {
background: #e64949; }
.c-required,
.c-optional {
font-size: 12px;
font-weight: 700;
color: #fff;
display: inline-block;
padding: 4px 11px;
position: relative; }
@media (max-width: 768px) {
.c-required,
.c-optional {
padding: 0 7px 1px; } }
.p-form-list__content {
font-size: 15px;
line-height: 1.6666666667;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 20px 0; }
@media (max-width: 768px) {
.p-form-list__content {
padding: 10px 0 15px; } }
.p-form-list__content .c-input,
.p-form-list__content .c-select,
.p-form-list__content .c-textarea {
max-width: 480px; }
@media (min-width: 768px) and (max-width: 1200px) {
.p-form-list__content .c-input,
.p-form-list__content .c-select,
.p-form-list__content .c-textarea {
max-width: 95%; } }
@media (max-width: 768px) {
.p-form-list__content .c-input,
.p-form-list__content .c-select,
.p-form-list__content .c-textarea {
max-width: 100%; } }
input,
button,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.c-input,
.c-select,
.c-textarea {
background: #fff;
border: 1px solid #d3d3d3;
-webkit-transition: background-color 100ms, border-color 100ms;
transition: background-color 100ms, border-color 100ms;
width: 100%;
box-sizing: border-box; }
.c-select {
position: relative;
z-index: 1;
height: 40px;
padding: 2px 10px !important;
font-size: 1.5rem !important; }
@media (max-width: 768px) {
.c-select {
padding: 12px 4%;
box-sizing: border-box; } }
.c-select.w160 {
width: 160px; }
.c-select.w320 {
width: 320px; }
.c-select::after {
position: absolute;
content: "";
width: 8px;
height: 8px;
right: 10px;
top: 48%;
transform: translateY(-50%) rotate(45deg);
border-bottom: 2px solid #ccc;
border-right: 2px solid #ccc;
z-index: -1; }
.c-select-select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background: none;
border: none;
width: 100%;
height: 100%;
padding: 0 32px 0 0;
font-size: 1.5rem !important; }
.c-select.w160 {
width: 160px; }
.c-select.w130 {
width: 130px; }
.c-select.w120 {
width: 120px; }
.c-input {
height: 40px;
padding: 2px 10px; }
@media (max-width: 1200px) {
.c-input {
height: auto;
padding: 8px 4%;
box-sizing: border-box; } }
.c-input:read-only {
background-color: #eee;
color: #666; }
@media (min-width: 768px) {
.c-select-list {
display: flex;
align-items: center;
justify-content: space-between; } }
.c-select-list__item {
display: flex;
align-items: center; }
@media (min-width: 768px) {
.c-select-list__item {
width: 32%; } }
@media (max-width: 768px) {
.c-select-list__item {
width: 80%;
margin-bottom: 4px; } }
.c-radio-list {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -20px -5px 0;
width: 100%; }
.c-radio-list__item {
margin: 0 0 5px 0; }
@media (max-width: 1200px) {
.c-radio-list__item {
text-align: left; } }
.c-radio-list__item label {
cursor: pointer;
margin-right: 20px; }
@media (max-width: 1200px) {
.c-radio-list__item label {
margin-right: 10px; } }
.c-radio {
position: relative;
top: -3px;
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: radio; }
.c-textarea {
height: 200px;
width: 100%;
padding: 8px 10px; }
@media (max-width: 1200px) {
.c-textarea {
box-sizing: border-box;
width: 100%;
height: 120px; } }
.form-btn {
margin-top: 30px;
text-align: center; }
.c-submit,
.c-confirm,
.c-back {
padding: 18px 0;
text-align: center;
width: 280px;
cursor: pointer; }
@media (min-width: 1200px) {
.c-submit,
.c-confirm,
.c-back {
transition: all 0.3s ease 0s; } }
@media (max-width: 1200px) {
.c-submit,
.c-confirm,
.c-back {
width: 48%;
padding: 15px 0; } }
.c-submit {
border: 2px #0e52a2 solid;
color: #fff;
background-color: #0e52a2;
font-weight: bold;
font-size: 1.8rem; }
.c-submit:hover {
opacity: 0.8; }
.c-confirm,
.c-back {
border: 2px #777 solid;
color: #777;
background-color: #fff; }
.c-confirm:hover,
.c-back:hover {
background-color: #eee; }
.privacyCheck {
text-align: center;
margin: 60px 0 40px; }
.privacyCheck p {
font-size: 12px;
margin: 10px 0 20px; }
.btn-confirm, #btn_confirm {
display: block;
border: 1px #999 solid;
border-radius: 5px;
max-width: 400px;
width: 90%;
padding: 15px 0;
text-align: center;
font-size: 1.8rem;
margin: 0 auto;
background-color: #ddd;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s; }
.btn-confirm.hoverOn, .hoverOn#btn_confirm {
border: 1px solid #5d3fff;
background-color: #fff;
color: #5d3fff;
cursor: pointer; }
.btns .btn {
color: white;
font-size: 22px;
font-weight: 600;
height: auto;
width: 370px;
text-rendering: optimizelegibility;
border-radius: 4px;
cursor: pointer;
display: inline-block;
text-align: center;
padding: 18px 0;
margin: 0 5px 20px; }
@media (max-width: 1200px) {
.btns .btn {
font-size: 18px;
width: 90%;
margin: 0 auto 20px; } }
.wpcf7cp-btns {
margin-top: 30px;
text-align: center; }
.wpcf7cp-btns button {
color: white;
font-size: 2rem;
font-weight: bold;
height: auto;
width: 370px;
text-rendering: optimizelegibility;
border-radius: 4px;
cursor: pointer;
display: inline-block;
text-align: center;
padding: 18px 0;
margin: 0 5px 20px; }
@media (max-width: 1200px) {
.wpcf7cp-btns button {
font-size: 18px;
width: 90%;
margin: 0 auto 20px; } }
.wpcf7cp-btns button.wpcf7cp-cfm-edit-btn {
background-color: #81c320;
border-bottom: 3px solid #679b1b; }
.wpcf7cp-btns button.wpcf7cp-cfm-edit-btn:hover {
background-color: #a2d400;
border-color: #a2d400; }
.wpcf7cp-btns button.wpcf7cp-cfm-submit-btn {
background-color: #21b2c1;
border-bottom: 3px solid #1d8691;
border-color: #21b2c1 #21b2c1 #1d8691; }
.wpcf7cp-btns button.wpcf7cp-cfm-submit-btn:hover {
background-color: #2fccdc;
border-bottom: 3px solid #1d8691;
border-color: #2fccdc #2fccdc #2fccdc; }
.btn-conta {
color: white;
font-size: 22px;
font-weight: 600;
height: 51px;
width: 80%;
text-rendering: optimizelegibility;
border-radius: 4px;
cursor: pointer;
display: block;
text-align: center;
padding-top: 18px;
margin: 0 auto 20px;
background-color: #333;
border-bottom: 3px solid #888; }
.btn-conta:hover {
background-color: #555;
border-bottom: 3px solid #999; }
.btns .btn-primary {
background-color: #81c320;
border-color: #a2d400;
border-bottom: 3px solid #679b1b; }
.btns .btn-primary:hover {
background-color: #a2d400;
border-color: #a2d400; }
.btn-info {
background-color: #21b2c1;
border-color: #21b2c1 #21b2c1 #1d8691;
border-bottom: 3px solid #1d8691; }
.btn-info:hover {
background-color: #2fccdc;
border-bottom: 3px solid #1d8691;
border-color: #2fccdc #2fccdc #2fccdc; }
input[type="radio"] {
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: radio;
border-radius: 50%;
position: relative;
top: -2px; }
input[type="checkbox"] {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox;
border-radius: 50%; }
.c-radio,
.c-checkbox {
margin-right: 5px;
position: relative;
top: -0.1em; }
.alert-block {
border: 2px tomato solid;
padding: 24px;
color: red;
font-weight: bold; }
.privacyWrap h4 {
margin-top: 40px; }
@media (max-width: 768px) {
.privacyWrap h4 {
margin-top: 20px; } }
@media (min-width: 768px) {
.sitemap-top {
width: 100%;
display: inline-flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start; } }
.sitemap-top-button {
display: block;
padding: 15px;
box-sizing: border-box;
position: relative;
border: 2px #4257be solid;
background-color: #fff; }
@media (min-width: 768px) {
.sitemap-top-button {
width: 32%; }
.sitemap-top-button:not(:nth-child(3n)) {
margin-right: 2%; } }
.sitemap-top-button i {
position: absolute;
right: 10px;
top: 50%;
margin-top: -7px; }
.sitemap-top .column {
box-sizing: border-box;
border: 2px #eee solid; }
@media (min-width: 768px) {
.sitemap-top .column {
width: 32%; }
.sitemap-top .column:not(:nth-child(3n)) {
margin-right: 2%; } }
.sitemap-top .column:nth-of-type(1) .sitemap-title {
background-color: #4e9fe9; }
.sitemap-top .column:nth-of-type(2) .sitemap-title {
background-color: #3ebba3; }
.sitemap-top .column:nth-of-type(3) .sitemap-title {
background-color: #e0857f; }
.sitemap-title {
padding: 12px 15px;
color: #fff; }
@media (min-width: 768px) {
.sitemap-title {
text-align: center; } }
.sitemap-navi {
background-color: #fff;
padding: 15px 20px; }
@media (min-width: 768px) {
.sitemap-navi {
height: 270px; } }
.sitemap-navi > li > a {
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/common/arrow_b.png) no-repeat left 2px;
padding-left: 17px;
background-size: 11px 11px;
line-height: 2; }
.sitemap-navi > li ul {
margin-left: 20px; }
.sitemap-navi > li ul > li > a {
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/common/arrow7.png) no-repeat left 3px;
padding-left: 15px; }
.underconst {
max-width: 600px;
padding: 50px;
box-sizing: border-box;
color: #fff;
margin: 50px auto;
border: 5px #4e9fe9 solid;
background-color: #edfdff;
color: #4e9fe9;
text-align: center;
border-radius: 5px;
width: 90%; }
.underconst h2 {
font-family: "Roboto Condensed", sans-serif;
font-size: 3rem;
font-weight: 700; } @media (min-width: 1200px) {
.leftColumn {
width: 780px;
float: left; } }
@media (max-width: 1200px) {
.leftColumn {
width: 100%; } }
.article_box {
width: 100%;
padding: 30px 0;
border-bottom: 1px dashed #e1e1e1; }
@media (max-width: 768px) {
.article_box {
padding: 18px 0; } }
.i_catch {
width: 240px;
height: 160px;
float: left;
position: relative;
overflow: hidden;
border: 1px #ddd solid; }
.i_catch img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
max-width: 102%; }
@media (max-width: 768px) {
.i_catch {
width: 90px;
height: 60px; } }
@media (min-width: 768px) {
.post-meta {
padding-left: 280px;
min-height: 160px; } }
@media (max-width: 768px) {
.post-meta {
padding-left: 100px;
line-height: 1.4; } }
.post-meta .post_date {
font-family: "Roboto Condensed", sans-serif;
font-size: 1.4rem;
font-weight: 700;
color: #999;
margin-bottom: 10px; }
.post-meta .title {
font-size: 1.6rem;
line-height: 1.4; }
@media (max-width: 768px) {
.post-meta .title {
font-size: 14px; } }
.post-meta .post_excerpt {
font-size: 1.3rem;
color: #666;
margin-top: 8px; }
.post-meta .tags {
margin-top: 5px; }
.post-meta .tags a {
background-color: #ccc;
font-size: 1.2rem;
color: #fff;
display: inline-block;
padding: 0 5px; }
@media (min-width: 1200px) {
.rightBlogs {
width: 250px;
float: right; } }
@media (max-width: 1200px) {
.rightBlogs {
margin-top: 50px;
padding-bottom: 50px; } }
.sidebar_box {
border: 1px solid #e1e1e1;
margin-top: 20px; }
.widget-pickup ul {
margin: 0;
padding: 15px;
list-style: none;
background: #fff; }
.widget-pickup ul li {
margin-top: 10px;
padding-top: 10px;
border-top: 1px dotted #a0a0a0; }
.widget-pickup ul li:first-child {
margin-top: 0;
padding-top: 0;
border-top: none; }
.widget-pickup .thumbnail {
float: left;
width: 80px;
margin: 0; }
.widget-pickup .thumbnail img {
width: 100%;
height: auto; }
.widget-pickup .parts-meta {
padding-left: 95px; }
.widget-pickup h3.slide-title {
font-size: 1.3rem;
line-height: 1.4; }
.widget-pickup .date_number {
margin-bottom: 2px;
color: #777;
font-family: "Roboto Condensed", sans-serif;
font-size: 1.2rem;
font-weight: 700; }
.article_date {
font-weight: 700;
font-size: 18px;
color: #767676; }
.article_right {
display: block;
position: relative;
line-height: 1.5; }
@media (min-width: 768px) {
.article_right {
float: left;
width: 480px;
min-height: 160px;
margin-left: 30px; } }
@media (max-width: 768px) {
.article_right {
width: auto;
padding-left: 105px;
min-height: 60px; } }
.article_right h2 a {
font-size: 16px;
font-weight: bold;
color: #434343; }
.article_right h2 a:hover {
color: #2ea7e0; }
@media (max-width: 768px) {
.article_right h2 a {
font-size: 16px; } }
.article_right .blog_excerpt {
color: #545454;
margin-top: 10px; }
@media (max-width: 768px) {
.article_right .blog_excerpt {
font-size: 12px;
margin-top: 5px; } }
@media (min-width: 768px) {
.article_right .arc_tags {
position: absolute;
left: 0;
bottom: 0; } }
@media (max-width: 768px) {
.article_right .arc_tags {
margin-top: 4px; } }
@media (min-width: 768px) {
.article_right .article_date {
position: absolute;
right: 0;
bottom: 0; } }
@media (max-width: 768px) {
.article_right .article_date {
display: block;
font-size: 13px;
margin-top: 3px; } }
.post-categories li {
float: left; }
.article_box .arc_tags span,
.article_top .arc_tags span,
.post-categories li a {
display: inline-block;
padding: 2px 6px;
background-color: #858f8f;
color: #fff;
font-size: 12px;
margin-right: 3px;
border-radius: 4px; }
.widget-title {
background-color: #f3f3f3;
font-size: 16px;
padding: 10px;
font-weight: bold;
margin-top: 0; }
.widget:not(:first-child) {
margin-top: 20px; }
.side_list li a {
padding: 8px 10px 8px 20px;
display: block;
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/common/arrow2.png) no-repeat 5px 15px;
background-size: 10px 10px;
border-bottom: 1px solid #e1e1e1; }
.side_list li:last-child a {
border-bottom: 0; } .single_title {
font-size: 2.4rem;
border-bottom: 1px #333 solid;
padding-bottom: 15px;
margin-bottom: 30px;
line-height: 1.5; }
@media (max-width: 768px) {
.single_title {
font-size: 1.6rem; } }
.post_data {
margin-bottom: 30px; }
.post_data p {
display: inline-block;
background-color: #eee;
padding: 0 15px;
border-radius: 20px;
font-size: 13px;
margin-right: 3px; }
.post_data p:last-child {
margin-right: 0; }
.post_data p a {
color: #777; }
.post_data p a:hover {
color: #27b3bb; }
@media (min-width: 768px) {
.single_content {
font-size: 112%; } }
.single_bottom {
margin-top: 50px;
border-top: 1px #ddd solid;
padding-top: 20px; }
@media (max-width: 768px) {
.single_bottom {
margin-top: 25px;
padding-top: 15px; } }
.cat_tag a {
background-color: #bbb;
display: inline-block;
margin-right: 2px;
font-size: 1.2rem;
color: #fff;
padding: 1px 10px; }
#form_wrapper dl {
margin-bottom: 20px; } .wp-pagenavi {
padding: 12px 5px;
background: #f3f3f3;
border-radius: 4px;
font-size: 100%;
text-align: center;
border: 1px #ddd solid;
margin-top: 30px; }
.all_seminar .wp-pagenavi {
margin: 0 auto; }
.wp-pagenavi span,
.wp-pagenavi a {
padding: 5px 7px !important;
border-radius: 3px; }
.wp-pagenavi .page,
.wp-pagenavi .pages,
.wp-pagenavi .extend,
.wp-pagenavi .last,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .first {
background: #fff; }
.wp-pagenavi .current {
background: #1eb0d6;
color: #fff; }
.rec_top {
width: 100%;
position: relative; }
.rec_top .inners .inner_img {
float: left;
width: 50%;
height: 450px;
position: relative;
overflow: hidden; }
@media (max-width: 768px) {
.rec_top .inners .inner_img {
height: 180px; } }
.rec_top .inners img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto; }
.rec_top .rec_top_white {
width: 380px;
height: 200px;
text-align: center;
box-sizing: border-box;
padding: 30px 50px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -190px;
background-color: #fff; }
@media (max-width: 768px) {
.rec_top .rec_top_white {
width: 240px;
height: 140px;
margin-top: -70px;
margin-left: -120px;
padding: 17px 30px; } }
.rec_top .rec_top_white p {
letter-spacing: 0.1em;
background-color: #4e9fe9;
display: inline-block;
padding: 5px 15px;
border-radius: 30px;
color: #fff;
font-weight: bold;
width: 80%;
box-sizing: border-box; }
.rec_top .rec_top_white h3 {
font-size: 3rem;
line-height: 1.5;
margin-top: 20px; }
.rec-second {
position: relative; }
@media (min-width: 768px) {
.rec-second {
top: -80px;
z-index: 1; } }
.rec-second-blue {
padding: 20px 50px;
display: block;
width: 500px;
text-align: center;
color: #fff;
box-sizing: border-box;
background-color: #4e9fe9;
margin: 0 auto;
position: relative;
z-index: 1; }
@media (max-width: 768px) {
.rec-second-blue {
width: 100%;
padding: 15px; } }
.rec-second-blue h3 {
font-size: 3rem; }
@media (max-width: 768px) {
.rec-second-blue h3 {
font-size: 2rem; } }
.rec-second-box {
max-width: 660px;
box-sizing: border-box;
position: relative;
background-color: #fff;
margin: 0 auto; }
@media (min-width: 768px) {
.rec-second-box {
padding: 90px 90px 30px;
top: -60px;
border: 2px #ddd solid; } }
@media (max-width: 768px) {
.rec-second-box {
padding: 20px 5%;
border: 0;
border-bottom: 2px #ddd solid;
margin-bottom: 25px; } }
.list-check li {
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/common/icon_check_blue.png) no-repeat left 4px;
background-size: 20px 21px;
padding-left: 25px;
padding-top: 4px;
font-size: 1.6rem; }
.list-check li:not(last-child) {
margin-bottom: 5px; }
.rec-ltext {
text-align: center;
font-size: 2rem;
font-weight: bold; }
.wish-box {
max-width: 660px;
padding: 30px 30px 30px 240px;
box-sizing: border-box;
margin: 70px auto 0;
background-color: #fff;
border: 2px #ddd solid;
position: relative; }
@media (max-width: 768px) {
.wish-box {
width: 90%;
margin: 60px auto 0;
padding: 150px 5% 20px; } }
.wish-box h4 {
font-size: 2rem;
margin-bottom: 12px; }
.wish-box .aichi_wish {
display: block;
width: 170px;
position: absolute;
left: 30px;
top: -40px; }
@media (max-width: 768px) {
.wish-box .aichi_wish {
width: 150px;
left: 50%;
margin-left: -75px; } }
.rec_title01 {
max-width: 700px;
display: block;
margin: 0 auto 45px;
text-align: center;
border-top: 3px #4d4d4d solid;
border-bottom: 3px #4d4d4d solid;
padding: 15px 0;
font-size: 2.5rem;
letter-spacing: 0.1em; }
@media (max-width: 768px) {
.rec_title01 {
font-size: 1.65rem;
letter-spacing: 0;
margin-bottom: 18px; } }
.rec_ease_list {
width: 100%; }
@media (min-width: 768px) {
.rec_ease_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; } }
.rec_ease_list li {
text-align: center; }
@media (min-width: 768px) {
.rec_ease_list li {
width: 32%; } }
.rec_ease_list li .rec_ease {
background-color: #4257be;
color: #fff;
width: 190px;
padding: 10px 0;
box-sizing: border-box;
margin: 0 auto;
position: relative;
top: 20px;
font-size: 2rem;
font-weight: bold; }
@media (max-width: 768px) {
.rec_ease_list li .rec_ease {
font-size: 1.8rem; } }
.rec_ease_list li .inner {
background-color: #fff;
padding: 15px;
font-weight: bold; }
@media (min-width: 768px) {
.rec_top_second {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; } }
.rec_top_second-box {
position: relative; }
@media (min-width: 768px) {
.rec_top_second-box {
width: 48%; }
.rec_top_second-box a:hover .rec_top_second-img {
opacity: 0.8;
position: relative;
z-index: -1; } }
@media (max-width: 768px) {
.rec_top_second-box {
margin-bottom: 20px; } }
.rec_top_second-box h3 {
text-align: center;
width: 170px;
height: 170px;
color: #fff;
background-color: #00b695;
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
left: 0;
top: 0; }
.rec_top_second-box h3 span {
display: block;
font-size: 2.2rem; }
.rec_top_second-box:first-of-type h3 {
background-color: #e4007f; }
.rec_top_second-box p {
padding: 25px 0 30px 200px;
font-weight: bold;
line-height: 2;
box-sizing: border-box;
color: #555; }
@media (max-width: 768px) {
.rec_top_second-box p {
height: 170px;
padding: 30px 20px 0 200px;
line-height: 1.65;
font-size: 90%; } }
@media (min-width: 768px) {
.rec_top_second-img {
padding-left: 50px; } }
@media (max-width: 768px) {
.rec_top_second-img {
clear: both; } }
.album_title {
text-align: center;
margin-bottom: 60px; }
@media (max-width: 768px) {
.album_title {
width: 90%;
margin: 0 auto 30px; } }
@media (min-width: 768px) {
.album_title img {
max-width: 600px; } }
.album_galley_child {
display: block;
position: relative;
background-color: #fff;
box-sizing: border-box; }
@media (max-width: 768px) {
.album_galley_child {
margin: 0 5px; } }
.album_galley_child .caption {
color: #999;
padding: 10px; }
.album_thumb {
position: relative;
background-color: #f3f3f3;
overflow: hidden; }
@media (min-width: 768px) {
.album_thumb {
height: 300px; } }
@media (max-width: 768px) {
.album_thumb {
height: 180px; } }
.album_thumb img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto; }
.slick-slide img {
max-width: 100%;
margin: 0 auto; }
.slick-prev {
left: 10px; }
.slick-next {
right: 30px; }
.slick-prev::before,
.slick-next::before {
font-size: 60px;
color: #fff; }
@media (max-width: 768px) {
.slick-dots {
bottom: -30px; } }
.message-menu-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 50px;
border-top: 2px solid #4257be;
border-bottom: 2px solid #4257be; }
@media (max-width: 768px) {
.message-menu-list {
display: inline-flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start; } }
.message-menu-item {
width: 25%;
height: 240px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #fff;
line-height: 1.53;
position: relative; }
@media (max-width: 768px) {
.message-menu-item {
width: 50%;
height: 120px; } }
.message-menu-item span {
text-align: center; }
@media (min-width: 768px) {
.message-menu-item:not(:last-of-type)::after {
width: 2px;
height: 100%;
background-color: #4257be;
content: "";
display: block;
position: absolute;
right: 0;
top: 0; } }
@media (max-width: 768px) {
.message-menu-item:nth-of-type(odd)::after {
width: 2px;
height: 100%;
background-color: #4257be;
content: "";
display: block;
position: absolute;
right: 0;
top: 0; } }
.message-menu-item:first-of-type, .message-menu-item:nth-of-type(2) {
border-bottom: 2px solid #4257be; }
.hoverFill {
position: relative; }
.hoverFill a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
position: relative;
z-index: 10;
color: #4257be;
font-weight: 800;
-webkit-transition: color 0.3s;
transition: color 0.3s; }
@media (min-width: 768px) {
.hoverFill a {
letter-spacing: 3px; } }
.hoverFill .hoverFill__text {
position: relative;
z-index: 10;
-webkit-transition: color 0.3s;
transition: color 0.3s; }
.hoverFill .hoverFill__text i {
display: block;
margin: 0 auto 10px;
font-size: 3rem; }
.hoverFill .hoverFill-arrow {
position: absolute;
right: 0;
bottom: 0;
z-index: 11;
width: 32px;
height: 32px;
overflow: hidden;
background-color: #4257be; }
@media screen and (max-width: 920px) {
.hoverFill .hoverFill-arrow {
width: 2.69565rem;
height: 2.69565rem; } }
.hoverFill .hoverFill-arrow:before {
content: "";
position: absolute;
left: 0;
top: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right;
transform-origin: right;
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
width: 100%;
height: 100%;
background: #fff; }
.hoverFill .hoverFill-arrow .hoverFill-arrow-wrap {
width: 64px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
@media screen and (max-width: 920px) {
.hoverFill .hoverFill-arrow .hoverFill-arrow-wrap {
width: 5.3913rem; } }
.hoverFill .hoverFill-arrow .hoverFill-arrow-wrap span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 32px;
height: 32px; }
@media screen and (max-width: 920px) {
.hoverFill .hoverFill-arrow .hoverFill-arrow-wrap span {
width: 2.69565rem;
height: 2.69565rem; } }
.hoverFill .hoverFill-arrow img {
width: 15%; }
.hoverFill:before {
content: "";
position: absolute;
left: 0;
top: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right;
transform-origin: right;
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
width: 100%;
height: 100%;
background-color: #4257be; }
.hoverFill.-hoverSlow:before {
-webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); }
@media screen and (min-width: 920px) {
.hoverFill:hover .hoverFill__text {
color: #fff; }
.hoverFill:hover .hoverFill-arrow-wrap {
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transform: translateX(0);
transform: translateX(0); }
.hoverFill:hover .hoverFill-arrow:before,
.hoverFill:hover:before {
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transform: scaleX(1);
transform: scaleX(1); } }
.linkWrap {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #f3f3f3;
font-size: 13px;
padding: 20px;
color: #4257be;
font-weight: 800;
position: relative; }
@media (min-width: 768px) {
.linkWrap {
letter-spacing: 0.16em; } }
@media screen and (max-width: 920px) {
.linkWrap {
width: 100%;
padding: 1.56522rem 1.73913rem;
padding-right: 3.47826rem;
font-size: 0.95652rem; } }
.linkWrap span {
z-index: 10; }
.linkWrap:before {
content: "";
position: absolute;
left: 0;
top: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right;
transform-origin: right;
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
width: 100%;
height: 100%;
background-color: #4257be; }
.linkWrap .linkWrap__text {
position: relative;
z-index: 10;
-webkit-transition: color 0.3s;
transition: color 0.3s; }
.linkWrap .linkWrap__arrow:before,
.linkWrap .linkWrap__arrow:after {
content: "";
position: absolute;
right: 20px;
top: 50%;
margin-top: -6px;
width: 8px;
height: 12px;
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/page/arrow-right.svg) center center no-repeat;
background-size: contain;
-webkit-transition: opacity 0.2s ease 0.3s;
transition: opacity 0.2s ease 0.3s; }
.linkWrap .linkWrap__arrow:before {
opacity: 0;
background-image: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/page/arrow-right_white.svg); }
.linkWrap.-bgWhite {
background-color: #fff; }
.linkWrap.-fluid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%; }
.linkWrap.-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.linkWrap.-hasArrow {
padding-right: 60px; }
.linkWrap.-hoverSlow:before {
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right;
transform-origin: right;
-webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); }
.linkWrap.-hoverSlow:hover:before {
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transform: scaleX(1);
transform: scaleX(1); }
.linkWrap.-icon .icon {
position: absolute;
left: 15px;
top: 50%;
z-index: 10;
margin-top: -10px;
height: 20px;
width: 15px;
text-align: center;
display: block; }
@media screen and (max-width: 920px) {
.linkWrap.-icon .icon {
left: 0.86957rem;
margin-top: -0.65217rem;
height: 1.30435rem;
width: 0.86957rem; } }
.linkWrap.-icon .icon img {
height: 100%;
width: auto;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
position: absolute;
left: 0; }
.linkWrap.-icon .linkWrap__text {
padding-left: 8px; }
.linkWrap.-icon:hover .icon img.hover-before {
opacity: 0; }
.linkWrap.-icon:hover .icon img.hover-after {
opacity: 1; }
.linkWrap:hover .linkWrap__text {
color: #fff; }
.linkWrap:hover .linkWrap__arrow:before {
opacity: 1; }
.linkWrap:hover .linkWrap__arrow:after {
opacity: 0; }
.linkWrap:hover:before {
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transform: scaleX(1);
transform: scaleX(1); }
.linkArrow {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 22px;
padding-right: 35px;
position: relative;
color: #4257be;
font-weight: 800; }
.linkArrow span {
padding: 3px 0;
border-bottom: 1px solid transparent;
-webkit-transition: all 0.4s;
transition: all 0.4s; }
.linkArrow:after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 14px;
height: 22px;
background: url(//www.inatec-corp.com/wp-content/themes/inatec/images/common/arrow-right.svg) center center no-repeat;
background-size: contain;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.linkArrow.-colorWhite {
color: #fff; }
.linkArrow.-colorWhite:after {
background-image: url(//www.inatec-corp.com/wp-content/themes/inatec/images/common/arrow-right_white.svg); }
.linkArrow:hover:after {
-webkit-transform: translateX(6px);
transform: translateX(6px); }
.bottomwrap {
max-width: 800px;
margin: 0 auto; }
.rec_bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (max-width: 768px) {
.rec_bottom {
padding: 0 4%; } }
.rec_bottom-entry {
display: block;
width: calc(100% - 320px);
text-align: center;
padding: 40px 0;
color: #4257be;
font-weight: 800;
position: relative;
letter-spacing: 0.16em;
background-color: #f3f3f3;
height: 144px;
box-sizing: border-box; }
@media (max-width: 768px) {
.rec_bottom-entry {
letter-spacing: 0;
width: calc(100% - 180px);
padding: 13px 0 0;
height: 83px; } }
.rec_bottom-entry i {
display: block;
font-size: 3rem;
margin-bottom: 10px; }
@media (max-width: 768px) {
.rec_bottom-entry i {
font-size: 2.5rem;
margin-bottom: 5px; } }
.rec_bottom-diction {
display: block;
background-color: #f3f3f3;
padding: 12px;
height: 144px;
box-sizing: border-box; }
@media (max-width: 768px) {
.rec_bottom-diction {
height: 83px; }
.rec_bottom-diction img {
height: 83px; } }
.ease_point {
text-align: center;
position: relative;
z-index: 1; }
@media (max-width: 768px) {
.ease_point {
width: 90%;
margin: 0 auto; } }
@media (min-width: 768px) {
.ease_point img {
max-width: 747px; } }
.ease_second {
position: relative;
top: -60px;
padding: 100px 0 60px; }
@media (max-width: 768px) {
.ease_second {
padding: 80px 0 60px; } }
.bg-blueline {
width: 100%;
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/common/bg_blueline.png); }
.bg-gray {
width: 100%;
background-color: #f3f3f3; }
.work_box {
box-sizing: border-box; }
.work_box:after {
content: "";
display: table;
clear: both; }
@media (min-width: 768px) {
.work_box {
padding: 70px 60px;
width: 100%; } }
@media (max-width: 768px) {
.work_box {
margin-bottom: 40px; } }
@media (min-width: 768px) {
.work_box-img {
width: 50%; } }
.work_box-inner {
border: 5px #556fb5 solid;
background-color: #fff;
position: relative;
box-sizing: border-box;
padding: 25px 50px 50px; }
@media (min-width: 768px) {
.work_box-inner {
margin-top: 30px;
width: 45%;
float: right; } }
@media (max-width: 768px) {
.work_box-inner {
padding: 20px 5%; } }
.work_box-inner h2 {
color: #4257be;
font-size: 2rem;
margin: 30px 0 25px; }
.work_box-text p:not(:last-of-type) {
margin-bottom: 20px; }
.work_box-text .btn-block {
max-width: 360px;
margin: 30px auto 0; }
@media (min-width: 768px) {
.work_box:nth-of-type(odd) .work_box-img {
float: left; }
.work_box:nth-of-type(odd) .work_box-inner {
float: right; }
.work_box:nth-of-type(even) {
padding-top: 80px;
background-color: #dfdcd2; }
.work_box:nth-of-type(even) .work_box-img {
float: right; }
.work_box:nth-of-type(even) .work_box-inner {
float: left; } }
.point_num {
background-color: #556fb5;
color: #fff;
font-family: "Roboto Condensed", sans-serif;
font-size: 2rem;
font-weight: 700;
letter-spacing: 0.1em;
text-align: center;
width: 70%;
margin: 0 auto;
position: absolute;
top: -30px;
left: 15%; }
.point_num span {
font-size: 3.2rem; }
.work_sub {
width: 100%;
background-color: #fff;
border: 5px #556fb5 solid;
margin-top: 50px; }
@media (min-width: 768px) {
.work_sub {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; } }
@media (max-width: 768px) {
.work_sub {
margin: 25px auto;
width: 90%;
background-color: #e2eff9; } }
.work_sub .work_sub_box {
box-sizing: border-box;
padding: 35px 20px;
text-align: center;
position: relative; }
@media (min-width: 768px) {
.work_sub .work_sub_box {
width: 33.33%; } }
.work_sub .work_sub_box:not(:last-child)::after {
content: "";
display: block;
background-color: #999;
position: absolute; }
@media (min-width: 768px) {
.work_sub .work_sub_box:not(:last-child)::after {
width: 1px;
height: 80%;
right: 0;
top: 10%; } }
@media (max-width: 768px) {
.work_sub .work_sub_box:not(:last-child)::after {
width: 90%;
height: 1px;
left: 5%;
bottom: 0; } }
.work_sub .work_sub_box h3 {
font-size: 1.8rem; }
.work_sub .work_sub_box .inner {
padding: 15px 0;
font-family: "Roboto Condensed", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 4rem;
font-weight: bold;
color: #4257be; }
@media (max-width: 768px) {
.work_sub .work_sub_box .inner {
padding: 0; } }
.work_sub__02 {
padding: 0 15px; }
@media (min-width: 768px) {
.work_sub__02 {
display: inline-flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start; } }
.work_sub__02 .work_sub_box {
box-sizing: border-box;
text-align: left; }
@media (min-width: 768px) {
.work_sub__02 .work_sub_box {
width: 24%;
height: 340px; } }
.seniors {
width: 100%;
margin: 0 auto; }
@media (min-width: 768px) {
.seniors {
display: table; } }
@media (min-width: 768px) {
.seniors-img {
display: table-cell;
width: 60%; } }
@media (max-width: 768px) {
.seniors-img {
width: 100%;
height: 200px;
position: relative; }
.seniors-img img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto; } }
.seniors-inner {
background-color: #4257be;
text-align: center; }
@media (min-width: 768px) {
.seniors-inner {
display: table-cell;
width: 40%;
vertical-align: middle; } }
@media (max-width: 768px) {
.seniors-inner {
padding: 20px 0; } }
.seniors-inner i {
font-size: 8rem;
color: #fff;
display: block;
margin: 0 auto 20px; }
@media (max-width: 768px) {
.seniors-inner i {
font-size: 3rem;
margin-bottom: 10px; } }
.seniors-inner p {
color: #fff;
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 20px; }
@media (max-width: 768px) {
.seniors-inner p {
font-size: 1.5rem;
margin-bottom: 12px; } }
.seniors-inner a {
display: block;
padding: 15px;
border-radius: 5px;
width: 70%;
background-color: #fff; }
@media (min-width: 768px) {
.seniors-inner a {
margin: 20px auto 0;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s; }
.seniors-inner a:hover {
background-color: #cedffa;
color: #4257be; } }
@media (max-width: 768px) {
.seniors-inner a {
margin: 10px auto; } }
.intro-title {
width: 100%;
border: 5px #4257be solid;
display: table;
margin-bottom: 50px; }
@media (max-width: 768px) {
.intro-title {
margin-bottom: 25px; } }
.intro-title-num {
width: 120px;
background-color: #4257be;
color: #fff;
font-family: "Roboto Condensed", sans-serif;
font-size: 7rem;
font-weight: 700;
display: table-cell;
text-align: center;
vertical-align: middle; }
@media (max-width: 768px) {
.intro-title-num {
width: 100px;
font-size: 5rem; } }
.intro-title-right {
display: table-cell;
padding: 0 30px;
background-color: #fff;
vertical-align: middle; }
@media (max-width: 768px) {
.intro-title-right {
padding: 15px 20px; } }
.intro-title-right h3 {
color: #4257be;
font-size: 2.4rem; }
@media (max-width: 768px) {
.intro-title-right h3 {
font-size: 1.8rem; } }
@media (min-width: 768px) {
.rec-intro-img {
width: 40%; } }
@media (min-width: 768px) {
.rec-intro .intro-column {
width: 55%; } }
@media (max-width: 768px) {
.rec-intro .intro-column {
margin-top: 20px; } }
@media (min-width: 768px) {
.rec-intro:nth-of-type(odd) .rec-intro-img {
float: left; }
.rec-intro:nth-of-type(odd) .intro-column {
float: right; }
.rec-intro:nth-of-type(even) .rec-intro-img {
float: right; }
.rec-intro:nth-of-type(even) .intro-column {
float: left; } }
@media (min-width: 768px) {
.style-list {
display: inline-flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start; } }
.style-list li {
margin-bottom: 30px; }
@media (min-width: 768px) {
.style-list li {
width: 32%; }
.style-list li:not(:nth-child(3n)) {
margin-right: 2%; } }
.style-list li h4 {
text-align: center;
font-size: 1.8rem;
color: #fff;
padding: 15px;
background-color: #4257be;
border-radius: 5px 5px 0 0; }
.style-list li .style-img {
width: 100%;
position: relative; }
@media (min-width: 768px) {
.style-list li .style-img {
height: 240px; }
.style-list li .style-img img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto; } }
.style-list li .inner {
background-color: #fff;
padding: 20px 30px;
border-radius: 0 0 5px 5px;
line-height: 1.9;
font-size: 95%;
color: #434343; }
.faqBox {
background-color: #fff;
padding: 60px; }
@media (max-width: 768px) {
.faqBox {
padding: 20px 5%; } }
.faq_top {
color: #4257be;
font-size: 2rem;
letter-spacing: 0.1em; }
.faq_top_under {
color: #4257be;
font-family: "Roboto Condensed", sans-serif;
font-size: 4rem;
font-weight: 700;
letter-spacing: 0.1em;
line-height: 1;
margin: 10px 0 50px; }
.faq-list {
padding: 25px 10px;
border-bottom: 2px #ddd solid; }
.faq-list:first-of-type {
border-top: 2px #ddd solid; }
.faq-list dt {
padding-left: 55px;
position: relative;
min-height: 40px;
padding-top: 8px;
box-sizing: border-box;
color: #4257be;
letter-spacing: 0.1em;
font-weight: bold;
cursor: pointer; }
.faq-list dt span {
position: absolute;
left: 0;
top: 0;
width: 40px;
height: 40px;
display: inline-block;
background-color: #4257be;
font-family: "Roboto Condensed", sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 40px;
color: #fff;
text-align: center; }
.faq-list dt i {
position: absolute;
right: 10px;
top: 10px;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s; }
.faq-list dt i.dtop {
transform: rotate(180deg); }
.faq-list dd {
background-color: #ffe7f2;
border-radius: 5px;
padding: 30px 30px 30px 80px;
min-height: 90px;
position: relative;
margin-top: 15px;
box-sizing: border-box;
letter-spacing: 0.1em;
font-weight: bold; }
.faq-list dd span {
position: absolute;
left: 15px;
top: 0;
width: 40px;
height: 40px;
display: inline-block;
background-color: #f16363;
font-family: "Roboto Condensed", sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 40px;
color: #fff;
text-align: center; } .tabs {
width: 100%;
border-bottom: 3px solid #4257be;
position: relative;
overflow: hidden;
padding-top: 5px; }
@media (max-width: 768px) {
.tabs {
padding-bottom: 15px; } }
.tabs .nav-tabs {
padding: 0 10%;
box-sizing: border-box;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (max-width: 768px) {
.tabs .nav-tabs {
display: block;
padding: 0 5%; } }
.tabs .nav-tabs li {
width: 32%;
box-sizing: border-box;
display: block;
font-size: 14px;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc; }
@media (max-width: 768px) {
.tabs .nav-tabs li {
width: auto;
display: inline-block;
border: 1px solid #ccc;
margin-bottom: 5px;
margin-right: 1px;
border-radius: 4px; } }
.tabs .nav-tabs li a {
display: block;
background-color: #fff;
padding: 15px 0 12px;
font-size: 1.8rem;
text-align: center; }
@media (max-width: 768px) {
.tabs .nav-tabs li a {
padding: 5px 10px;
border-radius: 4px;
font-size: 1.2rem;
font-weight: normal; } }
.tabs .nav-tabs li a.selected {
background-color: #4257be;
color: #fff;
cursor: default; }
@media (max-width: 768px) {
.equip-table {
width: 100%;
overflow-x: auto; } }
.equip-table table {
width: 100%; }
@media (max-width: 768px) {
.equip-table table {
width: 700px;
font-size: 1.3rem;
line-height: 1.5; } }
.equip-table table thead tr th {
padding: 10px 13px;
border: 1px #ccc solid;
background: #f3f3f3;
vertical-align: middle; }
@media (max-width: 768px) {
.equip-table table thead tr th {
padding: 4px; } }
.equip-table table tbody tr th {
padding: 10px 13px;
border: 1px #ccc solid;
background-color: #e5e6bb;
text-align: left; }
@media (max-width: 768px) {
.equip-table table tbody tr th {
padding: 4px; } }
.equip-table table tbody tr td {
padding: 10px 13px;
border: 1px #ccc solid;
background: #fff;
vertical-align: middle;
box-sizing: border-box;
width: 25%; }
@media (max-width: 768px) {
.equip-table table tbody tr td {
padding: 4px; } }
.equip-table table.equip2 tbody tr td {
width: 33%; }
.equip-table table.equip2 tbody tr td:last-child {
text-align: left;
width: 33%; }
.imgList-2 img {
max-width: 48%;
float: left; }
.imgList-2 img:nth-child(odd) {
margin-right: 4%; }
.tab-inner {
padding: 30px 5% 55px;
background-color: #fff; }
@media (max-width: 768px) {
.tab-inner {
padding: 20px 0 30px; } }
.privacyCheck {
text-align: center;
margin: 60px 0 40px; }
.privacyCheck p {
font-size: 12px;
margin: 10px 0 20px; }
.btn-confirm, #btn_confirm {
display: block;
border: 1px #999 solid;
border-radius: 5px;
max-width: 400px;
width: 90%;
padding: 15px 0;
text-align: center;
font-size: 1.8rem;
margin: 0 auto;
background-color: #ddd;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s; }
.btn-confirm.hoverOn, .hoverOn#btn_confirm {
border: 1px solid #5d3fff;
background-color: #fff;
color: #5d3fff;
cursor: pointer; }
.confirmation {
text-align: center;
background-color: #ffe3e4;
color: red;
padding: 30px; }
.contact_table, #wpcf7cpcnf table {
width: 100%; }
.contact_table tr th, #wpcf7cpcnf table tr th {
border-top: 1px solid #d3d3d3;
padding: 18px 40px 18px 0;
width: 32%;
vertical-align: middle;
text-align: left; }
@media (max-width: 1200px) {
.contact_table tr th, #wpcf7cpcnf table tr th {
display: block;
padding: 16px 0;
width: 100%;
text-align: left; } }
.contact_table tr th .hissu_cell, #wpcf7cpcnf table tr th .hissu_cell {
position: relative; }
.contact_table tr th .hissu_cell .hissu, #wpcf7cpcnf table tr th .hissu_cell .hissu {
background: #e64949;
font-size: 12px;
font-weight: 700;
color: #fff;
display: inline-block;
padding: 4px 11px;
position: absolute;
right: 0;
top: 50%;
margin-top: -13px; }
@media (max-width: 1200px) {
.contact_table tr th .hissu_cell .hissu, #wpcf7cpcnf table tr th .hissu_cell .hissu {
padding: 0 7px 1px;
margin-top: -10px; } }
.contact_table tr td, #wpcf7cpcnf table tr td {
padding: 18px 0;
border-top: 1px solid #d3d3d3;
width: 68%; }
@media (max-width: 1200px) {
.contact_table tr td, #wpcf7cpcnf table tr td {
display: block;
width: 100%;
box-sizing: border-box;
padding: 0 0 20px;
border-top: 0; } }
@media (min-width: 768px) {
.contact_table tr:last-child th, #wpcf7cpcnf table tr:last-child th {
border-bottom: 1px solid #d3d3d3; } }
.contact_table tr:last-child td, #wpcf7cpcnf table tr:last-child td {
border-bottom: 1px solid #d3d3d3; }
.btns .btn {
color: white;
font-size: 22px;
font-weight: 600;
height: 51px;
width: 370px;
text-rendering: optimizelegibility;
border-radius: 4px;
cursor: pointer;
display: inline-block;
text-align: center;
padding-top: 18px;
margin: 0 5px 20px; }
@media (max-width: 768px) {
.btns .btn {
font-size: 18px;
width: 90%;
margin: 0 auto 20px; } }
a.btn-conta {
color: white;
font-size: 22px;
font-weight: 600;
height: 51px;
width: 80%;
text-rendering: optimizelegibility;
border-radius: 4px;
cursor: pointer;
display: block;
text-align: center;
padding-top: 18px;
margin: 0 auto 20px;
background-color: #333;
border-bottom: 3px solid #888; }
a.btn-conta:hover {
background-color: #555;
border-bottom: 3px solid #999; }
.btns .btn-primary {
background-color: #81c320;
border-bottom: 3px solid #679b1b; }
.btns .btn-primary::hover {
background-color: #a2d400;
border-color: #a2d400; }
.btn-info {
background-color: #21b2c1;
border-bottom: 3px solid #1d8691;
border-color: #21b2c1 #21b2c1 #1d8691; }
.btn-info::hover {
background-color: #2fccdc;
border-bottom: 3px solid #1d8691;
border-color: #2fccdc #2fccdc #2fccdc; }
.help-block {
display: block;
color: tomato;
font-size: 12px;
font-weight: bold;
margin-top: 3px; }
.wpcf7-response-output {
background-color: #fff0f0;
text-align: center;
color: red;
padding: 24px !important;
border-radius: 4px;
border: none !important; }
.wpcf7-not-valid-tip {
display: block;
font-size: 1.3rem !important;
font-weight: bold !important;
margin-top: 3px !important; }
.vave-single {
padding: 35px 40px;
background: url(//www.inatec-corp.com/wp-content/themes/inatec/assets/images/common/note_bg.png);
background-size: 50%;
border: 1px #ccc solid; }
@media (max-width: 768px) {
.vave-single {
padding: 20px; } }
@media (min-width: 768px) {
.vave-box {
display: inline-flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start; } }
.vave-box dl {
margin-bottom: 25px; }
.vave-box dl dt {
padding: 10px 10px 7px;
color: #fff;
font-weight: bold;
font-size: 1.7rem;
border-radius: 5px 5px 0 0; }
@media (max-width: 768px) {
.vave-box dl dt {
font-size: 1.6rem; } }
.vave-box dl dd {
display: table;
width: 100%;
box-sizing: border-box;
height: 100px;
border-radius: 0 0 5px 5px;
background-color: #fff; }
.vave-box dl dd .inner {
padding: 10px;
font-size: 1.7rem;
display: table-cell;
vertical-align: middle;
line-height: 1.6; }
@media (max-width: 768px) {
.vave-box dl dd .inner {
font-size: 1.5rem; } }
.vave-box-first {
position: relative; }
@media (min-width: 768px) {
.vave-box-first {
width: 45%;
margin-right: 10%; } }
@media (max-width: 768px) {
.vave-box-first {
width: 100%;
padding-bottom: 50px; } }
.vave-box-first::after {
content: "";
position: absolute; }
@media (min-width: 768px) {
.vave-box-first::after {
top: 50%;
left: 105%;
margin-top: -30px;
border-top: 70px solid transparent;
border-bottom: 70px solid transparent;
border-left: 50px solid #e0857f; } }
@media (max-width: 768px) {
.vave-box-first::after {
bottom: 0;
left: 50%;
margin-left: -40px;
border-top: 30px solid #e0857f;
border-right: 40px solid transparent;
border-left: 40px solid transparent; } }
.vave-box-first dl dt {
background-color: #4e9fe9;
border: 3px #4e9fe9 solid; }
.vave-box-first dl dd {
border: 3px #4e9fe9 solid; }
.vave-box-second {
position: relative; }
@media (min-width: 768px) {
.vave-box-second {
width: 45%; } }
@media (max-width: 768px) {
.vave-box-second {
margin-top: 15px;
width: 100%; } }
.vave-box-second dl dt {
background-color: #e0857f;
border: 3px #e0857f solid; }
.vave-box-second dl dd {
border: 3px #e0857f solid;
color: #e0857f; }
.vave-point {
margin-top: 30px; }
.vave-point h3 {
background-color: #4e9fe9;
display: inline-block;
color: #fff;
font-family: "Roboto Condensed", sans-serif;
font-size: 2rem;
font-weight: 700;
padding: 3px 15px; }
.vave-point .inner {
background-color: #fff;
padding: 30px;
border: 2px #4e9fe9 solid; }
@media (max-width: 768px) {
.vave-point .inner {
padding: 15px; } }
.vave-list {
width: 100%; }
@media (min-width: 768px) {
.vave-list {
display: inline-flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start; } }
.vave-list li {
background-color: #fff;
margin-bottom: 25px;
border-radius: 5px;
overflow: hidden; }
@media (min-width: 768px) {
.vave-list li {
width: 23.5%; }
.vave-list li:not(:nth-of-type(4n)) {
margin-right: 2%; } }
.vave-list li .vave-list-img {
position: relative; }
@media (min-width: 768px) {
.vave-list li .vave-list-img {
height: 140px; }
.vave-list li .vave-list-img img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto; } }
.vave-list li h3 {
padding: 10px 15px;
color: #666;
font-size: 1.2rem;
line-height: 1.6; } .sdgs_h3 {
position: relative;
background-color: #eeeeee;
border-bottom: #52bae1 solid 4px;
border-right: #52bae1 solid 4px;
font-size: 18px;
font-weight: bold;
height: 100px; }
.sdgs_h3 > img {
position: absolute;
top: -10px;
left: -10px;
width: 100px;
height: auto; }
@media (max-width: 768px) {
.sdgs_h3 > img {
width: 30%;
height: auto; } }
.sdgs_h3 > span {
position: absolute;
top: 38%;
left: 11%; }
@media (max-width: 768px) {
.sdgs_h3 > span {
display: inline-block;
padding-right: 20px;
width: 70%;
top: 50%;
left: 67%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%); } }
@media (min-width: 768px) {
.sdgs_flex {
display: flex; } }
.sdgs_flex .sdgs_flex-left {
width: 60%;
padding-right: 40px; }
@media (max-width: 768px) {
.sdgs_flex .sdgs_flex-left {
width: 100%;
padding-right: 0;
padding-bottom: 20px; } }
.sdgs_flex .sdgs_flex-right {
width: 40%; }
@media (max-width: 768px) {
.sdgs_flex .sdgs_flex-right {
width: 100%; } }
.sdgs-08 {
text-align: center;
margin-top: 40px; }
.sdgs-08 .service_link_text {
color: #f39800;
text-align: center;
font-weight: bold; }
@media (min-width: 768px) {
.sdgs-08 .service_link_text {
font-size: 2rem; } }
.sdgs-08 > a {
width: 100%;
max-width: 345px;
display: block;
margin: 10px auto; }
.sdgs-08 > a > img {
height: auto; }
.ritakobo_logo {
width: 100%;
max-width: 400px; }
.ritakobo_link {
padding: 8px 15px;
display: flex;
align-items: center;
justify-content: space-between;
background-color: white;
box-shadow: 1px 1px 16px rgba(0, 0, 0, 0.1);
border-radius: 4px;
width: 200px;
margin-top: 15px;
color: #1b1b1b; }
.ritakobo_link .ritakobo_logo {
margin: 0 !important;
width: 150px !important; }
.sdgs_logo {
display: block;
width: 80%;
max-width: 280px;
margin: 0 auto; }
.sdgs_logo_under {
width: 100%;
max-width: 800px;
margin: 50px auto 0; }
@media (min-width: 768px) {
.sdgs_logo_under {
text-align: center; } }
@media (max-width: 768px) {
.sdgs_logo_under {
margin-top: 30px; } }
.sdgs_section {
padding-top: 80px; }
@media (max-width: 768px) {
.sdgs_section {
padding-top: 64px; } }
.sdgs_section .sdgs_h3 {
margin-bottom: 40px; }
.aichi_partners {
box-shadow: 0 0 16px rgba(0, 0, 0, 0.1); }
@media (max-width: 768px) {
.aichi_partners {
display: block;
width: 240px;
margin: 40px auto 0; } }
@media (min-width: 768px) {
.sdgs_flex {
display: flex;
align-items: flex-start;
justify-content: space-between; } }
@media (min-width: 768px) {
.sdgs_flex .item_6 {
width: calc(100% - 240px); } }
@media (min-width: 768px) {
.sdgs_flex .item_2 {
width: 200px; } }
@media (max-width: 768px) {
.sdgs_flex .item_2 {
margin-bottom: 40px; } }
.sdgs_links {
width: 100%;
display: flex;
justify-content: center;
gap: 24px; }
@media (max-width: 768px) {
.sdgs_links {
flex-direction: column; } }
.sdgs_links .sdgs_link_item {
position: relative;
width: calc(33% - 20px); }
@media (max-width: 768px) {
.sdgs_links .sdgs_link_item {
width: 100%; } }
.sdgs_links .sdgs_link_item .thumb {
width: 100%;
aspect-ratio: 5 / 3;
position: relative;
overflow: hidden; }
.sdgs_links .sdgs_link_item .thumb img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
transition: all 0.3s ease; }
.sdgs_links .sdgs_link_item .inner {
padding: 20px;
position: relative;
background-color: #f5f5f5; }
.sdgs_links .sdgs_link_item .inner .eng {
font-family: "Roboto Condensed", sans-serif;
font-size: 2.4rem;
font-weight: 700;
line-height: 1;
margin-bottom: 5px; }
.sdgs_links .sdgs_link_item .inner .eng + p {
font-weight: bold;
font-size: 1.8rem; }
.sdgs_links .sdgs_link_item .inner i {
position: absolute;
right: 20px;
top: 20px;
font-size: 3rem; }
.sdgs_links .sdgs_link_item:first-child .inner .eng,
.sdgs_links .sdgs_link_item:first-child .inner i {
color: #00b8ff; }
.sdgs_links .sdgs_link_item:nth-child(2) .inner .eng,
.sdgs_links .sdgs_link_item:nth-child(2) .inner i {
color: #eeb200; }
.sdgs_links .sdgs_link_item:nth-child(3) .inner .eng,
.sdgs_links .sdgs_link_item:nth-child(3) .inner i {
color: #3bb44d; }
.sdgs_links .sdgs_link_item:hover .thumb img {
transform: scale(1.1); }
.workbalance {
width: 100%;
display: flex;
justify-content: center;
gap: 24px;
margin-top: 40px; }
@media (max-width: 768px) {
.workbalance {
flex-direction: column; } }
.workbalance .work_data {
position: relative;
width: calc(33% - 20px);
border: 2px #4257be solid;
background-color: white; }
@media (max-width: 768px) {
.workbalance .work_data {
width: 100%; } }
.workbalance .work_data .head {
background-color: #4257be;
color: white;
text-align: center;
font-weight: bold;
padding: 10px; }
.workbalance .work_data .inner {
text-align: center;
padding: 20px; }
.workbalance .work_data .inner .data_num {
height: 50px;
display: flex;
align-items: center;
justify-content: center;
color: #4257be;
font-weight: bold;
font-size: 2.4rem; }
.workbalance .work_data .inner .data_num span {
font-family: "Roboto Condensed", sans-serif;
font-size: 5rem;
font-weight: 700;
line-height: 1;
margin-top: -12px; }
.sdgs_list {
width: 100%; }
@media (min-width: 768px) {
.sdgs_list {
display: inline-flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start; } }
.sdgs_list > li {
margin-bottom: 32px; }
@media (min-width: 768px) {
.sdgs_list > li {
width: 32%; }
.sdgs_list > li:not(:nth-child(3n)) {
margin-right: 2%; } }
.sdgs_list > li .list_item {
width: 100%;
cursor: pointer; }
.sdgs_list > li .list_item .thumb {
width: 100%;
aspect-ratio: 3 / 2;
position: relative;
overflow: hidden; }
.sdgs_list > li .list_item .thumb img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
transition: all 0.3s ease; }
.sdgs_list > li .list_item .inner {
background-color: #e83418;
height: 80px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 20px; }
.sdgs_list > li .list_item .inner p {
color: white;
width: calc(100% - 30px);
font-weight: bold; }
.sdgs_list > li .list_item .inner i {
color: white;
font-size: 2.4rem;
transition: all 0.3s ease; }
.sdgs_list > li .list_item:hover .thumb img {
transform: scale(1.1); }
.sdgs_list > li .list_item:hover .inner i {
transform: translateX(6px); }
.sdgs_list > li .modal {
width: 100vw;
height: 100%;
z-index: 101;
position: fixed;
left: 0;
top: 0;
overflow-y: scroll;
box-sizing: border-box;
display: none;
background: rgba(0, 0, 0, 0.8); }
@media (max-width: 768px) {
.sdgs_list > li .modal {
padding: 48px 20px 24px;
overflow: scroll; } }
.sdgs_list > li .modal__bg {
height: 100vh;
position: fixed;
width: 100%;
left: 0;
top: 0; }
.sdgs_list > li .modal__content {
background-color: white;
max-width: 960px;
box-sizing: border-box;
width: 92%;
padding: 40px;
border-radius: 16px;
box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
z-index: 1; }
@media (min-width: 768px) {
.sdgs_list > li .modal__content {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); } }
@media (max-width: 768px) {
.sdgs_list > li .modal__content {
padding: 20px;
width: 100%;
position: relative;
z-index: 3; } }
.sdgs_list > li .modal__content .flex_content {
margin-bottom: 0;
align-items: flex-start; }
.sdgs_list > li .modal__content .flex_content .ritakobo_logo {
width: 200px;
margin: 15px auto 0; }
.sdgs_list > li .sdgs_modal_close {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: -45px;
right: 0;
width: 40px;
height: 40px;
font-size: 40px;
color: #9ca3af;
cursor: pointer; }
.sdgs_list.s8 > li .list_item .inner {
background-color: #970a31; }
.sdgs_list.s9 > li .list_item .inner {
background-color: #EC6A06; }
.sdgs_list.s12 > li .list_item .inner {
background-color: #d39206; }
.sdgs_list.s3 > li .list_item .inner {
background-color: #1b973a; }
.sdgs_list.s4 > li .list_item .inner {
background-color: #c50e28; }
.sdgs_list.s4 > li .list_item .inner {
background-color: #c50e28; }
.sdgs_list.s11 > li .list_item .inner {
background-color: #f5a20b; }
.sdgs_list.s16 > li .list_item .inner {
background-color: #004c88; }
.sdgs_list.s13 > li .list_item .inner {
background-color: #407936; }
.sdgs_list.s14 > li .list_item .inner {
background-color: #0075ba; }
.sdgs_list.s15 > li .list_item .inner {
background-color: #28a838; }
.s_systems {
width: 100%;
max-width: 800px;
margin: 24px auto 0; }
@media (min-width: 768px) {
.s_systems {
display: flex;
justify-content: space-between; } }
.s_systems .item {
border: 2px #4257be solid;
background-color: white;
padding: 20px;
box-sizing: border-box;
border-radius: 4px; }
@media (min-width: 768px) {
.s_systems .item {
width: 48%; } }
@media (max-width: 768px) {
.s_systems .item {
margin-bottom: 15px; } }
.s_systems .item img {
display: block;
width: 200px;
margin: 15px auto 0; }
.s_systems .item .s_system_text {
text-align: center;
font-weight: bold;
color: #4257be; }
@media (min-width: 768px) {
.s_systems .item .s_system_text {
font-size: 1.8rem; } }
.youtube_iframe {
width: 100%; }
.youtube_iframe iframe {
width: 100%;
height: auto;
aspect-ratio: 16 / 9; } .sticky_content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.product_leftColumn {
width: 280px;
}
.sidebar-sticky {
position: sticky;
top: 135px;
margin-bottom: 35px;
}
.searchConditions {
border-bottom: #eee 1px solid;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
overflow: hidden;
background-color: #fff;
}
.searchConditions_title {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
background-color: #1B1B1B;
color: white;
height: 48px;
font-size: 1.6rem;
}
.searchConditions_title span {
vertical-align: bottom;
color: #e70000;
line-height: 1;
margin-right: 4px;
}
.p_search_box .p_search_box_close {
display: none;
}
.searchConditions .term_tit {
font-size: 1.6rem;
font-weight: bold;
background-color: #f3f3f3;
padding: 6px 10px;
}
.searchConditions .checkboxes {
padding: 10px 15px;
display: flex;
flex-wrap: wrap;
}
.searchConditions .checkboxes .item {
display: block;
width: 50%;
}
.searchConditions .checkboxes .item:not(:last-of-type) {
margin-right: 0;
margin-bottom: 4px;
}
.searchConditions .checkboxes .item label {
display: block;
margin: 0;
cursor: pointer;
}
.uk-checkbox, .uk-radio {
margin-right: 0.5rem;
border-radius: 0.3rem;
font-size: 1.6rem;
}
.searchConditions .formSubmit {
padding: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.searchConditions .formSubmit input {
padding: 18px 0;
text-align: center;
width: 280px;
cursor: pointer;
transition: all 0.3s ease 0s;
border: 2px #4257be solid;
color: #fff;
background-color: #4257be;
font-weight: bold;
}
.rightColumn {
width: calc(100% - 340px);
}
.searchHead {
width: 100%;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
.product_archive {
width: 100%;
display: grid;
grid-template-columns: repeat(3,1fr);
grid-template-rows: auto;
gap: 32px 20px;
}
.product_archive .product_item {
position: relative;
background-color: white;
overflow: hidden;
}
.product_archive .product_item .thumb {
width: 100%;
aspect-ratio: 16 / 10;
position: relative;
overflow: hidden;
}
.product_archive .product_item .thumb img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
transition: all 0.3s ease;
}
.product_archive .product_item .inner {
width: 100%;
position: relative;
padding: 10px 5px 0;
}
.product_archive .product_item .inner .product_tag {
width: 100%;
display: inline-flex;
flex-wrap: wrap;
gap: 4px;
align-items: flex-start;
align-content: flex-start;
margin-bottom: 10px;
}
.product_archive .product_item .inner .product_tag .p_tag_item {
display: inline-block;
padding: 1px 10px;
border-radius: 3px;
font-size: 1.2rem;
line-height: 1.5;
}
.product_archive .product_item .inner .product_tag .p_tag_item.product_material {
background-color: #280CCD;
color: white;
}
.product_archive .product_item .inner .product_tag .p_tag_item.product_industry {
background-color: #76B6FB;
color: white;
}
.product_archive .product_item .inner .product_tag .p_tag_item.product_method {
background-color: #E60012;
color: white;
}
.product_archive .product_item .inner .tit {
font-size: 1.4rem;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
font-weight: bold;
}
.float_link {
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
body.archive #main_wrap {
height: auto;
}
.product_title {
font-size: 3.2rem;
line-height: 1.5;
margin-bottom: 32px;
padding-bottom: 10px;
border-bottom: 1px #1B1B1B solid;
}
.product_wrap {
display: flex;
justify-content: space-between;
width: 100%;
margin: 0 auto 80px;
}
.product_wrap .product_main_image {
width: 50%;
}
.product_wrap .product_main_image img {
height: auto;
aspect-ratio: 3 / 2;
object-fit: cover;
}
.product_wrap .product_info_side {
width: 43%;
}
.product_table {
width: 100%;
}
.product_table tr th {
background-color: #f3f3f3;
border: 1px #ddd solid;
padding: 5px 12px;
width: 100px;
text-align: left;
vertical-align: middle;
}
.product_table tr td {
background-color: white;
border: 1px #ddd solid;
padding: 5px 12px;
text-align: left;
}
.product_info {
margin-top: 30px;
} .custom-slider-fade {
position: relative;
max-width: 100%;
overflow: hidden;
}
.slider-main {
position: relative;
width: 100%;
height: auto;
}
.fade-slide {
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
transition: opacity 0.5s ease;
width: 100%;
}
.fade-slide img {
width: 100%;
height: auto;
display: block;
}
.fade-slide.active {
opacity: 1;
visibility: visible;
position: relative;
z-index: 1;
}
.slider-thumbs {
display: flex;
justify-content: center;
gap: 8px;
margin-top: 10px;
flex-wrap: wrap;
}
.slider-thumbs .thumb {
width: 60px;
height: 60px;
overflow: hidden;
border: 2px solid transparent;
cursor: pointer;
}
.slider-thumbs .thumb.active {
border-color: #333;
}
.slider-thumbs .thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 992px) {
.product_wrap {
flex-direction: column;
gap: 32px;
}
.product_wrap .product_main_image {
width: 100%;
}
.product_wrap .product_info_side {
width: 100%;
}
.product_title {
font-size: 1.8rem;
margin-bottom: 20px;
}
}
@media (max-width: 768px) {
.sticky_content {
display: block;
}
.product_leftColumn {
display: none;
}
.rightColumn {
width: 100%;
}
}
@media (max-width: 480px) {
.product_archive {
grid-template-columns: repeat(1, 1fr);
}
}