@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
body:after {
content: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/images/close.png) url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/images/loading.gif) url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/images/prev.png) url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/images/next.png);
display: none;
}
body.lb-disable-scrolling {
overflow: hidden;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px; border: 4px solid white;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px; background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/images/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/images/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/images/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/images/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}

html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body {
margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
figcaption,
figure,
main { display: block;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box; height: 0; overflow: visible; }
pre {
font-family: monospace, monospace; font-size: 1em; }
a {
background-color: transparent; -webkit-text-decoration-skip: objects; }
abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b,
strong {
font-weight: inherit;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; }
dfn {
font-style: italic;
}
mark {
background-color: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; }
button,
input { overflow: visible;
}
button,
select { text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress {
display: inline-block; vertical-align: baseline; }
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }
details,
menu {
display: block;
}
summary {
display: list-item;
}
canvas {
display: inline-block;
}
template {
display: none;
}
[hidden] {
display: none;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
margin: 0;
style: 0;
}
ol, ul, li {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} .test {
margin: 0;
}
#video_index_sp {
left: 0 !important;
}
.scroll_now_cheacke {
opacity: 0;
}
.active_scroll_2025 {
opacity: 0;
display: block !important;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInUp2;
animation-delay: 0.5s;
animation-fill-mode: forwards;
animation-duration: 2s;
animation-timing-function: ease;
}
.active_scroll_2025.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.active_scroll_2025.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.active_scroll_2025.flipOutX, .active_scroll_2025.flipOutY, .active_scroll_2025.bounceIn, .active_scroll_2025.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes fadeInUp2 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp2 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@media screen and (min-width: 1100px) {
.pc_table_cell {
display: table-cell;
}
}
@media screen and (max-width: 769px) {
.pc_table_cell {
display: none;
}
}
@media print, screen and (max-width: 1100px) {
.pc_only {
display: block;
}
}
@media screen and (min-width: 1100px) {
.pc_only {
display: block;
}
}
@media screen and (max-width: 769px) {
.pc_only {
display: none;
}
}
@media screen and (min-width: 1100px) {
.sp_only {
display: none;
}
}
@media print, screen and (max-width: 1100px) {
.sp_only {
display: none;
}
}
@media screen and (max-width: 769px) {
.sp_only {
display: block;
}
}
body {
margin: 0;
padding: 0;
font-family: 'Noto Sans Japanese',Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
.bahnschrift {
font-family: bahnschrift;
} .front_page_pc_header {
background: #FFF;
top: 0;
left: 0;
position: fixed;
width: 100%;
z-index: 99999;
padding: 0.4% 0 0 0;
}
.front_page_pc_header .front_page_pc_header_menu {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 1100px) {
.front_page_pc_header .front_page_pc_header_menu {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.front_page_pc_header .front_page_pc_header_menu {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.front_page_pc_header .front_page_pc_header_menu {
width: 98%;
margin: 0 auto;
}
}
.front_page_pc_header .front_page_pc_header_menu::after {
clear: both;
content: "";
display: table;
}
.front_page_pc_header .front_page_pc_header_menu .header_log_wapper {
width: 13.57218181818182%;
float: left;
margin: 0.5% 0 0 0;
}
.front_page_pc_header .front_page_pc_header_menu .header_log_wapper img {
width: 100%;
height: auto;
}
.front_page_pc_header .front_page_pc_header_menu .header_log_wapper img {
display: block;
}
.front_page_pc_header .front_page_pc_header_menu .header_pc_nav_wapper {
width: 70.63181818181818%;
float: right;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.front_page_pc_header .front_page_pc_header_menu .header_pc_nav_wapper::after {
clear: both;
content: "";
display: table;
}
.front_page_pc_header .header_pc_nav_wapper {
margin: 0% auto 0% auto;
}
.front_page_pc_header .header_pc_nav_wapper ul {
width: 100%;
display: table;
table-layout: fixed;
width: 100%;
}
.front_page_pc_header .header_pc_nav_wapper ul li {
font-family: 'bahnschrift';
display: table-cell;
width: auto;
text-align: center;
position: relative;
cursor: pointer;
padding: 3.25% 0 3% 0;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
@media screen and (min-width: 1100px) {
.front_page_pc_header .header_pc_nav_wapper ul li {
font-size: 12.5px;
}
}
@media print, screen and (max-width: 1100px) {
.front_page_pc_header .header_pc_nav_wapper ul li {
font-size: 1.220703125vw;
}
}
@media screen and (max-width: 768px) {
.front_page_pc_header .header_pc_nav_wapper ul li {
font-size: 4.3749333333vw;
}
}
.front_page_pc_header .header_pc_nav_wapper ul li a {
color: #000;
text-decoration: none;
border-bottom: 5px solid #FFF;
}
.front_page_pc_header .header_pc_nav_wapper ul li:hover {
color: #00a0e6;
}
.front_page_pc_header .header_pc_nav_wapper ul li:hover a {
color: #00a0e6;
}
.front_page_pc_header .header_pc_nav_wapper ul li:nth-child(6) a { }
.front_page_pc_header .header_pc_nav_wapper ul li .sp_arrow_off {
color: #323232;
cursor: pointer;
text-decoration: none;
border-bottom: 5px solid #FFF;
width: 100%;
text-decoration: none;
}
.front_page_pc_header .header_pc_nav_wapper ul li .sp_arrow_off:hover {
border-bottom: 5px solid #00a0e6;
color: #00a0e6;
}
@media print, screen and (max-width: 1100px) {
.front_page_pc_header .header_pc_nav_wapper ul li .sp_arrow_off {
padding: 0 0 19% 0;
}
}
@media print, screen and (max-width: 1100px) {
.front_page_pc_header .header_pc_nav_wapper ul li a {
padding: 0 0 19% 0;
}
}
.front_page_pc_header .header_pc_nav_wapper ul li .sub-menu {
position: absolute;
top: 100%;
left: 18%;
display: none;
z-index: 99999;
}
.front_page_pc_header .header_pc_nav_wapper ul li .sub-menu li {
padding: 10% 14%;
font-family: 'Noto Sans Japanese',Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
width: 100%;
width: 200px;
background: #000;
display: block;
text-align: left;
border-bottom: 1px solid #515050;
}
@media screen and (min-width: 1100px) {
.front_page_pc_header .header_pc_nav_wapper ul li .sub-menu li {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.front_page_pc_header .header_pc_nav_wapper ul li .sub-menu li {
font-size: 1.26953125vw;
}
}
@media screen and (max-width: 768px) {
.front_page_pc_header .header_pc_nav_wapper ul li .sub-menu li {
font-size: 6.1333333333vw;
}
}
.front_page_pc_header .header_pc_nav_wapper ul li .sub-menu li:hover {
background: #00A0E6;
}
.front_page_pc_header .header_pc_nav_wapper ul li .sub-menu li a {
color: #FFF;
border-bottom: none !important;
}
.front_page_pc_header .header_pc_nav_wapper ul li:nth-child(1) a {
padding: 0 0 28.2% 0;
}
@media print, screen and (max-width: 1100px) {
.front_page_pc_header .header_pc_nav_wapper ul li:nth-child(1) a {
padding: 0 0 19% 0;
}
}
.front_page_pc_header .header_pc_nav_wapper ul li:nth-child(1) .sub-menu {
left: 18%;
}
.front_page_pc_header .header_pc_nav_wapper ul li:nth-child(2) .sub-menu {
left: 17.6%;
}
.front_page_pc_header .header_pc_nav_wapper ul li:nth-child(3) .sub-menu {
left: 21.9%;
}
.front_page_pc_header .header_pc_nav_wapper ul li:nth-child(4) .sub-menu {
left: 26%;
}
.front_page_pc_header .header_pc_nav_wapper ul li:nth-child(5) .sub-menu {
left: 26.6%;
}
.front_page_pc_header .header_pc_nav_wapper ul li:nth-child(6) a {
border-bottom: 5px solid #FFF;
}
.front_page_pc_header .header_pc_nav_wapper ul li:nth-child(6):hover a {
border-bottom: 5px solid #00a0e6;
}
.front_page_pc_header .header_pc_nav_wapper ul li:nth-child(7) a {
border-bottom: 5px solid #FFF;
}
.front_page_pc_header .header_pc_nav_wapper ul li:nth-child(7):hover a {
border-bottom: 5px solid #00a0e6;
}
.front_page_pc_header .header_pc_nav_wapper ul li:nth-child(8) a {
border-bottom: 5px solid #FFF;
}
.front_page_pc_header .header_pc_nav_wapper ul li:nth-child(8):hover a {
border-bottom: 5px solid #00a0e6;
}
.front_page_pc_header .header_pc_nav_wapper ul li:nth-child(9) a {
border-bottom: 5px solid #FFF;
}
.front_page_pc_header .header_pc_nav_wapper ul li:nth-child(9):hover {
color: #F4D924;
}
.front_page_pc_header .header_pc_nav_wapper ul li:nth-child(9):hover a {
color: #F4D924;
border-bottom: 5px solid #F4D924;
}
#header_pc_nav_01 li:hover .sub-menu {
display: block;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
#header_pc_nav_01 li:hover .sub-menu.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
#header_pc_nav_01 li:hover .sub-menu.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
#header_pc_nav_01 li:hover .sub-menu.flipOutX, #header_pc_nav_01 li:hover .sub-menu.flipOutY, #header_pc_nav_01 li:hover .sub-menu.bounceIn, #header_pc_nav_01 li:hover .sub-menu.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
#header_pc_nav_01 .sub-menu li a {
padding: 0;
border-right: none;
}
#header_pc_nav_01 .sub-menu li:last-child a {
border-bottom: none;
padding: 0;
}
#header_pc_nav_01 .sub-menu li:last-child a:hover {
border-bottom: none;
}
#header_pc_nav_01 .sub-menu li:nth-child(6) a {
display: block;
padding: 0;
width: 100%;
border-right: none;
}
#header_pc_nav_01 .sub-menu li:last-child:hover {
color: #FFF;
}
#header_pc_nav_01 .sub-menu li:last-child:hover a {
color: #FFF;
}
.after {
clear: both;
width: 100%;
background: #00a0e6;
color: #FFF;
font-weight: 400;
font-size: 20px;
padding: 1% 0 1.5% 0;
text-align: center;
padding: 0.6% 0 0.6% 0;
}
@media screen and (min-width: 1100px) {
.after {
font-size: 17px;
}
}
@media print, screen and (max-width: 1100px) {
.after {
font-size: 1.5192135836vw;
}
}
@media screen and (max-width: 768px) {
.after {
font-size: 3.28125vw;
}
}
@media screen and (max-width: 769px) {
.after {
padding: 1.6% 0 1.6% 0;
letter-spacing: 3.55px;
font-weight: 400;
}
}
.after p {
letter-spacing: 5px;
}
.sp_header_kotei {
position: relative;
} .base_header {
max-height: 100vh;
overflow: hidden;
position: relative;
}
.base_header .wrapper {
height: 100%;
height: 95vh;
position: relative;
overflow: hidden;
width: 100%;
}
.base_header .position_fixed {
z-index: 0;
}
.base_header #video_cheanges {
overflow: hidden;
}
.base_header #video_index {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/back.png) no-repeat;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
background-attachment: scroll;
left: 0;
min-height: 100%;
min-height: 100vh;
min-width: 100%;
min-width: 100vw;
top: 0;
z-index: 1;
}
.base_header #video_index_sp {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/back.png) no-repeat;
position: absolute;
left: 0;
min-height: 100%;
min-height: 100vh;
min-width: 100%;
min-width: 100vw;
top: 0;
z-index: 1;
}
.base_header .video_cheanges_02 {
height: 200vh;
width: 100%;
text-align: center;
}
.base_header .video_cheanges_filter {
width: 100%;
height: 100%;
position: absolute;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/back.png) repeat;
background-attachment: scroll;
z-index: 6;
}
#header_top_sf {
padding: 0.4% 0 0 0;
display: none;
}
#header_top_sf .after {
position: relative;
bottom: 0;
width: 100%;
z-index: 66;
background: #00a0e6;
color: #FFF;
font-weight: 400;
font-size: 20px;
padding: 0.6% 0 0.6% 0;
text-align: center;
}
@media screen and (min-width: 1100px) {
#header_top_sf .after {
font-size: 17px;
}
}
@media print, screen and (max-width: 1100px) {
#header_top_sf .after {
font-size: 1.5192135836vw;
}
}
@media screen and (max-width: 768px) {
#header_top_sf .after {
font-size: 3.28125vw;
}
}
@media screen and (max-width: 769px) {
#header_top_sf .after {
padding: 1.7% 0 1.7% 0;
}
}
#header_top_sf .after p {
color: #FFF;
letter-spacing: 5px;
font-weight: 400;
}
@media screen and (max-width: 769px) and (max-width: 769px) {
.page_campany_top_header #video_cheanges #video h2 {
margin: 8px 0 0 0;
}
}
.page_campany_top_header #video_cheanges #video .page_top_title_border {
margin: 1.6% auto 2% auto !important;
}
@media screen and (max-width: 769px) {
.page_campany_top_header #video_cheanges #video .page_top_title_border {
margin: 7% auto 6% auto !important;
}
}
.header_setting_marketing #video {
height: 454px !important;
padding: 218px 0 0 0 !important;
}
@media screen and (max-width: 769px) {
.header_setting_marketing #video {
padding: 0 !important;
}
}
.header_setting_marketing #video h2 {
margin: 26px 0 0 0 !important;
letter-spacing: 2.6px;
}
@media screen and (max-width: 769px) {
.header_setting_marketing #video h2 {
margin: 52px 0 0 0;
}
}
.header_setting_marketing #video .page_top_title_border {
margin: 1.32% auto 2.2% auto !important;
}
@media screen and (max-width: 769px) {
.header_setting_marketing #video .page_top_title_border {
margin: 6% auto 10.7% auto !important;
}
}
.header_setting_marketing #video p {
letter-spacing: 2px;
}
@media screen and (min-width: 1100px) {
.header_setting_marketing #video p {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.header_setting_marketing #video p {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 768px) {
.header_setting_marketing #video p {
font-size: 3.6453125vw;
}
} @media screen and (max-width: 769px) {
.front_page_sp_header {
background: #FFF;
width: 100%;
position: fixed;
top: 0;
width: 100%;
z-index: 99999999999;
transform: translate3d(0, 0, 0);
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.front_page_sp_header::after {
clear: both;
content: "";
display: table;
}
.front_page_sp_header .menu_button_sp {
width: 13.625%;
float: left;
padding: 4%;
}
.front_page_sp_header .menu_button_sp img {
width: 100%;
height: auto;
}
}
@media screen and (max-width: 769px) and (max-width: 769px) {
.front_page_sp_header .menu_button_sp {
padding: 4.9% 4%;
}
}
@media screen and (max-width: 769px) {
.front_page_sp_header .menu_button_sp.off img.off {
display: block;
}
.front_page_sp_header .menu_button_sp.off img.on {
display: none;
}
.front_page_sp_header .menu_button_sp.on img.off {
display: none;
}
.front_page_sp_header .menu_button_sp.on img.on {
display: block;
}
.front_page_sp_header .header_log_wapper {
padding: 3% 0;
width: 84%;
float: right;
}
.front_page_sp_header .header_log_wapper img {
width: 100%;
height: auto;
}
.front_page_sp_header .header_log_wapper img {
width: 38.75%;
margin: 0 auto 0 23%;
}
.sp_menu_box {
width: 100%;
background: #FFF;
position: relative;
}
.sp_menu_box #header_pc_nav_01_01 {
width: 100%;
height: auto;
position: relative;
top: 0;
left: 0;
z-index: 99999;
}
.sp_menu_box #header_pc_nav_01_01 li {
line-height: 160%;
width: 100%;
background: #FFF;
border-top: 1px solid #3C3C3C;
}
}
@media screen and (max-width: 769px) and (min-width: 1100px) {
.sp_menu_box #header_pc_nav_01_01 li {
font-size: 16.406px;
}
}
@media screen and (max-width: 769px) and (max-width: 1100px) {
.sp_menu_box #header_pc_nav_01_01 li {
font-size: 1.4914545455vw;
}
}
@media screen and (max-width: 769px) and (max-width: 768px) {
.sp_menu_box #header_pc_nav_01_01 li {
font-size: 2.1361979167vw;
}
}
@media screen and (max-width: 769px) {
.sp_menu_box #header_pc_nav_01_01 li:nth-child(-n+5) span {
padding: 6% 8%;
margin: 0 4% 0 0;
display: block;
}
.sp_menu_box #header_pc_nav_01_01 li a {
padding: 6% 0% 6% 8%;
color: #3C3C3C;
text-decoration: none;
display: block;
}
.sp_menu_box #header_pc_nav_01_01 li ul {
display: none;
padding: 0 0 0 8%;
}
}
@media screen and (max-width: 769px) and (min-width: 1100px) {
.sp_menu_box #header_pc_nav_01_01 li ul li {
font-size: 13.477px;
}
}
@media screen and (max-width: 769px) and (max-width: 1100px) {
.sp_menu_box #header_pc_nav_01_01 li ul li {
font-size: NaNvw;
}
}
@media screen and (max-width: 769px) and (max-width: 768px) {
.sp_menu_box #header_pc_nav_01_01 li ul li {
font-size: 2.0833333333vw;
}
}
@media screen and (max-width: 769px) {
.sp_menu_box li:nth-child(-n+5) .sp_arrow_on {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/header/sp_sub_nav_menu_on.png) no-repeat center right;
}
.sp_menu_box li:nth-child(-n+5) .sp_arrow_off {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/header/sp_sub_nav_menu_off.png) no-repeat center right;
}
#menu-item-34 {
border-bottom: 1px solid #3C3C3C;
}
.sp_menu_box li .sp_arrow_on {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/header/sp_sub_nav_menu_on.png) no-repeat center right;
}
.sp_menu_box li .sp_arrow_off {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/header/sp_sub_nav_menu_off.png) no-repeat center right;
}
#menu_button_sp {
cursor: pointer;
}
#header_top_list_sp {
display: none;
}
#sp_menu {
width: 300px;
position: fixed;
background: #FFF;
min-height: 100vh;
top: 0;
z-index: 9999999;
}
div#contents {
position: relative;
width: 100%;
height: 100%;
}
.contenets_close_button_syoki {
display: none;
}
.contenets_close_button_on {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #FFF;
z-index: 99;
opacity: 0.6;
}
.contenets_close_button_off {
display: none;
} .sp_body_move_off_syoki {
left: 0;
}
.sp_body_move_on {
left: 0;
animation: sp_body_open_move 0.2s ease-in-out 0.2s forwards;
}
.sp_body_move_off {
left: 300px;
animation: sp_body_close_move 0.2s ease-in-out 0.2s forwards;
} .sp_menu_off_syoki {
left: -300px;
}
.sp_menu_off {
left: 0;
animation: sp_menu_close_move 0.2s ease-in-out 0.2s forwards;
}
.sp_menu_on {
left: -300px;
animation: sp_menu_open_move 0.2s ease-in-out 0.2s forwards;
}
} @keyframes sp_menu_open_move {
from {
left: -300px;
}
to {
left: 0;
}
}
@keyframes sp_menu_close_move {
from {
left: 0;
}
to {
left: -300px;
}
}
@keyframes sp_body_open_move {
from {
left: 0;
}
to {
left: 300px;
}
}
@keyframes sp_body_close_move {
from {
left: 300px;
}
to {
left: 0;
}
}  .page_innner_box_wapper {
margin: 0% 0 0 0;
height: auto;
max-height: unset !important;
}
.page_innner_box_wapper .after {
position: relative;
}
.page_top_button_inner {
width: 1120px;
margin: 0 auto;
padding: 0 0.8%;
}
.page_top_button_inner a {
width: 9%;
padding: 0;
}
#video_cheanges .header_def_setting_new {
height: 454px !important;
background-size: cover !important;
background-repeat: repeat !important;
background-position: top center !important;
left: 0 !important;
padding: 0 0 0 0 !important;
position: relative;
background-position: top center;
width: 100%;
min-height: 454px !important;
display: flex;
flex-direction: column; justify-content: center; align-items: center; }
@media screen and (max-width: 769px) {
#video_cheanges .header_def_setting_new {
padding: 0 2% 0 2% !important;
height: 360px !important;
min-height: 360px !important;
}
}
#video_cheanges .header_def_setting_new .innner_page_box {
height: 400px;
width: 100%;
}
#video_cheanges .header_def_setting_new h2 {
margin: 120px 0 32px 0 !important;
color: #FFF;
text-align: center;
}
@media screen and (min-width: 1100px) {
#video_cheanges .header_def_setting_new h2 {
font-size: 30px;
}
}
@media print, screen and (max-width: 1100px) {
#video_cheanges .header_def_setting_new h2 {
font-size: 2.6809651475vw;
}
}
@media screen and (max-width: 768px) {
#video_cheanges .header_def_setting_new h2 {
font-size: 7.8125vw;
}
}
@media screen and (max-width: 768px) {
#video_cheanges .header_def_setting_new h2 {
margin: 115px 0 0 0 !important;
}
}
#video_cheanges .header_def_setting_new .page_top_title_border {
width: 40px !important;
display: block;
border-bottom: 1px solid #FFF;
margin: 1.32% auto 2.09% auto;
}
#video_cheanges .header_def_setting_new p {
line-height: 175%;
color: #FFF;
text-align: center;
margin: 25px 0 0 0 !important;
}
@media screen and (min-width: 1100px) {
#video_cheanges .header_def_setting_new p {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
#video_cheanges .header_def_setting_new p {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
#video_cheanges .header_def_setting_new p {
font-size: 3.125vw;
}
}
#video_wroks_single {
height: 610px;
background-size: cover;
}
#video_wroks_single .inner_text_wapper_header_defdef {
height: 100%;
}
@media screen and (max-width: 768px) {
#video_wroks_single {
height: 360px;
}
}
#video_wroks_single h2 {
padding: 170px 0 20px 0 !important;
color: #FFF;
text-align: center;
font-weight: 600;
}
@media screen and (min-width: 1100px) {
#video_wroks_single h2 {
font-size: 30px;
}
}
@media print, screen and (max-width: 1100px) {
#video_wroks_single h2 {
font-size: 2.6809651475vw;
}
}
@media screen and (max-width: 768px) {
#video_wroks_single h2 {
font-size: 7.8125vw;
}
}
@media screen and (max-width: 768px) {
#video_wroks_single h2 {
margin: 24px 0 0 0 !important;
}
}
#video_wroks_single .page_top_title_border {
width: 40px !important;
display: block;
border-bottom: 1px solid #FFF;
margin: 0 auto;
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
}   .bx-wrapper {
position: relative;
margin-bottom: 60px;
padding: 0;
*zoom: 1;
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.bx-wrapper img {
max-width: 100%;
display: block;
}
.bxslider {
margin: 0;
padding: 0;
}
ul.bxslider {
list-style: none;
}
.bx-viewport { -webkit-transform: translateZ(0);
} .bx-wrapper {
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
border: 5px solid #fff;
background: #fff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
} .bx-wrapper .bx-loading {
min-height: 50px;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/css/images/bx_loader.gif) center center no-repeat #ffffff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
} .bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
vertical-align: bottom;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager-item {
font-size: 0;
line-height: 0;
} .bx-wrapper .bx-prev {
left: 10px;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/css/images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
background-position: 0 0;
}
.bx-wrapper .bx-next {
right: 10px;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/css/images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
} .bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/css/images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/css/images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
background-position: -86px -33px;
} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
} .bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}
.index_sec_company {
width: 100%;
margin: 3.44% 0 0 0;
}
.index_sec_company h2 {
text-align: center;
font-weight: 500;
}
@media screen and (min-width: 1100px) {
.index_sec_company h2 {
font-size: 28.7px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_company h2 {
font-size: 2.6090909091vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_company h2 {
font-size: 7.8125vw;
}
}
@media screen and (max-width: 769px) {
.index_sec_company h2 {
margin: 10% 0 14% 0;
padding: 6% 0 1.5% 0;
}
}
.index_sec_company .index_sec_company_wapper {
padding: 0 0.8%;
}
@media screen and (min-width: 1100px) {
.index_sec_company .index_sec_company_wapper {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_company .index_sec_company_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.index_sec_company .index_sec_company_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) {
.index_sec_company .index_sec_company_wapper {
width: 100%;
padding: 0;
}
}
.index_sec_company .index_sec_company_wapper .spg_identity {
margin-bottom: 1.8%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.index_sec_company .index_sec_company_wapper .spg_identity::after {
clear: both;
content: "";
display: table;
}
.index_sec_company .index_sec_company_wapper .spg_identity .spg_identity_pref_box {
width: 37.72727272727273%;
float: left;
}
@media screen and (max-width: 769px) {
.index_sec_company .index_sec_company_wapper .spg_identity .spg_identity_pref_box {
margin: 0 auto;
float: none;
width: 88.10062500000001%;
text-align: center;
}
}
.index_sec_company .index_sec_company_wapper .spg_identity .spg_identity_thumbs_box {
float: right;
width: 50.45454545454545%;
}
.index_sec_company .index_sec_company_wapper .spg_identity .spg_identity_thumbs_box img {
width: 100%;
height: auto;
}
@media screen and (max-width: 769px) {
.index_sec_company .index_sec_company_wapper .spg_identity .spg_identity_thumbs_box {
display: none;
}
}
.index_sec_company .index_sec_company_wapper h3 {
font-weight: 600;
margin: 0 0 1% 0;
}
@media screen and (min-width: 1100px) {
.index_sec_company .index_sec_company_wapper h3 {
font-size: 17px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_company .index_sec_company_wapper h3 {
font-size: 1.5454545455vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_company .index_sec_company_wapper h3 {
font-size: 4.375vw;
}
}
.index_sec_company .index_sec_company_wapper h4 {
color: #00a0e6;
margin: 1.6% 0;
}
@media screen and (min-width: 1100px) {
.index_sec_company .index_sec_company_wapper h4 {
font-size: 11px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_company .index_sec_company_wapper h4 {
font-size: 1vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_company .index_sec_company_wapper h4 {
font-size: 2.5vw;
}
}
.index_sec_company .index_sec_company_wapper h4 + p {
line-height: 190%;
}
@media screen and (max-width: 769px) {
.index_sec_company .index_sec_company_wapper h4 + p {
text-align: center;
line-height: 160%;
}
}
.index_sec_company .index_sec_company_wapper p {
text-align: justify;
text-justify: inter-ideograph;
color: #505050;
}
@media screen and (min-width: 1100px) {
.index_sec_company .index_sec_company_wapper p {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_company .index_sec_company_wapper p {
font-size: 1.1818181818vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_company .index_sec_company_wapper p {
font-size: 2.8125vw;
}
}
.index_sec_company .index_sec_company_wapper p + h3 {
margin: 8% 0 0 0;
}
@media screen and (max-width: 769px) {
.index_sec_company .index_sec_company_wapper p + h3 {
margin: 6% 0 0 0;
}
}
.index_sec_company_wapper .h4_margin {
margin: 1.6% 0 5% 0 !important;
}
@media screen and (min-width: 1100px) {
.index_sec_company_wapper .spg_identity_4culums h3 {
font-size: 16.043px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_company_wapper .spg_identity_4culums h3 {
font-size: 1.6370408163vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_company_wapper .spg_identity_4culums h3 {
font-size: 3.90625vw;
}
}
@media screen and (min-width: 1100px) {
.index_sec_company_wapper .spg_identity_4culums #mintyou {
font-size: 8.449px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_company_wapper .spg_identity_4culums #mintyou {
font-size: 0.8621428571vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_company_wapper .spg_identity_4culums #mintyou {
font-size: 1.71875vw;
}
}
.index_sec_company .spg_identity_4culums {
margin: 2% 0 0 0;
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 769px) {
.index_sec_company .spg_identity_4culums {
display: block;
width: 100%;
margin: 4% 0 0 0;
}
}
.index_sec_company .spg_identity_4culums .spg_identity_4culums_sec {
width: 24%;
}
@media screen and (max-width: 769px) {
.index_sec_company .spg_identity_4culums .spg_identity_4culums_sec {
padding: 2.6% 0 2% 0;
background: #F0F0F0;
width: 100%;
}
}
@media screen and (max-width: 769px) {
.index_sec_company .spg_identity_4culums .spg_identity_4culums_sec:nth-child(even) {
background: #FFF;
}
}
.index_sec_company .spg_identity_4culums:nth-of-type {
background: #FFF;
}
.index_sec_company .spg_identity_4culums .title_wapper {
display: block;
margin: 0 0 4.5% 0;
}
@media screen and (max-width: 769px) {
.index_sec_company .spg_identity_4culums .title_wapper {
width: 88.4559375%;
margin: 0 auto;
}
}
.index_sec_company .spg_identity_4culums .title_wapper h3 {
display: inline;
margin: 0 7% 2% 0;
color: #282828;
}
@media screen and (max-width: 769px) {
.index_sec_company .spg_identity_4culums .title_wapper h3 {
margin: 0 auto 2% auto;
text-align: center;
display: block;
}
}
.index_sec_company .spg_identity_4culums .title_wapper p {
display: inline;
padding: 1% 0 0 0;
color: #282828;
font-family: "sans-serif","Sawarabi Mincho","Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" ,  "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
@media screen and (min-width: 1100px) {
.index_sec_company .spg_identity_4culums .title_wapper p {
font-size: 11px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_company .spg_identity_4culums .title_wapper p {
font-size: 1vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_company .spg_identity_4culums .title_wapper p {
font-size: 1.00703125vw;
}
}
@media screen and (max-width: 769px) {
.index_sec_company .spg_identity_4culums .title_wapper p {
padding: 0;
text-align: center;
display: block;
margin: 2% auto 2% auto;
}
}
.index_sec_company .spg_identity_4culums .title_wapper + p {
line-height: 160%;
text-align: justify;
}
@media screen and (max-width: 769px) {
.index_sec_company .spg_identity_4culums .title_wapper + p {
width: 88.4559375%;
margin: 0 auto;
}
}
.index_sec_company .company_more_link {
margin: 0.8% auto 1.6% auto;
width: 26.863636%;
}
@media screen and (max-width: 769px) {
.index_sec_company .company_more_link {
width: 100%;
margin: 0 auto 0 auto;
}
}
.index_sec_company .company_more_link .company_more_link_wapper {
margin: 20.1% 0 0 0;
}
@media screen and (max-width: 769px) {
.index_sec_company .company_more_link .company_more_link_wapper {
margin: 0 auto;
}
}
.index_sec_company .company_more_link .company_more_link_wapper a {
padding: 5.7% 2% 5.7% 2%;
}
@media screen and (max-width: 768px) {
.index_sec_company .company_more_link .company_more_link_wapper a {
padding: 7% 2% 7.7% 2%;
}
}
.index_sec_company .company_more_link a {
width: 100%;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #6e6e6e;
text-decoration: none;
color: #FFF;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
display: block;
padding: 5% 2% 5.5% 2%;
text-align: center;
}
.index_sec_company .company_more_link a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #00a0e6;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.index_sec_company .company_more_link a:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.index_sec_company .company_more_link a:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@media screen and (min-width: 1100px) {
.index_sec_company .company_more_link a {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_company .company_more_link a {
font-size: 1.2727272727vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_company .company_more_link a {
font-size: 4.0625vw;
}
}
@media screen and (max-width: 769px) {
.index_sec_company .company_more_link a {
color: #282828;
background: #F0F0F0;
}
}
.index_sec_company .company_more_link a .arrow_type22_right {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
background-size: 2.4% auto;
display: block;
width: 100%;
}
@media screen and (max-width: 769px) {
.index_sec_company .company_more_link a .arrow_type22_right {
display: block;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_gray.png) no-repeat 93%;
}
}
@media screen and (max-width: 769px) {
.index_sec_company .company_more_link a:hover .arrow_type22_right {
display: block;
}
}
.index_sec_about {
width: 100%;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/index/back_img_index_section_about.png) no-repeat center center;
background-size: 100% 100%;
}
@media screen and (max-width: 769px) {
.index_sec_about {
background: unset;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/index/back_img_index_section_about_sp.png) no-repeat center center;
background-size: 100% 100%;
}
}
.index_sec_about .index_sec_about_wapper {
padding: 0 1% 0 0.7%;
display: table;
table-layout: fixed;
}
@media screen and (min-width: 1100px) {
.index_sec_about .index_sec_about_wapper {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_about .index_sec_about_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.index_sec_about .index_sec_about_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) {
.index_sec_about .index_sec_about_wapper {
display: block;
width: 100%;
}
}
.index_sec_about .index_sec_about_wapper .about_us_pref_box {
display: table-cell;
vertical-align: top;
width: 29.272727%;
}
.index_sec_about .index_sec_about_wapper .thumbs {
vertical-align: top;
width: 70.72727272727273%;
display: table-cell;
}
@media screen and (max-width: 769px) {
.index_sec_about .index_sec_about_wapper .thumbs {
display: block;
width: 100%;
}
}
.index_sec_about .index_sec_about_wapper .thumbs img {
width: 100%;
height: auto;
}
.index_sec_about {
margin: 7.9% auto 0 auto;
}
@media screen and (max-width: 769px) {
.index_sec_about {
margin: 0% auto 0 auto;
}
}
.index_sec_about .about_us_pref_box {
padding: 2% 0;
}
@media screen and (max-width: 769px) {
.index_sec_about .about_us_pref_box {
padding: 2% 0 8.8% 0;
display: block;
width: 100%;
}
}
.index_sec_about .about_us_pref_box h2 {
width: 85.71428571428571%;
text-align: center;
margin: 14% auto 15% 0;
color: #FFF;
}
@media screen and (min-width: 1100px) {
.index_sec_about .about_us_pref_box h2 {
font-size: 28.7px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_about .about_us_pref_box h2 {
font-size: 2.6090909091vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_about .about_us_pref_box h2 {
font-size: 7.8125vw;
}
}
@media screen and (max-width: 769px) {
.index_sec_about .about_us_pref_box h2 {
margin: 13% auto 15% auto;
}
}
.index_sec_about .about_us_pref_box p {
line-height: 160%;
color: #d2d2d2;
width: 85.71428571428571%;
text-align: justify;
}
@media screen and (min-width: 1100px) {
.index_sec_about .about_us_pref_box p {
font-size: 12px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_about .about_us_pref_box p {
font-size: 1.0909090909vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_about .about_us_pref_box p {
font-size: 2.96875vw;
}
}
@media screen and (max-width: 769px) {
.index_sec_about .about_us_pref_box p {
width: 89.714286%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) {
.index_sec_about .about_us_pref_box p + p {
margin: 2% auto 0 auto;
}
}
.index_sec_about .about_us_pref_box .about_us_pref_link_box_pc {
width: 85.71428571428571%;
margin: 7.1% 0;
}
.index_sec_about .about_us_pref_box .about_us_pref_link_box_pc a {
width: 100%;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #6e6e6e;
text-decoration: none;
color: #FFF;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
display: block;
display: block;
padding: 5.2% 2% 5.7% 2%;
text-align: center;
}
.index_sec_about .about_us_pref_box .about_us_pref_link_box_pc a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #00a0e6;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.index_sec_about .about_us_pref_box .about_us_pref_link_box_pc a:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.index_sec_about .about_us_pref_box .about_us_pref_link_box_pc a:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@media screen and (min-width: 1100px) {
.index_sec_about .about_us_pref_box .about_us_pref_link_box_pc a {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_about .about_us_pref_box .about_us_pref_link_box_pc a {
font-size: 1.2727272727vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_about .about_us_pref_box .about_us_pref_link_box_pc a {
font-size: 3.28125vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_about .about_us_pref_box .about_us_pref_link_box_pc a {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #6e6e6e;
text-decoration: none;
color: #FFF;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
display: block;
padding: 5% 2% 5.5% 2%;
text-align: center;
}
.index_sec_about .about_us_pref_box .about_us_pref_link_box_pc a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #00a0e6;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.index_sec_about .about_us_pref_box .about_us_pref_link_box_pc a:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.index_sec_about .about_us_pref_box .about_us_pref_link_box_pc a:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
}
@media screen and (max-width: 768px) and (min-width: 1100px) {
.index_sec_about .about_us_pref_box .about_us_pref_link_box_pc a {
font-size: 14px;
}
}
@media screen and (max-width: 768px) and (max-width: 1100px) {
.index_sec_about .about_us_pref_box .about_us_pref_link_box_pc a {
font-size: 1.2727272727vw;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.index_sec_about .about_us_pref_box .about_us_pref_link_box_pc a {
font-size: 4.0624vw;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.index_sec_about .about_us_pref_box .about_us_pref_link_box_pc a {
color: #282828;
background: #F0F0F0;
}
}
.index_sec_about .about_us_pref_box .about_us_pref_link_box_pc a .arrow_type22_right {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
background-size: 2.4% auto;
display: block;
width: 100%;
}
.index_sec_about .about_us_pref_box .about_us_pref_link_box_pc a:hover .arrow_type22_right {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
background-size: 2.4% auto;
display: block;
width: 100%;
}
.about_us_pref_link_box_sp {
width: 100%;
padding: 2% 1.834% 2.434% 2%;
background: #F0F0F0;
text-align: center;
}
@media screen and (max-width: 769px) {
.about_us_pref_link_box_sp {
padding: 0;
}
}
.about_us_pref_link_box_sp a {
text-decoration: none;
color: #282828;
display: block;
}
@media screen and (min-width: 1100px) {
.about_us_pref_link_box_sp a {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.about_us_pref_link_box_sp a {
font-size: 1.2727272727vw;
}
}
@media screen and (max-width: 768px) {
.about_us_pref_link_box_sp a {
font-size: 4.0625vw;
}
}
@media screen and (max-width: 769px) {
.about_us_pref_link_box_sp a {
padding: 8% 2% 7.7% 2%;
}
}
.about_us_pref_link_box_sp a .arrow_type22_right {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_gray.png) no-repeat 93%;
background-size: 2.4% auto;
display: block;
width: 100%;
}
.about_us_pref_link_box_sp a .arrow_type22_right:hover {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_gray.png) no-repeat 93%;
background-size: 2.4% auto;
display: block;
width: 100%;
}
.index_sec_service {
width: 100%;
margin: 8.2% 0 2% 0;
}
.index_sec_service h2 {
text-align: center;
margin: 0 0 2% 0;
font-weight: 500;
}
@media screen and (min-width: 1100px) {
.index_sec_service h2 {
font-size: 28.7px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_service h2 {
font-size: 2.6090909091vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_service h2 {
font-size: 7.8125vw;
}
}
@media screen and (max-width: 769px) {
.index_sec_service h2 {
margin: 21% 0 12% 0;
}
}
@media screen and (max-width: 769px) {
.index_sec_service h2 p {
line-height: 143%;
}
}
.index_sec_service .main_ser {
margin: 3% 0 1.6% 1.4%;
text-align: center;
font-weight: 600;
color: #000;
}
@media screen and (min-width: 1100px) {
.index_sec_service .main_ser {
font-size: 15px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_service .main_ser {
font-size: 1.3636363636vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_service .main_ser {
font-size: 2.96875vw;
}
}
@media screen and (max-width: 769px) {
.index_sec_service .main_ser {
margin: 5% auto 7% auto;
width: 100%;
width: 62.48625%;
line-height: 120%;
}
}
.index_sec_service .index_sec_service_4columns_wapper {
display: table;
table-layout: fixed;
}
@media screen and (min-width: 1100px) {
.index_sec_service .index_sec_service_4columns_wapper {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_service .index_sec_service_4columns_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.index_sec_service .index_sec_service_4columns_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) {
.index_sec_service .index_sec_service_4columns_wapper {
display: block;
width: 100% !important;
}
}
@media screen and (max-width: 768px) {
.index_sec_service .index_sec_service_4columns_wapper {
display: block;
width: 100% !important;
}
}
.index_sec_service .index_sec_service_4columns_wapper .index_sec_service_4_column {
display: table-cell;
position: relative;
overflow: hidden;
width: 25%;
background: #058dd1;
border-right: 1px solid #F5F5F5;
}
@media screen and (max-width: 769px) {
.index_sec_service .index_sec_service_4columns_wapper .index_sec_service_4_column {
display: block;
width: 100%;
border-right: none;
height: auto;
min-height: auto;
}
}
.index_sec_service .index_sec_service_4columns_wapper .index_sec_service_4_column:last-child {
border-right: none;
}
.index_sec_service .index_sec_service_4_column {
cursor: pointer;
}
.index_sec_service .index_sec_service_4_column .nomal .tops_pref, .index_sec_service .index_sec_service_4_column .hover .tops_pref {
background: #058dd1;
padding: 15% 5%;
padding: 17% 12%;
}
@media screen and (max-width: 769px) {
.index_sec_service .index_sec_service_4_column .nomal .tops_pref, .index_sec_service .index_sec_service_4_column .hover .tops_pref {
cursor: pointer;
padding: 2% 2%;
height: auto;
border-bottom: 1px solid #F5F5F5;
}
}
.index_sec_service .index_sec_service_4_column .nomal .tops_pref h3, .index_sec_service .index_sec_service_4_column .hover .tops_pref h3 {
color: #FFF;
text-align: center;
font-weight: 600;
letter-spacing: 1px;
}
@media screen and (min-width: 1100px) {
.index_sec_service .index_sec_service_4_column .nomal .tops_pref h3, .index_sec_service .index_sec_service_4_column .hover .tops_pref h3 {
font-size: 22px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_service .index_sec_service_4_column .nomal .tops_pref h3, .index_sec_service .index_sec_service_4_column .hover .tops_pref h3 {
font-size: 2vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_service .index_sec_service_4_column .nomal .tops_pref h3, .index_sec_service .index_sec_service_4_column .hover .tops_pref h3 {
font-size: 4.53125vw;
}
}
.index_sec_service .index_sec_service_4_column .nomal .tops_pref h4, .index_sec_service .index_sec_service_4_column .hover .tops_pref h4 {
color: #FFF;
text-align: center;
margin: 2% 0 12% 0;
letter-spacing: 1px;
}
@media screen and (min-width: 1100px) {
.index_sec_service .index_sec_service_4_column .nomal .tops_pref h4, .index_sec_service .index_sec_service_4_column .hover .tops_pref h4 {
font-size: 12px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_service .index_sec_service_4_column .nomal .tops_pref h4, .index_sec_service .index_sec_service_4_column .hover .tops_pref h4 {
font-size: 1.0909090909vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_service .index_sec_service_4_column .nomal .tops_pref h4, .index_sec_service .index_sec_service_4_column .hover .tops_pref h4 {
font-size: 2.1875vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_service .index_sec_service_4_column .nomal .tops_pref h4, .index_sec_service .index_sec_service_4_column .hover .tops_pref h4 {
margin: 2% 0;
}
}
.index_sec_service .index_sec_service_4_column .nomal .tops_pref p, .index_sec_service .index_sec_service_4_column .hover .tops_pref p {
color: #FFF;
line-height: 150%;
font-weight: 200;
text-align: justify;
}
@media screen and (min-width: 1100px) {
.index_sec_service .index_sec_service_4_column .nomal .tops_pref p, .index_sec_service .index_sec_service_4_column .hover .tops_pref p {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_service .index_sec_service_4_column .nomal .tops_pref p, .index_sec_service .index_sec_service_4_column .hover .tops_pref p {
font-size: 1.1818181818vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_service .index_sec_service_4_column .nomal .tops_pref p, .index_sec_service .index_sec_service_4_column .hover .tops_pref p {
font-size: 2.96875vw;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_service .index_sec_service_4_column .nomal .tabnone, .index_sec_service .index_sec_service_4_column .hover .tabnone {
display: none;
}
}
@media screen and (max-width: 768px) {
.index_sec_service .index_sec_service_4_column .nomal .tabnone, .index_sec_service .index_sec_service_4_column .hover .tabnone {
display: block;
}
}
.index_sec_service .index_sec_service_4_column .nomal .bottoms_pref, .index_sec_service .index_sec_service_4_column .hover .bottoms_pref {
background: #282828;
width: 100%;
padding: 6% 3% 6% 10%;
}
@media screen and (max-width: 769px) {
.index_sec_service .index_sec_service_4_column .nomal .bottoms_pref, .index_sec_service .index_sec_service_4_column .hover .bottoms_pref {
height: auto;
min-height: auto;
}
}
.index_sec_service .index_sec_service_4_column .nomal .bottoms_pref p, .index_sec_service .index_sec_service_4_column .hover .bottoms_pref p {
color: #FFF;
line-height: 175%;
font-weight: 200;
}
@media screen and (min-width: 1100px) {
.index_sec_service .index_sec_service_4_column .nomal .bottoms_pref p, .index_sec_service .index_sec_service_4_column .hover .bottoms_pref p {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_service .index_sec_service_4_column .nomal .bottoms_pref p, .index_sec_service .index_sec_service_4_column .hover .bottoms_pref p {
font-size: 1.1818181818vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_service .index_sec_service_4_column .nomal .bottoms_pref p, .index_sec_service .index_sec_service_4_column .hover .bottoms_pref p {
font-size: 2.9688vw;
}
}
.index_sec_service .index_sec_service_4_column .overview {
margin: -11% -3% 0 0;
float: right;
width: 44.36363636363637%;
color: #058dd1;
background: #FFF;
padding: 1% 0 2.75% 4%;
}
@media screen and (min-width: 1100px) {
.index_sec_service .index_sec_service_4_column .overview {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_service .index_sec_service_4_column .overview {
font-size: 1.1818181818vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_service .index_sec_service_4_column .overview {
font-size: 2.9688vw;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_service .index_sec_service_4_column .overview {
display: none;
}
}
.index_sec_service .index_sec_service_4_column .more_button {
width: 100%;
}
.index_sec_service .index_sec_service_4_column .more_button a {
width: 100%;
display: block;
color: #FFF;
text-decoration: none;
background: #6e6e6e;
padding: 5% 2% 5.5% 2%;
text-align: center;
}
@media screen and (min-width: 1100px) {
.index_sec_service .index_sec_service_4_column .more_button a {
font-size: 12px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_service .index_sec_service_4_column .more_button a {
font-size: 1.0909090909vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_service .index_sec_service_4_column .more_button a {
font-size: 3.5938666667vw;
}
}
@media screen and (max-width: 769px) {
.index_sec_service .index_sec_service_4_column .more_button a {
padding: 6.5% 2% 7% 2%;
}
}
.index_sec_service .index_sec_service_4_column .more_button a .arrow_type22_right {
display: block;
width: 100%;
}
.index_sec_service .index_sec_service_4_column {
cursor: pointer;
}
@media screen and (max-width: 769px) {
.index_sec_service .index_sec_service_4_column {
cursor: none;
}
}
.index_sec_service .index_sec_service_4_column .hover {
display: none;
}
@media screen and (max-width: 769px) {
.index_sec_service .index_sec_service_4_column .nomal .button_wapper_index_sec_service {
display: none;
}
}
.index_sec_service .index_sec_service_4_column .nomal .bottoms_pref, .index_sec_service .index_sec_service_4_column .nomal .overview, .index_sec_service .index_sec_service_4_column .nomal .more_button {
opacity: 0;
}
@media screen and (max-width: 769px) {
.index_sec_service .index_sec_service_4_column .nomal .bottoms_pref, .index_sec_service .index_sec_service_4_column .nomal .overview, .index_sec_service .index_sec_service_4_column .nomal .more_button {
opacity: 1;
display: block;
}
}
.index_sec_service .index_sec_service_4_column .opacity_0 {
opacity: 0;
}
.index_sec_service .index_sec_service_4_column:hover .hover {
display: block;
left: 0;
top: 0;
height: 100%;
z-index: 6;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
-webkit-animation-duration: 0.5s !important;
animation-duration: 0.5s !important;
}
@media screen and (max-width: 768px) {
.index_sec_service .index_sec_service_4_column:hover .hover {
display: none;
}
}
@media screen and (max-width: 768px) {
.index_sec_service .index_sec_service_4_column:hover .hover .tops_pref {
opacity: 1;
}
}
@media screen and (max-width: 768px) {
.index_sec_service .index_sec_service_4_column:hover .hover .bottoms_pref {
opacity: 1;
}
}
.index_sec_service .index_sec_service_4_column:hover .hover.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.index_sec_service .index_sec_service_4_column:hover .hover.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.index_sec_service .index_sec_service_4_column:hover .hover.flipOutX, .index_sec_service .index_sec_service_4_column:hover .hover.flipOutY, .index_sec_service .index_sec_service_4_column:hover .hover.bounceIn, .index_sec_service .index_sec_service_4_column:hover .hover.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.index_sec_service .index_sec_service_4_column:hover .hover .title {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
animation-delay: 0.25s;
}
.index_sec_service .index_sec_service_4_column:hover .hover .title.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.index_sec_service .index_sec_service_4_column:hover .hover .title.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.index_sec_service .index_sec_service_4_column:hover .hover .title.flipOutX, .index_sec_service .index_sec_service_4_column:hover .hover .title.flipOutY, .index_sec_service .index_sec_service_4_column:hover .hover .title.bounceIn, .index_sec_service .index_sec_service_4_column:hover .hover .title.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.index_sec_service .index_sec_service_4_column:hover .hover p {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
animation-delay: 0.25s;
}
.index_sec_service .index_sec_service_4_column:hover .hover p.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.index_sec_service .index_sec_service_4_column:hover .hover p.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.index_sec_service .index_sec_service_4_column:hover .hover p.flipOutX, .index_sec_service .index_sec_service_4_column:hover .hover p.flipOutY, .index_sec_service .index_sec_service_4_column:hover .hover p.bounceIn, .index_sec_service .index_sec_service_4_column:hover .hover p.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@media screen and (max-width: 768px) {
.index_sec_service .index_sec_service_4_column:hover .hover .button_wapper_index_sec_service {
display: none;
}
}
.index_sec_service .index_sec_service_4_column:hover .nomal {
display: block;
position: absolute;
left: 0;
top: 0;
}
@media screen and (max-width: 768px) {
.index_sec_service .index_sec_service_4_column:hover .nomal {
display: block;
position: relative;
left: 0;
top: 0;
}
}
@media screen and (max-width: 769px) {
.index_sec_service_4columns_wapper .index_sec_service_4_column #index_sec_service_4_column_table_wapper {
width: 100%;
table-layout: fixed;
display: table;
}
.index_sec_service_4columns_wapper .index_sec_service_4_column #index_sec_service_4_column_table_wapper .title {
display: table-cell;
width: 30%;
vertical-align: middle;
}
.index_sec_service_4columns_wapper .index_sec_service_4_column #index_sec_service_4_column_table_wapper p {
display: table-cell;
width: 54%;
padding: 0 12% 0 0;
}
.index_sec_service_4columns_wapper .index_sec_service_4_column #index_sec_service_4_column_table_wapper.table_off {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/index/icon/service_table_icon_off.png) no-repeat 97% center;
background-size: 4% auto;
}
}
@media screen and (max-width: 769px) and (max-width: 769px) {
.index_sec_service_4columns_wapper .index_sec_service_4_column #index_sec_service_4_column_table_wapper.table_off {
background-size: 4.2% auto;
}
}
@media screen and (max-width: 769px) {
.index_sec_service_4columns_wapper .index_sec_service_4_column #index_sec_service_4_column_table_wapper.table_on {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/index/icon/service_table_icon_on.png) no-repeat 97% center;
background-size: 3% auto;
}
}
.index_sec_infomation {
width: 100%;
margin: 8.2% 0 2% 0;
}
@media screen and (max-width: 769px) {
.index_sec_infomation {
margin: 5.36% 0 0 0;
}
}
.index_sec_infomation h2 {
text-align: center;
margin: 0 0 4.3% 0;
font-weight: 500;
}
@media screen and (min-width: 1100px) {
.index_sec_infomation h2 {
font-size: 28.7px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_infomation h2 {
font-size: 2.6090909091vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_infomation h2 {
font-size: 7.8125vw;
}
}
@media screen and (max-width: 769px) {
.index_sec_infomation h2 {
margin: 18% 0 15.6% 0;
}
}
.index_sec_infomation .index_sec_infomation_wapper {
background: #f0f0f0;
padding: 0 0 3.6% 0;
}
@media screen and (max-width: 769px) {
.index_sec_infomation .index_sec_infomation_wapper {
padding: 0;
background: #F0F0F0;
}
}
@media screen and (min-width: 1100px) {
.index_sec_infomation .index_sec_infomation_wapper .index_sec_infomation_inner_wapper {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_infomation .index_sec_infomation_wapper .index_sec_infomation_inner_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.index_sec_infomation .index_sec_infomation_wapper .index_sec_infomation_inner_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) {
.index_sec_infomation .index_sec_infomation_wapper .index_sec_infomation_inner_wapper {
width: 100%;
}
}
.index_sec_infomation .index_sec_infomation_wapper .index_sec_infomation_contents_box {
margin: 2.4% auto !important;
}
@media screen and (min-width: 1100px) {
.index_sec_infomation .index_sec_infomation_wapper .index_sec_infomation_contents_box {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_infomation .index_sec_infomation_wapper .index_sec_infomation_contents_box {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.index_sec_infomation .index_sec_infomation_wapper .index_sec_infomation_contents_box {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) {
.index_sec_infomation .index_sec_infomation_wapper .index_sec_infomation_contents_box {
margin: 8% auto !important;
width: 85.9375%;
}
}
.index_sec_infomation .index_sec_infomation_wapper .index_sec_infomation_contents_box ul {
width: 95.9375%;
margin: 0 auto;
}
.index_sec_infomation .index_sec_infomation_wapper .sp_table_wapper {
justify-content: space-between;
display: flex;
justify-content: center;
}
.index_sec_infomation .index_sec_infomation_wapper .sp_table_wapper span {
color: #FFF;
display: block;
width: 75%;
text-align: center;
padding: 3% 0;
}
@media screen and (min-width: 1100px) {
.index_sec_infomation .index_sec_infomation_wapper .sp_table_wapper span {
font-size: 11px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_infomation .index_sec_infomation_wapper .sp_table_wapper span {
font-size: 0.9830205541vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_infomation .index_sec_infomation_wapper .sp_table_wapper span {
font-size: 2.65625vw;
}
}
.index_sec_infomation .index_sec_infomation_wapper .sp_table_wapper .term_slug_topics {
background: #323232;
}
.index_sec_infomation .index_sec_infomation_wapper .sp_table_wapper .term_slug_web_promotion {
background: #4FC9C9;
}
.index_sec_infomation .index_sec_infomation_wapper .sp_table_wapper .term_slug_promotion {
background: #ECAF2B;
}
.index_sec_infomation .index_sec_infomation_wapper .sp_table_wapper .term_slug_web_planning {
background: #FF7878;
}
.index_sec_infomation .index_sec_infomation_wapper .sp_table_wapper .term_slug_planning {
background: #78D171;
}
.index_sec_infomation .index_sec_infomation_wapper .sp_table_wapper .date {
color: #3E3A39;
width: 45%;
}
.index_sec_infomation .index_sec_infomation_wapper .sp_table_wapper .new_wapper {
display: block;
width: 22%;
padding: 0;
}
.index_sec_infomation .index_sec_infomation_wapper .sp_table_wapper .new_wapper .new {
padding: 20.5% 0 !important;
background: #00A0E6;
color: #FFF;
display: block;
width: 100%;
}
.index_sec_infomation .index_sec_infomation_wapper .sp_table_wapper a {
width: 70%;
}
.index_sec_infomation .index_sec_infomation_nav ul {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.index_sec_infomation .index_sec_infomation_nav ul::after {
clear: both;
content: "";
display: table;
}
.index_sec_infomation .index_sec_infomation_nav ul li {
cursor: pointer;
width: 33.3333333%;
float: left;
padding: 1.36% 0;
text-align: center;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #00a0e6;
text-decoration: none;
color: #FFF;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
display: block;
}
@media screen and (min-width: 1100px) {
.index_sec_infomation .index_sec_infomation_nav ul li {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_infomation .index_sec_infomation_nav ul li {
font-size: 1.8181818182vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_infomation .index_sec_infomation_nav ul li {
font-size: 4.21875vw;
}
}
.index_sec_infomation .index_sec_infomation_nav ul li:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #323232;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.index_sec_infomation .index_sec_infomation_nav ul li:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.index_sec_infomation .index_sec_infomation_nav ul li:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@media screen and (max-width: 769px) {
.index_sec_infomation .index_sec_infomation_nav ul li {
padding: 5.36% 0;
}
}
.index_sec_infomation .index_sec_infomation_nav ul .on {
background: #323232;
}
.index_sec_infomation .topics_ul {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.index_sec_infomation .topics_ul.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.index_sec_infomation .topics_ul.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.index_sec_infomation .topics_ul.flipOutX, .index_sec_infomation .topics_ul.flipOutY, .index_sec_infomation .topics_ul.bounceIn, .index_sec_infomation .topics_ul.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.index_sec_infomation .topics_ul li {
padding: 1.2% 2%;
width: 100%;
table-layout: fixed;
border-bottom: 1px solid #DCDCDC;
background: #FFF;
display: table;
}
@media screen and (min-width: 1100px) {
.index_sec_infomation .topics_ul li {
font-size: 12px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_infomation .topics_ul li {
font-size: 1.1818181818vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_infomation .topics_ul li {
font-size: 2.8125333333vw;
}
}
@media screen and (max-width: 769px) {
.index_sec_infomation .topics_ul li {
padding: 3% 2.4% 1.2% 2.4%;
}
}
.index_sec_infomation .topics_ul li .topics_cat {
display: table-cell;
vertical-align: middle;
padding: 3% 4%;
text-align: center;
width: 27%;
}
@media screen and (min-width: 1100px) {
.index_sec_infomation .topics_ul li .topics_cat {
font-size: 11px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_infomation .topics_ul li .topics_cat {
font-size: 0.9830205541vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_infomation .topics_ul li .topics_cat {
font-size: 2.7015625vw;
}
}
.index_sec_infomation .topics_ul li .topix_cat_topix {
background: #323232;
color: #FFF;
}
@media screen and (max-width: 769px) {
.index_sec_infomation .topics_ul li .topix_cat_topix {
width: 7%;
}
}
.index_sec_infomation .topics_ul li .topix_cat_planning {
background: #78D171;
}
.index_sec_infomation .topics_ul li .topix_cat_planning {
background: #4FC9C9;
}
.index_sec_infomation .topics_ul li .topix_cat_web_promotion {
background: #4FC9C9;
display: table-cell;
vertical-align: middle;
padding: 3% 4%;
text-align: center;
width: 27%;
}
.index_sec_infomation .topics_ul li .new_wapper {
width: 4%;
display: table-cell;
vertical-align: middle;
}
.index_sec_infomation .topics_ul li .new_wapper .new {
color: #FFF;
background: #00A0E6;
text-align: center;
padding: 3% 0%;
}
@media screen and (min-width: 1100px) {
.index_sec_infomation .topics_ul li .new_wapper .new {
font-size: 11px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_infomation .topics_ul li .new_wapper .new {
font-size: 0.9830205541vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_infomation .topics_ul li .new_wapper .new {
font-size: 2.7015625vw;
}
}
.index_sec_infomation .topics_ul li .date {
display: table-cell;
vertical-align: middle;
padding: 3% 0%;
width: 6%;
text-align: center;
}
@media screen and (min-width: 1100px) {
.index_sec_infomation .topics_ul li .date {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_infomation .topics_ul li .date {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_infomation .topics_ul li .date {
font-size: 2.5vw;
}
}
@media screen and (max-width: 769px) {
.index_sec_infomation .topics_ul li .date {
text-align: right;
}
}
.index_sec_infomation .topics_ul li a {
width: 71%;
display: table-cell;
vertical-align: middle;
color: #3E3A39;
text-decoration: none;
}
@media screen and (min-width: 1100px) {
.index_sec_infomation .topics_ul li a {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_infomation .topics_ul li a {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_infomation .topics_ul li a {
font-size: 2.8125vw;
}
}
@media screen and (max-width: 769px) {
.index_sec_infomation .topics_ul li a {
display: block;
width: 100%;
margin: 2.6% 0;
}
}
.index_sec_infomation .bx-wrapper {
-moz-box-shadow: unset;
-webkit-box-shadow: unset;
box-shadow: unset;
border: 0px solid #fff;
background: none;
}
@media screen and (max-width: 769px) {
.index_sec_infomation .bx-wrapper {
margin: 0 auto;
}
}
.index_sec_infomation .bx-wrapper .bx-pager, .index_sec_infomation .bx-wrapper .bx-controls-auto {
position: relative;
width: 100%;
margin: 2% auto 1% auto;
}
.index_sec_infomation .index_sec_infomation_contents_box ul.slaider_topix {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.index_sec_infomation .index_sec_infomation_contents_box ul.slaider_topix.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.index_sec_infomation .index_sec_infomation_contents_box ul.slaider_topix.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.index_sec_infomation .index_sec_infomation_contents_box ul.slaider_topix.flipOutX, .index_sec_infomation .index_sec_infomation_contents_box ul.slaider_topix.flipOutY, .index_sec_infomation .index_sec_infomation_contents_box ul.slaider_topix.bounceIn, .index_sec_infomation .index_sec_infomation_contents_box ul.slaider_topix.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.index_sec_infomation .index_sec_infomation_contents_box ul.slaider_topix li a {
background: #FFF;
padding: 0 0 2% 0;
display: block;
width: 100%;
}
@media screen and (min-width: 1100px) {
.index_sec_infomation .index_sec_infomation_contents_box ul.slaider_topix li a {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_infomation .index_sec_infomation_contents_box ul.slaider_topix li a {
font-size: 1.2727272727vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_infomation .index_sec_infomation_contents_box ul.slaider_topix li a {
font-size: 3.4376vw;
}
}
.index_sec_infomation .index_sec_infomation_contents_box ul.slaider_topix li a .thumbs {
position: relative;
}
.index_sec_infomation .index_sec_infomation_contents_box ul.slaider_topix li a .thumbs img {
width: 100%;
height: auto;
}
.index_sec_infomation .index_sec_infomation_contents_box ul.slaider_topix li a .thumbs_hover {
display: none;
position: absolute;
top: 0%;
z-index: 9999;
background: rgba(0, 0, 0, 0.8);
height: 100%;
width: 100%;
color: #FFF;
}
.index_sec_infomation .index_sec_infomation_contents_box ul.slaider_topix li a .thumbs_hover .arrow {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat right 93%;
background-size: auto 80%;
padding: 0 3% 0 0;
color: #FFF;
}
.index_sec_infomation .index_sec_infomation_contents_box ul.slaider_topix li a:hover .thumbs_hover {
display: flex;
justify-content: center;
align-items: center;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.index_sec_infomation .index_sec_infomation_contents_box ul.slaider_topix li a:hover .thumbs_hover.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.index_sec_infomation .index_sec_infomation_contents_box ul.slaider_topix li a:hover .thumbs_hover.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.index_sec_infomation .index_sec_infomation_contents_box ul.slaider_topix li a:hover .thumbs_hover.flipOutX, .index_sec_infomation .index_sec_infomation_contents_box ul.slaider_topix li a:hover .thumbs_hover.flipOutY, .index_sec_infomation .index_sec_infomation_contents_box ul.slaider_topix li a:hover .thumbs_hover.bounceIn, .index_sec_infomation .index_sec_infomation_contents_box ul.slaider_topix li a:hover .thumbs_hover.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.index_sec_infomation .index_sec_infomation_contents_box ul.slaider_topix li .topix_cat_planning {
background: #78D171;
}
.index_sec_infomation .index_sec_infomation_contents_box ul.slaider_topix li .topix_cat_planning {
background: #4FC9C9;
}
@media print, screen and (max-width: 1100px) {
.index_sec_infomation .bx-wrapper .bx-pager {
margin: 5% auto 4% auto;
}
}
.index_sec_infomation_contents_box a {
text-decoration: none;
}
.index_sec_infomation_contents_box a .thumbs {
position: relative;
}
.index_sec_infomation_contents_box a .thumbs img {
width: 100%;
height: auto;
}
.index_sec_infomation_contents_box a .thumbs img {
display: block;
}
.index_sec_infomation_contents_box a .new_cat_box {
margin: -6.5% 0 0 0;
padding: 3%;
position: relative;
color: #FFF;
display: table;
width: 70%;
table-layout: fixed;
}
.index_sec_infomation_contents_box a .new_cat_box span {
display: table-cell;
padding: 3% 0%;
width: 64%;
position: absolute;
top: 10%;
text-align: center;
z-index: 9999;
}
@media screen and (min-width: 1100px) {
.index_sec_infomation_contents_box a .new_cat_box span {
font-size: 11px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_infomation_contents_box a .new_cat_box span {
font-size: 0.9830205541vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_infomation_contents_box a .new_cat_box span {
font-size: 2.7015625vw;
}
}
.index_sec_infomation_contents_box a .new_cat_box .term_slug_topics {
background: #323232;
}
.index_sec_infomation_contents_box a .new_cat_box .term_slug_web_promotion {
background: #4FC9C9;
}
.index_sec_infomation_contents_box a .new_cat_box .term_slug_promotion {
background: #ECAF2B;
}
.index_sec_infomation_contents_box a .new_cat_box .term_slug_web_planning {
background: #FF7878;
}
.index_sec_infomation_contents_box a .new_cat_box .term_slug_planning {
background: #78D171;
}
.index_sec_infomation_contents_box a .new_cat_box .new {
right: 15%;
width: 17%;
z-index: 9999;
background: #00A0E6;
}
.index_sec_infomation_contents_box .pref_box {
padding: 0 4% 6% 4%;
margin: 4% 0 0 0;
color: #464646;
}
@media print, screen and (max-width: 1100px) {
.index_sec_infomation_contents_box .pref_box {
padding: 0 4% 4% 4%;
}
}
.index_sec_infomation_contents_box .pref_box .date {
margin: 3% 0;
}
.index_sec_infomation_contents_box .pref_box .honbun {
margin: 3.4% 0 5% 0;
}
@media screen and (min-width: 1100px) {
.index_sec_infomation .info_more_wapper {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_infomation .info_more_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.index_sec_infomation .info_more_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) {
.index_sec_infomation .info_more_wapper {
width: 100%;
}
}
.index_sec_infomation .more_button {
width: 26.363636363636363%;
margin: 5.4% auto 0 auto;
}
@media screen and (max-width: 769px) {
.index_sec_infomation .more_button {
width: 100%;
margin: 0% auto;
}
}
.index_sec_infomation .more_button a {
width: 100%;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #BEBEBE;
text-decoration: none;
color: #282828;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
display: block;
padding: 5% 2% 5.5% 2%;
text-align: center;
}
.index_sec_infomation .more_button a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #00A0E6;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.index_sec_infomation .more_button a:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.index_sec_infomation .more_button a:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@media screen and (min-width: 1100px) {
.index_sec_infomation .more_button a {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_infomation .more_button a {
font-size: 1.2727272727vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_infomation .more_button a {
font-size: 4.0625vw;
}
}
@media screen and (max-width: 769px) {
.index_sec_infomation .more_button a {
background: #F0F0F0;
padding: 5.9% 2% 5.7% 2%;
}
}
.index_sec_infomation .more_button a .icon_arrow {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_gray.png) no-repeat 93%;
background-size: 2.4% auto;
display: block;
width: 100%;
}
.index_sec_infomation .more_button a:hover .icon_arrow {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
background-size: 2.4% auto;
display: block;
width: 100%;
}
.index_sec_works {
width: 100%;
margin: 8.2% 0 8% 0;
}
@media screen and (max-width: 769px) {
.index_sec_works { background: #FFE100;
margin: 0% 0 8% 0;
padding: 10% 0 0 0;
}
}
.index_sec_works h2 {
text-align: center;
margin: 0 0 4% 0;
font-weight: 500;
color: #464646;
}
@media screen and (min-width: 1100px) {
.index_sec_works h2 {
font-size: 28.7px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_works h2 {
font-size: 2.6090909091vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_works h2 {
font-size: 7.8125vw;
}
}
@media screen and (max-width: 769px) {
.index_sec_works h2 {
margin: 0 0 16% 0;
}
}
.index_sec_works .back_thumbs_list {
position: relative;
width: 100%;
height: 100%;
}
.index_sec_works .back_thumbs_list img {
width: 100%;
height: auto;
}
.index_sec_works .back_thumbs_list a {
display: block;
width: 100%;
}
.index_sec_works .back_thumbs_list .back_thumbs_list_wapper_100 a {
width: 100%;
height: auto;
}
@media screen and (max-width: 769px) {
.index_sec_works .back_thumbs_list .back_thumbs_list_wapper_100 {
position: relative;
}
}
.index_sec_works .back_thumbs_list .back_thumbs_list_wapper_100 .back_thumbs_list_wapper {
height: 66.67%;
}
@media screen and (min-width: 1100px) {
.index_sec_works .back_thumbs_list .back_thumbs_list_wapper_100 .back_thumbs_list_wapper {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_works .back_thumbs_list .back_thumbs_list_wapper_100 .back_thumbs_list_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.index_sec_works .back_thumbs_list .back_thumbs_list_wapper_100 .back_thumbs_list_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) {
.index_sec_works .back_thumbs_list .back_thumbs_list_wapper_100 .back_thumbs_list_wapper {
width: 100%;
}
}
.index_sec_works .index_sec_works_main h3 {
margin: 0 0 5% 0;
width: 77.41818181818182%;
}
@media screen and (max-width: 769px) {
.index_sec_works .index_sec_works_main h3 {
width: 78.77265625%;
margin: 10% auto 5% auto;
}
}
.index_sec_works .index_sec_works_main p {
margin: 4% 0;
line-height: 140%;
}
@media screen and (min-width: 1100px) {
.index_sec_works .index_sec_works_main p {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_works .index_sec_works_main p {
font-size: 1.2727272727vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_works .index_sec_works_main p {
font-size: 2.01421875vw;
}
}
@media screen and (max-width: 769px) {
.index_sec_works .index_sec_works_main p {
width: 78.77265625%;
margin: 6% auto;
}
}
.index_sec_works .index_sec_works_main .about_us_link_sp { }
@media screen and (max-width: 769px) {
.index_sec_works .index_sec_works_main .about_us_link_sp {
width: 100%;
margin: 0;
}
}
.index_sec_works .index_sec_works_main .about_us_link_sp a {
width: 100%;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #1F2022;
text-decoration: none;
color: #FFF;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
display: block;
padding: 7% 2% 6.5% 2%;
text-align: center;
}
.index_sec_works .index_sec_works_main .about_us_link_sp a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #00A0E6;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.index_sec_works .index_sec_works_main .about_us_link_sp a:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.index_sec_works .index_sec_works_main .about_us_link_sp a:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@media screen and (min-width: 1100px) {
.index_sec_works .index_sec_works_main .about_us_link_sp a {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_works .index_sec_works_main .about_us_link_sp a {
font-size: 1.2727272727vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_works .index_sec_works_main .about_us_link_sp a {
font-size: 2.3803125vw;
}
}
@media screen and (max-width: 769px) {
.index_sec_works .index_sec_works_main .about_us_link_sp a {
padding: 5.9% 2% 5.7% 2%;
}
}
.index_sec_works .index_sec_works_main .about_us_link_sp a .icon_arrow {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
background-size: 2.4% auto;
display: block;
width: 100%;
}
.index_sec_office h2 {
text-align: center;
margin: 0 0 4.4% 0;
font-weight: 500;
color: #464646;
}
@media screen and (min-width: 1100px) {
.index_sec_office h2 {
font-size: 28.7px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_office h2 {
font-size: 2.6090909091vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_office h2 {
font-size: 7.8125vw;
}
}
@media screen and (max-width: 769px) {
.index_sec_office h2 {
margin: 15% 0 15% 0;
}
}
.index_sec_office .map_list_wapper {
margin: 0 0 3.5% 0;
width: 100%;
height: auto;
background: #dcdcdc;
}
.index_sec_office .map_list_wapper .map_list_wapper_innner_wapper {
position: relative;
margin: 0 0 8% 0;
}
@media screen and (min-width: 1100px) {
.index_sec_office .map_list_wapper .map_list_wapper_innner_wapper {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_office .map_list_wapper .map_list_wapper_innner_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.index_sec_office .map_list_wapper .map_list_wapper_innner_wapper {
width: 98%;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_office .map_list_wapper .map_list_wapper_innner_wapper {
width: 100%;
}
}
@media screen and (max-width: 769px) {
.index_sec_office .map_list_wapper {
margin: 0;
}
}
.index_sec_office .map_list_wapper .ggmaps {
width: 100%;
padding: 369px 0;
}
@media print, screen and (max-width: 1100px) {
.index_sec_office .map_list_wapper .ggmaps {
height: 738px;
padding: 369px 0;
}
}
@media screen and (max-width: 769px) {
.index_sec_office .map_list_wapper .ggmaps {
padding: 160px 0;
height: auto;
}
}
.index_sec_office .map_list_wapper .shop_nav_list {
position: absolute;
width: 375px;
top: 0;
right: 0%; }
@media print, screen and (max-width: 1100px) {
.index_sec_office .map_list_wapper .shop_nav_list {
height: 738px;
}
}
@media screen and (max-width: 769px) {
.index_sec_office .map_list_wapper .shop_nav_list {
position: relative;
right: 0;
width: 100%;
height: auto;
}
}
.index_sec_office .map_list_wapper .office_top_map_box ul .osaka_01 {
width: 9.09%;
top: 19.99%;
left: 48.85%;
}
@media screen and (max-width: 769px) {
.index_sec_office .map_list_wapper .office_top_map_box ul .osaka_01 {
width: 27.14%;
top: 14.89%;
left: 59.65%;
}
}
.index_sec_office .map_list_wapper .office_top_map_box ul .osaka_02 {
width: 9.09%;
top: 26.94%;
left: 48.85%;
}
@media screen and (max-width: 769px) {
.index_sec_office .map_list_wapper .office_top_map_box ul .osaka_02 {
width: 26.89%;
top: 21.49%;
left: 59.75%;
}
}
.index_sec_office .map_list_wapper .office_top_map_box ul .nagoya {
width: 4.639%;
top: 61.69%;
left: 57.30%;
}
@media screen and (max-width: 769px) {
.index_sec_office .map_list_wapper .office_top_map_box ul .nagoya {
width: 14.17%;
top: 53.09%;
left: 84.89%;
}
}
.index_sec_office .map_list_wapper .office_top_map_box ul .hokuriku {
width: 4.60%;
top: 8.99%;
left: 57.350%;
}
@media screen and (max-width: 769px) {
.index_sec_office .map_list_wapper .office_top_map_box ul .hokuriku {
width: 13.69%;
top: 5.04%;
left: 85.15%;
}
}
.index_sec_office .map_list_wapper .office_top_map_box ul .okayama {
width: 3.89%;
top: 38.29%;
left: 43.85%;
}
@media screen and (max-width: 769px) {
.index_sec_office .map_list_wapper .office_top_map_box ul .okayama {
width: 11.39%;
top: 31.69%;
left: 44.65%;
}
}
.index_sec_office .map_list_wapper .office_top_map_box ul .hiroshima {
width: 4.69%;
top: 38.29%;
left: 38.00%;
}
@media screen and (max-width: 769px) {
.index_sec_office .map_list_wapper .office_top_map_box ul .hiroshima {
width: 14.09%;
top: 31.69%;
left: 27%;
}
}
.index_sec_office .map_list_wapper .office_top_map_box ul .fukuoka {
width: 4.59%;
top: 38.49%;
left: 29.4%;
}
@media screen and (max-width: 769px) {
.index_sec_office .map_list_wapper .office_top_map_box ul .fukuoka {
width: 14.09%;
top: 31.69%;
left: 1.0%;
}
}
.index_sec_office .map_list_wapper .office_top_map_box ul .kobe {
width: 3.78%;
top: 38.29%;
left: 48.85%;
}
@media screen and (max-width: 769px) {
.index_sec_office .map_list_wapper .office_top_map_box ul .kobe {
width: 11.38%;
top: 31.69%;
left: 59.65%;
}
}
@media screen and (min-width: 1100px) {
.index_sec_office .company_more_link_wapper {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_office .company_more_link_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.index_sec_office .company_more_link_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) {
.index_sec_office .company_more_link_wapper {
width: 100% !important;
}
}
.index_sec_office .company_more_link {
width: 26.863636%;
margin: 0% auto 0 auto;
}
@media screen and (max-width: 769px) {
.index_sec_office .company_more_link {
width: 100%;
}
}
.index_sec_office .company_more_link a {
width: 100%;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #6e6e6e;
text-decoration: none;
color: #FFF;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
display: block;
display: block;
padding: 5.7% 2% 5.7% 2%;
text-align: center;
}
.index_sec_office .company_more_link a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #00a0e6;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.index_sec_office .company_more_link a:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.index_sec_office .company_more_link a:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@media screen and (min-width: 1100px) {
.index_sec_office .company_more_link a {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_office .company_more_link a {
font-size: 1.2727272727vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_office .company_more_link a {
font-size: 4.0625vw;
}
}
@media screen and (max-width: 769px) {
.index_sec_office .company_more_link a {
color: #282828;
background: #F0F0F0;
padding: 7% 2% 7.7% 2%;
}
}
.index_sec_office .company_more_link a .arrow_type22_right {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
background-size: 2.4% auto;
display: block;
width: 100%;
}
@media screen and (max-width: 769px) {
.index_sec_office .company_more_link a .arrow_type22_right {
display: block;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_gray.png) no-repeat 93%;
}
}
@media screen and (max-width: 769px) {
.index_sec_office .company_more_link a:hover .arrow_type22_right {
display: block;
}
}
.index_sec_office .shop_nav_list li {
width: 100%;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #FFF;
text-decoration: none;
color: #6E6E6E;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
display: block;
border: none;
padding: 2.5% 2.5% 2.5% 4%;
}
.index_sec_office .shop_nav_list li:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #00A0E6;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.index_sec_office .shop_nav_list li:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.index_sec_office .shop_nav_list li:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@media screen and (min-width: 1100px) {
.index_sec_office .shop_nav_list li {
font-size: 15px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_office .shop_nav_list li {
font-size: 15px;
}
}
@media screen and (max-width: 768px) {
.index_sec_office .shop_nav_list li {
font-size: 3.75vw;
}
}
@media screen and (max-width: 769px) {
.index_sec_office .shop_nav_list li {
-webkit-transform: perspective(0px) translateZ(0);
transform: perspective(0px) translateZ(0);
box-shadow: none;
}
}
.index_sec_office .shop_nav_list li .icon_arrow {
display: block;
width: 90%;
margin: 0 auto;
padding: 2% 0;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
background-size: 2.4% auto;
display: block;
width: 100%;
}
@media screen and (max-width: 769px) {
.index_sec_office .shop_nav_list li .icon_arrow {
padding: 2.5% 2.5% 2.5% 5%;
}
}
.index_sec_office .shop_nav_list li:hover .icon_arrow {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
background-size: 2.4% auto;
display: block;
width: 100%;
}
.index_sec_office .shop_nav_list li h3 {
margin: 0 auto 2% auto;
line-height: 120%;
font-weight: 500;
}
@media screen and (min-width: 1100px) {
.index_sec_office .shop_nav_list li h3 {
font-size: 15px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_office .shop_nav_list li h3 {
font-size: 15px;
}
}
@media screen and (max-width: 768px) {
.index_sec_office .shop_nav_list li h3 {
font-size: 3.75vw;
}
}
.index_sec_office .shop_nav_list li p {
line-height: 120%;
}
@media screen and (min-width: 1100px) {
.index_sec_office .shop_nav_list li p {
font-size: 12px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_office .shop_nav_list li p {
font-size: 12px;
}
}
@media screen and (max-width: 768px) {
.index_sec_office .shop_nav_list li p {
font-size: 2.8125vw;
}
}
.index_sec_office .shop_nav_list li.on {
background: #00A0E6;
color: #FFF;
}
.index_sec_office .shop_nav_list li.on .icon_arrow {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_gray.png) no-repeat 93%;
background-size: 2.4% auto;
display: block;
width: 100%;
}
.index_sec_office .shop_nav_list .office_data_office_more a {
width: 100%;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #6E6E6E;
text-decoration: none;
color: #FFF;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
display: block;
padding: 5% 2% 5.5% 2%;
text-align: center;
}
.index_sec_office .shop_nav_list .office_data_office_more a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #00A0E6;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.index_sec_office .shop_nav_list .office_data_office_more a:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.index_sec_office .shop_nav_list .office_data_office_more a:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@media screen and (min-width: 1100px) {
.index_sec_office .shop_nav_list .office_data_office_more a {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_office .shop_nav_list .office_data_office_more a {
font-size: 1.1818181818vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_office .shop_nav_list .office_data_office_more a {
font-size: 4.0625vw;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_office .shop_nav_list .office_data_office_more a {
padding: 7.9% 2% 7.7% 2%;
}
}
.index_sec_office .shop_nav_list .office_data_office_more a .icon_arrow {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
background-size: 2.4% auto;
display: block;
width: 100%;
}
@media print, screen and (max-width: 1100px) {
.index_sec_office .map_list_wapper .shop_nav_list {
right: 0;
}
}
.index_sec_contact_double_column {
width: 100%;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/index/contact_wapper_bg.png) no-repeat center center;
background-size: 100% 100%;
}
.index_sec_contact_double_column .wapper_setting {
padding: 6% 0 6% 0;
}
@media screen and (min-width: 1100px) {
.index_sec_contact_double_column .wapper_setting {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_contact_double_column .wapper_setting {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.index_sec_contact_double_column .wapper_setting {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) {
.index_sec_contact_double_column .wapper_setting {
padding: 6% 6% 1% 6%;
}
}
.index_sec_contact_double_column .wapper_setting ul {
margin: 0% auto;
display: table;
table-layout: fixed;
width: 64.727273%;
}
@media screen and (max-width: 769px) {
.index_sec_contact_double_column .wapper_setting ul {
display: block;
width: 100%;
}
}
.index_sec_contact_double_column .wapper_setting ul li {
display: table-cell;
width: 47.68392370572207%;
padding: 0 2% 0 0;
}
@media screen and (max-width: 769px) {
.index_sec_contact_double_column .wapper_setting ul li {
display: block;
width: 100%;
}
}
.index_sec_contact_double_column .wapper_setting ul li:nth-child(2n) {
padding: 0 0% 0 2%;
}
.index_sec_contact_double_column .wapper_setting ul li .contact_wapper {
color: #FFF;
}
@media screen and (max-width: 769px) {
.index_sec_contact_double_column .wapper_setting ul li .contact_wapper {
margin: 0 0 8% 0;
}
}
.index_sec_contact_double_column .wapper_setting ul li .contact_wapper h2 {
margin: 0 0 4.9% 0;
}
@media screen and (min-width: 1100px) {
.index_sec_contact_double_column .wapper_setting ul li .contact_wapper h2 {
font-size: 24px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_contact_double_column .wapper_setting ul li .contact_wapper h2 {
font-size: 2.144772118vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_contact_double_column .wapper_setting ul li .contact_wapper h2 {
font-size: 5.8921875vw;
}
}
@media screen and (max-width: 769px) {
.index_sec_contact_double_column .wapper_setting ul li .contact_wapper h2 {
margin: 0 0 5.4% 0;
}
}
.index_sec_contact_double_column .wapper_setting ul li .contact_wapper .border {
margin: 0 0 6% 0;
border-bottom: 1px solid #FFF;
width: 12%;
display: inline-block;
}
@media screen and (max-width: 769px) {
.index_sec_contact_double_column .wapper_setting ul li .contact_wapper .border {
margin: 0 0 5.2% 0;
}
}
.index_sec_contact_double_column .wapper_setting ul li .contact_wapper p {
line-height: 150%;
}
@media screen and (min-width: 1100px) {
.index_sec_contact_double_column .wapper_setting ul li .contact_wapper p {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_contact_double_column .wapper_setting ul li .contact_wapper p {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_contact_double_column .wapper_setting ul li .contact_wapper p {
font-size: 3.4375vw;
}
}
.index_sec_contact_double_column .contact_wapper .button_box {
margin: 6.2% 0 0% 0;
}
@media screen and (max-width: 769px) {
.index_sec_contact_double_column .contact_wapper .button_box {
margin: 4.2% 0 0% 0;
}
}
.index_sec_contact_double_column .contact_wapper .button_box a {
width: 100%;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #FFF;
text-decoration: none;
color: #282828;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
display: block;
padding: 5.2% 2% 5.7% 2%;
text-align: center;
}
.index_sec_contact_double_column .contact_wapper .button_box a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #00A0E6;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.index_sec_contact_double_column .contact_wapper .button_box a:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.index_sec_contact_double_column .contact_wapper .button_box a:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@media screen and (min-width: 1100px) {
.index_sec_contact_double_column .contact_wapper .button_box a {
font-size: 15px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_contact_double_column .contact_wapper .button_box a {
font-size: 1.3404825737vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_contact_double_column .contact_wapper .button_box a {
font-size: 3.6828125vw;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_contact_double_column .contact_wapper .button_box a {
margin: 0 0 5% 0;
padding: 5.9% 2% 5.7% 2%;
}
}
.index_sec_contact_double_column .contact_wapper .button_box a .icon_arrow {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
background-size: 2.4% auto;
display: block;
width: 100%;
}
.index_sec_contact_double_column .contact_wapper .button_box a:hover .icon_arrow {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
background-size: 2.4% auto;
display: block;
width: 100%;
}
.index_sec_contents {
color: #1E1E1E;
width: 57.4%;
}
@media screen and (min-width: 1100px) {
.index_sec_contents {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_contents {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.index_sec_contents {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) {
.index_sec_contents {
width: 85.9375%;
}
}
.index_sec_contents .title_wapper {
margin: 0% auto 3.1% auto;
display: block;
width: 98%;
}
@media screen and (max-width: 769px) {
.index_sec_contents .title_wapper {
margin: 0% auto 6.1% auto;
}
}
.index_sec_contents .title_wapper h2 {
margin: 0 2% 3% 0;
font-weight: 500;
display: inline;
width: 10.636363636363637%;
}
@media screen and (min-width: 1100px) {
.index_sec_contents .title_wapper h2 {
font-size: 24px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_contents .title_wapper h2 {
font-size: 2.144772118vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_contents .title_wapper h2 {
font-size: 5.8921875vw;
}
}
@media screen and (max-width: 769px) {
.index_sec_contents .title_wapper h2 {
display: block;
}
}
.index_sec_contents .title_wapper p {
padding: 1% 0 0 0;
display: inline;
line-height: 120%;
}
@media screen and (min-width: 1100px) {
.index_sec_contents .title_wapper p {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.index_sec_contents .title_wapper p {
font-size: 1.2727272727vw;
}
}
@media screen and (max-width: 768px) {
.index_sec_contents .title_wapper p {
font-size: 3.4375vw;
}
}
@media screen and (max-width: 769px) {
.index_sec_contents .title_wapper p {
display: block;
}
}
.contents_nav_box {
margin: 0 auto 11% auto;
width: 98%;
}
.contents_nav_box ul {
width: 100%;
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 768px) {
.contents_nav_box ul {
display: block;
}
}
.contents_nav_box ul li {
width: 31.333%;
}
@media screen and (max-width: 768px) {
.contents_nav_box ul li {
width: 100%;
margin: 2% auto;
}
}
.contents_nav_box ul li a {
display: block;
width: 100%;
text-decoration: none;
color: #1E1E1E;
text-align: center;
}
@media screen and (min-width: 1100px) {
.contents_nav_box ul li a {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.contents_nav_box ul li a {
font-size: 1.2727272727vw;
}
}
@media screen and (max-width: 768px) {
.contents_nav_box ul li a {
font-size: 2.8125vw;
}
}
.contents_nav_box ul li a .thumbs {
margin: 0% 0 4% 0;
}
.contents_nav_box ul li a .thumbs img {
width: 100%;
height: auto;
}
@media screen and (max-width: 768px) {
.contents_nav_box ul li a .thumbs {
margin: 2% 0 2% 0;
}
}
.contents_nav_box ul li a .thumbs img {
display: block;
}
.footer_bunner_area_margin {
margin: 9% 0 12.2% 0;
}
@media print, screen and (max-width: 1100px) {
.footer_bunner_area_margin {
margin: 0;
}
}
.footer_bunner_area_margin .title_wapper {
margin: 13% 0 5% 0;
} #video_cheanges.innner_page_box #video {
left: 0 !important;
padding: 150px 0 0 0;
position: relative;
background-position: top center;
height: 450px;
width: 100%;
min-height: 400px;
}
@media screen and (max-width: 769px) {
#video_cheanges.innner_page_box #video {
padding: 100px 2% 0 2%;
height: 287px;
min-height: 250px;
}
}
#video_cheanges.innner_page_box .innner_page_box {
height: 400px;
width: 100%;
}
#video_cheanges.innner_page_box h2 {
margin: 4.10% 0 0 0;
color: #FFF;
text-align: center;
}
@media screen and (min-width: 1100px) {
#video_cheanges.innner_page_box h2 {
font-size: 30px;
}
}
@media print, screen and (max-width: 1100px) {
#video_cheanges.innner_page_box h2 {
font-size: 2.6809651475vw;
}
}
@media screen and (max-width: 768px) {
#video_cheanges.innner_page_box h2 {
font-size: 7.8125vw;
}
}
@media screen and (max-width: 768px) {
#video_cheanges.innner_page_box h2 {
margin: 24px 0 0 0;
}
}
#video_cheanges.innner_page_box .page_top_title_border {
width: 40px;
display: block;
border-bottom: 1px solid #FFF;
margin: 1.32% auto 2.09% auto;
}
#video_cheanges.innner_page_box p {
line-height: 175%;
color: #FFF;
text-align: center;
}
@media screen and (min-width: 1100px) {
#video_cheanges.innner_page_box p {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
#video_cheanges.innner_page_box p {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
#video_cheanges.innner_page_box p {
font-size: 3.125vw;
}
}
#video_cheanges.header_setting_marketing h2 {
color: #282828;
}
#video_cheanges.header_setting_marketing .page_top_title_border {
border-bottom: 1px solid #282828;
}
#video_cheanges.header_setting_marketing p {
color: #00A0E6;
}
#video_cheanges.innner_page_box_blue p {
color: #00A0E6;
} .page_bottom_nav_header_tops .support_pc_nav_01_nav {
background: #F2F2F2;
}
.page_bottom_nav_header_tops .support_pc_nav_01_nav ul {
text-align: center;
padding: 0.7% 1%;
}
@media screen and (min-width: 1100px) {
.page_bottom_nav_header_tops .support_pc_nav_01_nav ul {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.page_bottom_nav_header_tops .support_pc_nav_01_nav ul {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.page_bottom_nav_header_tops .support_pc_nav_01_nav ul {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) {
.page_bottom_nav_header_tops .support_pc_nav_01_nav ul {
width: 100%;
}
}
.page_bottom_nav_header_tops .support_pc_nav_01_nav ul li {
border-bottom: 4px solid #F2F2F2;
padding: 1% 0 0.6% 0;
width: auto;
margin: 0 2% 0 0;
display: inline;
}
@media screen and (min-width: 1100px) {
.page_bottom_nav_header_tops .support_pc_nav_01_nav ul li {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.page_bottom_nav_header_tops .support_pc_nav_01_nav ul li {
font-size: 1.1818181818vw;
}
}
@media screen and (max-width: 768px) {
.page_bottom_nav_header_tops .support_pc_nav_01_nav ul li {
font-size: 2.24296875vw;
}
}
@media screen and (max-width: 769px) {
.page_bottom_nav_header_tops .support_pc_nav_01_nav ul li {
padding: 4% 0;
margin: 0;
display: block;
line-height: 160%;
width: 100%;
}
}
@media screen and (max-width: 769px) {
.page_bottom_nav_header_tops .support_pc_nav_01_nav ul li:first-child {
margin: 0;
padding: 4% 0;
}
}
.page_bottom_nav_header_tops .support_pc_nav_01_nav ul li:last-child {
margin: 0;
}
.page_bottom_nav_header_tops .support_pc_nav_01_nav ul li:hover {
border-bottom: 4px solid #00A0E6;
}
.page_bottom_nav_header_tops .support_pc_nav_01_nav ul li a {
text-decoration: none;
color: #323232;
}
@media screen and (min-width: 1100px) {
.page_bottom_nav_header_tops .support_pc_nav_01_nav ul li a {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.page_bottom_nav_header_tops .support_pc_nav_01_nav ul li a {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.page_bottom_nav_header_tops .support_pc_nav_01_nav ul li a {
font-size: 3.828125vw;
}
}
.page_bottom_nav_header_tops .support_pc_nav_01_nav ul .current-menu-item {
border-bottom: 4px solid #00A0E6;
}
@media screen and (min-width: 1100px) {
.page_bottom_nav_header_tops .support_pc_nav_01_nav ul {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.page_bottom_nav_header_tops .support_pc_nav_01_nav ul {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.page_bottom_nav_header_tops .support_pc_nav_01_nav ul {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) {
.page_bottom_nav_header_tops .support_pc_nav_01_nav ul {
width: 100%;
padding: 0;
}
}
.page_bottom_nav_header_tops .category_pc_nav_01_nav {
background: #F2F2F2;
}
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 1100px) {
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul {
width: 98%;
margin: 0 auto;
}
}
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul::after {
clear: both;
content: "";
display: table;
}
@media screen and (max-width: 769px) {
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul {
width: 100%;
}
}
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul li {
width: 33.333%;
float: left;
}
@media screen and (max-width: 769px) {
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul li {
float: none;
width: 100%;
}
}
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul li a {
width: 100%;
text-align: center;
display: block;
}
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul li a span {
padding: 6.3% 0;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_gray.png) no-repeat 93%;
background-size: 2.4% auto;
display: block;
width: 100%;
}
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul li a span:hover {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
background-size: 2.4% auto;
display: block;
width: 100%;
}
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul li:nth-child(1) a {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #F2F2F2;
text-decoration: none;
color: #282828;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
border-bottom: 1px solid #E6E6E6;
display: block;
}
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul li:nth-child(1) a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #282828;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul li:nth-child(1) a:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul li:nth-child(1) a:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul li:nth-child(1).current-menu-item a {
background: #282828;
color: #FFF;
}
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul li:nth-child(1).current-menu-item a span {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
}
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul li:nth-child(2) a {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #F2F2F2;
text-decoration: none;
color: #282828;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
border-bottom: 1px solid #E6E6E6;
border-right: 1px solid #E6E6E6;
border-left: 1px solid #E6E6E6;
display: block;
}
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul li:nth-child(2) a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ECAF2B;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul li:nth-child(2) a:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul li:nth-child(2) a:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@media screen and (max-width: 768px) {
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul li:nth-child(2) a {
border-right: none;
border-left: none;
}
}
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul li:nth-child(2).current-menu-item a {
background: #ECAF2B;
color: #FFF;
}
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul li:nth-child(2).current-menu-item a span {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
}
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul li:nth-child(3) a {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #F2F2F2;
text-decoration: none;
color: #282828;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
border-bottom: 1px solid #E6E6E6;
display: block;
}
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul li:nth-child(3) a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #4FC9C9;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul li:nth-child(3) a:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul li:nth-child(3) a:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul li:nth-child(3).current-menu-item a {
background: #4FC9C9;
color: #FFF;
}
.page_bottom_nav_header_tops .category_pc_nav_01_nav ul li:nth-child(3).current-menu-item a span {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
}
.page_bottom_nav_header_tops .category_pc_nav_02_nav {
background: #F2F2F2;
}
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 1100px) {
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul {
width: 98%;
margin: 0 auto;
}
}
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul::after {
clear: both;
content: "";
display: table;
}
@media screen and (max-width: 769px) {
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul {
width: 100%;
}
}
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul li {
width: 33.333%;
float: left;
}
@media screen and (max-width: 769px) {
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul li {
float: none;
width: 100%;
}
}
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul li a {
width: 100%;
padding: 6% 0;
text-align: center;
}
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul li a span {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_gray.png) no-repeat 93%;
background-size: 2.4% auto;
display: block;
width: 100%;
}
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul li a:hover span {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
background-size: 2.4% auto;
display: block;
width: 100%;
}
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul li:nth-child(1) a {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #F2F2F2;
text-decoration: none;
color: #282828;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
border-bottom: 1px solid #E6E6E6;
display: block;
}
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul li:nth-child(1) a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #282828;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul li:nth-child(1) a:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul li:nth-child(1) a:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul li:nth-child(1).current-menu-item a {
background: #282828;
color: #FFF;
}
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul li:nth-child(1).current-menu-item a span {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
background-size: 2.4% auto;
display: block;
width: 100%;
}
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul li:nth-child(2) a {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #F2F2F2;
text-decoration: none;
color: #282828;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
border-bottom: 1px solid #E6E6E6;
border-right: 1px solid #E6E6E6;
border-left: 1px solid #E6E6E6;
display: block;
}
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul li:nth-child(2) a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #78D171;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul li:nth-child(2) a:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul li:nth-child(2) a:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@media screen and (max-width: 768px) {
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul li:nth-child(2) a {
border-right: none;
border-left: none;
}
}
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul li:nth-child(2).current-menu-item a {
background: #78D171;
color: #FFF;
}
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul li:nth-child(2).current-menu-item a span {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
background-size: 2.4% auto;
display: block;
width: 100%;
}
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul li:nth-child(3) a {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #F2F2F2;
text-decoration: none;
color: #282828;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
border-bottom: 1px solid #E6E6E6;
display: block;
}
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul li:nth-child(3) a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #FF7878;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul li:nth-child(3) a:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul li:nth-child(3) a:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul li:nth-child(3).current-menu-item a {
background: #FF7878;
color: #FFF;
}
.page_bottom_nav_header_tops .category_pc_nav_02_nav ul li:nth-child(3).current-menu-item a span {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
background-size: 2.4% auto;
display: block;
width: 100%;
}
.position_100 {
width: 100%;
position: absolute;
z-index: 999;
bottom: 23%;
left: 21.4%;
width: 57.27177083333333%;
margin: 0 auto;
}
@media screen and (max-width: 769px) {
.position_100 {
bottom: 14%;
}
}
.position_100 .whtswecado_box img {
width: 100%;
height: auto;
}
.position_100_sc {
width: 100%;
position: absolute;
z-index: 999;
bottom: 0%;
left: 0%;
}
@media screen and (min-width: 1100px) {
.position_100_sc .bottom_img {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.position_100_sc .bottom_img {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.position_100_sc .bottom_img {
width: 98%;
margin: 0 auto;
}
}
.position_100_sc .bottom_img img {
width: 100%;
height: auto;
}
@media screen and (max-width: 769px) {
.position_100_sc .bottom_img {
width: 63%;
}
}
.base_header {
max-height: 89.8vh;
}
@media screen and (max-width: 769px) {
.base_header {
max-height: 65.8vh;
}
}
@media screen and (min-width: 1100px) {
.index_sec_company {
margin: 7.53% auto 0 auto !important;
}
}
.spg_identity.main_wapper {
margin: 6.5%;
}
.index_sec_company .company_more_link {
margin: -0.8% auto 1.6% auto;
}
@media screen and (max-width: 769px) {
.index_sec_company .company_more_link {
margin: -0.8% auto 0% auto;
}
}
.index_sec_service_4columns_wapper {
padding: 0 0.8% !important;
}
@media screen and (min-width: 1100px) {
.index_sec_service_4columns_wapper .bottoms_pref {
font-size: 12px;
}
}
.index_sec_infomation_inner_wapper {
padding: 0 0.8%;
}
div#index_sec_infomation_contents_box .bx-wrapper {
margin: 6% auto !important;
width: 95.9375%;
}
div#index_sec_infomation_contents_box .bx-wrapper .bx-controls-direction .bx-prev {
top: 30%;
}
div#index_sec_infomation_contents_box .bx-wrapper .bx-controls-direction .bx-next {
top: 30%;
}
.index_sec_infomation .more_button {
margin: 7.8% auto 0 auto;
}
.index_sec_office .map_list_wapper .ggmaps {
padding: 321px 0;
}
@media screen and (max-width: 769px) {
.index_sec_office .map_list_wapper .ggmaps {
padding: 110px 0;
}
}
.index_sec_office .shop_nav_list li {
padding: 0.8% 0.5% 0.8% 0%;
}
.index_sec_contact_double_column .contact_wapper .button_box a {
padding: 7.2% 2% 7.7% 2%;
}
.index_sec_contents {
padding: 0 0.1% 0 0.1%;
margin: 12% auto 0 auto;
}

html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} body {
font-family: 'Noto Sans Japanese',Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
#mintyou {
font-family: "sans-serif","Sawarabi Mincho","Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" ,  "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} footer {
background: #1E1E1E;
margin: 6.6% 0 0 0;
}
footer .footer_wapper {
padding: 2.4% 0 2% 0;
}
@media screen and (min-width: 1100px) {
footer .footer_wapper {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
footer .footer_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
footer .footer_wapper {
width: 98%;
margin: 0 auto;
}
}
footer .footer_wapper .main_footer_pref {
margin: 2% auto 3% auto;
text-align: center;
}
@media screen and (max-width: 769px) {
footer .footer_wapper .main_footer_pref {
padding: 9.4% 0 5% 0;
}
}
footer .footer_wapper .main_footer_pref h2 {
margin: 0 0 1% 0;
color: #00A0E6;
}
@media screen and (min-width: 1100px) {
footer .footer_wapper .main_footer_pref h2 {
font-size: 29px;
}
}
@media print, screen and (max-width: 1100px) {
footer .footer_wapper .main_footer_pref h2 {
font-size: 2.6363636364vw;
}
}
@media screen and (max-width: 768px) {
footer .footer_wapper .main_footer_pref h2 {
font-size: 9.0625vw;
}
}
@media screen and (max-width: 768px) {
footer .footer_wapper .main_footer_pref h2 {
margin: 0 0 2% 0;
}
}
footer .footer_wapper .main_footer_pref p {
color: #8C8C8C;
}
@media screen and (min-width: 1100px) {
footer .footer_wapper .main_footer_pref p {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
footer .footer_wapper .main_footer_pref p {
font-size: 1.1818181818vw;
}
}
@media screen and (max-width: 768px) {
footer .footer_wapper .main_footer_pref p {
font-size: 4.0625vw;
}
}
footer .footer_nav_list {
width: 100%;
padding: 2.4% 0% 3% 0;
border-top: 1px solid #8C8C8C;
border-bottom: 1px solid #8C8C8C;
margin: 3% auto 0 auto;
}
@media print, screen and (max-width: 1100px) {
footer .footer_nav_list {
width: 92%;
}
}
footer .footer_nav_list ul {
display: table;
table-layout: fixed;
width: 100%;
}
@media screen and (max-width: 768px) {
footer .footer_nav_list ul {
display: block;
}
}
footer .footer_nav_list ul li {
display: table-cell;
vertical-align: middle;
width: 9.9999%;
line-height: 160%;
text-align: center;
color: #9E9E9F;
}
footer .footer_nav_list ul li img {
width: 100%;
height: auto;
}
@media screen and (min-width: 1100px) {
footer .footer_nav_list ul li {
font-size: 11px;
}
}
@media print, screen and (max-width: 1100px) {
footer .footer_nav_list ul li {
font-size: 1vw;
}
}
@media screen and (max-width: 768px) {
footer .footer_nav_list ul li {
font-size: 2.96875vw;
}
}
@media screen and (max-width: 768px) {
footer .footer_nav_list ul li {
padding: 2% 0;
display: block;
width: 100%;
text-align: center;
}
}
footer .footer_nav_list ul li a {
display: block;
width: 100%;
}
footer .footer_nav_list ul li .telbox {
display: block;
}
@media screen and (max-width: 768px) {
footer .footer_nav_list ul li .telbox {
margin: 0 0 0 2%;
display: inline;
}
}
footer .footer_nav_list ul li .telbox a {
display: inline;
color: #9E9E9F;
text-decoration: none;
}
@media screen and (min-width: 1100px) {
footer .footer_nav_list ul li .telbox a {
pointer-events: none;
}
}
footer .footer_nav_list ul li img {
display: block;
}
@media screen and (max-width: 769px) {
footer .footer_nav_list ul .first_box {
width: 17.623906%;
margin: 4% auto 6% auto;
}
}
@media screen and (max-width: 768px) {
footer .footer_nav_list ul .first_box {
width: 40.62390625%;
margin: 4% auto 6% auto;
}
}
.footer_bottom {
padding: 0 0 1.8% 0;
color: #9E9E9F;
text-align: center;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 1100px) {
.footer_bottom {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.footer_bottom {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.footer_bottom {
width: 98%;
margin: 0 auto;
}
}
@media screen and (min-width: 1100px) {
.footer_bottom {
font-size: 11px;
}
}
@media print, screen and (max-width: 1100px) {
.footer_bottom {
font-size: 1vw;
}
}
@media screen and (max-width: 768px) {
.footer_bottom {
font-size: 2.8875vw;
}
}
.footer_bottom::after {
clear: both;
content: "";
display: table;
}
@media screen and (max-width: 769px) {
.footer_bottom {
padding: 0 0 2.8% 0;
}
}
.footer_bottom address {
display: inline;
}
@media screen and (min-width: 1100px) {
.footer_bottom address {
font-size: 11px;
}
}
@media print, screen and (max-width: 1100px) {
.footer_bottom address {
font-size: 1vw;
}
}
@media screen and (max-width: 768px) {
.footer_bottom address {
font-size: 2.8875vw;
}
}
@media screen and (max-width: 768px) {
.footer_bottom address {
display: block;
padding: 3% 0 0 0;
}
}
.footer_bottom ul {
margin: 0 0 0 2%;
display: inline;
}
@media screen and (max-width: 769px) {
.footer_bottom ul {
display: block;
}
}
.footer_bottom ul li {
display: inline;
}
.footer_bottom ul li a {
text-decoration: none;
color: #9E9E9F;
}
.footer_bottom ul li:nth-child(2n) {
margin: 0 0 0 1%;
padding: 0 0 0 1%;
border-left: 1px solid #9E9E9F;
}
.footer_bottom.sp_only {
margin: 4% auto 0 auto;
}
footer {
position: relative;
}
footer .page_top_button { }
@media screen and (max-width: 768px) {
footer .page_top_button { background: #00A0E6;
}
}
@media screen and (max-width: 768px) {
footer .page_top_button img {
margin: 0 auto;
width: 18%;
height: auto;
}
}
.page_top_button_wapper {
width: 100%;
position: absolute;
top: -7%;
right: 0;
z-index: 999999;
}
@media screen and (max-width: 769px) {
.page_top_button_wapper {
position: relative;
}
}
.page_top_button_wapper .page_top_button_inner {
max-width: 100%;
margin-left: auto;
margin-right: auto;
margin: 0 auto;
padding: 0 0.8%;
}
@media screen and (min-width: 1100px) {
.page_top_button_wapper .page_top_button_inner {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.page_top_button_wapper .page_top_button_inner {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.page_top_button_wapper .page_top_button_inner {
width: 98%;
margin: 0 auto;
}
}
.page_top_button_wapper .page_top_button_inner::after {
clear: both;
content: "";
display: table;
}
@media screen and (max-width: 769px) {
.page_top_button_wapper .page_top_button_inner {
padding: 0;
width: 100%;
background: #00A0E6;
}
}
.page_top_button_wapper .page_top_button_inner .page_top_button {
float: right;
display: block;
width: 9%;
padding: 0;
}
.page_top_button_wapper .page_top_button_inner .page_top_button img {
width: 100%;
height: auto;
}
@media screen and (max-width: 769px) {
.page_top_button_wapper .page_top_button_inner .page_top_button {
padding: 0;
margin: 0 auto;
width: 100%;
float: none;
}
} @media screen and (min-width: 1100px) {
.footer_botton_contents_settings {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.footer_botton_contents_settings {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.footer_botton_contents_settings {
width: 98%;
margin: 0 auto;
}
} @media screen and (min-width: 1100px) {
.footer_contents_menu_box {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.footer_contents_menu_box {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.footer_contents_menu_box {
width: 98%;
margin: 0 auto;
}
}
.footer_contents_menu_box .other_nav_02_wapper {
width: 78%;
margin: 6% auto 6% auto;
}
@media screen and (max-width: 769px) {
.footer_contents_menu_box .other_nav_02_wapper {
width: 94.100625%;
}
}
.footer_contents_menu_box .other_nav_02_wapper ul {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.footer_contents_menu_box .other_nav_02_wapper ul::after {
clear: both;
content: "";
display: table;
}
.footer_contents_menu_box .other_nav_02_wapper ul li {
margin: 0 1% 0 0;
width: 24.2%;
text-align: center;
float: left;
}
@media screen and (min-width: 1100px) {
.footer_contents_menu_box .other_nav_02_wapper ul li {
font-size: 17px;
}
}
@media print, screen and (max-width: 1100px) {
.footer_contents_menu_box .other_nav_02_wapper ul li {
font-size: 1.5192135836vw;
}
}
@media screen and (max-width: 768px) {
.footer_contents_menu_box .other_nav_02_wapper ul li {
font-size: 3.875vw;
}
}
.footer_contents_menu_box .other_nav_02_wapper ul li:last-child {
margin: 0;
}
@media screen and (max-width: 769px) {
.footer_contents_menu_box .other_nav_02_wapper ul li {
margin: 0;
width: 50%;
}
}
.footer_contents_menu_box .other_nav_02_wapper ul li a {
width: 100%;
padding: 6% 0;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #FFF;
text-decoration: none;
color: #282828;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
display: block;
text-decoration: none;
display: block;
border: 1px solid #282828;
}
.footer_contents_menu_box .other_nav_02_wapper ul li a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #282828;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.footer_contents_menu_box .other_nav_02_wapper ul li a:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.footer_contents_menu_box .other_nav_02_wapper ul li a:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
} .footer_about_us_in_pages {
padding: 5% 0 4% 0;
width: 100%;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/footer/footer_about_us_in_pages_bg_img.png) no-repeat center;
background-size: 100% 100%;
}
@media screen and (max-width: 769px) {
.footer_about_us_in_pages {
padding: 30% 0;
}
}
.footer_about_us_in_pages h2 {
text-align: center;
color: #FFF;
letter-spacing: 3px;
}
@media screen and (min-width: 1100px) {
.footer_about_us_in_pages h2 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
.footer_about_us_in_pages h2 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
.footer_about_us_in_pages h2 {
font-size: 5.9265625vw;
}
}
.footer_about_us_in_pages .about_us_in_pages_boder {
margin: 2.5% auto 3% auto;
border-bottom: 1px solid #FFF;
width: 6%;
display: block;
}
@media screen and (max-width: 769px) {
.footer_about_us_in_pages .about_us_in_pages_boder {
width: 13%;
margin: 8% auto 12% auto;
}
}
.footer_about_us_in_pages p {
margin: 4% 0 0 0;
text-align: center;
color: #FFF;
line-height: 160%;
}
@media screen and (min-width: 1100px) {
.footer_about_us_in_pages p {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.footer_about_us_in_pages p {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.footer_about_us_in_pages p {
font-size: 3.853125vw;
}
}
@media screen and (max-width: 769px) {
.footer_about_us_in_pages p {
margin: 12% 0 0 0;
}
}
.footer_about_us_in_pages .other_nav_01_wapper ul {
margin: 0 auto;
width: 25.9%;
}
@media screen and (max-width: 769px) {
.footer_about_us_in_pages .other_nav_01_wapper ul {
width: 88.75%;
}
}
.footer_about_us_in_pages .other_nav_01_wapper ul li a {
padding: 9.6% 0;
text-align: center;
width: 100%;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #000;
text-decoration: none;
color: #FFF;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
display: block;
transition: color 0.3s ease 0.5s;
text-decoration: none;
border: 1px solid #FFF;
}
@media screen and (min-width: 1100px) {
.footer_about_us_in_pages .other_nav_01_wapper ul li a {
font-size: 15px;
}
}
@media print, screen and (max-width: 1100px) {
.footer_about_us_in_pages .other_nav_01_wapper ul li a {
font-size: 2.5424486148vw;
}
}
@media screen and (max-width: 768px) {
.footer_about_us_in_pages .other_nav_01_wapper ul li a {
font-size: 4.4453125vw;
}
}
.footer_about_us_in_pages .other_nav_01_wapper ul li a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #FFF;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.footer_about_us_in_pages .other_nav_01_wapper ul li a:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.footer_about_us_in_pages .other_nav_01_wapper ul li a:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #000;
}
100% {
color: #000;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@media screen and (max-width: 769px) {
.footer_about_us_in_pages .other_nav_01_wapper ul li a {
padding: 8.9% 2% 9.7% 2%;
}
}
.footer_about_us_in_pages .other_nav_01_wapper ul li a .span_arrow {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
background-size: 2.4% auto;
display: block;
width: 100%;
}
.footer_about_us_in_pages .other_nav_01_wapper ul li a:hover .span_arrow {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_gray.png) no-repeat 93%;
color: #000;
}
.footer_page_campany_top_wapper .footer_botton_contents_settings {
margin: 4% auto 12% auto;
}
@media print, screen and (max-width: 1100px) {
.footer_page_campany_top_wapper .footer_botton_contents_settings {
margin: 4% auto 14% auto;
}
}
.footer_page_campany_top_wapper .footer_botton_contents_settings a {
margin: 0 auto;
padding: 2.4% 0;
width: 25.6%;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #000;
text-decoration: none;
color: #FFF;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
display: block;
text-align: center;
background-size: 2.4% auto;
transition: color 0.3s ease 0.5s;
}
.footer_page_campany_top_wapper .footer_botton_contents_settings a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #00a0e6;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.footer_page_campany_top_wapper .footer_botton_contents_settings a:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.footer_page_campany_top_wapper .footer_botton_contents_settings a:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@media screen and (min-width: 1100px) {
.footer_page_campany_top_wapper .footer_botton_contents_settings a {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.footer_page_campany_top_wapper .footer_botton_contents_settings a {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.footer_page_campany_top_wapper .footer_botton_contents_settings a {
font-size: 3.4518072289vw;
}
}
@media print, screen and (max-width: 1100px) {
.footer_page_campany_top_wapper .footer_botton_contents_settings a {
width: 85.9375%;
padding: 5.9% 2% 5.7% 2%;
}
}
.footer_page_campany_top_wapper .footer_botton_contents_settings a span {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
width: 100%;
display: block;
}
.footer_page_campany_top_wapper .footer_botton_contents_settings a:hover span {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
}
.footer_button_page_top_wapper .footer_botton_contents_settings a {
margin: 8.8% auto 4% auto;
width: 20%;
text-align: center;
display: block;
}
@media screen and (max-width: 769px) {
.footer_button_page_top_wapper .footer_botton_contents_settings a {
margin: 9.5% auto 10% auto;
}
}
.page_works_main + .footer_button_page_top_wapper a {
margin: 3.8% auto 3% auto !important;
}
.page_privacypolicy_wapper .page_privacypolicy_bottom_area {
padding: 0 !important;
}
.page_privacypolicy_wapper .page_privacypolicy_bottom_area .footer_button_page_top_wapper .footer_botton_contents_settings {
margin: 10.1% auto 0% auto;
width: 100% !important;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_wapper .page_privacypolicy_bottom_area .footer_button_page_top_wapper .footer_botton_contents_settings {
margin: 10% auto 0% auto;
}
}
.page_privacypolicy_wapper .page_privacypolicy_bottom_area .footer_button_page_top_wapper .footer_botton_contents_settings a {
display: block;
text-align: center;
width: 7.78%;
margin: 4% auto 1% auto;
}
.page_privacypolicy_wapper .page_privacypolicy_bottom_area .footer_button_page_top_wapper .footer_botton_contents_settings a img {
width: 100%;
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} .page_company_inner {
color: #282828;
}
@media screen and (min-width: 1100px) {
.page_company_inner {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.page_company_inner {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.page_company_inner {
width: 98%;
margin: 0 auto;
}
}
.page_company_inner .title_wapper {
margin: 8.5% auto 8.4% auto;
padding: 0 0 0 5.8%;
}
@media screen and (max-width: 769px) {
.page_company_inner .title_wapper {
margin: 12.5% auto 8.4% auto;
}
}
.page_company_inner .title_wapper h2 {
margin: 0 1.6% 0 0%;
display: inline;
font-weight: 500;
letter-spacing: 4px;
}
@media screen and (min-width: 1100px) {
.page_company_inner .title_wapper h2 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
.page_company_inner .title_wapper h2 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
.page_company_inner .title_wapper h2 {
font-size: 5.0484375vw;
}
}
@media screen and (min-width: 1100px) {
.page_company_inner .title_wapper span {
font-size: 12px;
}
}
@media print, screen and (max-width: 1100px) {
.page_company_inner .title_wapper span {
font-size: 1.072386059vw;
}
}
@media screen and (max-width: 768px) {
.page_company_inner .title_wapper span {
font-size: 3.028125vw;
}
}
.page_company_history_inner .title_wapper {
margin: 10% auto 9.6% auto;
padding: 0 3.4%;
}
.page_company_history_inner h2 {
margin: 0 0.7% 0 0%;
}
@media screen and (max-width: 768px) {
.page_group_maps_01 {
width: 88.75%;
}
}
.page_group_maps_02 {
padding: 0 0 0 3.3%;
}
@media screen and (max-width: 769px) {
.page_group_maps_02 {
width: 88.75%;
}
}
.page_group_maps_02 h3 {
line-height: 150%;
font-weight: 600;
letter-spacing: 3px;
}
@media screen and (min-width: 1100px) {
.page_group_maps_02 h3 {
font-size: 24.46px;
}
}
@media print, screen and (max-width: 1100px) {
.page_group_maps_02 h3 {
font-size: 2.1858802502vw;
}
}
@media screen and (max-width: 768px) {
.page_group_maps_02 h3 {
font-size: 5.9375vw;
}
}
.page_group_maps_02 p {
margin: 5% 0 5% 0;
line-height: 150%;
}
@media screen and (min-width: 1100px) {
.page_group_maps_02 p {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.page_group_maps_02 p {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.page_group_maps_02 p {
font-size: 3.28125vw;
}
}
.page_group_maps_02 ul li {
margin: 0.6% 0;
width: 100%;
table-layout: fixed;
display: table;
}
@media screen and (max-width: 769px) {
.page_group_maps_02 ul li {
display: block;
margin: 0.6% 0 3% 0;
}
}
.page_group_maps_02 ul li h3 {
display: table-cell;
width: 20%;
font-weight: 500;
letter-spacing: 0px;
}
@media screen and (min-width: 1100px) {
.page_group_maps_02 ul li h3 {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.page_group_maps_02 ul li h3 {
font-size: 1.1818181818vw;
}
}
@media screen and (max-width: 768px) {
.page_group_maps_02 ul li h3 {
font-size: 2.0709375vw;
}
}
@media screen and (max-width: 769px) {
.page_group_maps_02 ul li h3 {
display: block;
width: 100%;
}
}
.page_group_maps_02 ul li a {
display: table-cell;
width: 80%;
padding: 0 0 0 2%;
color: #646464;
}
@media screen and (max-width: 769px) {
.page_group_maps_02 ul li a {
padding: 0;
display: block;
width: 100%;
}
}
@media screen and (min-width: 1100px) {
.page_group_maps_02 ul li a {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.page_group_maps_02 ul li a {
font-size: 1.1818181818vw;
}
}
@media screen and (max-width: 768px) {
.page_group_maps_02 ul li a {
font-size: 2.0709375vw;
}
}
.page_group_maps_03 .g_maps_wapper {
margin: 12% auto 13% auto;
padding: 0 6%;
position: relative;
}
.page_group_maps_03 .g_maps_wapper img {
width: 100%;
height: auto;
}
@media screen and (max-width: 769px) {
.page_group_maps_03 .g_maps_wapper {
width: 88.75%;
}
}
.page_group_maps_03 .g_maps_wapper a {
display: block;
width: 30%;
position: absolute;
height: 40px;
width: 18%;
}
.page_group_maps_03 .g_maps_wapper .urban {
width: 25%;
top: 0;
right: 23.6%;
}
.page_group_maps_03 .g_maps_wapper .urban_kobe {
top: 8%;
right: 23.6%;
}
.page_group_maps_03 .g_maps_wapper .urban_oosakadaiichi {
top: 15.6%;
right: 23.6%;
}
.page_group_maps_03 .g_maps_wapper .urban_oosakadaini {
top: 23.5%;
right: 23.6%;
}
.page_group_maps_03 .g_maps_wapper .urban_naboya {
top: 31%;
right: 23.6%;
}
.page_group_maps_03 .g_maps_wapper .urban_hokuriku {
top: 31.6%;
right: 4%;
}
.page_group_maps_03 .g_maps_wapper .urban_okayama {
top: 39%;
right: 23.6%;
}
.page_group_maps_03 .g_maps_wapper .urban_hiroshima {
top: 39%;
right: 4%;
}
.page_group_maps_03 .g_maps_wapper .urban_fukuoka {
top: 47%;
right: 23.6%;
}
.page_group_maps_03 .g_maps_wapper .mika {
width: 25%;
top: 55%;
right: 23.6%;
}
.page_group_maps_03 .g_maps_wapper .ftb {
width: 25%;
top: 63%;
right: 23.6%;
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} .page_company_group_01 .title_wapper {
padding: 0 0 10% 0;
border-bottom: 1px solid #DCDCDC;
}
@media screen and (max-width: 769px) {
.page_company_group_01 .title_wapper {
padding: 0 0 10% 0;
}
}
.page_company_group_01 .title_wapper h2 {
margin: 0 3% 0 0%;
letter-spacing: 2px;
}
@media screen and (max-width: 769px) {
.page_company_group_01 .title_wapper h2 {
margin: 0 8% 0 0%;
}
}
.page_company_group_01 .title_wapper span {
letter-spacing: 1px;
}
@media screen and (max-width: 769px) {
.page_company_group_01 {
width: 88.75%;
}
}
@media screen and (max-width: 769px) {
.page_company_group_02 {
width: 88.75%;
}
}
.page_company_group_02 .thumbs_wapper {
margin: 6% auto 10% auto;
}
@media screen and (max-width: 769px) {
.page_company_group_02 .thumbs_wapper {
margin: 6% auto 25% auto;
}
}
.page_company_group_02 .thumbs_wapper ul {
display: table;
table-layout: fixed;
width: 100%;
}
@media screen and (max-width: 769px) {
.page_company_group_02 .thumbs_wapper ul {
display: block;
}
}
.page_company_group_02 .thumbs_wapper ul li {
padding: 1.8% 1.6% 0 1.6%;
display: table-cell;
width: 20%;
}
.page_company_group_02 .thumbs_wapper ul li img {
width: 100%;
height: auto;
}
@media screen and (max-width: 769px) {
.page_company_group_02 .thumbs_wapper ul li {
display: block;
margin: 15% auto;
width: 70.3125%;
}
}
.page_company_group_02 .thumbs_wapper ul li h3 {
margin: 16% 0 0.02% 0;
color: #282828;
text-align: center;
line-height: 160%;
}
@media screen and (min-width: 1100px) {
.page_company_group_02 .thumbs_wapper ul li h3 {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.page_company_group_02 .thumbs_wapper ul li h3 {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.page_company_group_02 .thumbs_wapper ul li h3 {
font-size: 3.65625vw;
}
}
.page_company_group_02 .thumbs_wapper ul li a {
display: block;
text-align: center;
color: #646464;
line-height: 160%;
}
@media screen and (min-width: 1100px) {
.page_company_group_02 .thumbs_wapper ul li a {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.page_company_group_02 .thumbs_wapper ul li a {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 768px) {
.page_company_group_02 .thumbs_wapper ul li a {
font-size: 3.9375vw;
}
}
.page_company_group_02 .thumbs_wapper ul li img {
display: block;
}
.page_company_group_02 .pref_wapper {
margin: 11.6% auto 8% auto;
color: #282828;
}
@media screen and (min-width: 1100px) {
.page_company_group_02 .pref_wapper {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.page_company_group_02 .pref_wapper {
font-size: 1.1818181818vw;
}
}
@media screen and (max-width: 768px) {
.page_company_group_02 .pref_wapper {
font-size: 1.92265625vw;
}
}
@media screen and (max-width: 769px) {
.page_company_group_02 .pref_wapper {
width: 88.75%;
margin: 4% auto 14% auto;
}
}
.page_company_group_02 p {
line-height: 120%;
color: #282828;
}
@media screen and (min-width: 1100px) {
.page_company_group_02 p {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.page_company_group_02 p {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.page_company_group_02 p {
font-size: 3.28125vw;
}
}
@media screen and (max-width: 769px) {
.page_company_group_02 p {
line-height: 130%;
}
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} .page_company_access_map {
margin: 4% auto 0% auto;
width: 52%;
}
@media screen and (max-width: 769px) {
.page_company_access_map {
margin: 20% auto 4% auto;
width: 100%;
}
}
.page_company_access_map #access_maps {
position: relative;
padding-bottom: 50.25%;
padding-top: 0px;
height: 0;
overflow: hidden;
width: 100%;
height: 500px;
}
.page_company_access_map #access_maps iframe,
.page_company_access_map #access_maps object,
.page_company_access_map #access_maps embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.page_company_access_map #access_maps iframe {
width: 100%;
}
@media screen and (max-width: 769px) {
.page_company_access_map #access_maps {
height: 320px;
}
}
.page_company_access_maps {
max-width: 100%;
margin-left: auto;
margin-right: auto;
width: 52%;
}
.page_company_access_maps::after {
clear: both;
content: "";
display: table;
}
@media screen and (max-width: 769px) {
.page_company_access_maps {
margin: 6% auto;
width: 88.75%;
}
}
.page_company_access_maps .page_company_access_maps_thumbs {
float: left;
width: 57.9%;
margin: 3.93% 0;
}
.page_company_access_maps .page_company_access_maps_thumbs img {
width: 100%;
height: auto;
}
@media screen and (max-width: 769px) {
.page_company_access_maps .page_company_access_maps_thumbs {
margin: 0 auto 6% auto;
float: none;
width: 100%;
}
}
.page_company_access_maps .page_company_access_maps_pref {
margin: 3.93% 0 0 auto;
float: right;
width: 37%;
}
@media screen and (max-width: 769px) {
.page_company_access_maps .page_company_access_maps_pref {
float: none;
width: 100%;
}
}
@media screen and (min-width: 1100px) {
.page_company_access_maps_pref_01 p {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.page_company_access_maps_pref_01 p {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.page_company_access_maps_pref_01 p {
font-size: 3.28125vw;
}
}
.page_company_access_maps_pref h2 {
margin: 0 0 2% 0;
font-weight: 500;
letter-spacing: -0.4px;
}
@media screen and (min-width: 1100px) {
.page_company_access_maps_pref h2 {
font-size: 17px;
}
}
@media print, screen and (max-width: 1100px) {
.page_company_access_maps_pref h2 {
font-size: 1.5192135836vw;
}
}
@media screen and (max-width: 768px) {
.page_company_access_maps_pref h2 {
font-size: 4.290625vw;
}
}
.page_company_access_maps_pref .border {
margin: 5.4% 0 4% 0;
width: 5.6%;
display: inline-block;
border-bottom: 1px solid #6E6E6E;
}
.page_company_access_maps_pref p {
line-height: 160%;
color: #646464;
}
@media screen and (min-width: 1100px) {
.page_company_access_maps_pref p {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.page_company_access_maps_pref p {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.page_company_access_maps_pref p {
font-size: 3.28125vw;
}
}
@media screen and (min-width: 1100px) {
.page_company_access_maps_pref .chushaku_pref {
font-size: 12px;
}
}
@media print, screen and (max-width: 1100px) {
.page_company_access_maps_pref .chushaku_pref {
font-size: 1.072386059vw;
}
}
@media screen and (max-width: 768px) {
.page_company_access_maps_pref .chushaku_pref {
font-size: 3.28125vw;
}
}
.page_company_access_maps_pref h3 {
color: #282828;
line-height: 160%;
font-weight: 600;
letter-spacing: -0.6px;
}
@media screen and (min-width: 1100px) {
.page_company_access_maps_pref h3 {
font-size: 15px;
}
}
@media print, screen and (max-width: 1100px) {
.page_company_access_maps_pref h3 {
font-size: 1.3404825737vw;
}
}
@media screen and (max-width: 768px) {
.page_company_access_maps_pref h3 {
font-size: 3.7859375vw;
}
}
.page_company_access_maps_pref h4 {
letter-spacing: -1px;
margin: 1.4% 0 0 0;
color: #282828;
line-height: 160%;
font-weight: 500;
}
@media screen and (min-width: 1100px) {
.page_company_access_maps_pref h4 {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.page_company_access_maps_pref h4 {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 768px) {
.page_company_access_maps_pref h4 {
font-size: 3.534375vw;
}
}
.page_company_access_maps_pref [class^="page_company_access_maps_pref_"] {
margin: 0 0 8% 0;
}
@media screen and (max-width: 769px) {
.page_company_wapper .page_company_access_link_box {
width: 88.75%;
}
}
.page_company_wapper .page_company_access_link_box a {
margin: 2.8% auto 17% auto;
padding: 1.6% 0;
text-align: center;
width: 26%;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #00a0e6;
text-decoration: none;
color: #FFF;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
display: block;
}
.page_company_wapper .page_company_access_link_box a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #323232;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.page_company_wapper .page_company_access_link_box a:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.page_company_wapper .page_company_access_link_box a:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@media screen and (min-width: 1100px) {
.page_company_wapper .page_company_access_link_box a {
font-size: 15px;
}
}
@media print, screen and (max-width: 1100px) {
.page_company_wapper .page_company_access_link_box a {
font-size: 1.3404825737vw;
}
}
@media screen and (max-width: 768px) {
.page_company_wapper .page_company_access_link_box a {
font-size: 4.4453125vw;
}
}
@media print, screen and (max-width: 1100px) {
.page_company_wapper .page_company_access_link_box a {
padding: 4% 0;
width: 100%;
padding: 5.9% 2% 5.7% 2%;
}
}
.page_company_wapper .page_company_access_link_box a .icon_arrow {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
background-size: 2.4% auto;
display: block;
width: 100%;
}
@media screen and (max-width: 769px) {
.page_company_wapper .page_company_access_link_box a .icon_arrow {
display: block;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
}
}
.page_company_wapper .page_company_access_link_box a:hover .icon_arrow {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
}
@media screen and (max-width: 769px) {
.page_company_wapper .page_company_access_link_box a:hover .icon_arrow {
display: block;
}
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} .page_company_history_inner {
margin: 5% auto 0 auto;
padding: 0 3.4%;
}
.page_company_history_inner .title_wapper {
margin: 8.6% auto 8% auto;
padding: 0;
}
@media screen and (max-width: 769px) {
.page_company_history_inner .title_wapper {
width: 88.75%;
margin: 10% auto 8% auto;
padding: 0 0 10% 0;
}
}
.page_company_history_inner table {
width: 100%;
border-bottom: 1px solid #DCDCDC;
}
@media screen and (max-width: 769px) {
.page_company_history_inner table {
border: none;
display: block;
}
}
.page_company_history_inner table:first-of-type {
border-top: 1px solid #DCDCDC;
}
@media screen and (max-width: 769px) {
.page_company_history_inner table:first-of-type {
border-top: none;
}
}
@media screen and (max-width: 769px) {
.page_company_history_inner table tr:last-child {
border-bottom: none;
}
}
.page_company_history_inner table th, .page_company_history_inner table td {
padding: 1.4% 0;
line-height: 160%;
text-align: left;
vertical-align: middle;
}
@media screen and (min-width: 1100px) {
.page_company_history_inner table th, .page_company_history_inner table td {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.page_company_history_inner table th, .page_company_history_inner table td {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.page_company_history_inner table th, .page_company_history_inner table td {
font-size: 3.28125vw;
}
}
@media screen and (max-width: 769px) {
.page_company_history_inner table th, .page_company_history_inner table td {
padding: 2% 0;
width: 88.75%;
margin: 0 auto;
display: block;
}
}
.page_company_history_inner table th {
padding: 1.4% 2.6% 1.4% 0;
width: 21%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.page_company_history_inner table th::after {
clear: both;
content: "";
display: table;
}
@media screen and (max-width: 769px) {
.page_company_history_inner table th {
margin: 0 auto;
width: 88.75%;
}
}
.page_company_history_inner table th .year {
float: left;
}
@media screen and (max-width: 769px) {
.page_company_history_inner table th .year {
display: block;
width: 100%;
padding: 1% 0 0 0;
}
}
.page_company_history_inner table th .month {
float: right;
}
@media screen and (max-width: 769px) {
.page_company_history_inner table th .month {
display: none;
}
}
@media screen and (max-width: 769px) {
.page_company_history_inner table th .month.sp_only {
padding: 0 0 1% 0;
}
}
.page_company_history_inner table th .pc_table_cell {
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.page_company_history_inner table th .pc_table_cell::after {
clear: both;
content: "";
display: table;
}
@media screen and (max-width: 769px) {
.page_company_history_inner table th .pc_table_cell {
display: none;
}
}
.page_company_history_inner table td {
width: 79%;
}
@media screen and (max-width: 769px) {
.page_company_history_inner table td {
width: 88.75%;
}
}
.page_company_history_inner table td a {
text-decoration: none;
color: #282828;
}
@media screen and (max-width: 769px) {
.page_company_history_inner table td .month {
float: none;
display: inline-block;
margin: 0 2% 0 0;
text-align: left;
padding: 1% 0;
}
}
.page_history_outline_02 table .first_table {
border-bottom: 1px solid #DCDCDC;
}
.page_history_outline_02 table .first_table_last {
border: none;
}
.page_history_outline_02 .title_wapper {
padding: 0 !important;
}
.page_history_history_01 {
margin: 5.3% auto 0 auto;
}
.page_history_history_01 .title_wapper {
padding: 0;
margin: 9.6% auto 10% auto;
}
@media screen and (max-width: 769px) {
.page_history_history_01 .title_wapper {
margin: 24.6% auto 10% auto;
}
}
.page_company_history_inner table .top_th {
vertical-align: top;
}
@media screen and (max-width: 769px) {
.page_company_history_inner table .no-bottom {
border-bottom: 1px solid #DCDCDC;
}
}
@media screen and (min-width: 1100px) {
.page_company_history_inner table .sp_only {
padding: 0 !important;
}
}
@media screen and (max-width: 769px) {
.page_company_history_inner table .pc_only {
padding: 0 !important;
}
}
.page_company_history_inner .table_layout th, .page_company_history_inner .table_layout td {
padding: 0.2% 2% 0.2% 0;
}
@media screen and (max-width: 769px) {
.page_company_history_inner .table_layout th, .page_company_history_inner .table_layout td {
padding: 1.4% 2% 1.4% 0;
}
}
.page_company_history_inner .table_layout .first_space th, .page_company_history_inner .table_layout .first_space td {
padding: 1% 2% 1% 0;
}
.page_company_history_inner .table_layout .last_space th, .page_company_history_inner .table_layout .last_space td {
padding: 0.2% 2.0% 1% 0;
}
@media screen and (max-width: 769px) {
.page_company_history_inner .table_layout .last_space {
border-bottom: none;
}
}
@media screen and (max-width: 769px) {
.page_company_history_inner .first_table {
border-bottom: 1px solid #DCDCDC;
}
}
@media screen and (max-width: 769px) {
.page_company_wapper .page_company_history_inner {
width: 100%;
}
}
.page_company_wapper .page_history_history_02 {
margin: 0 auto 8% auto;
}
.page_company_wapper .page_history_history_02 .first_space {
border-top: 1px solid #DCDCDC;
}
.page_company_wapper .page_history_history_02 .first_space th, .page_company_wapper .page_history_history_02 .first_space td {
padding: 1% 2% 0% 0;
}
.page_company_wapper .page_history_history_02 .last_space th, .page_company_wapper .page_history_history_02 .last_space td {
padding: 0% 2% 1% 0;
}
@media screen and (max-width: 769px) {
.page_company_wapper .page_history_history_02 {
margin: 0 auto 19% auto !important;
}
}
.page_company_wapper .page_history_history_02 .table_layout .kuzure {
width: 100%;
padding: 5% 9% 0% 0;
}
@media screen and (max-width: 769px) {
.page_company_wapper .page_history_history_02 .table_layout .kuzure {
width: 88.75%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) {
.page_company_wapper .page_history_history_02 .table_layout .kuzure .year {
padding: 5% 0% 0% 0;
}
}
.page_company_wapper .page_history_history_02 .table_layout .kuzure .month {
width: 30%;
text-align: right;
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} .company_gray {
background: #F2F2F2;
padding: 6% 0;
margin: 0 auto;
position: relative;
overflow: hidden;
}
@media screen and (max-width: 769px) {
.company_gray {
padding: 15% 0;
}
}
.company_gray .page_company_inner_hon {
width: 1020px !important;
margin: 0 auto !important;
position: relative;
}
@media screen and (max-width: 769px) {
.company_gray .page_company_inner_hon {
width: 100% !important;
}
}
.company_gray .page_company_inner_hon .page_company_inner_hon_inner {
padding: 3% 3% 3% 4%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.company_gray .page_company_inner_hon .page_company_inner_hon_inner::after {
clear: both;
content: "";
display: table;
}
@media screen and (max-width: 769px) {
.company_gray .page_company_inner_hon .page_company_inner_hon_inner {
padding: 8% 4% 4% 4%;
}
}
.company_gray .page_company_inner_hon .off {
background: #FFF;
}
.company_gray .page_company_inner_hon .on {
height: 100%;
width: 100%;
top: 0%;
left: 0%;
background: #282828;
position: absolute;
z-index: 99;
opacity: 0;
}
@media screen and (max-width: 769px) {
.company_gray .page_company_inner_hon .on {
display: none;
}
}
.company_gray .page_company_inner_hon:hover .on {
animation-name: trou_box;
animation-fill-mode: forwards;
animation-duration: 1s;
}
.company_gray .border_obj {
border-bottom: 1px solid #DCDCDC;
}
@keyframes trou_box {
from {
opacity: 0;
}
to {
opacity: 100;
}
}
.company_gray .off .pref_wapper {
width: 40%;
float: left;
margin: 2% 0 0 0;
}
@media screen and (max-width: 769px) {
.company_gray .off .pref_wapper {
width: 100%;
float: none;
margin: 0 0 4.5% 0;
}
}
.company_gray .off .pref_wapper h3 {
margin: 0 0 3% 0;
font-weight: 500;
color: #1E1E1E;
letter-spacing: 4px;
}
@media screen and (min-width: 1100px) {
.company_gray .off .pref_wapper h3 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
.company_gray .off .pref_wapper h3 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
.company_gray .off .pref_wapper h3 {
font-size: 5.0484375vw;
}
}
.company_gray .off .pref_wapper .title_line {
border-bottom: 1px solid #1E1E1E;
margin: 0 0 3% 0;
width: 6%;
display: inline-block;
}
.company_gray .off .pref_wapper h4 {
margin: 1% 0 5% 0;
color: #282828;
letter-spacing: 2px;
}
@media screen and (min-width: 1100px) {
.company_gray .off .pref_wapper h4 {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.company_gray .off .pref_wapper h4 {
font-size: 1.1818181818vw;
}
}
@media screen and (max-width: 768px) {
.company_gray .off .pref_wapper h4 {
font-size: 3.28125vw;
}
}
.company_gray .off .pref_wapper h4 a {
display: inline-block;
width: 40%;
padding: 1% 0;
color: #282828;
border: 1px solid #FFF;
text-decoration: none;
}
.company_gray .off .pref_wapper ul {
margin: 2% 0;
}
.company_gray .off .pref_wapper ul li {
margin: 1.8% 0;
width: 40%;
color: #505050;
line-height: 160%;
border: 1px solid #FFF;
}
@media screen and (min-width: 1100px) {
.company_gray .off .pref_wapper ul li {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.company_gray .off .pref_wapper ul li {
font-size: 1.1818181818vw;
}
}
@media screen and (max-width: 768px) {
.company_gray .off .pref_wapper ul li {
font-size: 3.28125vw;
}
}
.company_gray .off .pref_wapper ul li a {
padding: 1%;
width: 100%;
}
.company_gray .off .pref_wapper ul li a {
color: #505050;
position: relative;
display: inline-block;
padding: 0 0 0 16px;
vertical-align: middle;
text-decoration: none;
}
.company_gray .off .pref_wapper ul li a::before, .company_gray .off .pref_wapper ul li a::after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.company_gray .off .pref_wapper ul li a::before {
left: 3px;
width: 7px;
height: 7px;
border-top: 1px solid #505050;
border-right: 1px solid #505050;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.company_gray .on .pref_wapper {
width: 40%;
float: left;
margin: 2% 0 0 0;
}
@media screen and (max-width: 769px) {
.company_gray .on .pref_wapper {
width: 100%;
float: none;
margin: 0 0 4.5% 0;
}
}
.company_gray .on .pref_wapper h3 {
letter-spacing: 4px;
margin: 0 0 3% 0;
font-weight: 500;
color: #FFF;
}
@media screen and (min-width: 1100px) {
.company_gray .on .pref_wapper h3 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
.company_gray .on .pref_wapper h3 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
.company_gray .on .pref_wapper h3 {
font-size: 5.0484375vw;
}
}
.company_gray .on .pref_wapper .title_line {
border-bottom: 1px solid #FFF;
margin: 0 0 3% 0;
width: 6%;
display: inline-block;
}
.company_gray .on .pref_wapper h4 {
letter-spacing: 2px;
margin: 1% 0 5% 0;
color: #FFF;
}
@media screen and (min-width: 1100px) {
.company_gray .on .pref_wapper h4 {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.company_gray .on .pref_wapper h4 {
font-size: 1.1818181818vw;
}
}
@media screen and (max-width: 768px) {
.company_gray .on .pref_wapper h4 {
font-size: 3.28125vw;
}
}
.company_gray .on .pref_wapper h4 a {
display: inline-block;
width: 40%;
padding: 1% 0;
color: #FFF;
text-decoration: none;
border: 1px solid #282828;
}
.company_gray .on .pref_wapper h4 a:hover {
border: 1px solid #FFE100;
}
.company_gray .on .pref_wapper ul {
margin: 2% 0;
}
.company_gray .on .pref_wapper ul li {
margin: 1.8% 0;
width: 40%;
color: #FFF;
line-height: 160%;
border: 1px solid #282828;
}
@media screen and (min-width: 1100px) {
.company_gray .on .pref_wapper ul li {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.company_gray .on .pref_wapper ul li {
font-size: 1.1818181818vw;
}
}
@media screen and (max-width: 768px) {
.company_gray .on .pref_wapper ul li {
font-size: 3.28125vw;
}
}
.company_gray .on .pref_wapper ul li a {
padding: 1%;
}
.company_gray .on .pref_wapper ul li a {
color: #FFF;
position: relative;
display: inline-block;
padding: 0 0 0 16px;
vertical-align: middle;
text-decoration: none;
}
.company_gray .on .pref_wapper ul li a::before, .company_gray .on .pref_wapper ul li a::after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.company_gray .on .pref_wapper ul li a::before {
left: 3px;
width: 7px;
height: 7px;
border-top: 1px solid #FFF;
border-right: 1px solid #FFF;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.page_company_inner_hon_inner {
max-width: 100%;
margin-left: auto;
margin-right: auto; }
.page_company_inner_hon_inner::after {
clear: both;
content: "";
display: table;
}
.page_company_inner_hon_inner .img_wapprer {
width: 60%;
float: right;
}
.page_company_inner_hon_inner .img_wapprer img {
width: 100%;
height: auto;
}
@media screen and (max-width: 769px) {
.page_company_inner_hon_inner .img_wapprer {
width: 100%;
float: none;
}
}
.page_company_corporate .off .img_wapprer img, .page_company_corporate .on .img_wapprer img {
width: 100%;
height: auto;
}
@media screen and (max-width: 768px) {
.page_company_corporate .off .img_wapprer, .page_company_corporate .on .img_wapprer {
width: 100%;
float: none;
z-index: 999;
}
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} .page_marketing_wapper {
padding: 0.3% 3.2% 4.6% 3.2%;
color: #282828;
}
@media screen and (min-width: 1100px) {
.page_marketing_wapper .page_marketing_inner {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.page_marketing_wapper .page_marketing_inner {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.page_marketing_wapper .page_marketing_inner {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) {
.page_marketing_wapper .page_marketing_inner {
width: 88.75%;
margin: 0 auto;
}
}
.page_marketing_wapper .page_marketing_inner .title_wapper {
margin: 4% 0 1% 0;
color: #282828;
}
.page_marketing_wapper .page_marketing_inner .title_wapper h2 {
line-height: 160%;
font-weight: 500;
}
@media screen and (min-width: 1100px) {
.page_marketing_wapper .page_marketing_inner .title_wapper h2 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
.page_marketing_wapper .page_marketing_inner .title_wapper h2 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
.page_marketing_wapper .page_marketing_inner .title_wapper h2 {
font-size: 5.0484375vw;
}
}
@media screen and (max-width: 769px) {
.page_marketing_wapper .page_marketing_inner .title_wapper h2 {
letter-spacing: -1px;
}
}
.page_marketing_wapper .page_marketing_inner .title_wapper .category {
line-height: 160%;
}
@media screen and (min-width: 1100px) {
.page_marketing_wapper .page_marketing_inner .title_wapper .category {
font-size: 12px;
}
}
@media print, screen and (max-width: 1100px) {
.page_marketing_wapper .page_marketing_inner .title_wapper .category {
font-size: 1.0909090909vw;
}
}
@media screen and (max-width: 768px) {
.page_marketing_wapper .page_marketing_inner .title_wapper .category {
font-size: 1.77421875vw;
}
}
.page_marketing_wapper .page_marketing_inner .title_wapper h3 {
font-weight: 600;
line-height: 160%;
letter-spacing: 2px;
}
@media screen and (min-width: 1100px) {
.page_marketing_wapper .page_marketing_inner .title_wapper h3 {
font-size: 24.46px;
}
}
@media print, screen and (max-width: 1100px) {
.page_marketing_wapper .page_marketing_inner .title_wapper h3 {
font-size: 2.4959183673vw;
}
}
@media screen and (max-width: 768px) {
.page_marketing_wapper .page_marketing_inner .title_wapper h3 {
font-size: 5.9375vw;
}
}
.page_marketing_wapper .page_marketing_inner .title_wapper h4 {
color: #00A0E6;
font-weight: 500;
}
@media screen and (min-width: 1100px) {
.page_marketing_wapper .page_marketing_inner .title_wapper h4 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
.page_marketing_wapper .page_marketing_inner .title_wapper h4 {
font-size: 2.0408163265vw;
}
}
@media screen and (max-width: 768px) {
.page_marketing_wapper .page_marketing_inner .title_wapper h4 {
font-size: 4.4640625vw;
}
}
.page_marketing_wapper .page_marketing_inner .title_wapper .boder {
border-bottom: 1px solid #1E1E1E;
width: 6%;
display: inline-block;
}
.page_marketing_inner {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.page_marketing_inner::after {
clear: both;
content: "";
display: table;
}
.page_marketing_inner .pref_01, .page_marketing_inner .pref_02 {
float: left;
width: 40%;
}
@media screen and (max-width: 769px) {
.page_marketing_inner .pref_01, .page_marketing_inner .pref_02 {
width: 100%;
float: none;
}
}
.page_marketing_inner .pref_01 h5, .page_marketing_inner .pref_02 h5 {
margin: 8% 0;
line-height: 160%;
font-weight: 500; }
@media screen and (min-width: 1100px) {
.page_marketing_inner .pref_01 h5, .page_marketing_inner .pref_02 h5 {
font-size: 18px;
}
}
@media print, screen and (max-width: 1100px) {
.page_marketing_inner .pref_01 h5, .page_marketing_inner .pref_02 h5 {
font-size: 1.6085790885vw;
}
}
@media screen and (max-width: 768px) {
.page_marketing_inner .pref_01 h5, .page_marketing_inner .pref_02 h5 {
font-size: 4.0171875vw;
}
}
@media screen and (max-width: 769px) {
.page_marketing_inner .pref_01 h5, .page_marketing_inner .pref_02 h5 {
margin: 4% 0;
}
}
@media screen and (min-width: 1100px) {
.page_marketing_inner .pref_01 p, .page_marketing_inner .pref_02 p {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.page_marketing_inner .pref_01 p, .page_marketing_inner .pref_02 p {
font-size: 1.4285714286vw;
}
}
@media screen and (max-width: 768px) {
.page_marketing_inner .pref_01 p, .page_marketing_inner .pref_02 p {
font-size: 1.875vw;
}
}
@media screen and (max-width: 769px) {
.page_marketing_inner .pref_01 p, .page_marketing_inner .pref_02 p {
margin: 4% 0;
}
}
.page_marketing_inner .pref_01 p .blue_pref, .page_marketing_inner .pref_02 p .blue_pref {
color: #00A0E6;
}
.page_marketing_inner .img_box, .page_marketing_inner .img_wapper {
float: right;
width: 50%;
}
.page_marketing_inner .img_box img, .page_marketing_inner .img_wapper img {
width: 100%;
height: auto;
}
@media screen and (max-width: 769px) {
.page_marketing_inner .img_box, .page_marketing_inner .img_wapper {
width: 100%;
float: none;
}
}
.gray_box {
background: #F0F0F0;
}
.gray_box .page_our_marketing_item_area {
border-right: 1px solid #F0F0F0;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 1100px) {
.gray_box .page_our_marketing_item_area {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.gray_box .page_our_marketing_item_area {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.gray_box .page_our_marketing_item_area {
width: 98%;
margin: 0 auto;
}
}
.gray_box .page_our_marketing_item_area::after {
clear: both;
content: "";
display: table;
}
@media screen and (max-width: 769px) {
.gray_box .page_our_marketing_item_area {
width: 88.75%;
margin: 0 auto;
}
}
.gray_box .page_our_marketing_item_area .item_wapper {
margin: 0 0.2% 0 0;
width: 33.13%;
float: left;
position: relative;
}
@media screen and (max-width: 769px) {
.gray_box .page_our_marketing_item_area .item_wapper {
width: 100%;
float: none;
}
}
.gray_box .page_our_marketing_item_area .item_wapper .item_box {
padding: 6%;
}
.gray_box .page_our_marketing_item_area .item_wapper .item_box img {
width: 100%;
height: auto;
}
.gray_box .page_our_marketing_item_area .item_wapper .item_box a {
text-decoration: none;
width: 100%;
height: 100%;
display: block;
}
.gray_box .page_our_marketing_item_area .item_wapper .item_box a h3 {
margin: 0 0 3% 0;
}
@media screen and (min-width: 1100px) {
.gray_box .page_our_marketing_item_area .item_wapper .item_box a h3 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
.gray_box .page_our_marketing_item_area .item_wapper .item_box a h3 {
font-size: 1.8181818182vw;
}
}
@media screen and (max-width: 768px) {
.gray_box .page_our_marketing_item_area .item_wapper .item_box a h3 {
font-size: 3.13296875vw;
}
}
.gray_box .page_our_marketing_item_area .item_wapper .item_box a h4 {
margin: 0% 0 6% 0;
}
@media screen and (min-width: 1100px) {
.gray_box .page_our_marketing_item_area .item_wapper .item_box a h4 {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.gray_box .page_our_marketing_item_area .item_wapper .item_box a h4 {
font-size: 1.1818181818vw;
}
}
@media screen and (max-width: 768px) {
.gray_box .page_our_marketing_item_area .item_wapper .item_box a h4 {
font-size: 2.03609375vw;
}
}
.gray_box .page_our_marketing_item_area .item_wapper .item_wapper + .item_wapper + .item_wapper {
margin: 0;
}
.gray_box .page_our_marketing_item_area .item_wapper {
overflow: hidden;
}
.gray_box .page_our_marketing_item_area .item_wapper .off {
width: 100%;
background: #FFF;
}
.gray_box .page_our_marketing_item_area .item_wapper .off .border {
border-bottom: 1px solid #1E1E1E;
margin: 0 0 3% 0;
width: 6%;
display: inline-block;
}
.gray_box .page_our_marketing_item_area .item_wapper .off a h3 {
color: #00A0E6;
}
.gray_box .page_our_marketing_item_area .item_wapper .off a h4 {
color: #282828;
}
.gray_box .page_our_marketing_item_area .item_wapper .on {
width: 100%;
background: rgba(0, 0, 0, 0.9);
position: absolute;
top: 0;
left: -100%;
opacity: 0;
z-index: 99;
}
.gray_box .page_our_marketing_item_area .item_wapper .on .border {
border-bottom: 1px solid #6E6E6E;
margin: 0 0 3% 0;
width: 6%;
display: inline-block;
}
.gray_box .page_our_marketing_item_area .item_wapper .on a {
color: #FFF;
}
.gray_box .page_our_marketing_item_area .item_wapper:hover .on {
animation-name: market_move;
animation-fill-mode: forwards;
animation-duration: 1s;
}
@keyframes market_move {
from {
opacity: 0;
top: 0;
left: -100%;
}
to {
opacity: 100;
top: 0;
left: 0%;
}
}
.gray_box .page_our_marketing_item_area .item_wapper .on .view_box {
text-align: center;
margin: 36% auto;
}
@media screen and (min-width: 1100px) {
.gray_box .page_our_marketing_item_area .item_wapper .on .view_box {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
.gray_box .page_our_marketing_item_area .item_wapper .on .view_box {
font-size: 1.8181818182vw;
}
}
@media screen and (max-width: 768px) {
.gray_box .page_our_marketing_item_area .item_wapper .on .view_box {
font-size: 3.125vw;
}
}
@media screen and (min-width: 1100px) {
.page_marketing_wapper .page_marketing_btn_area {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.page_marketing_wapper .page_marketing_btn_area {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.page_marketing_wapper .page_marketing_btn_area {
width: 98%;
margin: 0 auto;
}
}
.page_marketing_wapper .page_marketing_btn_area nav ul {
max-width: 100%;
margin-left: auto;
margin-right: auto;
margin: 0 auto;
width: 78%;
}
.page_marketing_wapper .page_marketing_btn_area nav ul::after {
clear: both;
content: "";
display: table;
}
.page_marketing_wapper .page_marketing_btn_area nav ul li {
margin: 0 1% 0 0;
width: 24%;
float: left;
text-align: center;
}
@media screen and (min-width: 1100px) {
.page_marketing_wapper .page_marketing_btn_area nav ul li {
font-size: 17px;
}
}
@media print, screen and (max-width: 1100px) {
.page_marketing_wapper .page_marketing_btn_area nav ul li {
font-size: 1.5454545455vw;
}
}
@media screen and (max-width: 768px) {
.page_marketing_wapper .page_marketing_btn_area nav ul li {
font-size: 2.33453125vw;
}
}
.page_marketing_wapper .page_marketing_btn_area nav ul li:last-child {
margin: 0;
}
.page_marketing_wapper .page_marketing_btn_area nav ul li a {
width: 100%;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #FFF;
text-decoration: none;
color: #000;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
display: block;
padding: 5% 2% 5.5% 2%;
text-align: center;
}
.page_marketing_wapper .page_marketing_btn_area nav ul li a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #00A0E6;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.page_marketing_wapper .page_marketing_btn_area nav ul li a:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.page_marketing_wapper .page_marketing_btn_area nav ul li a:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@media screen and (min-width: 1100px) {
.page_marketing_wapper .page_marketing_btn_area nav ul li a {
font-size: 15px;
}
}
@media print, screen and (max-width: 1100px) {
.page_marketing_wapper .page_marketing_btn_area nav ul li a {
font-size: 1.3636363636vw;
}
}
@media screen and (max-width: 768px) {
.page_marketing_wapper .page_marketing_btn_area nav ul li a {
font-size: 2.15796875vw;
}
}
#page_marketing_wapper {
padding: 4.6% 3.2% 0 3.2%;
}
@media screen and (max-width: 769px) {
#page_marketing_wapper {
padding: 17.6% 3.2% 0 3.2%;
}
}
#page_marketing_wapper .page_marketing_wapper_inner {
padding: 0 3.6%;
}
@media screen and (max-width: 769px) {
#page_marketing_wapper .page_marketing_wapper_inner {
width: 100%;
}
}
#page_marketing_wapper .page_marketing_wapper_inner .title_wapper {
margin: 0 auto;
}
#page_marketing_wapper .page_marketing_h3area h3 {
margin: 6.4% 0 0 0;
}
#page_marketing_wapper .page_marketing_h4area h4 {
margin: 4% 0 0 0;
letter-spacing: 1px;
}
@media screen and (max-width: 769px) {
#page_marketing_wapper .page_marketing_h4area h4 {
margin: 6% 0 0 0;
line-height: 160%;
}
}
#page_marketing_wapper .page_marketing_h4area .boder {
margin: 3% 0 0 0;
}
@media screen and (max-width: 769px) {
#page_marketing_wapper .page_marketing_h4area .boder {
width: 11%;
margin: 5% 0 0 0;
}
}
#page_marketing_wapper .page_marketing_h5area .pref_01 {
width: 33%;
}
@media screen and (max-width: 769px) {
#page_marketing_wapper .page_marketing_h5area .pref_01 {
width: 100%;
}
}
#page_marketing_wapper .page_marketing_h5area .pref_01 h5 {
margin: 7% 0 0% 0;
letter-spacing: -1px;
line-height: 170%;
}
#page_marketing_wapper .page_marketing_h5area .pref_01 p {
margin: 8% 0 0 0;
line-height: 156%;
letter-spacing: -1px;
}
@media screen and (max-width: 769px) and (min-width: 1100px) {
#page_marketing_wapper .page_marketing_h5area .pref_01 p {
font-size: 14px;
}
}
@media screen and (max-width: 769px) and (max-width: 1100px) {
#page_marketing_wapper .page_marketing_h5area .pref_01 p {
font-size: 1.4285714286vw;
}
}
@media screen and (max-width: 769px) and (max-width: 768px) {
#page_marketing_wapper .page_marketing_h5area .pref_01 p {
font-size: 3.125vw;
}
}
#page_marketing_wapper .page_marketing_h5area .img_box {
margin: 3% 0 0 0;
width: 64%;
}
@media screen and (max-width: 769px) {
#page_marketing_wapper .page_marketing_h5area .img_box {
width: 100%;
margin: 11% 0 0 0;
}
}
#page_marketing_wapper .page_marketing_h5area .pref_02 {
width: 33%;
}
@media screen and (min-width: 1100px) {
#page_marketing_wapper .page_marketing_h5area .pref_02 h5 {
font-size: 18px;
}
}
@media print, screen and (max-width: 1100px) {
#page_marketing_wapper .page_marketing_h5area .pref_02 h5 {
font-size: 1.6085790885vw;
}
}
@media screen and (max-width: 768px) {
#page_marketing_wapper .page_marketing_h5area .pref_02 h5 {
font-size: 4.0171875vw;
}
}
@media screen and (max-width: 769px) {
#page_marketing_wapper .page_marketing_h5area .pref_02 {
width: 100%;
margin: 6% 0 0 0;
}
}
#page_marketing_wapper .page_marketing_h5area .pref_02 h5 {
margin: 17% 0 0 0;
}
@media screen and (max-width: 769px) {
#page_marketing_wapper .page_marketing_h5area .pref_02 h5 {
margin: 6% 0 0 0;
}
}
@media screen and (min-width: 1100px) {
#page_marketing_wapper .page_marketing_h5area .pref_02 p {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
#page_marketing_wapper .page_marketing_h5area .pref_02 p {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 768px) {
#page_marketing_wapper .page_marketing_h5area .pref_02 p {
font-size: 3.125vw;
}
}
@media screen and (max-width: 769px) {
#page_marketing_wapper .page_marketing_h5area .pref_02 p {
margin: 9% 0;
line-height: 160%;
}
}
#page_marketing_wapper_gray {
margin: 7% 0 0 0;
}
@media screen and (max-width: 769px) {
#page_marketing_wapper_gray {
padding: 2.6% 3.2% 7% 3.2%;
}
}
#page_marketing_wapper_gray .title_wapper {
margin: 10% 0 3% 0;
padding: 0% 0 0% 6%;
}
#page_marketing_wapper_gray .page_our_marketing_item_area {
padding: 0 3.6%;
}
@media screen and (max-width: 769px) {
#page_marketing_wapper_gray .page_our_marketing_item_area {
width: 100%;
}
}
#page_marketing_wapper_gray .page_our_marketing_item_area .item_box {
padding: 10% 6% 6% 9%;
}
#page_marketing_wapper_gray .page_our_marketing_item_area .item_box .border {
margin: 0 0 5% 0;
}
#page_marketing_wapper_gray .page_our_marketing_item_area .item_box h3 {
margin: 0 0 5% 0;
}
@media screen and (min-width: 1100px) {
#page_marketing_wapper_gray .page_our_marketing_item_area .item_box h3 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
#page_marketing_wapper_gray .page_our_marketing_item_area .item_box h3 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
#page_marketing_wapper_gray .page_our_marketing_item_area .item_box h3 {
font-size: 5.346875vw;
}
}
@media screen and (min-width: 1100px) {
#page_marketing_wapper_gray .page_our_marketing_item_area .item_box h4 {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
#page_marketing_wapper_gray .page_our_marketing_item_area .item_box h4 {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
#page_marketing_wapper_gray .page_our_marketing_item_area .item_box h4 {
font-size: 3.475vw;
}
}
#page_marketing_wapper_gray .thumbs_box {
margin: 16% 0 0 0;
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} @media screen and (max-width: 769px) {
.page_marketing_wapper .page_marketing_wapper_inner .in_title_wapper {
margin: 4% 0 4% 0;
}
}
.area_marketing_wapper {
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0 3.39% !important;
margin: 0 auto 5% auto　 !important;
}
.area_marketing_wapper::after {
clear: both;
content: "";
display: table;
}
.area_marketing_wapper .category {
letter-spacing: 1px;
}
@media screen and (min-width: 1100px) {
.area_marketing_wapper .category {
font-size: 12px;
}
}
@media print, screen and (max-width: 1100px) {
.area_marketing_wapper .category {
font-size: 1.072386059vw;
}
}
@media screen and (max-width: 768px) {
.area_marketing_wapper .category {
font-size: 3.028125vw;
}
}
.area_marketing_wapper .page_web_marketing_h4area .title_wapper_02 {
margin: 3.2% 0 1% 0;
}
.area_marketing_wapper .page_web_marketing_h4area .boder {
width: 5% !important;
margin: 2% 0 1.2% 0;
}
@media screen and (max-width: 769px) {
.area_marketing_wapper .page_web_marketing_h4area .boder {
width: 15% !important;
}
}
.area_marketing_wapper .page_web_marketing_h5area .page_area_marketing_gis_wapper p + p {
margin: 4% 0;
}
.area_marketing_wapper .page_web_marketing_h5area .pref_01 {
width: 33%;
margin: 0 auto 0 0;
}
@media screen and (max-width: 769px) {
.area_marketing_wapper .page_web_marketing_h5area .pref_01 {
width: 100%;
}
}
.area_marketing_wapper .page_web_marketing_h5area .pref_01 p {
letter-spacing: -1px;
line-height: 160%;
}
.area_marketing_wapper .page_web_marketing_h5area .pref_01 p + p {
margin: 6% 0;
}
.area_marketing_wapper .page_web_marketing_h5area .pref_01 h5 {
margin: 1% 0 7% 0;
line-height: 168%;
letter-spacing: -1px;
}
@media screen and (min-width: 1100px) {
.area_marketing_wapper .page_web_marketing_h5area .pref_01 h5 {
font-size: 18px;
}
}
@media print, screen and (max-width: 1100px) {
.area_marketing_wapper .page_web_marketing_h5area .pref_01 h5 {
font-size: 1.6085790885vw;
}
}
@media screen and (max-width: 768px) {
.area_marketing_wapper .page_web_marketing_h5area .pref_01 h5 {
font-size: 4.0171875vw;
}
}
.area_marketing_wapper .img_wapper {
margin: 1% 0 0 0;
width: 64%;
float: right;
}
.area_marketing_wapper .img_wapper img {
width: 100%;
height: auto;
}
@media screen and (max-width: 769px) {
.area_marketing_wapper .img_wapper {
width: 100%;
float: none;
margin: 8% auto;
}
}
.page_area_marketing_list_pref_wapper .list_pref {
margin: 4.9% 0 0 0;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.page_area_marketing_list_pref_wapper .list_pref::after {
clear: both;
content: "";
display: table;
}
.page_area_marketing_list_pref_wapper .list_pref .list_wapper {
width: 66%;
float: left;
}
@media screen and (max-width: 769px) {
.page_area_marketing_list_pref_wapper .list_pref .list_wapper {
margin: 4% 0 0 0;
width: 100%;
float: none;
}
}
.page_area_marketing_list_pref_wapper .list_pref .list_wapper ul {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.page_area_marketing_list_pref_wapper .list_pref .list_wapper ul::after {
clear: both;
content: "";
display: table;
}
.page_area_marketing_list_pref_wapper .list_pref .list_wapper ul li {
padding: 2.3% 0;
margin: 0.8% 0.6% 0.4% 0%;
width: 32%;
border: 1px solid #BEBEBE;
float: left;
text-align: center;
color: #282828;
}
@media screen and (min-width: 1100px) {
.page_area_marketing_list_pref_wapper .list_pref .list_wapper ul li {
font-size: 15px;
}
}
@media print, screen and (max-width: 1100px) {
.page_area_marketing_list_pref_wapper .list_pref .list_wapper ul li {
font-size: 1.3404825737vw;
}
}
@media screen and (max-width: 768px) {
.page_area_marketing_list_pref_wapper .list_pref .list_wapper ul li {
font-size: 3.125vw;
}
}
@media screen and (max-width: 768px) {
.page_area_marketing_list_pref_wapper .list_pref .list_wapper ul li {
padding: 4.4% 0;
width: 48.8%;
}
}
.page_area_marketing_list_pref_wapper .list_pref .pref_wapper {
margin: 0 auto 0 0;
width: 33%;
float: right;
}
@media screen and (max-width: 769px) {
.page_area_marketing_list_pref_wapper .list_pref .pref_wapper {
width: 100%;
float: none;
}
}
.page_area_marketing_list_pref_wapper .list_pref .pref_wapper .in_title_wapper {
margin: 1% 0 0% 0;
}
@media screen and (max-width: 769px) {
.page_area_marketing_list_pref_wapper .list_pref .pref_wapper .in_title_wapper {
margin: 10% 0 1% 0;
}
}
.page_area_marketing_list_pref_wapper .list_pref .pref_wapper .in_title_wapper .boder {
width: 15%;
margin: 7.9% 0 7% 0;
}
.page_area_marketing_list_pref_wapper .list_pref .pref_wapper .in_title_wapper h4 {
margin: 0;
}
.page_area_marketing_list_pref_wapper .list_pref .pref_wapper p {
line-height: 160%;
color: #282828;
}
@media screen and (min-width: 1100px) {
.page_area_marketing_list_pref_wapper .list_pref .pref_wapper p {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.page_area_marketing_list_pref_wapper .list_pref .pref_wapper p {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 768px) {
.page_area_marketing_list_pref_wapper .list_pref .pref_wapper p {
font-size: 3.125vw;
}
}
.page_area_marketing_list_wapper .in_title_wapper {
margin: 4.6% 0 3% 0 !important;
letter-spacing: 0.6px;
}
@media screen and (max-width: 769px) {
.page_area_marketing_list_wapper .in_title_wapper {
margin: 13.6% 0 8% 0 !important;
}
}
.page_area_marketing_list_wapper .in_title_wapper h4 {
margin: 0 0 1.2% 0 !important;
}
.page_area_marketing_list_wapper .in_title_wapper .boder {
width: 4.6% !important;
}
@media screen and (max-width: 769px) {
.page_area_marketing_list_wapper .in_title_wapper .boder {
width: 15.6% !important;
}
}
.page_area_marketing_list_wapper .list_box {
margin: 2% 0 3% 0;
width: 100%;
}
.page_area_marketing_list_wapper .list_box ul {
display: flex;
}
@media screen and (max-width: 769px) {
.page_area_marketing_list_wapper .list_box ul {
display: block;
}
}
.page_area_marketing_list_wapper .list_box ul li {
align-items: stretch;
color: #282828;
padding: 3% 2.2% 1.6% 2.2%;
margin: 0 0.4% 0 0;
width: 25%;
background: #F0F0F0;
line-height: 125%;
}
.page_area_marketing_list_wapper .list_box ul li:last-child {
margin: 0;
}
@media screen and (max-width: 769px) {
.page_area_marketing_list_wapper .list_box ul li {
padding: 8% 6%;
margin: 0.6% 0;
width: 100%;
}
}
.page_area_marketing_list_wapper .list_box ul li span {
display: block;
}
.page_area_marketing_list_wapper .list_box ul li .title {
margin: 0 0 14% 0;
text-align: center;
font-weight: 500;
}
@media screen and (min-width: 1100px) {
.page_area_marketing_list_wapper .list_box ul li .title {
font-size: 17px;
}
}
@media print, screen and (max-width: 1100px) {
.page_area_marketing_list_wapper .list_box ul li .title {
font-size: 1.5192135836vw;
}
}
@media screen and (max-width: 768px) {
.page_area_marketing_list_wapper .list_box ul li .title {
font-size: 4.0859375vw;
}
}
@media screen and (max-width: 769px) {
.page_area_marketing_list_wapper .list_box ul li .title {
margin: 0 0 6% 0;
}
}
@media screen and (min-width: 1100px) {
.page_area_marketing_list_wapper .list_box ul li .pref {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.page_area_marketing_list_wapper .list_box ul li .pref {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.page_area_marketing_list_wapper .list_box ul li .pref {
font-size: 3.125vw;
}
}
.page_area_marketing_sample_wapper {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.page_area_marketing_sample_wapper::after {
clear: both;
content: "";
display: table;
}
@media screen and (max-width: 769px) {
.page_area_marketing_sample_wapper {
width: 100%;
}
}
.page_area_marketing_sample_wapper .in_title_wapper {
margin: 3.2% 0 0% 0 !important;
}
.page_area_marketing_sample_wapper .boder {
width: 5% !important;
margin: 2% 0 2.8% 0;
}
@media screen and (max-width: 769px) {
.page_area_marketing_sample_wapper .boder {
width: 13% !important;
margin: 5% 0 2.8% 0;
}
}
.page_area_marketing_sample_wapper .hover_area {
margin: 0% 0 0% 0;
width: 50%;
float: left;
border-bottom: 1px solid #F0F0F0;
border-top: 1px solid #F0F0F0;
}
@media screen and (max-width: 769px) {
.page_area_marketing_sample_wapper .hover_area {
width: 100%;
float: none;
}
}
.page_area_marketing_sample_wapper .hover_area .hover_area_innner {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.page_area_marketing_sample_wapper .hover_area .hover_area_innner::after {
clear: both;
content: "";
display: table;
}
.page_area_marketing_sample_wapper .hover_area .hover_area_innner .pref {
width: 35%;
float: left;
}
.page_area_marketing_sample_wapper .hover_area .hover_area_innner .pref h5 {
margin: 0% 0 14% 0;
color: #282828;
font-weight: 500;
margin: 0% 0 4% 0;
}
@media screen and (min-width: 1100px) {
.page_area_marketing_sample_wapper .hover_area .hover_area_innner .pref h5 {
font-size: 18px;
}
}
@media print, screen and (max-width: 1100px) {
.page_area_marketing_sample_wapper .hover_area .hover_area_innner .pref h5 {
font-size: 1.6085790885vw;
}
}
@media screen and (max-width: 768px) {
.page_area_marketing_sample_wapper .hover_area .hover_area_innner .pref h5 {
font-size: 3.1953125vw;
}
}
.page_area_marketing_sample_wapper .hover_area .hover_area_innner .pref p {
color: #282828;
}
@media screen and (min-width: 1100px) {
.page_area_marketing_sample_wapper .hover_area .hover_area_innner .pref p {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.page_area_marketing_sample_wapper .hover_area .hover_area_innner .pref p {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.page_area_marketing_sample_wapper .hover_area .hover_area_innner .pref p {
font-size: 2.3078125vw;
}
}
@media screen and (max-width: 769px) {
.page_area_marketing_sample_wapper .hover_area .hover_area_innner .pref p {
margin: 10% 0 0 0 !important;
}
}
.page_area_marketing_sample_wapper .hover_area .hover_area_innner .img_wapper {
width: 60.6%;
float: right;
}
.page_area_marketing_sample_wapper .hover_area .hover_area_innner .img_wapper img {
width: 100%;
height: auto;
}
@media screen and (max-width: 769px) {
.page_area_marketing_sample_wapper .hover_area .hover_area_innner .img_wapper {
margin: 0;
}
}
.page_area_marketing_sample_wapper .hover_area .hover_area_innner .img_wapper .view_box {
margin: 26% auto;
color: #FFF;
display: block;
text-align: center;
}
.page_area_marketing_sample_wapper p {
line-height: 160%;
color: #282828;
}
@media screen and (min-width: 1100px) {
.page_area_marketing_sample_wapper p {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.page_area_marketing_sample_wapper p {
font-size: 1.2727272727vw;
}
}
@media screen and (max-width: 768px) {
.page_area_marketing_sample_wapper p {
font-size: 1.83109375vw;
}
}
.page_area_marketing_sample_wapper .hover_area {
position: relative;
}
@media screen and (max-width: 769px) {
.page_area_marketing_sample_wapper .hover_area .in_title_wapper {
margin: 6% 0 0 0;
}
}
.page_area_marketing_sample_wapper .hover_area .off {
padding: 6% 4%;
background: #FFF;
}
@media screen and (max-width: 769px) {
.page_area_marketing_sample_wapper .hover_area .off {
border-top: 1px solid #DCDCDC;
}
}
.page_area_marketing_sample_wapper .hover_area .on {
padding: 6% 4%;
height: 100%;
width: 100%;
top: 0%;
left: 0%;
background: #282828;
position: absolute;
z-index: 99;
opacity: 0;
color: #FFF;
}
.page_area_marketing_sample_wapper .hover_area .on h5, .page_area_marketing_sample_wapper .hover_area .on p {
color: #FFF !important;
}
.page_area_marketing_sample_wapper .hover_area .on:hover {
animation-name: trou_box;
animation-fill-mode: forwards;
animation-duration: 3s;
}
@media screen and (max-width: 769px) {
.page_area_marketing_sample_wapper {
width: 100% !important;
}
}
@media screen and (max-width: 769px) {
.page_area_marketing_sample_wapper .in_title_wapper {
width: 88.75%;
margin: 15% auto 4% auto !important;
}
}
@media screen and (max-width: 769px) {
.page_area_marketing_sample_wapper .last_area {
border-top: 1px solid #DCDCDC;
border-bottom: 1px solid #DCDCDC;
}
}
@media screen and (max-width: 769px) {
.page_area_marketing_sample_wapper p {
width: 88.75%;
margin: 0 auto;
}
}
.area_marketing_wapper .page_area_marketing_h2area .title_wapper {
margin: 9.4% 2% 2% 0;
}
@media screen and (max-width: 769px) {
.area_marketing_wapper .page_area_marketing_h2area .title_wapper {
margin: 23.4% 2% 2% 0;
}
}
.area_marketing_wapper .page_area_marketing_h2area .title_wapper h2 {
margin: 7% 1.8% 2% 0;
display: inline;
}
@media screen and (max-width: 769px) {
.area_marketing_wapper .page_area_marketing_h2area .title_wapper h2 {
margin: 20% 0 0% 0;
display: block;
}
}
.area_marketing_wapper .page_area_marketing_h3area .title_wapper {
margin: 6.2% 0 1% 0;
}
@media screen and (min-width: 1100px) {
.area_marketing_wapper .page_area_marketing_h3area .title_wapper h3 {
font-size: 24.46px;
}
}
@media print, screen and (max-width: 1100px) {
.area_marketing_wapper .page_area_marketing_h3area .title_wapper h3 {
font-size: 2.1858802502vw;
}
}
@media screen and (max-width: 768px) {
.area_marketing_wapper .page_area_marketing_h3area .title_wapper h3 {
font-size: 5.9375vw;
}
}
.page_area_marketing_sample_wapper + p {
padding: 3% 0 0 0;
line-height: 160%;
}
@media screen and (min-width: 1100px) {
.page_area_marketing_sample_wapper + p {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.page_area_marketing_sample_wapper + p {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.page_area_marketing_sample_wapper + p {
width: 98%;
margin: 0 auto;
}
}
@media screen and (min-width: 1100px) {
.page_area_marketing_sample_wapper + p {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.page_area_marketing_sample_wapper + p {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 768px) {
.page_area_marketing_sample_wapper + p {
font-size: 3.125vw;
}
}
.area_marketing_wapper + .footer_contents_menu_box + .footer_about_us_in_pages + .footer_button_page_top_wapper + .footer_page_campany_top_wapper a {
width: 30%;
}
@media screen and (max-width: 769px) {
.area_marketing_wapper + .footer_contents_menu_box + .footer_about_us_in_pages + .footer_button_page_top_wapper + .footer_page_campany_top_wapper a {
width: 92%;
}
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} #page_web_marketing_wapper {
padding: 2.9% 3.2% 0 3.2%;
}
@media screen and (min-width: 1100px) {
#page_web_marketing_wapper {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
#page_web_marketing_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
#page_web_marketing_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) {
#page_web_marketing_wapper {
padding: 16.9% 3.2% 0 3.2%;
}
}
#page_web_marketing_wapper .page_web_marketing_h2area {
margin: 4% 0 0 0;
}
#page_web_marketing_wapper .page_web_marketing_h2area h2 {
font-weight: 600;
display: inline;
margin: 0% 2% 0 0;
}
@media screen and (min-width: 1100px) {
#page_web_marketing_wapper .page_web_marketing_h2area h2 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
#page_web_marketing_wapper .page_web_marketing_h2area h2 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
#page_web_marketing_wapper .page_web_marketing_h2area h2 {
font-size: 5.0484375vw;
}
}
@media screen and (max-width: 769px) {
#page_web_marketing_wapper .page_web_marketing_h2area h2 {
display: block;
margin: 0% 2% 2% 0;
}
}
@media screen and (min-width: 1100px) {
#page_web_marketing_wapper .page_web_marketing_h2area span {
font-size: 12px;
}
}
@media print, screen and (max-width: 1100px) {
#page_web_marketing_wapper .page_web_marketing_h2area span {
font-size: 1.072386059vw;
}
}
@media screen and (max-width: 768px) {
#page_web_marketing_wapper .page_web_marketing_h2area span {
font-size: 3.028125vw;
}
}
@media screen and (max-width: 769px) {
#page_web_marketing_wapper .page_marketing_inner {
width: 100%;
}
}
#page_web_marketing_wapper .page_web_marketing_h3area {
margin: 9.4% 0 0 0;
}
#page_web_marketing_wapper .page_web_marketing_h3area h2 {
letter-spacing: 1px;
font-weight: 600;
}
@media screen and (min-width: 1100px) {
#page_web_marketing_wapper .page_web_marketing_h3area h2 {
font-size: 24.46px;
}
}
@media print, screen and (max-width: 1100px) {
#page_web_marketing_wapper .page_web_marketing_h3area h2 {
font-size: 2.1858802502vw;
}
}
@media screen and (max-width: 768px) {
#page_web_marketing_wapper .page_web_marketing_h3area h2 {
font-size: 5.9375vw;
}
}
@media screen and (max-width: 769px) {
#page_web_marketing_wapper .page_web_marketing_h3area h2 {
line-height: 160%;
}
}
#page_web_marketing_wapper .page_web_marketing_imgpref_wapper {
margin: 5% 0 0 0;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
#page_web_marketing_wapper .page_web_marketing_imgpref_wapper::after {
clear: both;
content: "";
display: table;
}
#page_web_marketing_wapper .page_web_marketing_imgpref_wapper .left_area {
float: left;
width: 33%;
margin: 0 3% 0 0;
}
@media screen and (max-width: 769px) {
#page_web_marketing_wapper .page_web_marketing_imgpref_wapper .left_area {
float: none;
width: 100%;
margin: 8% 3% 0 0;
}
}
#page_web_marketing_wapper .page_web_marketing_imgpref_wapper .left_area h2 {
font-weight: 600;
color: #00A0E6;
}
@media screen and (min-width: 1100px) {
#page_web_marketing_wapper .page_web_marketing_imgpref_wapper .left_area h2 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
#page_web_marketing_wapper .page_web_marketing_imgpref_wapper .left_area h2 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
#page_web_marketing_wapper .page_web_marketing_imgpref_wapper .left_area h2 {
font-size: 4.4640625vw;
}
}
#page_web_marketing_wapper .page_web_marketing_imgpref_wapper .left_area .boder {
margin: 9% 0 0 0;
width: 15%;
border-bottom: 1px solid #000;
display: inline-block;
}
@media print, screen and (max-width: 1100px) {
#page_web_marketing_wapper .page_web_marketing_imgpref_wapper .left_area .boder {
margin: 8% 3% 0 0;
width: 13%;
}
}
#page_web_marketing_wapper .page_web_marketing_imgpref_wapper .left_area p {
margin: 8% 0 0 0;
letter-spacing: -1px;
line-height: 162%;
}
@media screen and (min-width: 1100px) {
#page_web_marketing_wapper .page_web_marketing_imgpref_wapper .left_area p {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
#page_web_marketing_wapper .page_web_marketing_imgpref_wapper .left_area p {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 768px) {
#page_web_marketing_wapper .page_web_marketing_imgpref_wapper .left_area p {
font-size: 3.125vw;
}
}
#page_web_marketing_wapper .page_web_marketing_imgpref_wapper .left_area .cachi_pref + p + p {
margin: 6% 0 0 0;
}
#page_web_marketing_wapper .page_web_marketing_imgpref_wapper .left_area .blue_pref {
color: #00A0E6;
}
#page_web_marketing_wapper .page_web_marketing_imgpref_wapper .left_area .cachi_pref {
font-weight: 600;
margin: 6.8% 0 0 0;
}
@media screen and (min-width: 1100px) {
#page_web_marketing_wapper .page_web_marketing_imgpref_wapper .left_area .cachi_pref {
font-size: 18px;
}
}
@media print, screen and (max-width: 1100px) {
#page_web_marketing_wapper .page_web_marketing_imgpref_wapper .left_area .cachi_pref {
font-size: 1.6085790885vw;
}
}
@media screen and (max-width: 768px) {
#page_web_marketing_wapper .page_web_marketing_imgpref_wapper .left_area .cachi_pref {
font-size: 4.0171875vw;
}
}
#page_web_marketing_wapper .page_web_marketing_imgpref_wapper .right_area {
float: right;
width: 64%;
margin: 8% 0 0 0;
}
#page_web_marketing_wapper .page_web_marketing_imgpref_wapper .right_area img {
width: 100%;
height: auto;
}
@media screen and (max-width: 769px) {
#page_web_marketing_wapper .page_web_marketing_imgpref_wapper .right_area {
float: none;
width: 100%;
}
}
#page_web_marketing_wapper .page_marketing_inner02 {
margin: 6.6% 0 0 0;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
#page_web_marketing_wapper .page_marketing_inner02::after {
clear: both;
content: "";
display: table;
}
#page_web_marketing_wapper .page_marketing_inner02 .left_area {
float: left;
width: 33%;
}
@media screen and (max-width: 769px) {
#page_web_marketing_wapper .page_marketing_inner02 .left_area {
float: none;
width: 100%;
margin: 16% 0 0 0;
}
}
#page_web_marketing_wapper .page_marketing_inner02 .left_area h2 {
font-weight: 400;
color: #00A0E6;
}
@media screen and (min-width: 1100px) {
#page_web_marketing_wapper .page_marketing_inner02 .left_area h2 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
#page_web_marketing_wapper .page_marketing_inner02 .left_area h2 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
#page_web_marketing_wapper .page_marketing_inner02 .left_area h2 {
font-size: 4.4640625vw;
}
}
#page_web_marketing_wapper .page_marketing_inner02 .left_area .boder {
margin: 7.8% 0 0 0;
width: 15%;
border-bottom: 1px solid #000;
display: inline-block;
}
@media print, screen and (max-width: 1100px) {
#page_web_marketing_wapper .page_marketing_inner02 .left_area .boder {
margin: 6% 0 0 0;
}
}
#page_web_marketing_wapper .page_marketing_inner02 .left_area p {
margin: 9% 0 0 0;
line-height: 160%;
}
@media screen and (min-width: 1100px) {
#page_web_marketing_wapper .page_marketing_inner02 .left_area p {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
#page_web_marketing_wapper .page_marketing_inner02 .left_area p {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 768px) {
#page_web_marketing_wapper .page_marketing_inner02 .left_area p {
font-size: 3.125vw;
}
}
@media screen and (max-width: 769px) {
#page_web_marketing_wapper .page_marketing_inner02 .left_area p {
margin: 8% 0 0 0;
line-height: 160%;
}
}
#page_web_marketing_wapper .page_marketing_inner02 .right_area {
float: right;
width: 64%;
margin: 0% 0 0 0;
}
#page_web_marketing_wapper .page_marketing_inner02 .right_area img {
width: 100%;
height: auto;
}
@media screen and (max-width: 769px) {
#page_web_marketing_wapper .page_marketing_inner02 .right_area {
float: none;
width: 100%;
margin: 5% 0 10% 0;
}
}
#page_web_marketing_wapper li {
padding: 1% 0 1% 0.4%;
border-bottom: 1px solid #DCDCDC;
}
@media screen and (max-width: 769px) {
#page_web_marketing_wapper li {
padding: 4% 0;
}
}
@media screen and (max-width: 769px) {
#page_web_marketing_wapper li:last-child {
border: none;
}
}
#page_web_marketing_wapper .page_web_marketing_table_area {
margin: 6.3% 0 0 0;
}
#page_web_marketing_wapper .page_web_marketing_table_area .title_h3 {
display: table;
width: 100%;
color: #FFF;
margin: 0% 0 2.0% 0;
padding: 1.6% 2% 1.6% 2.2%;
background: #00A0E6;
}
@media screen and (max-width: 769px) {
#page_web_marketing_wapper .page_web_marketing_table_area .title_h3 {
padding: 1.6% 2% 3.6% 2.2%;
}
}
#page_web_marketing_wapper .page_web_marketing_table_area .title_h3 h3 {
display: table-cell;
width: 18.8%;
font-weight: 500;
color: #FFF;
letter-spacing: 1.6px;
}
@media screen and (min-width: 1100px) {
#page_web_marketing_wapper .page_web_marketing_table_area .title_h3 h3 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
#page_web_marketing_wapper .page_web_marketing_table_area .title_h3 h3 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
#page_web_marketing_wapper .page_web_marketing_table_area .title_h3 h3 {
font-size: 4.4640625vw;
}
}
@media screen and (max-width: 769px) {
#page_web_marketing_wapper .page_web_marketing_table_area .title_h3 h3 {
padding: 3.6% 3% 3.6% 3.2%;
font-weight: 300;
width: 25%;
}
}
#page_web_marketing_wapper .page_web_marketing_table_area .title_h3 p {
display: table-cell;
width: 80%;
color: #FFF;
font-weight: 200;
}
@media screen and (min-width: 1100px) {
#page_web_marketing_wapper .page_web_marketing_table_area .title_h3 p {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
#page_web_marketing_wapper .page_web_marketing_table_area .title_h3 p {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 768px) {
#page_web_marketing_wapper .page_web_marketing_table_area .title_h3 p {
font-size: 3.125vw;
}
}
@media screen and (max-width: 769px) {
#page_web_marketing_wapper .page_web_marketing_table_area .title_h3 p {
vertical-align: top;
padding: 3% 5% 0 0;
line-height: 160%;
}
}
#page_web_marketing_wapper .page_web_marketing_table_area .title_h3.title_h3_02 {
margin: 2.4% 0 1.8% 0;
}
#page_web_marketing_wapper .page_web_marketing_table_area .title_h3.title_h3_03 {
margin: 2% 0 1.8% 0;
}
#page_web_marketing_wapper .page_web_marketing_table_area .content_table {
display: table;
width: 100%;
}
#page_web_marketing_wapper .page_web_marketing_table_area .content_table h4 {
width: 18%;
display: table-cell;
}
@media screen and (min-width: 1100px) {
#page_web_marketing_wapper .page_web_marketing_table_area .content_table h4 {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
#page_web_marketing_wapper .page_web_marketing_table_area .content_table h4 {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 768px) {
#page_web_marketing_wapper .page_web_marketing_table_area .content_table h4 {
font-size: 3.125vw;
}
}
@media screen and (max-width: 769px) {
#page_web_marketing_wapper .page_web_marketing_table_area .content_table h4 {
display: block;
width: 100%;
margin: 0 0 2% 0;
}
}
#page_web_marketing_wapper .page_web_marketing_table_area .content_table p {
width: 71%;
display: table-cell;
}
@media screen and (min-width: 1100px) {
#page_web_marketing_wapper .page_web_marketing_table_area .content_table p {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
#page_web_marketing_wapper .page_web_marketing_table_area .content_table p {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 768px) {
#page_web_marketing_wapper .page_web_marketing_table_area .content_table p {
font-size: 3.125vw;
}
}
@media screen and (max-width: 769px) {
#page_web_marketing_wapper .page_web_marketing_table_area .content_table p {
display: block;
width: 100%;
}
}
#page_web_marketing_wapper .blanding_pref {
margin: 6.2% 0 0 0;
line-height: 160%;
}
@media screen and (min-width: 1100px) {
#page_web_marketing_wapper .blanding_pref {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
#page_web_marketing_wapper .blanding_pref {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 768px) {
#page_web_marketing_wapper .blanding_pref {
font-size: 3.125vw;
}
}
.page_web_marketing_wapper + .footer_contents_menu_box + .footer_about_us_in_pages + .footer_button_page_top_wapper + .footer_page_campany_top_wapper a {
width: 30%;
}
@media screen and (max-width: 769px) {
.page_web_marketing_wapper + .footer_contents_menu_box + .footer_about_us_in_pages + .footer_button_page_top_wapper + .footer_page_campany_top_wapper a {
width: 92%;
}
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} .promotion_category_header #video_cheanges.innner_page_box #video {
background-size: cover cover !important;
background-repeat: repeat;
background-position: center top;
height: 450px;
}
@media screen and (max-width: 769px) {
.promotion_category_header #video_cheanges.innner_page_box #video {
height: 349px;
}
}
.promotion_category_header #video_cheanges.innner_page_box h2 {
color: #FFF;
letter-spacing: 2px;
margin: 4.10% 0 0 0;
}
@media screen and (min-width: 1100px) {
.promotion_category_header #video_cheanges.innner_page_box h2 {
font-size: 30px;
}
}
@media print, screen and (max-width: 1100px) {
.promotion_category_header #video_cheanges.innner_page_box h2 {
font-size: 2.6809651475vw;
}
}
@media screen and (max-width: 768px) {
.promotion_category_header #video_cheanges.innner_page_box h2 {
font-size: 7.8125vw;
}
}
@media screen and (max-width: 769px) {
.promotion_category_header #video_cheanges.innner_page_box h2 {
margin: 27.85% 0 0 0;
font-weight: 600;
}
}
.promotion_category_header #video_cheanges.innner_page_box .page_top_title_border {
border-bottom: 1px solid #FFF;
margin: 1.32% auto 2.09% auto;
}
@media screen and (max-width: 769px) {
.promotion_category_header #video_cheanges.innner_page_box .page_top_title_border {
margin: 7.25% auto 2.09% auto;
}
}
.promotion_category_header #video_cheanges.innner_page_box p {
color: #00a0e6;
}
@media screen and (max-width: 769px) {
.promotion_category_header #video_cheanges.innner_page_box p {
color: #00a0e6;
margin: 7% 0 0 0;
line-height: 162%;
letter-spacing: 2px;
}
}
@media screen and (max-width: 769px) and (min-width: 1100px) {
.promotion_category_header #video_cheanges.innner_page_box p {
font-size: 14px;
}
}
@media screen and (max-width: 769px) and (max-width: 1100px) {
.promotion_category_header #video_cheanges.innner_page_box p {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 769px) and (max-width: 768px) {
.promotion_category_header #video_cheanges.innner_page_box p {
font-size: 3.6453125vw;
}
}
.page_category_main {
padding: 4% 0 0 0;
background: #F2F2F2;
}
@media screen and (min-width: 1100px) {
.page_category_main .page_category_main_wapper {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.page_category_main .page_category_main_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.page_category_main .page_category_main_wapper {
width: 98%;
margin: 0 auto;
}
}
.page_category_main .page_category_main_wapper .main_category_pref {
text-align: center;
margin: 1.5% auto 0 auto;
}
@media screen and (max-width: 769px) {
.page_category_main .page_category_main_wapper .main_category_pref {
margin: 9% auto 0 auto;
}
}
.page_category_main .page_category_main_wapper .main_category_pref p {
color: #464646;
line-height: 160%;
}
@media screen and (min-width: 1100px) {
.page_category_main .page_category_main_wapper .main_category_pref p {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
.page_category_main .page_category_main_wapper .main_category_pref p {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
.page_category_main .page_category_main_wapper .main_category_pref p {
font-size: 4.375vw;
}
}
.page_category_main .page_category_main_wapper .main_category_pref span {
color: #464646;
line-height: 160%;
font-weight: 600;
letter-spacing: -0.5px;
}
@media screen and (min-width: 1100px) {
.page_category_main .page_category_main_wapper .main_category_pref span {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
.page_category_main .page_category_main_wapper .main_category_pref span {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
.page_category_main .page_category_main_wapper .main_category_pref span {
font-size: 4.375vw;
}
}
.page_category_main .page_category_contents {
margin: 7.6% 0 0 0;
padding: 0 1%;
}
.page_category_main .page_category_contents ul {
display: flex;
}
@media screen and (max-width: 769px) {
.page_category_main .page_category_contents ul {
display: block;
}
}
.page_category_main .page_category_contents ul li {
margin: 0 0.7% 2% 0;
justify-content: space-between;
padding: 0 0 1% 0%;
width: 33.333%;
background: #FFF;
}
@media screen and (min-width: 1100px) {
.page_category_main .page_category_contents ul li {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.page_category_main .page_category_contents ul li {
font-size: 1.1818181818vw;
}
}
@media screen and (max-width: 768px) {
.page_category_main .page_category_contents ul li {
font-size: 2.8125333333vw;
}
}
@media screen and (max-width: 769px) {
.page_category_main .page_category_contents ul li {
padding: 0 0 3% 0%;
margin: 0% auto 7% auto;
display: block;
width: 88.10062500000001%;
}
}
.page_category_main .page_category_contents ul li:nth-child(2n) {
padding: 0 0 3% 0%;
margin: 0 0.7% 2% 1%;
}
@media screen and (max-width: 769px) {
.page_category_main .page_category_contents ul li:nth-child(2n) {
margin: 0% auto 7% auto;
}
}
.page_category_main .page_category_contents ul li a {
text-decoration: none;
color: #282828;
display: block;
width: 100%;
}
@media screen and (min-width: 1100px) {
.page_category_main .page_category_contents ul li a {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.page_category_main .page_category_contents ul li a {
font-size: 1.2727272727vw;
}
}
@media screen and (max-width: 768px) {
.page_category_main .page_category_contents ul li a {
font-size: 3.4376vw;
}
}
.page_category_main .page_category_contents ul li a .thumbs img {
width: 100%;
height: auto;
}
.page_category_main .page_category_contents ul li:nth-child(3n) {
margin: 0 0 2% 0.7%;
}
@media screen and (max-width: 769px) {
.page_category_main .page_category_contents ul li:nth-child(3n) {
padding: 0 0 3% 0%;
margin: 0% auto 7% auto;
}
}
.page_category_main .page_category_contents .new_cat_box {
margin: -6.5% 0 0 0;
padding: 3% 0 0 0;
position: relative;
color: #FFF;
display: table;
width: 70%;
table-layout: fixed;
}
.page_category_main .page_category_contents .new_cat_box .topics_cat {
width: auto;
vertical-align: middle;
background: #00A0E6;
text-align: center;
padding: 3% 22%;
position: absolute;
top: 10%;
z-index: 9999;
display: inline-block;
margin: 0 0 0 8%;
}
@media screen and (min-width: 1100px) {
.page_category_main .page_category_contents .new_cat_box .topics_cat {
font-size: 11px;
}
}
@media print, screen and (max-width: 1100px) {
.page_category_main .page_category_contents .new_cat_box .topics_cat {
font-size: 0.9830205541vw;
}
}
@media screen and (max-width: 768px) {
.page_category_main .page_category_contents .new_cat_box .topics_cat {
font-size: 2.7015625vw;
}
}
.page_category_main .page_category_contents .new_cat_box .new {
width: 6%;
display: table-cell;
vertical-align: middle;
background: #00A0E6;
text-align: center;
padding: 3% 0%;
}
@media screen and (min-width: 1100px) {
.page_category_main .page_category_contents .new_cat_box .new {
font-size: 11px;
}
}
@media print, screen and (max-width: 1100px) {
.page_category_main .page_category_contents .new_cat_box .new {
font-size: 0.9830205541vw;
}
}
@media screen and (max-width: 768px) {
.page_category_main .page_category_contents .new_cat_box .new {
font-size: 2.7015625vw;
}
}
.page_category_main .page_category_contents .pref_box {
display: table;
table-layout: fixed;
width: 100%;
padding: 1% 6% 1.5% 6%;
color: #464646;
}
@media screen and (min-width: 1100px) {
.page_category_main .page_category_contents .pref_box {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.page_category_main .page_category_contents .pref_box {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 768px) {
.page_category_main .page_category_contents .pref_box {
font-size: 3.4375vw;
}
}
.page_category_main .page_category_contents .pref_box .date {
margin: 3% 0 0% 0;
}
@media screen and (min-width: 1100px) {
.page_category_main .page_category_contents .pref_box .date {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.page_category_main .page_category_contents .pref_box .date {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.page_category_main .page_category_contents .pref_box .date {
font-size: 3.1921875vw;
}
}
.page_category_main .page_category_contents .pref_box .honbun {
margin: 5% 0 0 0;
}
.page_category_main .page_category_contents .pref_box .read_more {
margin: 7% 0 0 0;
}
.page_category_main .page_category_contents .pref_box {
padding: 0 7% 0% 7%;
margin: 4% 0 0 0;
color: #464646;
}
.page_category_main .page_category_contents .new_cat_box {
width: 70%;
color: #FFF;
letter-spacing: 2px;
}
.page_category_main .page_category_contents .new_cat_box .topix_cat_topix {
padding: 3% 0%;
width: 64%;
background: #4FC9C9;
display: table-cell;
text-align: center;
vertical-align: middle;
position: absolute;
z-index: 9999;
}
.page_category_main .page_category_contents .new_cat_box .topix_cat_news {
padding: 3% 0%;
width: 64%;
background: #ECAF2B;
display: table-cell;
text-align: center;
vertical-align: middle;
position: absolute;
top: 10%;
z-index: 9999;
}
.page_category_main .page_category_contents .new_cat_box .topix_cat_planning-planning {
padding: 3% 0%;
width: 64%;
display: table-cell;
text-align: center;
vertical-align: middle;
background: #78D171;
position: absolute;
top: 10%;
z-index: 9999;
}
.page_category_main .page_category_contents .new_cat_box .topix_cat_web-planning {
padding: 3% 0%;
width: 64%;
display: table-cell;
text-align: center;
vertical-align: middle;
background: #FF7878;
position: absolute;
top: 10%;
z-index: 9999;
}
.page_category_main .page_category_contents .new_cat_box .topix_cat_promotion-promotion {
padding: 3% 0%;
width: 64%;
display: table-cell;
text-align: center;
vertical-align: middle;
background: #78D171;
position: absolute;
top: 10%;
z-index: 9999;
}
.page_category_main .page_category_contents .new_cat_box .topix_cat_promotion-promotion {
padding: 3% 0%;
width: 64%;
display: table-cell;
text-align: center;
vertical-align: middle;
background: #ECAF2B;
position: absolute;
top: 10%;
z-index: 9999;
}
.page_category_main .page_category_contents .new_cat_box .topix_cat_web_promotion {
padding: 3% 0%;
width: 64%;
display: table-cell;
text-align: center;
vertical-align: middle;
background: #4FC9C9;
position: absolute;
top: 10%;
z-index: 9999;
}
.page_category_main .page_category_contents .new_cat_box .new {
display: table-cell;
position: absolute;
top: 10%;
right: 11%;
width: 17%;
z-index: 9999;
}
.page_category_main_wapper .page_category_contents ul li a {
position: relative;
}
.page_category_main_wapper .page_category_contents ul li a .thumbs {
position: relative;
}
.page_category_main_wapper .page_category_contents ul li a .thumbs img {
width: 100%;
height: auto;
}
.page_category_main_wapper .page_category_contents ul li a .topics_cat {
position: absolute;
z-index: 99999;
}
.page_category_main_wapper .page_category_contents ul li a .thumbs_hover {
display: none;
position: absolute;
top: 0%;
z-index: 9999;
background: rgba(0, 0, 0, 0.8);
height: 100%;
width: 100%;
color: #FFF;
}
.page_category_main_wapper .page_category_contents ul li a .thumbs_hover .arrow {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat right top 93%;
background-size: auto 80%;
padding: 0 3% 0 0;
color: #FFF;
}
.page_category_main_wapper .page_category_contents ul li a:hover .thumbs_hover {
display: flex;
justify-content: center;
align-items: center;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.page_category_main_wapper .page_category_contents ul li a:hover .thumbs_hover.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.page_category_main_wapper .page_category_contents ul li a:hover .thumbs_hover.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.page_category_main_wapper .page_category_contents ul li a:hover .thumbs_hover.flipOutX, .page_category_main_wapper .page_category_contents ul li a:hover .thumbs_hover.flipOutY, .page_category_main_wapper .page_category_contents ul li a:hover .thumbs_hover.bounceIn, .page_category_main_wapper .page_category_contents ul li a:hover .thumbs_hover.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.pager_wapper {
max-width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 1100px) {
.pager_wapper {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.pager_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.pager_wapper {
width: 98%;
margin: 0 auto;
}
}
.pager_wapper::after {
clear: both;
content: "";
display: table;
}
@media screen and (max-width: 769px) {
.pager_wapper {
position: relative;
}
}
.pager_wapper .pager_box {
margin: 5% 0;
}
@media screen and (max-width: 769px) {
.pager_wapper .pager_box {
margin: 10% auto;
width: 88.10062500000001%;
}
}
.pager_wapper .pager_box .wp-pagenavi {
text-align: center;
}
.pager_wapper .pager_box .wp-pagenavi span, .pager_wapper .pager_box .wp-pagenavi a {
margin: 0 0.3% 0 0;
color: #282828;
padding: 0.02% 0.8%;
border: 1px solid #F0F0F0;
background: #F0F0F0;
}
@media screen and (min-width: 1100px) {
.pager_wapper .pager_box .wp-pagenavi span, .pager_wapper .pager_box .wp-pagenavi a {
font-size: 15.14px;
}
}
@media print, screen and (max-width: 1100px) {
.pager_wapper .pager_box .wp-pagenavi span, .pager_wapper .pager_box .wp-pagenavi a {
font-size: 1.3529937444vw;
}
}
@media screen and (max-width: 768px) {
.pager_wapper .pager_box .wp-pagenavi span, .pager_wapper .pager_box .wp-pagenavi a {
font-size: 3.5484375vw;
}
}
@media screen and (max-width: 769px) {
.pager_wapper .pager_box .wp-pagenavi span, .pager_wapper .pager_box .wp-pagenavi a {
padding: 0.2% 2%;
}
}
.pager_wapper .pager_box .wp-pagenavi .current {
color: #FFF;
border: 1px solid #282828;
background: #282828;
}
.pager_wapper .pager_box .wp-pagenavi .pages {
padding: 0.2% 0.8%;
border: 1px solid #F0F0F0;
background: #F0F0F0;
}
.pager_wapper::after {
clear: both;
content: "";
display: table;
}
.pager_wapper .pager_next_box {
position: absolute;
width: 5%;
top: 2%;
right: 0%;
}
@media screen and (max-width: 769px) {
.pager_wapper .pager_next_box {
width: 11%;
right: 3%;
}
}
.pager_wapper .pager_next_box a {
padding: 0 26% 0 0;
color: #8C8C8C;
text-decoration: none;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_gray.png) no-repeat center right;
background-size: auto 100%;
display: block;
}
@media screen and (min-width: 1100px) {
.pager_wapper .pager_next_box a {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.pager_wapper .pager_next_box a {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.pager_wapper .pager_next_box a {
font-size: 3.046875vw;
}
}
.pager_wapper .pager_previous_box {
position: absolute;
width: 5%;
top: 10%;
left: 0%;
}
@media screen and (max-width: 769px) {
.pager_wapper .pager_previous_box {
width: 15%;
left: 3%;
}
}
.pager_wapper .pager_previous_box a {
padding: 0 0 0 20%;
color: #8C8C8C;
text-decoration: none;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_gray_back.png) no-repeat center left;
background-size: auto 100%;
display: block;
}
@media screen and (min-width: 1100px) {
.pager_wapper .pager_previous_box a {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.pager_wapper .pager_previous_box a {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.pager_wapper .pager_previous_box a {
font-size: 3.046875vw;
}
}
.page_category_main .footer_contents_menu_box {
width: 100%;
background: #FFF;
}
@media screen and (min-width: 1100px) {
.page_category_main .footer_contents_menu_box .footer_botton_contents_settings {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.page_category_main .footer_contents_menu_box .footer_botton_contents_settings {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.page_category_main .footer_contents_menu_box .footer_botton_contents_settings {
width: 98%;
margin: 0 auto;
}
}
.page_category_main .footer_contents_menu_box .footer_botton_contents_settings .other_nav_02_wapper {
width: 78%;
padding: 6% 0;
margin: 0 auto;
}
.page_category_main .footer_button_page_top_wapper {
width: 100%;
background: #FFF;
}
.page_category_main .footer_button_page_top_wapper a {
margin: 0% auto 0% auto;
padding: 8% 0 10% 0;
}
.page_category_main .footer_page_campany_top_wapper {
background: #FFF;
}
.page_category_main .footer_page_campany_top_wapper .footer_botton_contents_settings {
background: #FFF;
margin: 0% auto 12% auto;
}
.category_news_archives .footer_contents_menu_box {
width: 100%;
background: #FFF;
}
@media screen and (min-width: 1100px) {
.category_news_archives .footer_contents_menu_box .footer_botton_contents_settings {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.category_news_archives .footer_contents_menu_box .footer_botton_contents_settings {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.category_news_archives .footer_contents_menu_box .footer_botton_contents_settings {
width: 98%;
margin: 0 auto;
}
}
.category_news_archives .footer_contents_menu_box .footer_botton_contents_settings .other_nav_02_wapper {
margin: 0% auto 0% auto;
padding: 6% 0;
}
.category_news_archives .footer_button_page_top_wapper {
width: 100%;
background: #FFF;
}
.category_news_archives .footer_button_page_top_wapper a {
margin: 0% auto;
padding: 8% 0;
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} .single_01_02_wapper {
background: #F2F2F2;
}
.single_01_02_wapper .single_01_02_main_wapper {
background: #FFF;
padding: 4% 12%;
}
@media screen and (min-width: 1100px) {
.single_01_02_wapper .single_01_02_main_wapper {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.single_01_02_wapper .single_01_02_main_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.single_01_02_wapper .single_01_02_main_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) {
.single_01_02_wapper .single_01_02_main_wapper {
padding: 16% 6%;
}
}
.single_01_02_wapper .single_01_02_main_wapper .date_title_category_box {
padding: 0 0 3.4% 0;
margin: 0 0 5% 0;
border-bottom: 1px solid #D2D2D2;
}
@media screen and (min-width: 1100px) {
.single_01_02_wapper .single_01_02_main_wapper .date_box {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.single_01_02_wapper .single_01_02_main_wapper .date_box {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.single_01_02_wapper .single_01_02_main_wapper .date_box {
font-size: 3.125vw;
}
}
.single_01_02_wapper .single_01_02_main_wapper h2 {
margin: 2% 0;
font-weight: 500;
line-height: 160%;
}
@media screen and (min-width: 1100px) {
.single_01_02_wapper .single_01_02_main_wapper h2 {
font-size: 21px;
}
}
@media print, screen and (max-width: 1100px) {
.single_01_02_wapper .single_01_02_main_wapper h2 {
font-size: 1.8766756032vw;
}
}
@media screen and (max-width: 768px) {
.single_01_02_wapper .single_01_02_main_wapper h2 {
font-size: 4.375vw;
}
}
@media screen and (max-width: 769px) {
.single_01_02_wapper .single_01_02_main_wapper h2 {
margin: 4% 0;
}
}
.single_01_02_wapper .single_01_02_main_wapper .archives_flug_news {
display: flex;
width: 30%;
color: #FFF;
}
@media screen and (min-width: 1100px) {
.single_01_02_wapper .single_01_02_main_wapper .archives_flug_news {
font-size: 11px;
}
}
@media print, screen and (max-width: 1100px) {
.single_01_02_wapper .single_01_02_main_wapper .archives_flug_news {
font-size: 0.9830205541vw;
}
}
@media screen and (max-width: 768px) {
.single_01_02_wapper .single_01_02_main_wapper .archives_flug_news {
font-size: 2.65625vw;
}
}
@media screen and (max-width: 769px) {
.single_01_02_wapper .single_01_02_main_wapper .archives_flug_news {
width: 60%;
}
}
.single_01_02_wapper .single_01_02_main_wapper .archives_flug_news .sp_wapper_term {
display: block;
width: 60%;
text-align: center;
padding: 3% 0;
}
@media screen and (max-width: 769px) {
.single_01_02_wapper .single_01_02_main_wapper .archives_flug_news .sp_wapper_term {
width: 53%;
}
}
.single_01_02_wapper .single_01_02_main_wapper .archives_flug_news .new_wapper {
text-align: center;
width: 20%;
display: block;
}
.single_01_02_wapper .single_01_02_main_wapper .archives_flug_news .new_wapper .new {
background: #00A0E6;
display: block;
width: 100%;
padding: 18% 0%;
}
@media screen and (max-width: 769px) {
.single_01_02_wapper .single_01_02_main_wapper .archives_flug_news .new_wapper .new {
font-size: 2.65vw;
}
}
.single_01_02_wapper .single_01_02_main_wapper .archives_flug_news .term_slug_topics {
background: #323232;
}
.single_01_02_wapper .single_01_02_main_wapper .archives_flug_news .term_slug_web_promotion {
background: #4FC9C9;
}
.single_01_02_wapper .single_01_02_main_wapper .archives_flug_news .term_slug_promotion {
background: #ECAF2B;
}
.single_01_02_wapper .single_01_02_main_wapper .archives_flug_news .term_slug_web_planning {
background: #FF7878;
}
.single_01_02_wapper .single_01_02_main_wapper .archives_flug_news .term_slug_planning {
background: #78D171;
}
.single_01_02_wapper .single_01_02_main_wapper .archives_flug_news .archives_news_date_wapper {
padding: 2% 0 0 0;
display: inline-block;
width: 30%;
}
.single_01_02_wapper .single_01_02_main_wapper .archives_flug_news .archives_news_date_wapper .date {
width: 45%;
color: #3E3A39;
}
@media screen and (min-width: 1100px) {
.single_01_02_wapper .single_01_02_main_wapper .archives_flug_news .archives_news_date_wapper .date {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.single_01_02_wapper .single_01_02_main_wapper .archives_flug_news .archives_news_date_wapper .date {
font-size: 1.2727272727vw;
}
}
@media screen and (max-width: 768px) {
.single_01_02_wapper .single_01_02_main_wapper .archives_flug_news .archives_news_date_wapper .date {
font-size: 2.01421875vw;
}
}
.single_01_02_wapper .single_01_02_main_wapper .main_contents_box img {
margin: 3.4% 0;
display: block;
max-width: 100%;
height: auto;
}
.single_01_02_wapper .single_01_02_main_wapper .main_contents_box p {
line-height: 160%;
margin: 3.4% 0;
}
@media screen and (min-width: 1100px) {
.single_01_02_wapper .single_01_02_main_wapper .main_contents_box p {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.single_01_02_wapper .single_01_02_main_wapper .main_contents_box p {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 768px) {
.single_01_02_wapper .single_01_02_main_wapper .main_contents_box p {
font-size: 3.4375vw;
}
}
.single_pager {
margin: 20% auto;
position: relative;
}
@media screen and (min-width: 1100px) {
.single_pager {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.single_pager {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.single_pager {
font-size: 3.046875vw;
}
}
@media screen and (max-width: 769px) {
.single_pager {
margin: 35% auto 0 auto;
}
}
.single_pager .previous_box {
position: absolute;
width: 10%;
top: 30%;
left: 0%;
}
@media screen and (max-width: 769px) {
.single_pager .previous_box {
top: 160%;
}
}
.single_pager .previous_box a {
padding: 0 0 0 20%;
color: #8C8C8C;
text-decoration: none;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_gray_back.png) no-repeat center left;
background-size: auto 100%;
display: block;
}
.single_pager .next_box {
position: absolute;
width: 7%;
top: 30%;
right: 0%;
}
@media screen and (max-width: 769px) {
.single_pager .next_box {
width: 11%;
top: 160%;
}
}
.single_pager .next_box a {
padding: 0 26% 0 0;
color: #8C8C8C;
text-decoration: none;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_gray.png) no-repeat center right;
background-size: auto 100%;
display: block;
}
.single_01_02_wapper .archives_box {
width: 100%;
}
@media screen and (max-width: 769px) {
.single_01_02_wapper .archives_box {
margin: -20% 0 0 0;
}
}
.single_01_02_wapper .archives_box a {
padding: 2.8% 0;
margin: 0 auto;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #FFF;
text-decoration: none;
color: #282828;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
display: block;
width: 45%;
text-align: center;
border: 1px solid #282828;
animation-fill-mode: both;
}
.single_01_02_wapper .archives_box a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #282828;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.single_01_02_wapper .archives_box a:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.single_01_02_wapper .archives_box a:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@media screen and (min-width: 1100px) {
.single_01_02_wapper .archives_box a {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.single_01_02_wapper .archives_box a {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.single_01_02_wapper .archives_box a {
font-size: 3.58125vw;
}
}
@media screen and (max-width: 769px) {
.single_01_02_wapper .archives_box a {
width: 100%;
padding: 4.4% 0;
}
}
.single_01_02_wapper .footer_contents_menu_box {
background: #FFF;
padding: 0% 0 0% 0;
width: 100%;
}
.single_01_02_wapper .footer_contents_menu_box .other_nav_02_wapper {
margin: 0 auto;
}
.single_01_02_wapper .footer_contents_menu_box .footer_botton_contents_settings {
background: #FFF;
margin: 0% auto 0% auto;
padding: 5% 0 5% 0;
}
.single_01_02_wapper .footer_button_page_top_wapper {
background: #FFF;
}
.single_01_02_wapper .footer_button_page_top_wapper .footer_botton_contents_settings a {
margin: 0% auto 0% auto;
padding: 8.8% 4%;
}
.single_01_02_wapper + .footer_bunner_area_margin {
margin: 5% 0 12.2% 0;
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} @media screen and (min-width: 1100px) {
#page_carrea_plannig_wapper .carrea_plannig_rec, .carrea_plannig_media .carrea_plannig_rec {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
#page_carrea_plannig_wapper .carrea_plannig_rec, .carrea_plannig_media .carrea_plannig_rec {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
#page_carrea_plannig_wapper .carrea_plannig_rec, .carrea_plannig_media .carrea_plannig_rec {
width: 98%;
margin: 0 auto;
}
}
#page_carrea_plannig_wapper {
color: #282828;
}
#page_carrea_plannig_wapper .carrea_plannig_rec_title {
padding: 0% 3.4% 0 3.4%;
}
#page_carrea_plannig_wapper .carrea_plannig_rec_title h2 {
margin: 9.6% 0 0 0;
letter-spacing: 1px;
}
@media screen and (min-width: 1100px) {
#page_carrea_plannig_wapper .carrea_plannig_rec_title h2 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
#page_carrea_plannig_wapper .carrea_plannig_rec_title h2 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
#page_carrea_plannig_wapper .carrea_plannig_rec_title h2 {
font-size: 5.0484375vw;
}
}
@media screen and (max-width: 769px) {
#page_carrea_plannig_wapper .carrea_plannig_rec_title h2 {
margin: 29% 0 0 0;
font-weight: 600;
}
}
#page_carrea_plannig_wapper .carrea_plannig_rec_sub_title {
padding: 0% 3.4% 0 3.4%;
}
#page_carrea_plannig_wapper .carrea_plannig_rec_sub_title h2 {
margin: 8.9% 0 0 0;
letter-spacing: 0.8px;
line-height: 170%;
}
@media screen and (min-width: 1100px) {
#page_carrea_plannig_wapper .carrea_plannig_rec_sub_title h2 {
font-size: 24.46px;
}
}
@media print, screen and (max-width: 1100px) {
#page_carrea_plannig_wapper .carrea_plannig_rec_sub_title h2 {
font-size: 2.1858802502vw;
}
}
@media screen and (max-width: 768px) {
#page_carrea_plannig_wapper .carrea_plannig_rec_sub_title h2 {
font-size: 5.9375vw;
}
}
@media screen and (max-width: 769px) {
#page_carrea_plannig_wapper .carrea_plannig_rec_sub_title h2 {
margin: 11.9% 0 0 0;
font-weight: 600;
}
}
#page_carrea_plannig_wapper .carrea_plannig_rec_pref {
padding: 0% 3.4% 0 3.4%;
}
#page_carrea_plannig_wapper .carrea_plannig_rec_pref p {
margin: 3.8% 0 0 0;
line-height: 156%;
}
@media screen and (min-width: 1100px) {
#page_carrea_plannig_wapper .carrea_plannig_rec_pref p {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
#page_carrea_plannig_wapper .carrea_plannig_rec_pref p {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 768px) {
#page_carrea_plannig_wapper .carrea_plannig_rec_pref p {
font-size: 3.28125vw;
}
}
@media screen and (max-width: 769px) {
#page_carrea_plannig_wapper .carrea_plannig_rec_pref p {
margin: 6.8% 0 0 0;
}
}
#page_carrea_plannig_wapper .carrea_plannig_rec_img {
padding: 0 3.4%;
margin: 4% auto 0 auto;
}
#page_carrea_plannig_wapper .carrea_plannig_rec_img img {
width: 100%;
height: auto;
}
@media screen and (max-width: 769px) {
#page_carrea_plannig_wapper .carrea_plannig_rec_img {
margin: 13% auto 0 auto;
}
}
#page_carrea_plannig_wapper .carrea_plannig_blue_wapper {
background: #00A0E6;
margin: 4.4% 0 5.4% 0;
}
@media screen and (max-width: 769px) {
#page_carrea_plannig_wapper .carrea_plannig_blue_wapper {
margin: 12.4% 0 31.4% 0;
}
}
#page_carrea_plannig_wapper .carrea_plannig_blue_wapper .carrea_plannig_blue_2culum_wapper {
padding: 4% 3.3%;
display: flex;
justify-content: space-between;
}
@media screen and (min-width: 1100px) {
#page_carrea_plannig_wapper .carrea_plannig_blue_wapper .carrea_plannig_blue_2culum_wapper {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
#page_carrea_plannig_wapper .carrea_plannig_blue_wapper .carrea_plannig_blue_2culum_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
#page_carrea_plannig_wapper .carrea_plannig_blue_wapper .carrea_plannig_blue_2culum_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) {
#page_carrea_plannig_wapper .carrea_plannig_blue_wapper .carrea_plannig_blue_2culum_wapper {
display: block;
padding: 16% 3.3% 10% 3.3%;
}
}
#page_carrea_plannig_wapper .carrea_plannig_blue_wapper .carrea_plannig_blue_2culum_wapper .carrea_plannig_blue_2culum_item h2 {
padding: 0 0 0 9.5%;
margin: 1.3% 0 12.4% 0;
color: #FFF;
background-size: 5% auto;
}
@media screen and (min-width: 1100px) {
#page_carrea_plannig_wapper .carrea_plannig_blue_wapper .carrea_plannig_blue_2culum_wapper .carrea_plannig_blue_2culum_item h2 {
font-size: 24px;
}
}
@media print, screen and (max-width: 1100px) {
#page_carrea_plannig_wapper .carrea_plannig_blue_wapper .carrea_plannig_blue_2culum_wapper .carrea_plannig_blue_2culum_item h2 {
font-size: 2.144772118vw;
}
}
@media screen and (max-width: 768px) {
#page_carrea_plannig_wapper .carrea_plannig_blue_wapper .carrea_plannig_blue_2culum_wapper .carrea_plannig_blue_2culum_item h2 {
font-size: 5.3578125vw;
}
}
@media screen and (max-width: 769px) {
#page_carrea_plannig_wapper .carrea_plannig_blue_wapper .carrea_plannig_blue_2culum_wapper .carrea_plannig_blue_2culum_item h2 {
padding: 0 0 0 13.5%;
}
}
#page_carrea_plannig_wapper .carrea_plannig_blue_wapper .carrea_plannig_blue_2culum_wapper .carrea_plannig_blue_2culum_item p {
line-height: 128%;
color: #FFF;
}
@media screen and (min-width: 1100px) {
#page_carrea_plannig_wapper .carrea_plannig_blue_wapper .carrea_plannig_blue_2culum_wapper .carrea_plannig_blue_2culum_item p {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
#page_carrea_plannig_wapper .carrea_plannig_blue_wapper .carrea_plannig_blue_2culum_wapper .carrea_plannig_blue_2culum_item p {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 768px) {
#page_carrea_plannig_wapper .carrea_plannig_blue_wapper .carrea_plannig_blue_2culum_wapper .carrea_plannig_blue_2culum_item p {
font-size: 3.125vw;
}
}
#page_carrea_plannig_wapper .carrea_plannig_blue_wapper .carrea_plannig_blue_2culum_wapper .carrea_plannig_blue_2culum_item .black_border {
display: inline-block;
margin: 5% 0 5% 0;
border: 1px solid #000;
width: 10%;
}
@media screen and (max-width: 769px) {
#page_carrea_plannig_wapper .carrea_plannig_blue_wapper .carrea_plannig_blue_2culum_wapper .carrea_plannig_blue_2culum_item .black_border {
width: 14%;
margin: 6% 0 6% 0;
}
}
#page_carrea_plannig_wapper .carrea_plannig_blue_wapper .carrea_plannig_blue_2culum_wapper .carrea_plannig_blue_2culum_item .side_border {
margin: 0 0 4% 0;
line-height: 135%;
padding: 0 0 0 2%;
border-left: 1px solid #FFF;
}
@media screen and (max-width: 769px) {
#page_carrea_plannig_wapper .carrea_plannig_blue_wapper .carrea_plannig_blue_2culum_wapper .carrea_plannig_blue_2culum_item .side_border {
border-left: 2px solid #FFF;
line-height: 160%;
}
}
#page_carrea_plannig_wapper .carrea_plannig_blue_wapper .carrea_plannig_blue_2culum_wapper .carrea_plannig_blue_2culum_item_01 {
margin: 0 5% 0 0;
}
#page_carrea_plannig_wapper .carrea_plannig_blue_wapper .carrea_plannig_blue_2culum_wapper .carrea_plannig_blue_2culum_item_01 h2 {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/career_planning/img_consaru_01.png) no-repeat 0.7% 100%;
background-size: auto 100%;
}
#page_carrea_plannig_wapper .carrea_plannig_blue_wapper .carrea_plannig_blue_2culum_wapper .carrea_plannig_blue_2culum_item_02 {
margin: 0 5% 0 0;
}
@media screen and (max-width: 769px) {
#page_carrea_plannig_wapper .carrea_plannig_blue_wapper .carrea_plannig_blue_2culum_wapper .carrea_plannig_blue_2culum_item_02 {
margin: 18% 0 0 0;
}
}
#page_carrea_plannig_wapper .carrea_plannig_blue_wapper .carrea_plannig_blue_2culum_wapper .carrea_plannig_blue_2culum_item_02 h2 {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/career_planning/img_consaru_02.png) no-repeat 0.7% 100%;
background-size: auto 100%;
}
@media screen and (max-width: 769px) {
.carrea_plannig_media_title {
margin: 0% 0 17% 0;
}
}
.carrea_plannig_media_title h2 {
text-align: center;
font-weight: 600;
}
@media screen and (min-width: 1100px) {
.carrea_plannig_media_title h2 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
.carrea_plannig_media_title h2 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
.carrea_plannig_media_title h2 {
font-size: 5.0484375vw;
}
}
.carrea_plannig_media_table {
margin: 3.6% auto;
width: 52%;
}
@media screen and (max-width: 769px) {
.carrea_plannig_media_table {
width: 100%;
}
}
.carrea_plannig_media_table ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
@media screen and (max-width: 769px) {
.carrea_plannig_media_table ul {
margin: 0 0 8% 0;
}
}
.carrea_plannig_media_table ul li {
padding: 5.5% 3% 0% 3%;
margin: 0 0 3% 0;
width: 29.9%;
border-top: 1px solid #DCDCDC;
}
@media screen and (max-width: 769px) {
.carrea_plannig_media_table ul li {
width: 50%;
padding: 5.5% 3% 2% 3%;
}
}
.carrea_plannig_media_table ul li img {
width: 100%;
height: auto;
}
.carrea_plannig_media_table ul li:nth-child(2n) {
padding: 2.5% 3% 0% 3%;
width: 70.1%;
border-top: 1px solid #DCDCDC;
border-left: 1px solid #DCDCDC;
}
@media screen and (max-width: 769px) {
.carrea_plannig_media_table ul li:nth-child(2n) {
padding: 4.5% 3% 0% 6%;
width: 50%;
}
}
@media screen and (max-width: 769px) {
.carrea_plannig_media_table ul li:nth-child(3n) {
width: 100%;
border: none;
padding: 1% 3% 0% 3%;
}
}
.carrea_plannig_media_table ul li img {
width: 64%;
height: auto;
margin: 0 auto;
}
@media screen and (max-width: 769px) {
.carrea_plannig_media_table ul li img {
width: 55%;
}
}
.carrea_plannig_media_table ul li h3 {
color: #282828;
font-weight: 600;
}
@media screen and (min-width: 1100px) {
.carrea_plannig_media_table ul li h3 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
.carrea_plannig_media_table ul li h3 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
.carrea_plannig_media_table ul li h3 {
font-size: 4.5671875vw;
}
}
.carrea_plannig_media_table ul li .border {
border-bottom: 1px solid #282828;
display: inline-block;
margin: 0% auto 2.1% auto;
padding: 0 0 2% 0;
}
.carrea_plannig_media_table ul li p {
line-height: 147%;
}
@media screen and (min-width: 1100px) {
.carrea_plannig_media_table ul li p {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.carrea_plannig_media_table ul li p {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.carrea_plannig_media_table ul li p {
font-size: 2.96875vw;
}
}
.carrea_plannig_media_table .center_pref {
margin: 5% auto 2% auto;
padding: 0 0 0 12%;
}
@media screen and (min-width: 1100px) {
.carrea_plannig_media_table .center_pref {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.carrea_plannig_media_table .center_pref {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 768px) {
.carrea_plannig_media_table .center_pref {
font-size: 3.196875vw;
}
}
@media screen and (max-width: 769px) {
.carrea_plannig_media_table .center_pref {
padding: 0;
width: 94%;
line-height: 160%;
letter-spacing: -1px;
}
}
.carrea_plannig_media_table .an li .border {
width: 4.6%;
}
@media screen and (max-width: 769px) {
.carrea_plannig_media_table .an li .border {
width: 17.6%;
}
}
.carrea_plannig_media_table .line li {
padding: 6.2% 3% 0% 3%;
margin: 0 0 3.2% 0;
}
.carrea_plannig_media_table .line li:nth-child(2n) {
padding: 2.2% 3% 0% 3%;
}
@media screen and (max-width: 769px) {
.carrea_plannig_media_table .line li:nth-child(2n) {
padding: 4.2% 3% 3% 6%;
}
}
.carrea_plannig_media_table .line li:nth-child(2n) h3 {
letter-spacing: 1px;
}
.carrea_plannig_media_table .line li:nth-child(2n) .border {
width: 4.6%;
margin: 0.399% 0 2% 0;
}
@media screen and (max-width: 769px) {
.carrea_plannig_media_table .line li:nth-child(2n) .border {
width: 17.6%;
}
}
@media screen and (max-width: 769px) {
.carrea_plannig_media_table .line li img {
width: 74%;
}
}
.carrea_plannig_media_table .doda li {
padding: 6.2% 3% 0% 3%;
}
.carrea_plannig_media_table .doda li img {
width: 66%;
}
@media screen and (max-width: 769px) {
.carrea_plannig_media_table .doda li img {
width: 76%;
}
}
.carrea_plannig_media_table .doda li .border {
width: 4.6%;
margin: 0.399% 0 2% 0;
}
@media screen and (max-width: 769px) {
.carrea_plannig_media_table .doda li .border {
width: 17.6%;
}
}
.carrea_plannig_media_table .bitle li {
padding: 4.5% 3% 0% 3%;
}
.carrea_plannig_media_table .bitle li img {
width: 66%;
}
@media screen and (max-width: 769px) {
.carrea_plannig_media_table .bitle li img {
width: 76%;
}
}
.carrea_plannig_media_table .bitle li .border {
width: 4.6%;
margin: 0.399% 0 2% 0;
}
@media screen and (max-width: 769px) {
.carrea_plannig_media_table .bitle li .border {
width: 17.6%;
}
}
.carrea_plannig_media_table .idem li {
padding: 4.8% 3% 0% 3%;
}
.carrea_plannig_media_table .idem li img {
width: 51%;
}
@media screen and (max-width: 769px) {
.carrea_plannig_media_table .idem li img {
width: 65%;
}
}
.carrea_plannig_media_table .idem li .border {
width: 4.6%;
margin: 0.399% 0 2% 0;
}
@media screen and (max-width: 769px) {
.carrea_plannig_media_table .idem li .border {
width: 17.6%;
}
}
.carrea_plannig_flow_title_wapper {
margin: 7.8% 0 0 0;
}
@media screen and (max-width: 769px) {
.carrea_plannig_flow_title_wapper {
margin: 32.8% 0 0 0;
}
}
.carrea_plannig_flow_title_wapper h2 {
text-align: center;
font-weight: 600;
}
@media screen and (min-width: 1100px) {
.carrea_plannig_flow_title_wapper h2 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
.carrea_plannig_flow_title_wapper h2 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
.carrea_plannig_flow_title_wapper h2 {
font-size: 5.0484375vw;
}
}
.carrea_plannig_flow_wapper {
margin: 3.4% 0 5.1% 0;
border-top: 1px solid #DCDCDC;
border-bottom: 1px solid #DCDCDC;
}
@media screen and (max-width: 769px) {
.carrea_plannig_flow_wapper {
margin: 14.4% 0 10.1% 0;
}
}
.carrea_plannig_flow_wapper .carrea_plannig_flow_table {
padding: 0 3.4%;
}
@media screen and (min-width: 1100px) {
.carrea_plannig_flow_wapper .carrea_plannig_flow_table {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.carrea_plannig_flow_wapper .carrea_plannig_flow_table {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.carrea_plannig_flow_wapper .carrea_plannig_flow_table {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) {
.carrea_plannig_flow_wapper .carrea_plannig_flow_table {
width: 100%;
padding: 0;
}
}
.carrea_plannig_flow_wapper .carrea_plannig_flow_table .carrea_plannig_flow_inner {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.carrea_plannig_flow_wapper .carrea_plannig_flow_table .carrea_plannig_flow_inner h3 {
padding: 4.85% 4.2% 4.85% 8.2%;
width: 30%;
background: #F0F0F0;
border-bottom: 1px solid #DCDCDC;
position: relative;
}
@media screen and (min-width: 1100px) {
.carrea_plannig_flow_wapper .carrea_plannig_flow_table .carrea_plannig_flow_inner h3 {
font-size: 19px;
}
}
@media print, screen and (max-width: 1100px) {
.carrea_plannig_flow_wapper .carrea_plannig_flow_table .carrea_plannig_flow_inner h3 {
font-size: 1.6979445934vw;
}
}
@media screen and (max-width: 768px) {
.carrea_plannig_flow_wapper .carrea_plannig_flow_table .carrea_plannig_flow_inner h3 {
font-size: 4.3390625vw;
}
}
@media screen and (max-width: 769px) {
.carrea_plannig_flow_wapper .carrea_plannig_flow_table .carrea_plannig_flow_inner h3 {
width: 100%;
padding: 5.85% 4.2% 5.85% 18.2%;
}
}
.carrea_plannig_flow_wapper .carrea_plannig_flow_table .carrea_plannig_flow_inner h3:before {
content: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/career_planning/img_no01.png);
display: inline-block;
position: absolute;
top: 40%;
left: 10%;
}
@media screen and (max-width: 769px) {
.carrea_plannig_flow_wapper .carrea_plannig_flow_table .carrea_plannig_flow_inner h3:before {
top: 0%;
left: 5%;
padding: 5.6% 2.8%;
}
}
.carrea_plannig_flow_wapper .carrea_plannig_flow_table .carrea_plannig_flow_inner p {
padding: 3.6% 2.8%;
line-height: 148%;
width: 70%;
letter-spacing: -1px;
border-bottom: 1px solid #DCDCDC;
}
@media screen and (min-width: 1100px) {
.carrea_plannig_flow_wapper .carrea_plannig_flow_table .carrea_plannig_flow_inner p {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.carrea_plannig_flow_wapper .carrea_plannig_flow_table .carrea_plannig_flow_inner p {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 768px) {
.carrea_plannig_flow_wapper .carrea_plannig_flow_table .carrea_plannig_flow_inner p {
font-size: 3.196875vw;
}
}
@media screen and (max-width: 769px) {
.carrea_plannig_flow_wapper .carrea_plannig_flow_table .carrea_plannig_flow_inner p {
width: 100%;
}
}
.carrea_plannig_flow_wapper .carrea_plannig_flow_table .carrea_plannig_flow_inner .h3_back_no02:before {
content: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/career_planning/img_no02.png);
}
.carrea_plannig_flow_wapper .carrea_plannig_flow_table .carrea_plannig_flow_inner .h3_back_no03:before {
content: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/career_planning/img_no03.png);
}
.carrea_plannig_flow_wapper .carrea_plannig_flow_table .carrea_plannig_flow_inner .h3_back_no04:before {
content: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/career_planning/img_no04.png);
}
.carrea_plannig_flow_wapper .carrea_plannig_flow_table .carrea_plannig_flow_inner .h3_back_no05:before {
content: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/career_planning/img_no05.png);
}
.carrea_plannig_flow_wapper .carrea_plannig_flow_table .carrea_plannig_flow_inner .last_pref {
border: none;
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} .page_main .page_sitemap_wapper {
margin: 0 0 0% 0;
}
.page_main .page_sitemap_wapper .page_sitemap_01 {
width: 100%;
}
.page_sitemap_wapper .page_sitemap_02 {
width: 84.5%;
}
.page_sitemap_wapper .page_sitemap_02 .sitemap_list_box_wap {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.page_sitemap_wapper .page_sitemap_02 .sitemap_list_box_wap::after {
clear: both;
content: "";
display: table;
}
@media screen and (max-width: 768px) {
.page_sitemap_wapper .page_sitemap_02 .sitemap_list_box_wap {
margin: 0%;
}
}
.page_sitemap_wapper .page_sitemap_02 .sitemap_list_box {
float: left;
width: 49%;
}
@media screen and (max-width: 768px) {
.page_sitemap_wapper .page_sitemap_02 .sitemap_list_box {
float: none;
width: 100%;
margin: 0 0 8% 0;
}
}
@media screen and (max-width: 768px) {
.page_sitemap_wapper .page_sitemap_02 .sitemap_list_box:first-child {
margin: 0;
}
}
.page_sitemap_wapper .page_sitemap_02 .sitemap_list_box:nth-child(2n) {
float: right;
width: 49%;
}
@media screen and (max-width: 768px) {
.page_sitemap_wapper .page_sitemap_02 .sitemap_list_box:nth-child(2n) {
float: none;
width: 100%;
}
}
.page_sitemap_wapper .page_sitemap_02 .sitemap_list_box .title_gray_bg h3 {
padding: 3.7% 0 3.7% 4%;
background: #C8C8C8;
color: #FFF;
letter-spacing: 2px;
}
@media screen and (min-width: 1100px) {
.page_sitemap_wapper .page_sitemap_02 .sitemap_list_box .title_gray_bg h3 {
font-size: 12.5px;
}
}
@media print, screen and (max-width: 1100px) {
.page_sitemap_wapper .page_sitemap_02 .sitemap_list_box .title_gray_bg h3 {
font-size: 1.1170688114vw;
}
}
@media screen and (max-width: 768px) {
.page_sitemap_wapper .page_sitemap_02 .sitemap_list_box .title_gray_bg h3 {
font-size: 3.3046875vw;
}
}
@media screen and (max-width: 769px) {
.page_sitemap_wapper .page_sitemap_02 .sitemap_list_box .title_gray_bg h3 {
padding: 4.4% 0 4.4% 5%;
}
}
.page_sitemap_wapper .page_sitemap_02 .sitemap_list_box ul li a {
padding: 2.29% 0 2.29% 4%;
text-decoration: none;
color: #3C3C3C;
border-bottom: 1px solid #DCDCDC;
display: block;
width: 100%;
}
@media screen and (min-width: 1100px) {
.page_sitemap_wapper .page_sitemap_02 .sitemap_list_box ul li a {
font-size: 12px;
}
}
@media print, screen and (max-width: 1100px) {
.page_sitemap_wapper .page_sitemap_02 .sitemap_list_box ul li a {
font-size: 1.072386059vw;
}
}
@media screen and (max-width: 768px) {
.page_sitemap_wapper .page_sitemap_02 .sitemap_list_box ul li a {
font-size: 3.1734375vw;
}
}
@media screen and (max-width: 769px) {
.page_sitemap_wapper .page_sitemap_02 .sitemap_list_box ul li a {
padding: 2.74% 0 2.74% 4%;
}
}
.page_sitemap_wapper .sitemap_list_box_wap {
margin: 0% 0 4% 0;
}
@media screen and (max-width: 769px) {
.page_sitemap_wapper .sitemap_list_box_wap .sitemap_list_box {
margin: 0% 0 9.4% 0 !important;
}
}
.page_sitemap_wapper .sitemap_list_box_wap:nth-child(2n) {
margin: 0% 0 8% 0;
}
@media screen and (max-width: 769px) {
.page_sitemap_wapper .sitemap_list_box_wap:nth-child(2n) {
margin: 0% 0 0.4% 0 !important;
}
}
@media screen and (max-width: 769px) {
.page_sitemap_wapper .sitemap_list_box_wap:nth-child(2n) .sitemap_list_box {
margin: 0% 0 9.4% 0 !important;
}
}
@media screen and (max-width: 769px) {
.page_sitemap_wapper .sitemap_list_box_wap:nth-child(2n) + .sitemap_list_box {
margin: 0% 0 9.6% 0 !important;
}
}
.page_sitemap_wapper .sitemap_list_box_wap:nth-child(3n) {
margin: 0% 0 4.2% 0;
}
@media screen and (max-width: 769px) {
.page_sitemap_wapper .sitemap_list_box_wap:nth-child(3n) {
margin: 0% 0 0% 0 !important;
}
}
.page_company_wapper #sitemap_title .title_wapper {
padding: 28.5% 0 13.4% 0;
}
@media screen and (max-width: 769px) {
.page_company_wapper #sitemap_title .title_wapper {
padding: 34.5% 0 34.4% 0;
}
}
@media screen and (min-width: 1100px) {
.page_company_wapper #sitemap_title .title_wapper h2 {
font-size: 28.7px;
}
}
@media print, screen and (max-width: 1100px) {
.page_company_wapper #sitemap_title .title_wapper h2 {
font-size: 2.5647899911vw;
}
}
@media screen and (max-width: 768px) {
.page_company_wapper #sitemap_title .title_wapper h2 {
font-size: 7.8125vw;
}
}
.page_company_wapper #sitemap_title .title_wapper .blue_title {
letter-spacing: 1px;
font-weight: 300;
}
@media screen and (min-width: 1100px) {
.page_company_wapper #sitemap_title .title_wapper .blue_title {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.page_company_wapper #sitemap_title .title_wapper .blue_title {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 768px) {
.page_company_wapper #sitemap_title .title_wapper .blue_title {
font-size: 3.6453125vw;
}
}
.page_company_wapper #sitemap_title .title_wapper .border {
width: 4.5%;
}
.page_sitemap_wapper {
background: #F0F0F0;
margin: 0;
}
.page_sitemap_wapper #sitemap_bg_white_wapper {
background: #FFF;
padding: 0 0% 3% 0%;
}
@media screen and (min-width: 1100px) {
.page_sitemap_wapper #sitemap_bg_white_wapper {
width: 1000px !important;
}
}
#footer_botton_wap {
background: #F0F0F0;
}
#footer_botton_wap .footer_botton_wap_inner {
padding: 0 0 12% 0;
width: 1000px;
margin: 0 auto;
background: #FFF;
}
@media screen and (max-width: 769px) and (min-width: 1100px) {
#footer_botton_wap .footer_botton_wap_inner {
width: 1120px;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) and (max-width: 1100px) {
#footer_botton_wap .footer_botton_wap_inner {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) and (max-width: 768px) {
#footer_botton_wap .footer_botton_wap_inner {
width: 98%;
margin: 0 auto;
}
}
#footer_botton_wap .footer_page_campany_top_wapper {
margin: 4% 0 0 0;
}
#footer_botton_wap .footer_botton_contents_settings {
width: 100% !important;
margin: 0% auto 0% auto !important;
}
#footer_botton_wap .footer_botton_contents_settings a {
margin: 0 auto 0% auto !important;
width: 29.6%;
padding: 3% 0;
}
@media screen and (max-width: 769px) {
#footer_botton_wap .footer_botton_contents_settings a {
width: 86.6%;
padding: 6% 0;
}
}
.page_urvan_sitemap .page_company_wapper #sitemap_bg_white_wapper #sitemap_title .title_wapper {
padding: 20.5% 0 12.4% 0;
}
@media screen and (max-width: 769px) {
.page_urvan_sitemap .page_company_wapper #sitemap_bg_white_wapper #sitemap_title .title_wapper {
padding: 50.5% 0 19.4% 0;
}
}
.page_urvan_sitemap .page_company_wapper #sitemap_bg_white_wapper #sitemap_title .title_wapper .border {
width: 4.5%;
}
@media screen and (max-width: 769px) {
.page_urvan_sitemap .page_company_wapper #sitemap_bg_white_wapper #sitemap_title .title_wapper .border {
width: 9.5%;
}
}
.page_urvan_sitemap .page_company_wapper #sitemap_bg_white_wapper .page_sitemap_02 {
width: 82%;
padding: 0 2.3% 0 2.4%;
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} .page_privacypolicy_wapper section:not(.page_privacypolicy_01) {
padding: 0 3% 0 0;
}
.page_privacypolicy_wapper .bg_white_wapper_contaner {
background: #F0F0F0;
}
.page_privacypolicy_wapper .bg_white_wapper {
padding: 0 5% 10% 6%;
background: #FFF;
}
@media screen and (min-width: 1100px) {
.page_privacypolicy_wapper .bg_white_wapper {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.page_privacypolicy_wapper .bg_white_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.page_privacypolicy_wapper .bg_white_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) {
.page_privacypolicy_wapper .bg_white_wapper {
width: 100%;
padding: 0 5% 6% 6%;
}
}
.page_privacypolicy_wapper .page_privacypolicy_inner_01 {
width: 100%;
}
@media screen and (max-width: 768px) {
.page_privacypolicy_wapper .page_privacypolicy_inner_01 {
padding: 21.5% 0 25% 0;
width: 88.75%;
margin: 0% auto 0% auto;
}
}
.page_privacypolicy_wapper .page_privacypolicy_inner {
width: 100%;
}
.page_privacypolicy_wapper .page_privacypolicy_inner .title_wapper {
padding: 21.5% 0 4.4% 0;
margin: 0 auto;
text-align: center;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_wapper .page_privacypolicy_inner .title_wapper {
padding: 54.5% 0 28.4% 0;
}
}
.page_privacypolicy_wapper .page_privacypolicy_inner .title_wapper h2 {
color: #282828;
}
@media screen and (min-width: 1100px) {
.page_privacypolicy_wapper .page_privacypolicy_inner .title_wapper h2 {
font-size: 28.7px;
}
}
@media print, screen and (max-width: 1100px) {
.page_privacypolicy_wapper .page_privacypolicy_inner .title_wapper h2 {
font-size: 2.5647899911vw;
}
}
@media screen and (max-width: 768px) {
.page_privacypolicy_wapper .page_privacypolicy_inner .title_wapper h2 {
font-size: 7.8125vw;
}
}
@media screen and (max-width: 769px) {
.page_privacypolicy_wapper .page_privacypolicy_inner .title_wapper h2 {
letter-spacing: 2px;
}
}
.page_privacypolicy_wapper .page_privacypolicy_inner .title_wapper .blue_title {
margin: 0.2% 0 1% 0;
color: #00A0E6;
display: block;
text-align: center;
letter-spacing: 4px;
}
@media screen and (min-width: 1100px) {
.page_privacypolicy_wapper .page_privacypolicy_inner .title_wapper .blue_title {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.page_privacypolicy_wapper .page_privacypolicy_inner .title_wapper .blue_title {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 768px) {
.page_privacypolicy_wapper .page_privacypolicy_inner .title_wapper .blue_title {
font-size: 3.6453125vw;
}
}
@media screen and (max-width: 769px) {
.page_privacypolicy_wapper .page_privacypolicy_inner .title_wapper .blue_title {
margin: 0.0% 0 1% 0;
letter-spacing: 1.25px;
}
}
.page_privacypolicy_wapper .page_privacypolicy_inner .title_wapper .border {
margin: 3.1% auto 0 auto;
width: 3.5%;
border-bottom: solid 1px #282828;
display: block;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_wapper .page_privacypolicy_inner .title_wapper .border {
margin: 4.6% auto 0 auto;
width: 11.5%;
}
}
.page_privacypolicy_wapper .page_privacypolicy_inner .sub_h2 {
padding: 6.5% 0 2% 0;
text-align: left;
}
.page_privacypolicy_wapper .page_privacypolicy_inner .sub_h2 .border {
margin: 2% auto 0 0;
}
.page_privacypolicy_wapper section:not(.page_privacypolicy_01) {
width: 87%;
}
.page_privacypolicy_wapper section:not(.page_privacypolicy_01) .title_wapper {
font-weight: 500;
}
.page_privacypolicy_wapper section:not(.page_privacypolicy_01) .title_wapper h2 {
color: #282828;
text-align: center;
margin: 0 auto;
}
@media screen and (min-width: 1100px) {
.page_privacypolicy_wapper section:not(.page_privacypolicy_01) .title_wapper h2 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
.page_privacypolicy_wapper section:not(.page_privacypolicy_01) .title_wapper h2 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
.page_privacypolicy_wapper section:not(.page_privacypolicy_01) .title_wapper h2 {
font-size: 5.2890625vw;
}
}
.page_privacypolicy_wapper section:not(.page_privacypolicy_01) .title_wapper h3 {
color: #282828;
line-height: 160%;
border-bottom: solid 1px #282828;
}
@media screen and (min-width: 1100px) {
.page_privacypolicy_wapper section:not(.page_privacypolicy_01) .title_wapper h3 {
font-size: 18px;
}
}
@media print, screen and (max-width: 1100px) {
.page_privacypolicy_wapper section:not(.page_privacypolicy_01) .title_wapper h3 {
font-size: 1.6085790885vw;
}
}
@media screen and (max-width: 768px) {
.page_privacypolicy_wapper section:not(.page_privacypolicy_01) .title_wapper h3 {
font-size: 4.759375vw;
}
}
.page_privacypolicy_wapper section:not(.page_privacypolicy_01) .border_bottom {
padding: 0.5% 0 0% 0;
text-align: left;
}
@media screen and (max-width: 768px) {
.page_privacypolicy_wapper section:not(.page_privacypolicy_01) {
width: 100%;
}
}
.page_privacypolicy_wapper section:not(.page_privacypolicy_01) .pref_wapper p {
line-height: 164%;
color: #282828;
}
@media screen and (min-width: 1100px) {
.page_privacypolicy_wapper section:not(.page_privacypolicy_01) .pref_wapper p {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.page_privacypolicy_wapper section:not(.page_privacypolicy_01) .pref_wapper p {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.page_privacypolicy_wapper section:not(.page_privacypolicy_01) .pref_wapper p {
font-size: 3.4375vw;
}
}
@media screen and (max-width: 768px) {
.page_privacypolicy_wapper section:not(.page_privacypolicy_01) .pref_wapper .top_pref {
margin: 0% 0 5% 0;
}
}
.page_privacypolicy_wapper section:not(.page_privacypolicy_01) .pref_wapper .kaisha_pref {
line-height: 160%;
}
@media screen and (max-width: 768px) {
.page_privacypolicy_wapper section:not(.page_privacypolicy_01) .pref_wapper .kaisha_pref .tel {
display: block;
width: 100%;
}
}
.page_privacypolicy_wapper section:not(.page_privacypolicy_01) .pref_wapper .kaisha_pref .kaisha {
margin: 0 2% 0 0;
}
@media screen and (max-width: 768px) {
.page_privacypolicy_wapper section:not(.page_privacypolicy_01) .pref_wapper .kaisha_pref .kaisha {
width: 70%;
}
}
.page_privacypolicy_wapper section:not(.page_privacypolicy_01) .pref_wapper .kaisha_pref .shiten {
margin: 0 2% 0 0;
}
@media screen and (max-width: 768px) {
.page_privacypolicy_wapper section:not(.page_privacypolicy_01) .pref_wapper .kaisha_pref .shiten {
width: 30%;
}
}
.page_sitemap_wapper .page_privacypolicy_inner {
margin: 0 auto;
}
.page_sitemap_wapper .title_wapper {
margin: 0 auto;
display: block;
width: 100%;
padding: 6.5% 0 0% 0;
color: #282828;
}
.page_sitemap_wapper .border {
margin: 2% auto 0 auto;
width: 5.5%;
border-bottom: solid 1px #282828;
display: inline-block;
}
.last_pref .kaisha {
margin: 0 2% 0 0;
}
@media screen and (max-width: 768px) {
.last_pref .kaisha {
width: 70%;
}
}
@media screen and (max-width: 768px) {
.last_pref .tel {
display: block;
width: 100%;
}
}
.footer_page_campany_top_site_policy {
width: 100%;
}
@media screen and (max-width: 768px) {
.footer_page_campany_top_site_policy {
width: 96.5%;
}
}
.footer_page_campany_top_site_policy .footer_botton_contents_settings {
margin: 10% auto 0% auto;
width: 100%;
}
.footer_page_campany_top_site_policy .footer_botton_contents_settings a {
padding: 3% 0;
width: 38%;
}
@media screen and (max-width: 769px) {
.footer_page_campany_top_site_policy .footer_botton_contents_settings a {
width: 100%;
}
}
@media screen and (max-width: 769px) {
.page_privacypolicy_bottom_area {
margin: 11% auto 7% auto !important;
}
}
@media screen and (max-width: 769px) {
.page_privacypolicy_bottom_area .footer_page_campany_top_site_policy {
margin: 11% auto 0% auto !important;
}
}
@media screen and (max-width: 769px) {
.page_privacypolicy_bottom_area .footer_page_campany_top_site_policy a {
padding: 6% 0 !important;
}
}
.page_privacypolicy_02 {
margin: 3.35% auto 0 auto;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_02 {
padding: 0 !important;
margin: 0% auto 0 auto !important;
}
}
@media screen and (max-width: 769px) {
.page_privacypolicy_02 .sub_h2 {
padding: 0 !important;
}
}
.page_privacypolicy_02 .sub_h2 .border {
margin: 2.6% auto 0 0 !important;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_02 .sub_h2 .border {
margin: 4.6% auto 0 0 !important;
}
}
.page_privacypolicy_02 h2 {
letter-spacing: -2px;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_02 h2 {
letter-spacing: -2.2px !important;
}
}
.page_privacypolicy_02 .border {
margin: 2.3% auto 0 0;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_02 .border {
margin: 4.6% auto 0 0 !important;
width: 8.5% !important;
}
}
@media screen and (max-width: 769px) {
.page_privacypolicy_02 .pref_wapper {
margin: 4% 0 4% 0;
}
}
@media screen and (max-width: 769px) {
.page_privacypolicy_02 .pref_wapper p {
line-height: 156% !important;
}
}
.page_privacypolicy_03 {
margin: 3.35% auto 0 auto;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_03 {
margin: 3.1% auto 0 auto;
}
}
@media screen and (max-width: 769px) {
.page_privacypolicy_03 .title_wapper {
padding: 0 !important;
}
}
.page_privacypolicy_03 h3 {
padding: 2% 0 1.5% 0;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_03 h3 {
padding: 0 0 3% 0;
}
}
@media screen and (max-width: 769px) {
.page_privacypolicy_03 .pref_wapper {
margin: 3.6% 0 0 0;
}
}
.page_privacypolicy_04 {
margin: 4.5% auto 0 auto;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_04 {
margin: -1% 0 0 0;
}
}
.page_privacypolicy_04 h3 {
padding: 0 0 1% 0;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_04 h3 {
padding: 0 0 3% 0;
}
}
.page_privacypolicy_04 p {
letter-spacing: -1px;
line-height: 150%;
margin: 1.6% 0 0 0;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_04 p {
margin: 3.6% 0 0 0;
line-height: 170% !important;
}
}
.page_privacypolicy_04 .title_wapper {
padding: 0% 0 3.8% 0;
}
.page_privacypolicy_05 {
margin: 3.2% auto 0 auto;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_05 {
margin: 4.2% auto 0 auto;
}
}
.page_privacypolicy_05 h3 {
padding: 0 0 1% 0;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_05 h3 {
padding: 0 0 3% 0;
}
}
.page_privacypolicy_05 p {
letter-spacing: -1px;
line-height: 150%;
margin: 1.6% 0 0 0;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_05 p {
margin: 3.6% 0 0 0;
line-height: 169% !important;
}
}
.page_privacypolicy_06 {
margin: 2.9% auto 0 auto;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_06 {
margin: 5% auto 0 auto;
}
}
.page_privacypolicy_06 h3 {
padding: 0 0 1% 0;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_06 h3 {
padding: 0 0 2.4% 0;
}
}
.page_privacypolicy_06 .top_pref {
margin: 1.25% 0 2% 0;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_06 .top_pref {
margin: 3.6% 0 5.8% 0 !important;
}
}
.page_privacypolicy_06 .kaisha_pref {
margin: 0 0 0.25% 0;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_06 .kaisha_pref {
margin: 6.6% 0 0% 0;
line-height: 180%;
}
}
@media screen and (max-width: 769px) {
.page_privacypolicy_06 .kaisha_pref .tel {
margin: 1% 0 0% 0;
display: block;
}
}
@media screen and (max-width: 769px) {
.page_privacypolicy_06 .kaisha_pref:nth-child(2n) {
margin: 0% 0 0% 0;
}
}
@media screen and (max-width: 769px) {
.page_privacypolicy_06 .kaisha_pref:nth-child(2n) .tel {
margin: 0% 0 0% 0;
display: block;
}
}
@media screen and (max-width: 769px) {
.page_privacypolicy_06 .kaisha_pref:nth-child(3n) {
margin: 1% 0 0% 0;
line-height: 180%;
}
}
@media screen and (max-width: 769px) {
.page_privacypolicy_06 .kaisha_pref:nth-child(3n) .tel {
margin: 1% 0 0% 0;
display: block;
}
}
@media screen and (max-width: 769px) {
.page_privacypolicy_06 .kaisha_pref:nth-child(4n) {
margin: 0% 0 0% 0;
}
}
@media screen and (max-width: 769px) {
.page_privacypolicy_06 .kaisha_pref:nth-child(4n) .tel {
margin: 1% 0 0% 0;
display: block;
}
}
@media screen and (max-width: 769px) {
.page_privacypolicy_06 .kaisha_pref:nth-child(5n) {
margin: 0% -2% 1% 0;
line-height: 180%;
}
}
@media screen and (max-width: 769px) {
.page_privacypolicy_06 .kaisha_pref:nth-child(5n) .tel {
margin: 1% -1% 0 0;
}
}
.page_privacypolicy_07 {
margin: 12.2% auto 0 auto;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_07 {
margin: 7.2% auto 0 auto;
}
}
.page_privacypolicy_07 .sub_h2 {
margin: 0;
}
.page_privacypolicy_07 .sub_h2 .border {
margin: 2.6% auto 0 0 !important;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_07 .sub_h2 .border {
margin: 4.6% auto 0 0 !important;
}
}
.page_privacypolicy_07 .title_wapper h2 {
letter-spacing: -3px;
padding: 0% 0 12% 0;
}
.page_privacypolicy_07 h2 {
padding: 0 0 0 0;
color: #282828;
}
@media screen and (min-width: 1100px) {
.page_privacypolicy_07 h2 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
.page_privacypolicy_07 h2 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
.page_privacypolicy_07 h2 {
font-size: 5.2890625vw;
}
}
@media screen and (max-width: 769px) {
.page_privacypolicy_07 h2 {
letter-spacing: -4px;
}
}
.page_privacypolicy_07 .border {
margin: 2.2% 0 0 0;
width: 3.4%;
border-bottom: solid 1px #282828;
display: inline-block;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_07 .border {
margin: 4.6% 0 0 0;
width: 9.4%;
}
}
.page_privacypolicy_07 p {
margin: 1.5% 0 0 0;
letter-spacing: 0px;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_07 p {
margin: 4.6% 0 0 0;
line-height: 147% !important;
}
}
.page_privacypolicy_08 {
margin: 3.70% auto 0 auto;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_08 {
margin: 2.7% auto 0 auto;
}
}
.page_privacypolicy_08 h3 {
color: #282828;
padding: 0 0 1% 0;
line-height: 160%;
border-bottom: solid 1px #282828;
}
@media screen and (min-width: 1100px) {
.page_privacypolicy_08 h3 {
font-size: 18px;
}
}
@media print, screen and (max-width: 1100px) {
.page_privacypolicy_08 h3 {
font-size: 1.6085790885vw;
}
}
@media screen and (max-width: 768px) {
.page_privacypolicy_08 h3 {
font-size: 4.759375vw;
}
}
@media screen and (max-width: 769px) {
.page_privacypolicy_08 h3 {
padding: 0 0 2.6% 0;
}
}
.page_privacypolicy_08 p {
margin: 1.5% 0 0 0;
letter-spacing: 0px;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_08 p {
margin: 3.5% 0 0 0;
}
}
.page_privacypolicy_09 {
margin: 3.70% auto 0 auto;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_09 {
margin: 5.7% auto 0 auto;
}
}
.page_privacypolicy_09 h3 {
color: #282828;
padding: 0 0 1% 0;
line-height: 160%;
border-bottom: solid 1px #282828;
}
@media screen and (min-width: 1100px) {
.page_privacypolicy_09 h3 {
font-size: 18px;
}
}
@media print, screen and (max-width: 1100px) {
.page_privacypolicy_09 h3 {
font-size: 1.6085790885vw;
}
}
@media screen and (max-width: 768px) {
.page_privacypolicy_09 h3 {
font-size: 4.759375vw;
}
}
@media screen and (max-width: 769px) {
.page_privacypolicy_09 h3 {
padding: 0 0 2.3% 0;
letter-spacing: -2px;
}
}
.page_privacypolicy_09 p {
margin: 1.5% 0 0 0;
letter-spacing: 0px;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_09 p {
margin: 3.5% 0 0 0;
}
}
.page_privacypolicy_10 {
margin: 3.40% auto 0 auto;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_10 {
margin: 4.4% auto 0 auto;
}
}
.page_privacypolicy_10 h3 {
color: #282828;
padding: 0 0 1% 0;
line-height: 160%;
border-bottom: solid 1px #282828;
}
@media screen and (min-width: 1100px) {
.page_privacypolicy_10 h3 {
font-size: 18px;
}
}
@media print, screen and (max-width: 1100px) {
.page_privacypolicy_10 h3 {
font-size: 1.6363636364vw;
}
}
@media screen and (max-width: 768px) {
.page_privacypolicy_10 h3 {
font-size: 2.78875vw;
}
}
@media screen and (max-width: 769px) {
.page_privacypolicy_10 h3 {
padding: 0 0 2.3% 0;
letter-spacing: -2px;
}
}
.page_privacypolicy_10 p {
margin: 1.5% 0 0 0;
letter-spacing: 0px;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_10 .top_pref {
margin: 4% auto 0 auto !important;
}
}
@media screen and (max-width: 769px) {
.page_privacypolicy_10 .last_pref {
margin: 4% auto 0 auto !important;
}
}
@media screen and (min-width: 1100px) {
#page_privacypolicy_wapper .bg_white_wapper {
width: 1000px;
padding: 0 3% 10% 3%;
}
}
@media screen and (max-width: 769px) {
#page_privacypolicy_wapper .page_privacypolicy_01 > .title_wapper {
padding: 54.5% 0 26.4% 0;
}
}
#page_privacypolicy_wapper .sub_h2 h2 {
letter-spacing: -2px;
}
.page_privacypolicy_bottom_area a {
width: 7.8%;
padding: 3.6% 0;
}
.page_privacypolicy_09 + .page_company_inner .footer_button_page_top_wapper a {
width: 7.79% !important;
}
@media screen and (max-width: 769px) {
.page_privacypolicy_09 + .page_company_inner .footer_button_page_top_wapper a {
width: 18.095% !important;
}
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} .page_company_corporate_inner {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.page_company_corporate_inner::after {
clear: both;
content: "";
display: table;
}
@media screen and (max-width: 769px) {
.page_company_corporate_inner {
width: 100%;
margin: 0 auto;
}
}
.page_company_corporate_inner .pref_wapper {
float: left;
}
.page_company_corporate_inner .pref_wapper h3 {
margin: 3% 0 0% 0;
color: #282828;
line-height: 160%;
font-weight: 600;
}
@media screen and (min-width: 1100px) {
.page_company_corporate_inner .pref_wapper h3 {
font-size: 24.46px;
}
}
@media print, screen and (max-width: 1100px) {
.page_company_corporate_inner .pref_wapper h3 {
font-size: 2.2236363636vw;
}
}
@media screen and (max-width: 768px) {
.page_company_corporate_inner .pref_wapper h3 {
font-size: 5.7228915663vw;
}
}
@media screen and (min-width: 1100px) {
.wapper_philosophy_box {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.wapper_philosophy_box {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.wapper_philosophy_box {
width: 98%;
margin: 0 auto;
}
}
.wapper_philosophy_box .contents_box_wapper_philosophy_box {
width: 100%;
margin: 0 auto;
}
.philosophy_wapper .page_company_corporate_greeting .title_wapper {
padding: 0;
margin: 8.5% auto 7% auto;
width: 100%;
}
@media screen and (max-width: 769px) {
.philosophy_wapper .page_company_corporate_greeting .title_wapper {
margin: 11.9% auto 7% auto;
padding: 0 7%;
}
}
.philosophy_wapper .page_company_corporate_greeting .title_wapper h2 {
margin: 0 1.2% 0 0%;
}
@media screen and (min-width: 1100px) {
.philosophy_wapper .page_company_corporate_greeting .title_wapper h2 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
.philosophy_wapper .page_company_corporate_greeting .title_wapper h2 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
.philosophy_wapper .page_company_corporate_greeting .title_wapper h2 {
font-size: 4.8659638554vw;
}
}
@media screen and (max-width: 769px) {
.philosophy_wapper .page_company_corporate_greeting .title_wapper h2 {
margin: 0 4.6% 0 0%;
}
}
@media screen and (min-width: 1100px) {
.philosophy_wapper .page_company_corporate_greeting .title_wapper span {
font-size: 12px;
}
}
@media print, screen and (max-width: 1100px) {
.philosophy_wapper .page_company_corporate_greeting .title_wapper span {
font-size: 1.072386059vw;
}
}
@media screen and (max-width: 768px) {
.philosophy_wapper .page_company_corporate_greeting .title_wapper span {
font-size: 2.9186746988vw;
}
}
.philosophy_wapper .page_company_corporate_greeting .title_wapper h3 {
letter-spacing: 2.4px;
}
@media screen and (min-width: 1100px) {
.philosophy_wapper .page_company_corporate_greeting .title_wapper h3 {
font-size: 24.46px;
}
}
@media print, screen and (max-width: 1100px) {
.philosophy_wapper .page_company_corporate_greeting .title_wapper h3 {
font-size: 2.1858802502vw;
}
}
@media screen and (max-width: 768px) {
.philosophy_wapper .page_company_corporate_greeting .title_wapper h3 {
font-size: 5.7228915663vw;
}
}
@media screen and (max-width: 769px) {
.philosophy_wapper .page_company_corporate_greeting .title_wapper h3 {
letter-spacing: 3px;
margin: 2% 0 0% 0;
}
}
.page_company_corporate_president_talk {
margin: 0% auto 4% auto;
width: 100%;
}
@media screen and (max-width: 769px) {
.page_company_corporate_president_talk {
margin: 0% auto 8.6% auto;
width: 86.3%;
}
}
.page_company_corporate_president_talk .pref_wapper {
width: 58%;
padding: 0 2.1% 0% 0;
}
@media screen and (max-width: 769px) {
.page_company_corporate_president_talk .pref_wapper {
float: none;
width: 100%;
padding: 0;
}
}
.page_company_corporate_president_talk .pref_wapper .seo_wapper {
margin: 13% auto 0 auto;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.page_company_corporate_president_talk .pref_wapper .seo_wapper::after {
clear: both;
content: "";
display: table;
}
@media print, screen and (max-width: 1100px) {
.page_company_corporate_president_talk .pref_wapper .seo_wapper {
margin: 10% auto 10% auto;
}
}
.page_company_corporate_president_talk .pref_wapper .seo_wapper .img_wapprer {
width: 25%;
float: left;
margin: 0% 4% 0 0;
display: inline-block;
}
.page_company_corporate_president_talk .pref_wapper .seo_wapper .img_wapprer img {
width: 100%;
height: auto;
}
@media screen and (max-width: 768px) {
.page_company_corporate_president_talk .pref_wapper .seo_wapper .img_wapprer {
width: 34.53125%;
}
}
.page_company_corporate_president_talk .pref_wapper .seo_wapper p {
float: left;
width: auto;
margin: 3% 4.8% 0 0;
display: inline-block;
}
.page_company_corporate_president_talk .pref_wapper p {
margin: 7.7% 0% 0 0;
width: auto;
line-height: 133%;
}
@media screen and (min-width: 1100px) {
.page_company_corporate_president_talk .pref_wapper p {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.page_company_corporate_president_talk .pref_wapper p {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.page_company_corporate_president_talk .pref_wapper p {
font-size: 3.1626506024vw;
}
}
@media screen and (max-width: 769px) {
.page_company_corporate_president_talk .pref_wapper p {
margin: 5% 0% 0 0;
line-height: 160%;
}
}
@media screen and (max-width: 769px) {
.page_company_corporate_president_talk .pref_wapper_p {
margin: 12% 0% 0 0;
}
}
@media screen and (max-width: 769px) {
.page_company_corporate_president_talk .pref_wapper_p + .pref_wapper_p {
margin: 10% 0 0 0;
}
}
.page_company_corporate_president_talk .thumbs_wapper {
margin: 1.6% 0 0 0;
}
.page_company_corporate_president_talk .thumbs_wapper {
width: 38.1%;
float: right;
}
@media screen and (min-width: 1100px) {
.page_company_corporate_president_talk .thumbs_wapper {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.page_company_corporate_president_talk .thumbs_wapper {
font-size: 1.1818181818vw;
}
}
@media screen and (max-width: 768px) {
.page_company_corporate_president_talk .thumbs_wapper {
font-size: 1.92265625vw;
}
}
.page_company_corporate_president_talk .thumbs_wapper img {
width: 100%;
height: auto;
}
@media screen and (max-width: 768px) {
.page_company_corporate_president_talk .thumbs_wapper {
width: 100%;
}
}
.blue_contents_wapper {
padding: 4.6% 0 4.5% 0;
width: 100%;
background: #00A0E6;
}
.blue_contents_wapper .blue_contents_inner {
margin: 0 auto;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.blue_contents_wapper .blue_contents_inner::after {
clear: both;
content: "";
display: table;
}
@media screen and (max-width: 769px) {
.blue_contents_wapper .blue_contents_inner {
width: 88.75%;
padding: 8.6% 0 4.5% 0;
}
}
.blue_contents_wapper .blue_contents_inner .title_wapper {
margin: 1% auto 0% auto;
padding: 0;
}
.blue_contents_wapper .blue_contents_inner .title_wapper h2 {
margin: 0 1.1% 0 0%;
}
@media screen and (max-width: 769px) and (min-width: 1100px) {
.blue_contents_wapper .blue_contents_inner .title_wapper h2 {
font-size: 20px;
}
}
@media screen and (max-width: 769px) and (max-width: 1100px) {
.blue_contents_wapper .blue_contents_inner .title_wapper h2 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 769px) and (max-width: 768px) {
.blue_contents_wapper .blue_contents_inner .title_wapper h2 {
font-size: 4.8659638554vw;
}
}
.blue_contents_wapper .blue_contents_inner h2, .blue_contents_wapper .blue_contents_inner span, .blue_contents_wapper .blue_contents_inner h3, .blue_contents_wapper .blue_contents_inner p {
color: #FFF;
}
.blue_contents_wapper .pref_wapper {
width: 46.8%;
float: left;
}
@media screen and (max-width: 769px) {
.blue_contents_wapper .pref_wapper {
width: 100%;
float: none;
}
}
.blue_contents_wapper .pref_wapper h3 {
margin: 13.5% auto 4% auto;
font-weight: 500;
letter-spacing: 2px;
}
@media screen and (max-width: 769px) {
.blue_contents_wapper .pref_wapper h3 {
margin: 8.5% auto 4% auto;
}
}
.blue_contents_wapper .pref_wapper p {
line-height: 164%;
}
@media screen and (min-width: 1100px) {
.blue_contents_wapper .pref_wapper p {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.blue_contents_wapper .pref_wapper p {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.blue_contents_wapper .pref_wapper p {
font-size: 3.1626506024vw;
}
}
.blue_contents_wapper .thumbs_wapper {
width: 48.2%;
margin: -1.6% 0 0 0;
float: right;
}
.blue_contents_wapper .thumbs_wapper img {
width: 100%;
height: auto;
}
@media screen and (max-width: 769px) {
.blue_contents_wapper .thumbs_wapper {
float: none;
margin: 6% auto 1.6% auto;
width: 100%;
}
}
.page_company_greeting_02 {
margin: 2% auto 0.8% auto;
}
.page_company_greeting_02 .title_wapper {
width: 100%;
padding: 0 !important;
}
@media screen and (max-width: 769px) {
.page_company_greeting_02 .title_wapper {
width: 100%;
}
}
.page_company_greeting_02 .title_wapper h2 {
margin: 0 1.1% 0 0%;
}
@media screen and (min-width: 1100px) {
.page_company_greeting_02 .title_wapper h2 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
.page_company_greeting_02 .title_wapper h2 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
.page_company_greeting_02 .title_wapper h2 {
font-size: 4.8659638554vw;
}
}
.gray_contents_wapper {
width: 100%;
background: #F2F2F2;
}
.gray_contents_wapper .gray_contents_inner {
width: 100%;
margin: 0 auto;
}
@media screen and (max-width: 769px) {
.gray_contents_wapper .gray_contents_inner {
width: 100%;
}
}
.gray_contents_wapper .gray_contents_inner .guideline_acton {
width: 100%;
background: #FFF;
}
.gray_contents_wapper .gray_contents_inner .guideline_acton th {
padding: 2.6% 0 2.6% 0;
width: 15%;
text-align: center;
letter-spacing: 4px;
}
.gray_contents_wapper .gray_contents_inner .guideline_acton th .corporate_th_jp {
margin: 0 auto 0% auto;
color: #282828;
display: block;
}
@media screen and (min-width: 1100px) {
.gray_contents_wapper .gray_contents_inner .guideline_acton th .corporate_th_jp {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
.gray_contents_wapper .gray_contents_inner .guideline_acton th .corporate_th_jp {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
.gray_contents_wapper .gray_contents_inner .guideline_acton th .corporate_th_jp {
font-size: 4.6340361446vw;
}
}
.gray_contents_wapper .gray_contents_inner .guideline_acton th .corporate_th_en {
margin: 7% 0 -4% 0%;
color: #969696;
display: block;
letter-spacing: 1px;
}
@media screen and (min-width: 1100px) {
.gray_contents_wapper .gray_contents_inner .guideline_acton th .corporate_th_en {
font-size: 12px;
}
}
@media print, screen and (max-width: 1100px) {
.gray_contents_wapper .gray_contents_inner .guideline_acton th .corporate_th_en {
font-size: 1.072386059vw;
}
}
@media screen and (max-width: 768px) {
.gray_contents_wapper .gray_contents_inner .guideline_acton th .corporate_th_en {
font-size: 2.7801204819vw;
}
}
@media screen and (max-width: 769px) {
.gray_contents_wapper .gray_contents_inner .guideline_acton th .corporate_th_en {
margin: 5% 0 -4% 0%;
}
}
.gray_contents_wapper .gray_contents_inner .guideline_acton td {
padding: 3.2% 4% 4.8% 1%;
width: 69%;
line-height: 160%;
}
@media screen and (min-width: 1100px) {
.gray_contents_wapper .gray_contents_inner .guideline_acton td {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.gray_contents_wapper .gray_contents_inner .guideline_acton td {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.gray_contents_wapper .gray_contents_inner .guideline_acton td {
font-size: 3.0120481928vw;
}
}
.gray_contents_wapper .gray_contents_inner .guideline_acton th, .gray_contents_wapper .gray_contents_inner .guideline_acton td {
border-bottom: 1px solid #F2F2F2;
vertical-align: middle;
}
@media screen and (max-width: 769px) {
.gray_contents_wapper .gray_contents_inner .guideline_acton th, .gray_contents_wapper .gray_contents_inner .guideline_acton td {
margin: 2.5% auto;
width: 88.75%;
display: block;
border: none;
}
}
.gray_contents_wapper .last_tr th, .gray_contents_wapper .last_tr td {
padding: 3.2% 4 16.6% 1 !important;
}
@media screen and (max-width: 769px) {
.gray_contents_wapper .last_tr th, .gray_contents_wapper .last_tr td {
padding: 3% 4% 3.6% 1% !important;
}
}
@media screen and (max-width: 769px) {
.gray_contents_wapper .last_tr th {
border-bottom: none;
}
}
@media screen and (max-width: 769px) {
.gray_contents_wapper .last_tr td {
border-bottom: none;
margin: 2.5% auto 10% auto !important;
}
}
@media screen and (max-width: 768px) {
.page_company_greeting_02 {
margin: 2% auto;
width: 88.75%;
}
}
@media screen and (max-width: 768px) {
.page_company_greeting_02 .page_company_corporate_inner {
width: 100%;
margin: 0 auto;
}
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
}  .works_header_position_flex {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 9999999;
}
.works_header_position_flex .front_page_pc_header {
position: relative;
}
#afters_popo.zuttoue {
position: relative;
clear: both;
width: 100%;
background: #00a0e6;
color: #FFF;
font-weight: 400;
padding: 0.6% 0 0.6% 0;
text-align: center;
margin: 0 0 0 0;
}
@media screen and (max-width: 768px) {
#afters_popo.zuttoue {
top: 8.8%;
}
}
@media screen and (min-width: 1100px) {
#afters_popo.zuttoue {
font-size: 17px;
}
}
@media print, screen and (max-width: 1100px) {
#afters_popo.zuttoue {
font-size: 1.5192135836vw;
}
}
@media screen and (max-width: 768px) {
#afters_popo.zuttoue {
font-size: 3.28125vw;
}
}
#afters_popo.zuttoue p.after_p {
color: #FFF;
letter-spacing: 5px;
font-weight: 400;
}
@media screen and (min-width: 1100px) {
#afters_popo.zuttoue p.after_p {
font-size: 17px;
}
}
@media print, screen and (max-width: 1100px) {
#afters_popo.zuttoue p.after_p {
font-size: 1.5192135836vw;
}
}
@media screen and (max-width: 768px) {
#afters_popo.zuttoue p.after_p {
font-size: 3.28125vw;
}
}
.header_setting_works_def #video_cheanges.innner_page_box #video {
background-size: auto auto !important;
background-repeat: repeat;
background-position: center top;
height: 450px;
}
@media screen and (max-width: 768px) {
.header_setting_works_def #video_cheanges.innner_page_box #video {
height: 349px;
}
}
.header_setting_works_def #video_cheanges.innner_page_box h2 {
color: #282828;
letter-spacing: 2px;
margin: 4.85% 0 0 0;
}
@media screen and (max-width: 768px) {
.header_setting_works_def #video_cheanges.innner_page_box h2 {
margin: 27.85% 0 0 0;
font-weight: 600;
}
}
.header_setting_works_def #video_cheanges.innner_page_box .page_top_title_border {
border-bottom: 1px solid #282828;
margin: 1.42% auto 2.09% auto;
}
@media screen and (max-width: 768px) {
.header_setting_works_def #video_cheanges.innner_page_box .page_top_title_border {
margin: 7.25% auto 2.09% auto;
}
}
.header_setting_works_def #video_cheanges.innner_page_box p.bobob {
color: #282828;
}
@media screen and (max-width: 768px) {
.header_setting_works_def #video_cheanges.innner_page_box p.bobob {
color: #282828;
margin: 7% 0 0 0;
line-height: 162%;
letter-spacing: -2px;
}
}
.header_tuijuuban .after {
display: none;
}
@media screen and (min-width: 1100px) {
.main_slider_works_box_slaider_wapper {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.main_slider_works_box_slaider_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.main_slider_works_box_slaider_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.main_slider_works_box_slaider_wapper {
width: 100% !important;
}
}
.main_slider_works_box_slaider_wapper .bx-wrapper {
-moz-box-shadow: 0 0 0px #ccc;
-webkit-box-shadow: 0 0 0px #ccc;
box-shadow: 0 0 0px #ccc;
border: none;
background: #fff;
margin-bottom: 0;
}
.main_slider_works_box_slaider_wapper .bx-wrapper .bx-pager, .main_slider_works_box_slaider_wapper .bx-wrapper .bx-controls-auto {
bottom: -6%;
}
@media screen and (max-width: 768px) {
.main_slider_works_box_slaider_wapper .bx-wrapper .bx-pager, .main_slider_works_box_slaider_wapper .bx-wrapper .bx-controls-auto {
bottom: -18.5%;
}
}
.main_slider_works_box_slaider_wapper .bx-wrapper .bx-pager.bx-default-pager a {
width: 7px;
height: 7px;
}
@media screen and (max-width: 768px) {
.main_slider_works_box_slaider_wapper .bx-wrapper .bx-pager.bx-default-pager a {
width: 9px;
height: 9px;
}
}
.works_search_box {
background: #f2f2f2;
padding: 7.45% 0 4.5% 0;
}
@media screen and (max-width: 768px) {
.works_search_box {
padding: 21.45% 0 16.96% 0;
}
}
@media screen and (min-width: 1100px) {
.works_search_box .works_design {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.works_search_box .works_design {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.works_search_box .works_design {
width: 98%;
margin: 0 auto;
}
}
.works_search_box .works_design ul {
width: 90%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 768px) {
.works_search_box .works_design ul {
width: 79%;
}
}
.works_search_box .works_design ul::after {
clear: both;
content: "";
display: table;
}
@media screen and (min-width: 1100px) {
.works_search_box .works_design ul li {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.works_search_box .works_design ul li {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.works_search_box .works_design ul li {
font-size: 2.5vw;
}
}
.works_search_box .works_design_cheack_box li, .works_search_box .works_industry_cheack_box li, .works_search_box .id_all_cheack_wapper li {
width: 20%;
border: 1px solid #f2f2f2;
float: left;
padding: 1.45% 0 1.30% 4.25%;
background: #FFF;
color: #282828;
}
@media screen and (max-width: 768px) {
.works_search_box .works_design_cheack_box li, .works_search_box .works_industry_cheack_box li, .works_search_box .id_all_cheack_wapper li {
width: 50%;
border: 2px solid #f2f2f2;
float: left;
padding: 2.75% 0 2.7% 10.25%;
color: #282828;
}
}
.works_search_box .works_design_cheack_box li .checkbox, .works_search_box .works_industry_cheack_box li .checkbox, .works_search_box .id_all_cheack_wapper li .checkbox {
display: flex;
align-items: center;
}
.works_search_box .works_design_cheack_box li input, .works_search_box .works_industry_cheack_box li input, .works_search_box .id_all_cheack_wapper li input {
width: 13px;
height: 13px; border: 1px solid #ccc;
background: #FFF;
}
@media screen and (max-width: 768px) {
.works_search_box .works_design_cheack_box li input, .works_search_box .works_industry_cheack_box li input, .works_search_box .id_all_cheack_wapper li input {
width: 10px;
height: 10px;
}
}
.works_search_box .works_design_cheack_box li span, .works_search_box .works_industry_cheack_box li span, .works_search_box .id_all_cheack_wapper li span {
padding: 0 0 0 7%;
}
.works_search_box .works_industry_cheack_box {
margin-top: 1.4%;
}
@media screen and (max-width: 768px) {
.works_search_box .works_industry_cheack_box {
margin-top: 2.6%;
}
}
.works_search_box .id_all_cheack_wapper {
margin-top: 1.4%;
}
@media screen and (max-width: 768px) {
.works_search_box .id_all_cheack_wapper {
margin-top: 2.6%;
}
}
.works_search_box input, .works_search_box button, .works_search_box select, .works_search_box textarea {
outline: 0;
border-color: orange;
}
.works_search_lisson_text h2 {
margin: 20px 0 0 0;
margin: 7.09% 0 0 0;
color: #282828;
text-align: center;
font-weight: 600;
letter-spacing: 1px;
}
@media screen and (min-width: 1100px) {
.works_search_lisson_text h2 {
font-size: 30px;
}
}
@media print, screen and (max-width: 1100px) {
.works_search_lisson_text h2 {
font-size: 2.6809651475vw;
}
}
@media screen and (max-width: 768px) {
.works_search_lisson_text h2 {
font-size: 7.8125vw;
}
}
@media screen and (max-width: 768px) {
.works_search_lisson_text h2 {
margin: 8.65% 0 0 0;
}
}
.works_search_lisson_text .border_bottoms {
width: 30px;
display: block;
border-bottom: 1px solid #282828;
margin: 1.245% auto 1.25% auto;
}
@media screen and (max-width: 768px) {
.works_search_lisson_text .border_bottoms {
width: 11%;
display: block;
border-bottom: 1px solid #282828;
margin: 7.245% auto 7.25% auto;
}
}
.works_search_lisson_text p {
line-height: 175%;
color: #282828;
text-align: center;
}
@media screen and (min-width: 1100px) {
.works_search_lisson_text p {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.works_search_lisson_text p {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.works_search_lisson_text p {
font-size: 3.125vw;
}
}
.works_search_result_box {
margin: 3.35% 0 0 0;
background: #282828;
}
@media screen and (max-width: 768px) {
.works_search_result_box {
margin: 9.35% 0 0 0;
}
}
.works_search_result_box .works_search_result_box {
background: #282828;
}
@media screen and (min-width: 1100px) {
.works_search_result_box .works_search_result_box_wapper {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.works_search_result_box .works_search_result_box_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.works_search_result_box .works_search_result_box_wapper {
width: 98%;
margin: 0 auto;
}
}
.works_search_result_box .works_search_result_box_wapper .works_search_result_lists_box {
width: 98.21428571428571%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.works_search_result_box .works_search_result_box_wapper .works_search_result_lists_box::after {
clear: both;
content: "";
display: table;
}
@media screen and (max-width: 768px) {
.works_search_result_box .works_search_result_box_wapper .works_search_result_lists_box {
width: 89%;
}
}
.works_search_result_box .works_search_result_box_wapper li {
width: 32.818181818181817%;
margin: 0 0.7% 0.85% 0;
float: left;
}
@media screen and (min-width: 1100px) {
.works_search_result_box .works_search_result_box_wapper li:nth-child(3n) {
margin: 0 0 0.85% 0;
}
}
.works_search_result_box .works_search_result_box_wapper li img {
width: 100%;
height: auto;
}
@media screen and (max-width: 768px) {
.works_search_result_box .works_search_result_box_wapper li {
width: 100%;
float: none;
margin: 0 0 8.05% 0;
}
}
.works_search_result_box .works_search_result_box_wapper li a {
position: relative;
display: block;
}
.works_search_result_box .works_search_result_box_wapper li a .view {
display: none;
}
.works_search_result_box .works_search_result_box_wapper li a img {
display: block;
}
.works_search_result_box .works_search_result_box_wapper li a:hover .view {
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/works/back_over_view.png) repeat top left;
color: #FFF;
font-weight: 400;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@media screen and (min-width: 1100px) {
.works_search_result_box .works_search_result_box_wapper li a:hover .view {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
.works_search_result_box .works_search_result_box_wapper li a:hover .view {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
.works_search_result_box .works_search_result_box_wapper li a:hover .view {
font-size: 3.125vw;
}
}
.works_search_result_box .works_search_result_box_wapper li a:hover .view.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.works_search_result_box .works_search_result_box_wapper li a:hover .view.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.works_search_result_box .works_search_result_box_wapper li a:hover .view.flipOutX, .works_search_result_box .works_search_result_box_wapper li a:hover .view.flipOutY, .works_search_result_box .works_search_result_box_wapper li a:hover .view.bounceIn, .works_search_result_box .works_search_result_box_wapper li a:hover .view.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.works_pager {
padding: 3.6% 0;
}
@media screen and (min-width: 1100px) {
.works_pager {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.works_pager {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.works_pager {
width: 98%;
margin: 0 auto;
}
}
.works_pager .page_wapper {
position: relative;
}
@media screen and (min-width: 1100px) {
.works_pager .page_wapper {
font-size: 15.14px;
}
}
@media print, screen and (max-width: 1100px) {
.works_pager .page_wapper {
font-size: 1.3529937444vw;
}
}
@media screen and (max-width: 768px) {
.works_pager .page_wapper {
font-size: 3.5484375vw;
}
}
@media screen and (min-width: 1100px) {
.works_pager .page_wapper {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.works_pager .page_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.works_pager .page_wapper {
width: 98%;
margin: 0 auto;
}
}
.works_pager .page_wapper .pager_previous_box {
position: absolute;
width: 15%;
top: 0;
left: 0;
color: #8c8c8c;
text-align: left;
}
@media screen and (min-width: 1100px) {
.works_pager .page_wapper .pager_previous_box {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.works_pager .page_wapper .pager_previous_box {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.works_pager .page_wapper .pager_previous_box {
font-size: 3.046875vw;
}
}
.works_pager .page_wapper .pager_previous_box .pager_previous {
padding: 0 0% 0 10%;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/works/icon_prev.png) no-repeat left center;
background-size: auto 72%;
margin: 0 0 0 13%;
}
.works_pager .page_wapper .pager_next_box {
position: absolute;
width: 15%;
top: 0;
right: 0;
color: #8c8c8c;
text-align: right;
}
@media screen and (min-width: 1100px) {
.works_pager .page_wapper .pager_next_box {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.works_pager .page_wapper .pager_next_box {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.works_pager .page_wapper .pager_next_box {
font-size: 3.046875vw;
}
}
.works_pager .page_wapper .pager_next_box .pager_next {
padding: 0 10% 0 0%;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/works/icon_next.png) no-repeat right center;
background-size: auto 72%;
margin: 0 13% 0 0;
}
.works_pager .page_wapper .page_nav {
width: 60%;
margin: 0 auto;
text-align: center;
}
.works_pager .page_wapper .page_nav span {
padding: 0.25% 1.4%;
margin: 0 0.5%;
background: #FFF;
border: 1px solid #FFF;
}
@media screen and (min-width: 1100px) {
.works_pager .page_wapper .page_nav span {
font-size: 15.14px;
}
}
@media print, screen and (max-width: 1100px) {
.works_pager .page_wapper .page_nav span {
font-size: 1.3529937444vw;
}
}
@media screen and (max-width: 768px) {
.works_pager .page_wapper .page_nav span {
font-size: 3.5484375vw;
}
}
.works_pager .page_wapper .page_nav span.on {
border: 1px solid #000;
}
.page_works_main + .footer_button_page_top_wapper + .footer_bunner_area_margin {
margin: 5% 0 12.2% 0;
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} .header_setting_works_single #video_cheanges.innner_page_box #video {
background-size: auto auto !important;
background-repeat: repeat;
background-position: center top;
height: 605px;
}
@media screen and (max-width: 768px) {
.header_setting_works_single #video_cheanges.innner_page_box #video {
height: 349px;
}
}
.header_setting_works_single #video_cheanges.innner_page_box h2 {
color: #FFF;
letter-spacing: 2px;
margin: 2.25% 0 0 0;
font-weight: 600;
}
@media screen and (min-width: 1100px) {
.header_setting_works_single #video_cheanges.innner_page_box h2 {
font-size: 24.46px;
}
}
@media print, screen and (max-width: 1100px) {
.header_setting_works_single #video_cheanges.innner_page_box h2 {
font-size: 2.0400333611vw;
}
}
@media screen and (max-width: 768px) {
.header_setting_works_single #video_cheanges.innner_page_box h2 {
font-size: 4.6875vw;
}
}
@media screen and (max-width: 768px) {
.header_setting_works_single #video_cheanges.innner_page_box h2 {
margin: 27.85% 0 0 0;
font-weight: 600;
}
}
.header_setting_works_single #video_cheanges.innner_page_box .page_top_title_border {
border-bottom: 1px solid #FFF;
margin: 1.32% auto 0% auto;
}
@media screen and (max-width: 768px) {
.header_setting_works_single #video_cheanges.innner_page_box .page_top_title_border {
margin: 7.25% auto 2.09% auto;
}
}
.header_setting_works_single #video_cheanges.innner_page_box p.bobob {
color: #282828;
}
@media screen and (max-width: 768px) {
.header_setting_works_single #video_cheanges.innner_page_box p.bobob {
color: #282828;
margin: 7% 0 0 0;
line-height: 162%;
letter-spacing: -2px;
}
}
.single_works_main {
position: relative;
margin: -360px 0 0 0;
}
@media screen and (max-width: 768px) {
.single_works_main {
margin: 2% 0;
}
}
.single_works_main .contener_box {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.single_works_main .contener_box::after {
clear: both;
content: "";
display: table;
}
@media screen and (min-width: 1100px) {
.single_works_main .contener_box {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.single_works_main .contener_box {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.single_works_main .contener_box {
width: 98%;
margin: 0 auto;
}
}
.single_works_main .contener_box img {
width: 100%;
height: auto;
}
.single_works_main .contener_box .inner_sec {
width: 82.035714%;
padding: 1.15%;
margin: 0 auto;
position: relative;
background: #FFF;
}
.single_works_main .contener_box .inner_sec .main_contents_works img {
display: block;
width: auto;
max-width: 100%;
height: auto;
margin: 0 0 2% 0;
}
.single_works_main .contener_box table {
font-size: 0.85rem;
line-height: 150%;
}
.single_works_main .contener_box table td, .single_works_main .contener_box table th {
padding: 2% 1%;
}
.single_works_main .contener_box table th {
vertical-align: top;
width: 35%;
}
.single_works_main .contener_box table td {
vertical-align: top;
}
.single_works_main .contener_box h2 {
font-size: 1.225rem;
line-height: 150%;
font-weight: bold;
margin: 5% 0 2% 0;
}
.single_works_main .contener_box h3 {
font-size: 1.225rem;
line-height: 150%;
font-weight: bold;
margin: 0% 0 0.5% 0;
color: #f66;
border-bottom: 1px dotted #CCC;
}
.single_works_main .contener_box h4 {
font-size: 1rem;
line-height: 150%;
font-weight: bold;
margin: 0% 0 0.5% 0;
color: #f66;
border-bottom: 1px dotted #CCC;
}
.single_works_main .contener_box h5 {
font-size: 0.85rem;
line-height: 150%;
font-weight: bold;
margin: 2.5% 0 0.5% 0;
font-weight: bold;
}
.single_works_main .contener_box p {
font-size: 0.85rem;
line-height: 150%;
margin: 2.5% 0 1% 0;
}
.single_works_main .contener_box p + h2 {
margin: 4% 0 0.5% 0;
}
.single_works_main .contener_box p + h3 {
margin: 3% 0 0.5% 0;
}
.single_works_main .contener_box p + h4 {
margin: 3% 0 0.5% 0;
}
.single_works_main .contener_box p + h5 {
margin: 2.25% 0 0.5% 0;
}
.single_works_main .contener_box img {
max-width: 100%;
height: auto;
display: block;
}
.single_works_main .contener_box .alignleft {
margin: 2% 2% 2% 0%;
float: left;
display: block;
}
.single_works_main .contener_box .alignright {
margin: 2% 0% 2% 2%;
float: right;
display: block;
}
.single_works_main .contener_box .aligncenter {
margin: 1% auto;
display: block;
}
.single_works_main .contener_box .size-full {
margin: 1% auto;
display: block;
max-width: 100%;
height: auto;
}
.single_works_main .contener_box .clear {
clear: both;
}
.single_works_main .contener_box table {
font-size: 0.85rem;
line-height: 150%;
}
.single_works_main .contener_box table td, .single_works_main .contener_box table th {
padding: 2% 1%;
}
.single_works_main .contener_box table th {
vertical-align: top;
width: 35%;
}
.single_works_main .contener_box table td {
vertical-align: top;
}
.single_works_main .contener_box h2 {
font-size: 1.225rem;
line-height: 150%;
font-weight: bold;
margin: 5% 0 2% 0;
}
.single_works_main .contener_box h3 {
font-size: 1.225rem;
line-height: 150%;
font-weight: bold;
margin: 0% 0 0.5% 0;
color: #f66;
border-bottom: 1px dotted #CCC;
}
.single_works_main .contener_box h4 {
font-size: 1rem;
line-height: 150%;
font-weight: bold;
margin: 0% 0 0.5% 0;
color: #f66;
border-bottom: 1px dotted #CCC;
}
.single_works_main .contener_box h5 {
font-size: 0.85rem;
line-height: 150%;
font-weight: bold;
margin: 2.5% 0 0.5% 0;
font-weight: bold;
}
.single_works_main .contener_box p {
font-size: 0.85rem;
line-height: 150%;
margin: 2.5% 0 1% 0;
}
.single_works_main .contener_box p + h2 {
margin: 4% 0 0.5% 0;
}
.single_works_main .contener_box p + h3 {
margin: 3% 0 0.5% 0;
}
.single_works_main .contener_box p + h4 {
margin: 3% 0 0.5% 0;
}
.single_works_main .contener_box p + h5 {
margin: 2.25% 0 0.5% 0;
}
.single_works_main .contener_box img {
max-width: 100%;
height: auto;
display: block;
}
.single_works_main .contener_box .alignleft {
margin: 2% 2% 2% 0%;
float: left;
display: block;
}
.single_works_main .contener_box .alignright {
margin: 2% 0% 2% 2%;
float: right;
display: block;
}
.single_works_main .contener_box .aligncenter {
margin: 1% auto;
display: block;
}
.single_works_main .contener_box .size-full {
margin: 1% auto;
display: block;
max-width: 100%;
height: auto;
}
.single_works_main .contener_box .clear {
clear: both;
}
.single_works_main .single_pager {
padding: 6% 0;
position: relative;
}
@media screen and (min-width: 1100px) {
.single_works_main .single_pager {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.single_works_main .single_pager {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.single_works_main .single_pager {
width: 98%;
margin: 0 auto;
}
}
@media screen and (min-width: 1100px) {
.single_works_main .single_pager {
width: 1000px !important;
}
}
@media screen and (max-width: 769px) {
.single_works_main .single_pager {
padding: 6% 5% 14% 5%;
}
}
.single_works_main .single_pager .previous_box {
position: absolute;
width: 8%;
top: 46%;
left: 0;
z-index: 999;
}
@media screen and (max-width: 769px) {
.single_works_main .single_pager .previous_box {
top: 75%;
left: 9%;
width: 15%;
}
}
.single_works_main .single_pager .previous_box a {
padding: 0 0% 0 26%;
color: #8C8C8C;
text-decoration: none;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_gray_back.png) no-repeat center left;
background-size: auto 100%;
display: block;
}
@media screen and (min-width: 1100px) {
.single_works_main .single_pager .previous_box a {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.single_works_main .single_pager .previous_box a {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.single_works_main .single_pager .previous_box a {
font-size: 3.046875vw;
}
}
@media screen and (max-width: 769px) {
.single_works_main .single_pager .previous_box a {
background-size: 12% auto;
padding: 0 0% 0 14%;
}
}
.single_works_main .single_pager .next_box {
position: absolute;
top: 46%;
right: 0;
width: 5%;
z-index: 999;
}
@media screen and (max-width: 769px) {
.single_works_main .single_pager .next_box {
top: 75%;
width: 15%;
right: 9%;
}
}
.single_works_main .single_pager .next_box a {
padding: 0 10% 0 0%;
color: #8C8C8C;
text-decoration: none;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_gray.png) no-repeat center right;
background-size: 10% auto;
display: block;
}
@media screen and (max-width: 769px) {
.single_works_main .single_pager .next_box a {
background-size: 12% auto;
text-align: right;
padding: 0 014% 0 0%;
}
}
.single_works_main .archives_box {
width: 100%;
}
.single_works_main .archives_box a {
padding: 1.8% 0;
margin: 0 auto;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #FFF;
text-decoration: none;
color: #282828;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
display: block;
width: 30%;
text-align: center;
border: 1px solid #282828;
}
.single_works_main .archives_box a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #282828;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.single_works_main .archives_box a:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.single_works_main .archives_box a:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@media screen and (min-width: 1100px) {
.single_works_main .archives_box a {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.single_works_main .archives_box a {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.single_works_main .archives_box a {
font-size: 3.58125vw;
}
}
.single_works_main .archives_box a:hover {
color: #282828;
border: 1px solid #282828;
}
.single_works_main .archives_box a:hover span {
color: #282828;
}
@media screen and (max-width: 769px) {
.single_works_main .archives_box a {
width: 92%;
padding: 4.4% 0;
}
}
.single_works_main .borcer_bottom {
width: 100%;
border-bottom: 1px solid #7B8385;
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
}  .contact_main_contenter_contact_top_wapper {
width: 100%;
background: #F2F2F2;
padding: 4.25% 0 5% 0px;
}
@media screen and (max-width: 768px) {
.contact_main_contenter_contact_top_wapper {
padding: 11.25% 0 19% 0px;
}
}
@media screen and (min-width: 1100px) {
.contact_main_contenter_contact_top_wapper .contact_main_contenter_contact_top {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.contact_main_contenter_contact_top_wapper .contact_main_contenter_contact_top {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.contact_main_contenter_contact_top_wapper .contact_main_contenter_contact_top {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.contact_main_contenter_contact_top_wapper .contact_main_contenter_contact_top {
width: 100% !important;
}
}
.contact_main_contenter_contact_top_wapper .cotnact_main_pref_sec {
width: 80.35714285714286%;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.contact_main_contenter_contact_top_wapper .cotnact_main_pref_sec {
width: 89.057143%;
margin: 0 auto;
padding: 0 0 7% 0;
}
}
.contact_main_contenter_contact_top_wapper .cotnact_main_pref_sec h2 {
color: #282828;
text-align: left;
margin: 0 auto;
font-weight: 600;
letter-spacing: -1px;
}
@media screen and (min-width: 1100px) {
.contact_main_contenter_contact_top_wapper .cotnact_main_pref_sec h2 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
.contact_main_contenter_contact_top_wapper .cotnact_main_pref_sec h2 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
.contact_main_contenter_contact_top_wapper .cotnact_main_pref_sec h2 {
font-size: 5.2890625vw;
}
}
.contact_main_contenter_contact_top_wapper .cotnact_main_pref_sec p {
line-height: 150%;
margin: 2.45% 0 2.9% 0;
line-height: 171%;
}
@media screen and (min-width: 1100px) {
.contact_main_contenter_contact_top_wapper .cotnact_main_pref_sec p {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.contact_main_contenter_contact_top_wapper .cotnact_main_pref_sec p {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.contact_main_contenter_contact_top_wapper .cotnact_main_pref_sec p {
font-size: 3.2vw;
}
}
@media screen and (max-width: 768px) {
.contact_main_contenter_contact_top_wapper .cotnact_main_pref_sec p {
margin: 11.55% 0 2.9% 0;
line-height: 165%;
letter-spacing: -1px;
}
.contact_main_contenter_contact_top_wapper .cotnact_main_pref_sec p + p {
margin: 7% 0 0 0;
}
}
.contact_main_contenter_contact_top_wapper .service_info_in_contact {
width: 80.35714285714286%;
margin: 8% auto 8% auto;
}
@media screen and (max-width: 768px) {
.contact_main_contenter_contact_top_wapper .service_info_in_contact {
margin: 0;
width: 100%;
}
}
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul::after {
clear: both;
content: "";
display: table;
}
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li {
width: 49%;
float: left;
margin: 0 0 2.5% 0;
padding: 3.75% 3.65% 3.55% 3.65%;
background: #FFF;
}
@media screen and (max-width: 768px) {
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li {
margin: 0;
width: 100%;
margin: 0 0 0 0;
padding: 5.75% 6.65% 0.55% 6%;
}
}
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li h3 {
color: #282828;
text-align: left;
letter-spacing: -0.7px;
font-weight: 600;
}
@media screen and (min-width: 1100px) {
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li h3 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li h3 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li h3 {
font-size: 5.2890625vw;
}
}
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li .borders {
width: 40px;
border-bottom: 1px solid #000;
display: block;
margin: 5.45% 0 6.5% 0;
}
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li p {
line-height: 150%;
}
@media screen and (min-width: 1100px) {
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li p {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li p {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 768px) {
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li p {
font-size: 3.175vw;
}
}
@media screen and (max-width: 768px) {
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li p {
line-height: 155%;
}
}
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li p a {
color: #00A0E6;
}
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li p a .arrow {
position: relative;
display: inline-block;
padding: 0 16px 0 0;
vertical-align: middle;
text-decoration: none;
}
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li p a .arrow::before, .contact_main_contenter_contact_top_wapper .service_info_in_contact ul li p a .arrow::after {
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li p a .arrow::before {
right: 3px;
width: 6px;
height: 6px;
border-top: 1px solid #00a0e6;
border-right: 1px solid #00a0e6;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li .link_contact_box {
margin: 9.95% 0 0 0;
cursor: pointer;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #00a0e6;
text-decoration: none;
color: #FFF;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
display: block;
padding: 7% 0;
}
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li .link_contact_box:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li .link_contact_box:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li .link_contact_box:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@media screen and (max-width: 768px) {
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li .link_contact_box {
width: 100%;
margin: 10.05% auto 7.2% auto;
padding: 7% 0;
}
}
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li .link_contact_box a {
text-align: center;
color: #FFF;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/contact/icon_arrow_on.png) no-repeat 92% center;
background-size: auto 100%;
text-decoration: none;
display: block;
}
@media screen and (min-width: 1100px) {
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li .link_contact_box a {
font-size: 15px;
}
}
@media print, screen and (max-width: 1100px) {
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li .link_contact_box a {
font-size: 1.2510425354vw;
}
}
@media screen and (max-width: 768px) {
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li .link_contact_box a {
font-size: 3.9375vw;
}
}
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li .link_contact_box a:hover {
color: #FFF;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/contact/icon_arrow_on.png) no-repeat 92% center;
background-size: auto 100%;
display: block;
}
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li:nth-child(2n) {
float: right;
}
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li:nth-child(3) .link_contact_box {
margin: 16.25% auto 3.2% auto;
}
@media screen and (max-width: 768px) {
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li:nth-child(3) .link_contact_box {
margin: 15.25% auto 3.2% auto;
}
}
@media screen and (max-width: 768px) {
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li:nth-child(4) {
padding: 9.75% 6.65% 0.55% 6%;
}
}
.contact_main_contenter_contact_top_wapper .service_info_in_contact ul li:nth-child(4) .link_contact_box {
margin: 4.75% auto 3.2% auto;
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} .header_setting_contact_def #video_cheanges.innner_page_box #video {
background-size: cover !important;
background-repeat: repeat;
background-position: center top;
height: 450px;
}
@media screen and (max-width: 768px) {
.header_setting_contact_def #video_cheanges.innner_page_box #video {
height: 349px;
}
}
.header_setting_contact_def #video_cheanges.innner_page_box h2 {
color: #282828;
letter-spacing: 2px;
margin: 4.10% 0 0 0;
}
@media screen and (max-width: 768px) {
.header_setting_contact_def #video_cheanges.innner_page_box h2 {
margin: 27.85% 0 0 0;
font-weight: 600;
}
}
.header_setting_contact_def #video_cheanges.innner_page_box .page_top_title_border {
border-bottom: 1px solid #282828;
margin: 1.32% auto 2.09% auto;
}
@media screen and (max-width: 768px) {
.header_setting_contact_def #video_cheanges.innner_page_box .page_top_title_border {
margin: 7.25% auto 2.09% auto;
}
}
.header_setting_contact_def #video_cheanges.innner_page_box p.bobob {
color: #00a0e6;
}
@media screen and (max-width: 768px) {
.header_setting_contact_def #video_cheanges.innner_page_box p.bobob {
color: #282828;
margin: 7% 0 0 0;
line-height: 162%;
}
}
.main_contact_box {
width: 100%;
}
@media screen and (min-width: 1100px) {
.main_contact_box .contact_main_wapper {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.main_contact_box .contact_main_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.main_contact_box .contact_main_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.main_contact_box .contact_main_wapper {
width: 100% !important;
}
}
.main_contact_box .contact_inner_contenter {
width: 79.65714285714286%;
margin: 7.35% auto 0 auto;
}
@media screen and (max-width: 768px) {
.main_contact_box .contact_inner_contenter {
width: 100%;
margin: 0% auto 0 auto;
}
.main_contact_box .contact_inner_contenter .cotnact_main_pref_sec {
width: 89.657143%;
margin: 11.25% auto 0 auto;
}
}
.main_contact_box .contact_inner_contenter h2 {
color: #282828;
text-align: left;
margin: 0 auto;
font-weight: 600;
letter-spacing: -1px;
}
@media screen and (min-width: 1100px) {
.main_contact_box .contact_inner_contenter h2 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
.main_contact_box .contact_inner_contenter h2 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
.main_contact_box .contact_inner_contenter h2 {
font-size: 5.2890625vw;
}
}
.main_contact_box .contact_inner_contenter p {
line-height: 150%;
margin: 2.45% 0 2.9% 0;
line-height: 171%;
}
@media screen and (min-width: 1100px) {
.main_contact_box .contact_inner_contenter p {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.main_contact_box .contact_inner_contenter p {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.main_contact_box .contact_inner_contenter p {
font-size: 3.2vw;
}
}
@media screen and (max-width: 768px) {
.main_contact_box .contact_inner_contenter p {
margin: 11.55% 0 2.9% 0;
line-height: 165%;
letter-spacing: -1px;
}
.main_contact_box .contact_inner_contenter p + p {
margin: 7% 0 0 0;
}
}
.main_contact_box .form_step_sec {
margin: 10.5% 0 1% 0;
text-align: center;
}
@media screen and (max-width: 768px) {
.main_contact_box .form_step_sec {
width: 89.657143%;
margin: 14.95% auto 1% auto;
}
}
.main_contact_box .form_step_sec .form_step_sec_span {
padding: 0.65% 2.4% 0.75% 2.4%;
background: #f0f0f0;
color: #464646;
}
@media screen and (min-width: 1100px) {
.main_contact_box .form_step_sec .form_step_sec_span {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.main_contact_box .form_step_sec .form_step_sec_span {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.main_contact_box .form_step_sec .form_step_sec_span {
font-size: 2.5vw;
}
}
@media screen and (max-width: 768px) {
.main_contact_box .form_step_sec .form_step_sec_span {
padding: 1.55% 7.6% 2.25% 7.6%;
}
}
.main_contact_box .form_step_sec .step_on {
background: #00a0e6;
color: #FFF;
}
.contact_form_mv_wp_form_wapper {
margin: 7.45% 0 0 0;
}
@media screen and (min-width: 1100px) {
.contact_form_mv_wp_form_wapper {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.contact_form_mv_wp_form_wapper {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.contact_form_mv_wp_form_wapper {
font-size: 3.15vw;
}
}
@media screen and (max-width: 768px) {
.contact_form_mv_wp_form_wapper {
width: 89.657143%;
margin: 8.45% auto 0 auto;
}
}
.contact_form_mv_wp_form_wapper table {
width: 100%;
table-layout: fixed;
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
}
@media screen and (max-width: 768px) {
.contact_form_mv_wp_form_wapper table {
display: block;
width: 100%;
}
}
.contact_form_mv_wp_form_wapper table th {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
vertical-align: top;
background: #E6E6E6;
width: 21.22222222222222%;
padding: 2.4% 2% 3% 2%;
}
.contact_form_mv_wp_form_wapper table th::after {
clear: both;
content: "";
display: table;
}
.contact_form_mv_wp_form_wapper table th .title {
float: left;
}
.contact_form_mv_wp_form_wapper table th .hissu {
float: right;
padding: 4% 4.4% 4% 4.4%;
background: #00a0e6;
color: #FFF;
}
@media screen and (min-width: 1100px) {
.contact_form_mv_wp_form_wapper table th .hissu {
font-size: 10px;
}
}
@media print, screen and (max-width: 1100px) {
.contact_form_mv_wp_form_wapper table th .hissu {
font-size: 0.8936550492vw;
}
}
@media screen and (max-width: 768px) {
.contact_form_mv_wp_form_wapper table th .hissu {
font-size: 2.403125vw;
}
}
@media screen and (max-width: 768px) {
.contact_form_mv_wp_form_wapper table th .hissu {
padding: 0.95% 2%;
}
}
.contact_form_mv_wp_form_wapper table th.border_bottom_ari {
padding: 2% 1.75% 2% 2.15%;
}
.contact_form_mv_wp_form_wapper table td {
padding: 0.84% 1% 0.24% 1%;
}
.contact_form_mv_wp_form_wapper table td.border_bottom_ari {
padding: 1.05% 1% 1.05% 1%;
width: 78.77777777777777%;
}
@media screen and (max-width: 768px) {
.contact_form_mv_wp_form_wapper table th {
display: block;
width: 100%;
padding: 4% 4.2% 3% 6.15% !important;
border-bottom: 1px solid #d2d2d2;
}
}
@media screen and (max-width: 768px) and (max-width: 769px) {
.contact_form_mv_wp_form_wapper table th {
border-bottom: none;
}
}
@media screen and (max-width: 768px) {
.contact_form_mv_wp_form_wapper table td {
display: block;
width: 100% !important;
padding: 2.85% 1.75% 2.65% 0.75% !important;
border-bottom: 1px solid #d2d2d2;
}
}
.contact_form_mv_wp_form_wapper .border_bottom_ari {
border-bottom: 1px solid #d2d2d2;
}
@media screen and (max-width: 769px) {
.contact_form_mv_wp_form_wapper .border_bottom_ari {
border-bottom: none;
}
}
.main_contact_box .contact_inner_contenter .contact_form_mv_wp_form_wapper input.text_input {
width: 56%;
padding: 0.6% 1%;
background: #f0f0f0;
}
@media screen and (max-width: 768px) {
.main_contact_box .contact_inner_contenter .contact_form_mv_wp_form_wapper input.text_input {
width: 100%;
padding: 1.5% 1%;
}
}
.main_contact_box .contact_inner_contenter .contact_form_mv_wp_form_wapper #mail_address {
margin: 0 0 1.25% 0;
}
@media screen and (max-width: 768px) {
.main_contact_box .contact_inner_contenter .contact_form_mv_wp_form_wapper #mail_address {
width: 100%;
padding: 1.5% 1%;
}
}
.main_contact_box .contact_inner_contenter .contact_form_mv_wp_form_wapper #text_box_in_table1 {
width: 80%;
}
.main_contact_box .contact_inner_contenter .contact_form_mv_wp_form_wapper td p {
margin: 0;
color: #505050;
}
@media screen and (max-width: 768px) {
.main_contact_box .contact_inner_contenter .contact_form_mv_wp_form_wapper td p {
margin: 2% 0 0 0;
}
}
.main_contact_box .contact_inner_contenter .contact_form_mv_wp_form_wapper #post_num_01 {
width: 20%;
padding: 0.6% 1%;
background: #f0f0f0;
}
@media screen and (max-width: 768px) {
.main_contact_box .contact_inner_contenter .contact_form_mv_wp_form_wapper #post_num_01 {
width: 100%;
padding: 1.5% 1%;
}
}
.main_contact_box .contact_inner_contenter .contact_form_mv_wp_form_wapper #pref_select {
width: 20%;
padding: 0.6% 1%;
background: #f0f0f0;
}
@media screen and (max-width: 768px) {
.main_contact_box .contact_inner_contenter .contact_form_mv_wp_form_wapper #pref_select {
width: 100%;
padding: 1.5% 1%;
}
}
.main_contact_box .contact_inner_contenter .contact_form_mv_wp_form_wapper select {
width: 28.4%;
padding: 0.9% 1%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #000;
background: #000;
color: #FFF;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/contact/arrow01.png) right center no-repeat, -webkit-linear-gradient(top, #000 0%, #000 100%);
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/contact/arrow01.png) right center no-repeat, linear-gradient(to bottom, #000 0%, #000 100%);
background-size: auto 80%;
}
@media screen and (max-width: 768px) {
.main_contact_box .contact_inner_contenter .contact_form_mv_wp_form_wapper select {
width: 55%;
padding: 1.9% 7%;
}
}
.main_contact_box .contact_inner_contenter .contact_form_mv_wp_form_wapper select option {
color: #000;
}
.main_contact_box .contact_inner_contenter .contact_form_mv_wp_form_wapper .vertical-item {
padding: 1% 0 0.65%;
display: flex;
align-items: center;
}
.main_contact_box .contact_inner_contenter .contact_form_mv_wp_form_wapper .mwform-checkbox-field label, .main_contact_box .contact_inner_contenter .contact_form_mv_wp_form_wapper .mwform-radio-field label {
display: flex;
align-items: center;
}
.main_contact_box .contact_inner_contenter .contact_form_mv_wp_form_wapper .form_cheack_box_cotanct {
width: 13px;
height: 13px;
border: 1px solid #ccc;
background: #FFF;
}
@media screen and (max-width: 769px) {
.main_contact_box .contact_inner_contenter .contact_form_mv_wp_form_wapper .form_cheack_box_cotanct {
width: auto !important;
height: auto !important;
}
}
.main_contact_box .contact_inner_contenter .contact_form_mv_wp_form_wapper .text_area {
overflow: auto;
width: 99.9%;
height: 185px;
margin: 0 0 1% 0;
}
@media screen and (max-width: 768px) {
.main_contact_box .contact_inner_contenter .contact_form_mv_wp_form_wapper .text_area {
height: 287.692 px;
background: #f0f0f0;
}
}
.form_button_wapper {
margin: 6% 0 0 0;
text-align: center;
}
@media screen and (max-width: 768px) {
.form_button_wapper {
margin: 10.50% 0 0 0;
}
}
.form_button_wapper .to_confirm {
width: 32.22222222222222%;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.form_button_wapper .to_confirm {
width: 99%;
}
}
.form_button_wapper .to_confirm input {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/contact/button_send_off.png) no-repeat;
background-size: 100% auto;
width: 100%;
height: 48px;
text-indent: -9999px;
overflow: hidden;
border: none;
cursor: pointer;
}
@media screen and (max-width: 768px) {
.form_button_wapper .to_confirm input {
height: 55px;
}
}
.form_button_wapper .to_confirm input:hover {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/contact/button_send_on.png) no-repeat;
background-size: 100% auto;
}
.form_button_wapper .to_thanks {
margin: 2% auto;
}
.form_button_wapper .to_thanks ul {
position: relative;
width: 73.55555555555556%;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.form_button_wapper .to_thanks ul {
width: 100%;
}
}
.form_button_wapper .to_thanks ul li:first-child {
position: absolute;
left: 0;
top: 35%;
width: 18.860725075528702%;
}
@media screen and (max-width: 768px) {
.form_button_wapper .to_thanks ul li:first-child {
position: relative;
margin: 0 auto;
width: 30.014375%;
margin: 0 auto 4% auto;
}
}
.form_button_wapper .to_thanks ul li:first-child button {
height: 17.175px;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/contact/button_back_off.png) no-repeat;
background-size: 100% auto;
width: 100%;
text-indent: -9999px;
overflow: hidden;
border: none;
cursor: pointer;
}
.form_button_wapper .to_thanks ul li:first-child button:hover {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/contact/button_back_on.png) no-repeat;
background-size: 100% auto;
}
.form_button_wapper .to_thanks ul li:last-child {
width: 43.80664652567976%;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.form_button_wapper .to_thanks ul li:last-child {
width: 100%;
}
}
.form_button_wapper .to_thanks ul li:last-child button {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/contact/button_send_thanks_off.png) no-repeat;
background-size: 100% auto;
width: 100%;
height: 48px;
text-indent: -9999px;
overflow: hidden;
border: none;
cursor: pointer;
}
@media screen and (max-width: 768px) {
.form_button_wapper .to_thanks ul li:last-child button {
height: 55px;
}
}
.form_button_wapper .to_thanks ul li:last-child button:hover {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/contact/button_send_thanks_on.png) no-repeat;
background-size: 100% auto;
}
.form_button_wapper p {
margin: 1.85% 0 2.9% 0;
line-height: 171%;
text-align: center;
}
@media screen and (max-width: 768px) {
.form_button_wapper p {
margin: 1.85% 0 2.9% 0 !important;
}
}
.main_contact_box aside.service_info_in_contact_inner {
margin: 21.5% auto 22% auto;
width: 84.66666666666667%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 768px) {
.main_contact_box aside.service_info_in_contact_inner {
width: 100%;
margin: 15.5% auto 22% auto;
}
}
.main_contact_box aside.service_info_in_contact_inner::after {
clear: both;
content: "";
display: table;
}
.main_contact_box aside.service_info_in_contact_inner ul {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.main_contact_box aside.service_info_in_contact_inner ul::after {
clear: both;
content: "";
display: table;
}
.main_contact_box aside.service_info_in_contact_inner li {
width: 50%;
float: left;
}
@media screen and (max-width: 768px) {
.main_contact_box aside.service_info_in_contact_inner li {
width: 100%;
}
}
.main_contact_box aside.service_info_in_contact_inner li a {
display: block;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: unset;
text-decoration: none;
color: #FFF;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
display: block;
color: #282828;
padding: 8.25% 0px 6.75% 0;
text-align: center;
font-weight: 600;
letter-spacing: -0.5px;
border-bottom: 1px solid #d2d2d2;
}
.main_contact_box aside.service_info_in_contact_inner li a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #00a0e6;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.main_contact_box aside.service_info_in_contact_inner li a:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.main_contact_box aside.service_info_in_contact_inner li a:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@media screen and (max-width: 769px) {
.main_contact_box aside.service_info_in_contact_inner li a {
font-weight: 400;
}
}
@media screen and (min-width: 1100px) {
.main_contact_box aside.service_info_in_contact_inner li a {
font-size: 15px;
}
}
@media print, screen and (max-width: 1100px) {
.main_contact_box aside.service_info_in_contact_inner li a {
font-size: 1.2510425354vw;
}
}
@media screen and (max-width: 768px) {
.main_contact_box aside.service_info_in_contact_inner li a {
font-size: 3.9375vw;
}
}
.main_contact_box aside.service_info_in_contact_inner li a span {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/contact/icon_arrow_off.png) no-repeat 92% center;
background-size: auto 100%;
display: block;
}
.main_contact_box aside.service_info_in_contact_inner li a:hover span {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/contact/icon_arrow_on.png) no-repeat 92% center;
background-size: auto 100%;
display: block;
}
.main_contact_box aside.service_info_in_contact_inner li:first-child a {
border-top: 1px solid #d2d2d2;
}
.main_contact_box aside.service_info_in_contact_inner li:nth-child(2) a {
border-top: 1px solid #d2d2d2;
}
@media screen and (max-width: 769px) {
.main_contact_box aside.service_info_in_contact_inner li:nth-child(2) a {
border-top: none;
}
}
#promotion_pref table tbody tr:last-child th, #promotion_pref table tbody tr:last-child td {
border-top: 1px solid #d2d2d2;
}
#promotion_pref table tbody tr:last-child th {
vertical-align: top;
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
}  .main_contact_box .contact_inner_contenter .contact_thanks_wapper {
margin: 8.25% auto 0 auto;
padding: 1% 0 0 0;
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
}
@media screen and (max-width: 768px) {
.main_contact_box .contact_inner_contenter .contact_thanks_wapper {
margin: 11.35% auto 0 auto;
width: 90%;
}
}
.main_contact_box .contact_inner_contenter .contact_thanks_wapper h3 {
width: 61.55555555555556%;
margin: 5.7% auto 0 auto;
color: #282828;
text-align: left;
letter-spacing: 1px;
font-weight: 600;
}
@media screen and (min-width: 1100px) {
.main_contact_box .contact_inner_contenter .contact_thanks_wapper h3 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
.main_contact_box .contact_inner_contenter .contact_thanks_wapper h3 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
.main_contact_box .contact_inner_contenter .contact_thanks_wapper h3 {
font-size: 5.2890625vw;
}
}
@media screen and (max-width: 768px) {
.main_contact_box .contact_inner_contenter .contact_thanks_wapper h3 {
width: 98.555556%;
margin: 10.7% auto 0 auto;
}
}
.main_contact_box .contact_inner_contenter .contact_thanks_wapper p {
width: 61.55555555555556%;
margin: 3.45% auto 0 auto;
}
.main_contact_box .contact_inner_contenter .contact_thanks_wapper p + p {
margin: 1.65% auto 7.6% auto;
}
@media screen and (max-width: 768px) {
.main_contact_box .contact_inner_contenter .contact_thanks_wapper p {
width: 98.555556%;
margin: 9.45% auto 0 auto;
}
.main_contact_box .contact_inner_contenter .contact_thanks_wapper p + p {
margin: 4.65% auto 12.6% auto;
}
}
.contact_thanks_link_wapper {
width: 32.22222222222222%;
margin: 6.25% auto 25.2% auto;
cursor: pointer;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #00a0e6;
text-decoration: none;
color: #FFF;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
display: block;
padding: 2% 0;
}
.contact_thanks_link_wapper:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.contact_thanks_link_wapper:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.contact_thanks_link_wapper:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@media screen and (max-width: 768px) {
.contact_thanks_link_wapper {
width: 88.222222%;
margin: 16.25% auto 7.2% auto;
padding: 5% 0;
}
}
.contact_thanks_link_wapper a {
text-align: center;
color: #FFF;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/contact/icon_arrow_on.png) no-repeat 92% center;
background-size: auto 100%;
text-decoration: none;
display: block;
}
@media screen and (min-width: 1100px) {
.contact_thanks_link_wapper a {
font-size: 15px;
}
}
@media print, screen and (max-width: 1100px) {
.contact_thanks_link_wapper a {
font-size: 1.2510425354vw;
}
}
@media screen and (max-width: 768px) {
.contact_thanks_link_wapper a {
font-size: 3.9375vw;
}
}
.contact_thanks_link_wapper a:hover {
color: #FFF;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/contact/icon_arrow_on.png) no-repeat 92% center;
background-size: auto 100%;
display: block;
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} .office_top_page_header_wapper #video_cheanges.innner_page_box h2 {
margin: 3.0% 0 0 0;
color: #FFF;
text-align: center;
letter-spacing: 3px;
}
@media screen and (min-width: 1100px) {
.office_top_page_header_wapper #video_cheanges.innner_page_box h2 {
font-size: 31px;
}
}
@media print, screen and (max-width: 1100px) {
.office_top_page_header_wapper #video_cheanges.innner_page_box h2 {
font-size: 2.6809651475vw;
}
}
@media screen and (max-width: 768px) {
.office_top_page_header_wapper #video_cheanges.innner_page_box h2 {
font-size: 7.8125vw;
}
}
@media screen and (max-width: 768px) {
.office_top_page_header_wapper #video_cheanges.innner_page_box h2 {
margin: 27.9% 0 0 0;
}
}
.office_top_page_header_wapper #video_cheanges.innner_page_box .page_top_title_border {
width: 40px;
display: block;
border-bottom: 1px solid #FFF;
margin: 1.3% auto 2.152% auto !important;
}
@media screen and (max-width: 768px) {
.office_top_page_header_wapper #video_cheanges.innner_page_box .page_top_title_border {
margin: 7.05% auto 7.15% auto;
}
}
.office_top_page_header_wapper #video_cheanges.innner_page_box #video {
height: 450px !important;
}
@media screen and (max-width: 768px) {
.office_top_page_header_wapper #video_cheanges.innner_page_box #video {
height: 350px !important;
}
}
.office_top_main_wapper {
padding: 6% 0 5% 0;
}
@media screen and (min-width: 1100px) {
.office_top_main_wapper {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.office_top_main_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.office_top_main_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.office_top_main_wapper {
margin: 15.4% auto 0 auto;
width: 100% !important;
}
}
.office_top_main_wapper h3 {
text-align: center;
width: 90%;
margin: 0 auto;
line-height: 147%;
font-weight: 600;
}
@media screen and (min-width: 1100px) {
.office_top_main_wapper h3 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
.office_top_main_wapper h3 {
font-size: 1.9550342131vw;
}
}
@media screen and (max-width: 768px) {
.office_top_main_wapper h3 {
font-size: 5vw;
}
}
.office_top_main_wapper .office_list_box {
width: 88.723214%;
margin: 8.4% auto 0 auto;
}
@media screen and (max-width: 768px) {
.office_top_main_wapper .office_list_box {
width: 100%;
}
}
.office_top_main_wapper .office_list_box ul {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.office_top_main_wapper .office_list_box ul::after {
clear: both;
content: "";
display: table;
}
.office_top_main_wapper .office_list_box li {
float: left;
width: 50%;
}
@media screen and (max-width: 768px) {
.office_top_main_wapper .office_list_box li {
width: 100%;
}
}
.office_top_main_wapper .office_list_box li a {
display: block;
padding: 4.05% 4% 4.00% 5.12%;
text-decoration: none;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #FFF;
text-decoration: none;
color: #282828;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
display: block;
}
.office_top_main_wapper .office_list_box li a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #00a0e6;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.office_top_main_wapper .office_list_box li a:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.office_top_main_wapper .office_list_box li a:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.office_top_main_wapper .office_list_box li a h3 {
text-align: left;
display: inline;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/contact/icon_arrow_on.png) no-repeat right 56%;
background-size: auto 62%;
padding: 0px 5.45% 0 0;
}
@media screen and (min-width: 1100px) {
.office_top_main_wapper .office_list_box li a h3 {
font-size: 17px;
}
}
@media print, screen and (max-width: 1100px) {
.office_top_main_wapper .office_list_box li a h3 {
font-size: 1.5192135836vw;
}
}
@media screen and (max-width: 768px) {
.office_top_main_wapper .office_list_box li a h3 {
font-size: 3.4vw;
}
}
.office_top_main_wapper .office_list_box li a p {
margin: 2% 0 0 0;
color: #646464;
line-height: 150%;
}
@media screen and (min-width: 1100px) {
.office_top_main_wapper .office_list_box li a p {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.office_top_main_wapper .office_list_box li a p {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.office_top_main_wapper .office_list_box li a p {
font-size: 2.6vw;
}
}
@media screen and (max-width: 768px) {
.office_top_main_wapper .office_list_box li a p {
line-height: 140%;
}
}
.office_top_main_wapper .office_list_box li a:hover p {
color: #FFF;
transition: all 1.5s;
}
.office_top_map_box {
position: relative;
}
.office_top_map_box img {
width: 100%;
height: auto;
}
.office_top_map_box ul img {
display: block;
}
.office_top_map_box ul .pin {
position: absolute;
}
.office_top_map_box ul .osaka_01 {
width: 9.09%;
top: 14.59%;
left: 48.85%;
}
@media screen and (max-width: 769px) {
.office_top_map_box ul .osaka_01 {
width: 27.14%;
top: 14.89%;
left: 59.65%;
}
}
.office_top_map_box ul .osaka_02 {
width: 9.09%;
top: 21.04%;
left: 48.85%;
}
@media screen and (max-width: 769px) {
.office_top_map_box ul .osaka_02 {
width: 26.89%;
top: 21.49%;
left: 59.75%;
}
}
.office_top_map_box ul .nagoya {
width: 4.659%;
top: 53.29%;
left: 57.35%;
}
@media screen and (max-width: 769px) {
.office_top_map_box ul .nagoya {
width: 14.17%;
top: 53.09%;
left: 84.89%;
}
}
.office_top_map_box ul .hokuriku {
width: 4.59%;
top: 4.69%;
left: 57.450%;
}
@media screen and (max-width: 769px) {
.office_top_map_box ul .hokuriku {
width: 13.69%;
top: 5.04%;
left: 85.15%;
}
}
.office_top_map_box ul .okayama {
width: 3.89%;
top: 31.29%;
left: 43.85%;
}
@media screen and (max-width: 769px) {
.office_top_map_box ul .okayama {
width: 11.39%;
top: 31.69%;
left: 44.65%;
}
}
.office_top_map_box ul .hiroshima {
width: 4.69%;
top: 31.59%;
left: 38.00%;
}
@media screen and (max-width: 769px) {
.office_top_map_box ul .hiroshima {
width: 14.09%;
top: 31.69%;
left: 27%;
}
}
.office_top_map_box ul .fukuoka {
width: 4.69%;
top: 31.59%;
left: 29.4%;
}
@media screen and (max-width: 769px) {
.office_top_map_box ul .fukuoka {
width: 14.09%;
top: 31.69%;
left: 1.0%;
}
}
.office_top_map_box ul .kobe {
width: 3.78%;
top: 31.69%;
left: 48.85%;
}
@media screen and (max-width: 769px) {
.office_top_map_box ul .kobe {
width: 11.38%;
top: 31.69%;
left: 59.65%;
}
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
}  .office_under_page_header_wapper #video_cheanges.innner_page_box h2 {
margin: 4.9% 0 0 0;
color: #FFF;
text-align: center;
letter-spacing: 3px;
}
@media screen and (min-width: 1100px) {
.office_under_page_header_wapper #video_cheanges.innner_page_box h2 {
font-size: 31px;
}
}
@media print, screen and (max-width: 1100px) {
.office_under_page_header_wapper #video_cheanges.innner_page_box h2 {
font-size: 2.6809651475vw;
}
}
@media screen and (max-width: 768px) {
.office_under_page_header_wapper #video_cheanges.innner_page_box h2 {
font-size: 7.8125vw;
}
}
@media screen and (max-width: 768px) {
.office_under_page_header_wapper #video_cheanges.innner_page_box h2 {
margin: 27.9% 0 0 0;
}
}
.office_under_page_header_wapper #video_cheanges.innner_page_box .page_top_title_border {
width: 40px;
display: block;
border-bottom: 1px solid #FFF;
margin: 1.25% auto 2.15% auto;
}
@media screen and (max-width: 768px) {
.office_under_page_header_wapper #video_cheanges.innner_page_box .page_top_title_border {
margin: 7.05% auto 7.15% auto;
}
}
.office_under_page_header_wapper #video_cheanges.innner_page_box #video {
height: 450px;
}
@media screen and (max-width: 768px) {
.office_under_page_header_wapper #video_cheanges.innner_page_box #video {
height: 350px;
}
}
.office_under_page_header_wapper #video_cheanges.innner_page_box p {
color: #00a0e6;
}
@media screen and (max-width: 768px) {
.office_under_page_header_wapper #video_cheanges.innner_page_box p {
letter-spacing: 2px;
}
}
.page_bottom_nav_header_tops .support_pc_nav_03_nav .support_pc_nav_03_lists {
text-align: center;
padding: 1% 0% 1.35% 0%;
}
@media screen and (max-width: 768px) {
.page_bottom_nav_header_tops .support_pc_nav_03_nav .support_pc_nav_03_lists {
display: block;
padding: 0% 0% 0% 0%;
}
}
.page_bottom_nav_header_tops .support_pc_nav_03_nav .support_pc_nav_03_lists li {
padding: 1% 0 1.6% 0;
width: auto;
margin: 0 1.5% 0 0;
letter-spacing: -2px;
font-weight: 500;
display: inline;
}
.page_bottom_nav_header_tops .support_pc_nav_03_nav .support_pc_nav_03_lists li.current-menu-item {
border-bottom: 4px solid #00A0E6;
}
@media screen and (max-width: 768px) {
.page_bottom_nav_header_tops .support_pc_nav_03_nav .support_pc_nav_03_lists li {
display: block;
width: 50%;
font-size: 3.828125vw;
float: left;
margin: 0 0 0 0;
padding: 5% 0 5% 0;
}
.page_bottom_nav_header_tops .support_pc_nav_03_nav .support_pc_nav_03_lists li:nth-child(1) {
width: 100%;
margin: 0;
padding: 5% 0 5% 0;
background: #F2F2F2;
}
.page_bottom_nav_header_tops .support_pc_nav_03_nav .support_pc_nav_03_lists li:nth-child(n+2) {
padding: 4.42% 0 4.82% 0;
background: #F2F2F2;
}
}
.page_bottom_nav_header_tops .support_pc_nav_03_nav .support_pc_nav_03_lists li a {
letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
.page_bottom_nav_header_tops .support_pc_nav_03_nav .support_pc_nav_03_lists li a {
letter-spacing: 0px;
}
}
.page_office_single_wapper {
padding: 5.15% 0;
}
@media screen and (min-width: 1100px) {
.page_office_single_wapper {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.page_office_single_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.page_office_single_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.page_office_single_wapper {
width: 100% !important;
padding: 14.05% 0 2% 0;
}
}
.page_office_single_wapper .page_office_single_contener_wapper {
width: 79.357143%;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.page_office_single_wapper .page_office_single_contener_wapper {
width: 88.357143%;
}
}
.page_office_single_wapper h2 {
text-align: center;
margin: 0 0 0% 0;
font-weight: 600;
}
@media screen and (min-width: 1100px) {
.page_office_single_wapper h2 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
.page_office_single_wapper h2 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
.page_office_single_wapper h2 {
font-size: 5vw;
}
}
.page_office_single_wapper .shiten_wapper_sec {
margin: 10.30% auto 0% auto;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.page_office_single_wapper .shiten_wapper_sec::after {
clear: both;
content: "";
display: table;
}
@media screen and (max-width: 768px) {
.page_office_single_wapper .shiten_wapper_sec {
margin: 13.6% auto 0% auto;
}
}
.page_office_single_wapper .shiten_wapper_sec h3 {
line-height: 150%;
color: #00a0e6;
letter-spacing: -1px;
}
@media screen and (min-width: 1100px) {
.page_office_single_wapper .shiten_wapper_sec h3 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
.page_office_single_wapper .shiten_wapper_sec h3 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
.page_office_single_wapper .shiten_wapper_sec h3 {
font-size: 5vw;
}
}
@media screen and (max-width: 768px) {
.page_office_single_wapper .shiten_wapper_sec h3 {
line-height: 170%;
margin: 0 0 1% 0;
}
}
.page_office_single_wapper .shiten_wapper_sec .page_office_single_main_pref {
width: 72.44444444444444%;
float: left;
}
@media screen and (max-width: 768px) {
.page_office_single_wapper .shiten_wapper_sec .page_office_single_main_pref {
width: 57.444444%;
}
}
.page_office_single_wapper .shiten_wapper_sec .page_office_single_main_pref p {
line-height: 150%;
color: #3c3c3c;
}
@media screen and (min-width: 1100px) {
.page_office_single_wapper .shiten_wapper_sec .page_office_single_main_pref p {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.page_office_single_wapper .shiten_wapper_sec .page_office_single_main_pref p {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.page_office_single_wapper .shiten_wapper_sec .page_office_single_main_pref p {
font-size: 3.125vw;
}
}
.page_office_single_wapper .shiten_wapper_sec .page_office_single_main_pref .main_pref {
margin: 7% 0 0 0;
line-height: 150%;
}
.page_office_single_wapper .shiten_wapper_sec .page_office_single_main_pref .address_pref {
margin: 2% 0 0 0;
}
.page_office_single_wapper .shiten_wapper_sec .page_office_single_main_thumbs {
width: 23.11111111111111%;
float: right;
}
@media screen and (max-width: 768px) {
.page_office_single_wapper .shiten_wapper_sec .page_office_single_main_thumbs {
width: 36.511111%;
float: right;
margin: 6% 0 0 0;
}
}
.page_office_single_wapper .shiten_wapper_sec .page_office_single_main_thumbs img {
width: 100%;
height: auto;
}
.page_office_single_wapper .shiten_wapper_sec .page_office_single_main_thumbs img {
display: block;
}
.page_office_single_wapper .address_pref_sp {
width: 100%;
margin: 9% 0 0 0;
line-height: 150%;
color: #3c3c3c;
}
@media screen and (min-width: 1100px) {
.page_office_single_wapper .address_pref_sp {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.page_office_single_wapper .address_pref_sp {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.page_office_single_wapper .address_pref_sp {
font-size: 3.125vw;
}
}
.page_office_single_wapper .google_map {
margin: 9.35% 0 0 0;
opacity: 1;
position: relative;
padding-bottom: 25.1%;
padding-top: 25.1%;
height: 0;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.page_office_single_wapper .google_map {
margin: 8.05% 0 0 0;
padding-bottom: 37.1%;
padding-top: 33.1%;
}
}
.page_office_single_wapper .google_map iframe, .page_office_single_wapper .google_map object, .page_office_single_wapper .google_map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.page_office_single_wapper .link_box {
margin: 6.45% auto 6% auto;
width: 32.22222222222222%;
}
@media screen and (max-width: 768px) {
.page_office_single_wapper .link_box {
margin: 15.45% auto 13% auto;
width: 86.222222%;
}
}
.page_office_single_wapper .link_box a {
display: block;
width: 100%;
text-align: center;
padding: 6% 6.5% 6% 1%;
text-decoration: none;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #00a0e6;
text-decoration: none;
color: #FFFFFF;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
}
@media screen and (min-width: 1100px) {
.page_office_single_wapper .link_box a {
font-size: 15px;
}
}
@media print, screen and (max-width: 1100px) {
.page_office_single_wapper .link_box a {
font-size: 1.3404825737vw;
}
}
@media screen and (max-width: 768px) {
.page_office_single_wapper .link_box a {
font-size: 4.4453125vw;
}
}
.page_office_single_wapper .link_box a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #282828;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.page_office_single_wapper .link_box a:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.page_office_single_wapper .link_box a:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.page_office_single_wapper .link_box a .arrow_icon {
display: block;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/contact/icon_arrow_on.png) no-repeat right center;
background-size: auto 90%;
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} #interview_wap {
width: 100%;
padding: 0% 0 6% 0;
text-align: center;
background: #F2F2F2;
color: #232323;
}
@media screen and (max-width: 769px) {
#interview_wap {
padding: 10% 6% 6% 6%;
}
}
#interview_wap .interview_inner {
padding: 4% 0 0 0;
}
@media screen and (min-width: 1100px) {
#interview_wap .interview_inner {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
#interview_wap .interview_inner {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
#interview_wap .interview_inner {
width: 98%;
margin: 0 auto;
}
}
#interview_wap .interview_inner h2 {
padding: 10% 0 2% 0;
}
@media screen and (max-width: 769px) {
#interview_wap .interview_inner h2 {
padding: 10% 0 4% 0;
}
}
#interview_wap .interview_inner p {
line-height: 150%;
margin: 1.4% 0 0 0;
}
@media screen and (min-width: 1100px) {
#interview_wap .interview_inner p {
font-size: 15px;
}
}
@media print, screen and (max-width: 1100px) {
#interview_wap .interview_inner p {
font-size: 1.3404825737vw;
}
}
@media screen and (max-width: 768px) {
#interview_wap .interview_inner p {
font-size: 2.34375vw;
}
}
#interview_wap .workers_inner ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 769px) {
#interview_wap .workers_inner ul {
display: block;
margin: 10% 0 0 0;
}
}
#interview_wap .workers_inner ul li {
background: #FFF;
width: 24.9%;
}
#interview_wap .workers_inner ul li img {
width: 100%;
height: auto;
}
@media screen and (max-width: 769px) {
#interview_wap .workers_inner ul li {
width: 100%;
margin: 8% auto;
}
}
#interview_wap .workers_inner ul li img {
display: block;
}
#interview_wap .workers_inner ul + ul {
margin: 1% 0 0 0;
}
#interview_wap .workers_inner ul li {
position: relative;
}
#interview_wap .workers_inner ul li .view {
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.8);
height: 100%;
color: #FFF;
display: none;
}
@media screen and (min-width: 1100px) {
#interview_wap .workers_inner ul li .view {
font-size: 13.5px;
}
}
@media print, screen and (max-width: 1100px) {
#interview_wap .workers_inner ul li .view {
font-size: 1.2064343164vw;
}
}
@media screen and (max-width: 768px) {
#interview_wap .workers_inner ul li .view {
font-size: 2.6375vw;
}
}
#interview_wap .workers_inner ul li a:hover .view {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#interview_wap .workers_inner ul li a:hover .view.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
#interview_wap .workers_inner ul li a:hover .view.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
#interview_wap .workers_inner ul li a:hover .view.flipOutX, #interview_wap .workers_inner ul li a:hover .view.flipOutY, #interview_wap .workers_inner ul li a:hover .view.bounceIn, #interview_wap .workers_inner ul li a:hover .view.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.page_urvan_interview + .index_sec_contact_double_column {
margin: 0% 0 12.2% 0 !important;
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} .category_news_archives {
background: #F2F2F2;
}
.category_news_archives .single_news_section_field {
background: #FFF;
padding: 4% 12%;
}
@media screen and (min-width: 1100px) {
.category_news_archives .single_news_section_field {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.category_news_archives .single_news_section_field {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.category_news_archives .single_news_section_field {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) {
.category_news_archives .single_news_section_field {
padding: 16% 6%;
}
}
.category_news_archives .single_news_section_field .single_news_section_field_up_box {
padding: 0 0 3.4% 0;
margin: 0 0 5% 0;
border-bottom: 1px solid #D2D2D2;
}
@media screen and (min-width: 1100px) {
.category_news_archives .single_news_section_field .date_box {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.category_news_archives .single_news_section_field .date_box {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.category_news_archives .single_news_section_field .date_box {
font-size: 3.125vw;
}
}
.category_news_archives .single_news_section_field h2 {
margin: 2% 0;
font-weight: 500;
line-height: 160%;
}
@media screen and (min-width: 1100px) {
.category_news_archives .single_news_section_field h2 {
font-size: 21px;
}
}
@media print, screen and (max-width: 1100px) {
.category_news_archives .single_news_section_field h2 {
font-size: 1.8766756032vw;
}
}
@media screen and (max-width: 768px) {
.category_news_archives .single_news_section_field h2 {
font-size: 4.375vw;
}
}
@media screen and (max-width: 769px) {
.category_news_archives .single_news_section_field h2 {
margin: 4% 0;
}
}
.category_news_archives .single_news_section_field .archives_flug_news {
display: flex;
width: 30%;
color: #FFF;
}
@media screen and (min-width: 1100px) {
.category_news_archives .single_news_section_field .archives_flug_news {
font-size: 11px;
}
}
@media print, screen and (max-width: 1100px) {
.category_news_archives .single_news_section_field .archives_flug_news {
font-size: 0.9830205541vw;
}
}
@media screen and (max-width: 768px) {
.category_news_archives .single_news_section_field .archives_flug_news {
font-size: 2.65625vw;
}
}
@media screen and (max-width: 769px) {
.category_news_archives .single_news_section_field .archives_flug_news {
width: 60%;
}
}
.category_news_archives .single_news_section_field .archives_flug_news .sp_wapper_term {
display: block;
width: 60%;
text-align: center;
padding: 3% 0;
}
.category_news_archives .single_news_section_field .archives_flug_news .new_wapper {
text-align: center;
display: block;
width: 16.848%;
float: left;
}
@media screen and (min-width: 1100px) {
.category_news_archives .single_news_section_field .archives_flug_news .new_wapper {
font-size: 11px;
}
}
@media print, screen and (max-width: 1100px) {
.category_news_archives .single_news_section_field .archives_flug_news .new_wapper {
font-size: 1vw;
}
}
@media screen and (max-width: 768px) {
.category_news_archives .single_news_section_field .archives_flug_news .new_wapper {
font-size: 1.58296875vw;
}
}
.category_news_archives .single_news_section_field .archives_flug_news .new_wapper .new {
background: #00A0E6;
display: block;
width: 100%;
padding: 18% 0%;
}
@media screen and (max-width: 769px) {
.category_news_archives .single_news_section_field .archives_flug_news .new_wapper .new {
font-size: 2.65vw;
}
}
.category_news_archives .single_news_section_field .archives_flug_news .term_slug_topics {
background: #323232;
}
.category_news_archives .single_news_section_field .archives_flug_news .term_slug_web_promotion {
background: #4FC9C9;
}
.category_news_archives .single_news_section_field .archives_flug_news .term_slug_promotion {
background: #ECAF2B;
}
.category_news_archives .single_news_section_field .archives_flug_news .term_slug_web_planning {
background: #FF7878;
}
.category_news_archives .single_news_section_field .archives_flug_news .term_slug_planning {
background: #78D171;
}
.category_news_archives .single_news_section_field .archives_flug_news .archives_news_date_wapper {
padding: 2% 0 0 0;
display: inline-block;
width: 30%;
}
.category_news_archives .single_news_section_field .archives_flug_news .archives_news_date_wapper .date {
width: 45%;
color: #3E3A39;
}
@media screen and (min-width: 1100px) {
.category_news_archives .single_news_section_field .archives_flug_news .archives_news_date_wapper .date {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.category_news_archives .single_news_section_field .archives_flug_news .archives_news_date_wapper .date {
font-size: 1.2727272727vw;
}
}
@media screen and (max-width: 768px) {
.category_news_archives .single_news_section_field .archives_flug_news .archives_news_date_wapper .date {
font-size: 2.01421875vw;
}
}
.main_single_contents_box img {
display: block;
max-width: 100%;
height: auto;
margin: 3.4% 0;
}
.main_single_contents_box p {
margin: 3.4% 0;
line-height: 160%;
}
@media screen and (min-width: 1100px) {
.main_single_contents_box p {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.main_single_contents_box p {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 768px) {
.main_single_contents_box p {
font-size: 3.4375vw;
}
}
.single_news_wapper .pager_wapper {
margin: 5% auto;
}
.single_news_wapper .pager_wapper ul {
width: 100%;
}
.single_news_wapper .pager_wapper ul li {
position: absolute;
width: 8%;
top: 46%;
left: 19%;
z-index: 999;
}
@media screen and (max-width: 769px) {
.single_news_wapper .pager_wapper ul li {
top: 100%;
left: 4%;
}
}
.single_news_wapper .pager_wapper ul li a {
padding: 0 0% 0 26%;
color: #8C8C8C;
text-decoration: none;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_gray_back.png) no-repeat center left;
background-size: auto 100%;
display: block;
}
@media screen and (min-width: 1100px) {
.single_news_wapper .pager_wapper ul li a {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.single_news_wapper .pager_wapper ul li a {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.single_news_wapper .pager_wapper ul li a {
font-size: 3.046875vw;
}
}
.single_news_wapper .pager_wapper ul li + li {
position: absolute;
top: 46%;
right: 19%;
left: unset;
width: 5%;
z-index: 999;
}
@media screen and (max-width: 769px) {
.single_news_wapper .pager_wapper ul li + li {
top: 100%;
right: 4%;
width: 10%;
}
}
.single_news_wapper .pager_wapper ul li + li a {
padding: 0 20% 0 0%;
color: #8C8C8C;
text-decoration: none;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_gray.png) no-repeat center right;
background-size: 10% auto;
display: block;
}
@media screen and (max-width: 769px) {
.single_news_wapper .pager_wapper ul li + li a {
background-size: 19% auto;
}
}
.single_news_wapper .pager_wapper .list_box {
width: 100%;
z-index: 100;
}
.single_news_wapper .pager_wapper .list_box a {
padding: 1.8% 0;
margin: 0 auto;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #282828;
text-decoration: none;
color: #FFF;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
display: block;
width: 30%;
text-align: center;
border: 1px solid #282828;
}
.single_news_wapper .pager_wapper .list_box a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #FFF;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.single_news_wapper .pager_wapper .list_box a:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.single_news_wapper .pager_wapper .list_box a:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #282828;
}
100% {
color: #282828;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@media screen and (min-width: 1100px) {
.single_news_wapper .pager_wapper .list_box a {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.single_news_wapper .pager_wapper .list_box a {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.single_news_wapper .pager_wapper .list_box a {
font-size: 3.58125vw;
}
}
.single_news_wapper .pager_wapper .list_box a:hover {
color: #282828;
border: 1px solid #282828;
}
.single_news_wapper .pager_wapper .list_box a:hover span {
color: #282828;
}
@media screen and (max-width: 769px) {
.single_news_wapper .pager_wapper .list_box a {
width: 92%;
padding: 4.4% 0;
}
}
.single_news_wapper .pager_wapper {
margin: 0% auto;
padding: 10% 0;
background: #FFF;
}
.single_news_wapper .footer_contents_menu_box .footer_botton_contents_settings {
background: #FFF;
}
@media screen and (max-width: 769px) {
.single_news_wapper .footer_contents_menu_box .footer_botton_contents_settings {
width: 100%;
}
}
.single_news_wapper .footer_contents_menu_box .footer_botton_contents_settings .other_nav_02_wapper {
margin: 0% auto 0% auto;
padding: 8% 0;
}
@media screen and (max-width: 769px) {
.single_news_wapper .footer_contents_menu_box .footer_botton_contents_settings .other_nav_02_wapper {
width: 100%;
padding: 10% 4% 4% 4%;
}
}
@media screen and (max-width: 769px) {
.single_news_wapper .footer_contents_menu_box .footer_botton_contents_settings .other_nav_02_wapper .other_nav_02_wapper {
width: 100%;
}
}
.single_news_wapper + .footer_bunner_area_margin {
margin: 5% 0 12.2% 0;
}
.single_news_wappersingle_news_wapper .footer_button_page_top_wapper .footer_botton_contents_settings a {
padding: 0 0 4% 0;
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} .category_pc_nav_03_nav {
background: #F2F2F2;
}
.category_pc_nav_03_nav ul {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 1100px) {
.category_pc_nav_03_nav ul {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.category_pc_nav_03_nav ul {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.category_pc_nav_03_nav ul {
width: 98%;
margin: 0 auto;
}
}
.category_pc_nav_03_nav ul::after {
clear: both;
content: "";
display: table;
}
@media screen and (max-width: 769px) {
.category_pc_nav_03_nav ul {
width: 100%;
}
}
.category_pc_nav_03_nav ul li {
width: 25%;
float: left;
}
@media screen and (max-width: 769px) {
.category_pc_nav_03_nav ul li {
float: none;
width: 100%;
}
}
.category_pc_nav_03_nav ul li a {
width: 100%;
text-align: center;
display: block;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #282828;
text-decoration: none;
color: #FFF;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
}
.category_pc_nav_03_nav ul li a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #00A0E6;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
.category_pc_nav_03_nav ul li a:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
.category_pc_nav_03_nav ul li a:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.category_pc_nav_03_nav ul li a span {
padding: 6.3% 0;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
background-size: 2.4% auto;
display: block;
width: 100%;
}
.category_pc_nav_03_nav ul li a:hover span {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
background-size: 2.4% auto;
display: block;
width: 100%;
}
.category_pc_nav_03_nav ul li:nth-child(1) a {
border-bottom: 1px solid #E6E6E6;
display: block;
}
.category_pc_nav_03_nav ul li:nth-child(1).current-menu-item a {
border-bottom: 1px solid #E6E6E6;
background: #F2F2F2;
color: #282828;
}
.category_pc_nav_03_nav ul li:nth-child(2) a {
border-bottom: 1px solid #E6E6E6;
border-right: 1px solid #E6E6E6;
border-left: 1px solid #E6E6E6;
display: block;
}
@media screen and (max-width: 768px) {
.category_pc_nav_03_nav ul li:nth-child(2) a {
border-right: none;
border-left: none;
}
}
.category_pc_nav_03_nav ul li:nth-child(2).current-menu-item a {
border-bottom: 1px solid #E6E6E6;
border-right: 1px solid #E6E6E6;
border-left: 1px solid #E6E6E6;
background: #F2F2F2;
color: #282828;
}
@media screen and (max-width: 768px) {
.category_pc_nav_03_nav ul li:nth-child(2).current-menu-item a {
border-right: none;
border-left: none;
}
}
.category_pc_nav_03_nav ul li:nth-child(3) a {
border-bottom: 1px solid #E6E6E6;
display: block;
border-right: 1px solid #E6E6E6;
border-left: 1px solid #E6E6E6;
}
@media screen and (max-width: 768px) {
.category_pc_nav_03_nav ul li:nth-child(3) a {
border-right: none;
border-left: none;
}
}
.category_pc_nav_03_nav ul li:nth-child(3).current-menu-item a {
border-bottom: 1px solid #E6E6E6;
border-right: 1px solid #E6E6E6;
border-left: 1px solid #E6E6E6;
background: #F2F2F2;
color: #282828;
}
@media screen and (max-width: 768px) {
.category_pc_nav_03_nav ul li:nth-child(3).current-menu-item a {
border-right: none;
border-left: none;
}
}
.category_pc_nav_03_nav ul li:nth-child(4) a {
border-bottom: 1px solid #E6E6E6;
display: block;
}
.category_pc_nav_03_nav ul li:nth-child(4).current-menu-item a {
border-bottom: 1px solid #E6E6E6;
background: #F2F2F2;
color: #282828;
}
.category_pc_nav_03_nav ul li.current-menu-item a span {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_gray.png) no-repeat 93%;
color: #282828;
}
.category_pc_nav_03_nav ul li.current-menu-item a:hover {
color: #FFF;
}
.category_pc_nav_03_nav ul li.current-menu-item a:hover span {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
color: #FFF;
}
.category_news_archives {
background: #F2F2F2;
}
.category_news_archives .category_news_archives_ul {
padding: 6% 0 0 0;
}
@media screen and (min-width: 1100px) {
.category_news_archives .category_news_archives_ul {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.category_news_archives .category_news_archives_ul {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.category_news_archives .category_news_archives_ul {
width: 98%;
margin: 0 auto;
}
}
.category_news_archives .category_news_archives_ul li {
padding: 1.2% 2%;
width: 100%;
table-layout: fixed;
border-bottom: 1px solid #DCDCDC;
background: #FFF;
display: table;
}
.category_news_archives .category_news_archives_ul li a {
color: #3E3A39;
text-decoration: none;
display: flex;
justify-content: space-between;
}
@media screen and (min-width: 1100px) {
.category_news_archives .category_news_archives_ul li a {
font-size: 11px;
}
}
@media print, screen and (max-width: 1100px) {
.category_news_archives .category_news_archives_ul li a {
font-size: 0.9830205541vw;
}
}
@media screen and (max-width: 768px) {
.category_news_archives .category_news_archives_ul li a {
font-size: 2.65625vw;
}
}
@media screen and (max-width: 769px) {
.category_news_archives .category_news_archives_ul li a {
width: 100%;
display: block;
margin: 0 0 2% 0;
}
}
.category_news_archives .category_news_archives_ul li a .archives_news_list_box_and_new_and_date {
justify-content: center;
width: 30%;
}
@media screen and (max-width: 769px) {
.category_news_archives .category_news_archives_ul li a .archives_news_list_box_and_new_and_date {
width: 100%;
}
}
.category_news_archives .category_news_archives_ul li a .archives_news_list_box_and_new_and_date .sp_wapper_term_and_new {
width: 65%;
color: #FFF;
display: block;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.category_news_archives .category_news_archives_ul li a .archives_news_list_box_and_new_and_date .sp_wapper_term_and_new::after {
clear: both;
content: "";
display: table;
}
@media screen and (max-width: 769px) {
.category_news_archives .category_news_archives_ul li a .archives_news_list_box_and_new_and_date .sp_wapper_term_and_new {
width: 70%;
display: inline-block;
}
}
.category_news_archives .category_news_archives_ul li a .archives_news_list_box_and_new_and_date .sp_wapper_term_and_new .term_slug_topics {
background: #323232;
}
.category_news_archives .category_news_archives_ul li a .archives_news_list_box_and_new_and_date .sp_wapper_term_and_new .term_slug_web_promotion {
background: #4FC9C9;
}
.category_news_archives .category_news_archives_ul li a .archives_news_list_box_and_new_and_date .sp_wapper_term_and_new .term_slug_promotion {
background: #ECAF2B;
}
.category_news_archives .category_news_archives_ul li a .archives_news_list_box_and_new_and_date .sp_wapper_term_and_new .term_slug_web_planning {
background: #FF7878;
}
.category_news_archives .category_news_archives_ul li a .archives_news_list_box_and_new_and_date .sp_wapper_term_and_new .term_slug_planning {
background: #78D171;
}
.category_news_archives .category_news_archives_ul li a .archives_news_list_box_and_new_and_date .sp_wapper_term_and_new .archives_news_date_wapper {
padding: 2% 0 0 0;
display: inline-block;
width: 30%;
}
.category_news_archives .category_news_archives_ul li a .archives_news_list_box_and_new_and_date .sp_wapper_term_and_new .archives_news_date_wapper .date {
width: 45%;
color: #3E3A39;
}
@media screen and (min-width: 1100px) {
.category_news_archives .category_news_archives_ul li a .archives_news_list_box_and_new_and_date .sp_wapper_term_and_new .archives_news_date_wapper .date {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
.category_news_archives .category_news_archives_ul li a .archives_news_list_box_and_new_and_date .sp_wapper_term_and_new .archives_news_date_wapper .date {
font-size: 1.2727272727vw;
}
}
@media screen and (max-width: 768px) {
.category_news_archives .category_news_archives_ul li a .archives_news_list_box_and_new_and_date .sp_wapper_term_and_new .archives_news_date_wapper .date {
font-size: 2.01421875vw;
}
}
.archives_news_list_box .section_list_title {
width: 70%;
color: #3E3A39;
margin: 0.25% 0 0 0;
}
@media screen and (min-width: 1100px) {
.archives_news_list_box .section_list_title {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.archives_news_list_box .section_list_title {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.archives_news_list_box .section_list_title {
font-size: 2.8125vw;
}
}
@media screen and (max-width: 769px) {
.archives_news_list_box .section_list_title {
margin: 3.25% 0 0 0;
}
}
.archives_news_list_box_and_new_and_date .archives_news_list_list_new {
display: flex;
width: 100%;
}
@media screen and (max-width: 769px) {
.archives_news_list_box_and_new_and_date .archives_news_list_list_new {
display: block;
}
}
.archives_news_list_box_and_new_and_date .archives_news_list_list_new .sp_wapper_term_and_new {
width: 30%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.archives_news_list_box_and_new_and_date .archives_news_list_list_new .sp_wapper_term_and_new::after {
clear: both;
content: "";
display: table;
}
.archives_news_list_box_and_new_and_date .archives_news_list_list_new .archives_news_date_wapper {
width: 40%;
margin: 1.5% 0 0 0;
}
@media screen and (max-width: 769px) {
.archives_news_list_box_and_new_and_date .archives_news_list_list_new .archives_news_date_wapper {
text-align: right;
display: inline-block;
width: 29%;
}
}
.archives_news_list_box_and_new_and_date .section_list_title {
width: 60%;
}
@media screen and (max-width: 769px) {
.archives_news_list_box_and_new_and_date .section_list_title {
width: 71.94%;
margin: 3.25% 0 0% 0;
}
}
.archives_news_list_box_and_new_and_date .sp_wapper_term {
text-align: center;
display: block;
float: left;
width: 61.94%;
color: #FFF;
text-align: center;
padding: 3% 0;
}
@media screen and (min-width: 1100px) {
.archives_news_list_box_and_new_and_date .sp_wapper_term {
font-size: 11px;
}
}
@media print, screen and (max-width: 1100px) {
.archives_news_list_box_and_new_and_date .sp_wapper_term {
font-size: 0.9830205541vw;
}
}
@media screen and (max-width: 768px) {
.archives_news_list_box_and_new_and_date .sp_wapper_term {
font-size: 2.65625vw;
}
}
@media screen and (max-width: 769px) {
.archives_news_list_box_and_new_and_date .sp_wapper_term {
width: 46.848%;
}
}
.archives_news_list_box_and_new_and_date .new_wapper {
text-align: center;
display: block;
width: 16.848%;
float: left;
}
@media screen and (min-width: 1100px) {
.archives_news_list_box_and_new_and_date .new_wapper {
font-size: 11px;
}
}
@media print, screen and (max-width: 1100px) {
.archives_news_list_box_and_new_and_date .new_wapper {
font-size: 0.9830205541vw;
}
}
@media screen and (max-width: 768px) {
.archives_news_list_box_and_new_and_date .new_wapper {
font-size: 2.65625vw;
}
}
.archives_news_list_box_and_new_and_date .new_wapper .new {
background: #00A0E6;
display: block;
width: 100%;
padding: 18% 0%;
}
@media screen and (max-width: 769px) {
.archives_news_list_box_and_new_and_date .new_wapper .new {
font-size: 2.65vw;
}
}
.works_pager {
padding: 3.6% 0;
}
@media screen and (min-width: 1100px) {
.works_pager {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.works_pager {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.works_pager {
width: 98%;
margin: 0 auto;
}
}
.works_pager .page_wapper {
position: relative;
}
@media screen and (min-width: 1100px) {
.works_pager .page_wapper {
font-size: 15.14px;
}
}
@media print, screen and (max-width: 1100px) {
.works_pager .page_wapper {
font-size: 1.3529937444vw;
}
}
@media screen and (max-width: 768px) {
.works_pager .page_wapper {
font-size: 3.5484375vw;
}
}
@media screen and (min-width: 1100px) {
.works_pager .page_wapper {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.works_pager .page_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.works_pager .page_wapper {
width: 98%;
margin: 0 auto;
}
}
.works_pager .page_wapper .pager_previous_box {
position: absolute;
width: 15%;
top: 0;
left: 0;
color: #8C8C8C;
text-align: left;
}
@media screen and (min-width: 1100px) {
.works_pager .page_wapper .pager_previous_box {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.works_pager .page_wapper .pager_previous_box {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.works_pager .page_wapper .pager_previous_box {
font-size: 3.046875vw;
}
}
@media screen and (max-width: 769px) {
.works_pager .page_wapper .pager_previous_box {
width: 20%;
}
}
.works_pager .page_wapper .pager_previous_box .pager_previous {
padding: 0 0% 0 10%;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/works/icon_prev.png) no-repeat left center;
background-size: auto 72%;
margin: 0 0 0 13%;
}
@media screen and (max-width: 769px) {
.works_pager .page_wapper .pager_previous_box .pager_previous {
padding: 0 0 0 15%;
}
}
.works_pager .page_wapper .pager_next_box {
position: absolute;
width: 15%;
top: 0;
right: 0;
color: #8C8C8C;
text-align: right;
}
@media screen and (min-width: 1100px) {
.works_pager .page_wapper .pager_next_box {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
.works_pager .page_wapper .pager_next_box {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
.works_pager .page_wapper .pager_next_box {
font-size: 3.046875vw;
}
}
@media screen and (max-width: 769px) {
.works_pager .page_wapper .pager_next_box {
width: 20%;
}
}
.works_pager .page_wapper .pager_next_box .pager_next {
padding: 0 10% 0 0%;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/works/icon_next.png) no-repeat right center;
background-size: auto 72%;
margin: 0 13% 0 0;
}
@media screen and (max-width: 769px) {
.works_pager .page_wapper .pager_next_box .pager_next {
padding: 0 15% 0 0%;
}
}
.works_pager .page_wapper .page_nav {
width: 60%;
margin: 0 auto;
text-align: center;
}
.works_pager .page_wapper .page_nav span {
padding: 0.25% 1.4%;
margin: 0 0.5%;
background: #FFF;
border: 1px solid #FFF;
}
@media screen and (min-width: 1100px) {
.works_pager .page_wapper .page_nav span {
font-size: 15.14px;
}
}
@media print, screen and (max-width: 1100px) {
.works_pager .page_wapper .page_nav span {
font-size: 1.3529937444vw;
}
}
@media screen and (max-width: 768px) {
.works_pager .page_wapper .page_nav span {
font-size: 3.5484375vw;
}
}
@media screen and (max-width: 769px) {
.works_pager .page_wapper .page_nav span {
padding: 0.25% 1.4%;
}
}
.works_pager .page_wapper .page_nav span.on {
background: #000;
border: 1px solid #000;
color: #FFF;
}
.category_news_archives + .footer_bunner_area_margin {
margin: 0% 0 12.2% 0;
}
.category_news_archives .footer_botton_contents_settings a {
padding: 0 0 4% 0;
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} #about_us {
color: #3C3C3C;
}
#about_us .about_us_inner_main_thumbs_box {
margin: 16.9% 0 0 0;
overflow: hidden;
}
@media screen and (max-width: 769px) {
#about_us .about_us_inner_main_thumbs_box {
margin: 36.9% 0 0 0;
}
}
#about_us .about_us_inner_main_thumbs_box .main_title_thumbs {
margin: 0 auto;
display: block;
}
@media screen and (max-width: 769px) {
#about_us .about_us_inner_main_thumbs_box .main_title_thumbs {
width: 36%;
}
}
#about_us .main_visual_thumbs_box {
margin: 3.1% 0 0 0;
padding: 1.6% 0 0 0;
color: #FFF;
text-align: center;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/about_us/main_visual_thumbs_pc.jpg) no-repeat center top;
background-size: 100% 100%;
height: 500px;
}
@media screen and (max-width: 769px) {
#about_us .main_visual_thumbs_box {
height: 197px;
padding: 3.9% 0 0 0;
margin: 10.7% 0 0 0;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/about_us/main_visual_thumbs_sp.jpg) no-repeat center top;
background-size: auto 100%;
}
}
@media screen and (min-width: 1100px) {
#about_us .main_visual_thumbs_box h2 {
font-size: 23px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .main_visual_thumbs_box h2 {
font-size: 2.055406613vw;
}
}
@media screen and (max-width: 768px) {
#about_us .main_visual_thumbs_box h2 {
font-size: 3.59375vw;
}
}
#about_us .main_visual_thumbs_box p {
line-height: 150%;
margin: 1.4% 0 0 0;
}
@media screen and (max-width: 768px) {
#about_us .main_visual_thumbs_box p {
margin: 3.2% 0 0 0;
}
}
@media screen and (min-width: 1100px) {
#about_us .main_visual_thumbs_box p {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .main_visual_thumbs_box p {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 768px) {
#about_us .main_visual_thumbs_box p {
font-size: 2.5vw;
}
}
#about_us .about_us_link_blue_backsss {
display: flex;
justify-content: space-between;
width: 26.5% !important;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_blue_backsss {
width: 94% !important;
}
}
#about_us .about_us_link_blue_backsss li {
margin: 0 0% 0 0;
width: auto;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_blue_backsss li {
letter-spacing: 1px;
}
}
#about_us .about_us_link_blue_backsss li:nth-child(1) {
width: 19%;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_blue_backsss li:nth-child(1) {
width: 19%;
}
}
#about_us .about_us_link_blue_backsss li:nth-child(2) {
width: 19%;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_blue_backsss li:nth-child(2) {
width: 19%;
}
}
#about_us .about_us_link_blue_backsss li:nth-child(3) {
width: 20%;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_blue_backsss li:nth-child(3) {
width: 19%;
}
}
#about_us .about_us_link_blue_backsss li:nth-child(4) {
width: 17%;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_blue_backsss li:nth-child(4) {
width: 17%;
}
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_blue_backsss li {
width: 29%;
letter-spacing: -2px;
}
}
#about_us .about_us_link_blue_backsss li a {
padding: 0 5% 0 0;
color: #00A0E6;
letter-spacing: 1.4px;
text-decoration: none;
display: block;
}
@media screen and (min-width: 1100px) {
#about_us .about_us_link_blue_backsss li a {
font-size: 12px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .about_us_link_blue_backsss li a {
font-size: 1.072386059vw;
}
}
@media screen and (max-width: 768px) {
#about_us .about_us_link_blue_backsss li a {
font-size: 2.34375vw;
}
}
#about_us .about_us_link_blue_backsss li a .arrow {
padding: 0 6px 0 0;
width: 100%;
display: block;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_gray.png) no-repeat right;
background-size: auto 90%;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_blue_backsss li a .arrow {
padding: 0 2% 0 0;
letter-spacing: -1px;
}
}
#about_us .about_us_link_blue_backsss li a:hover {
color: #1E1E1E;
}
#about_us .about_us_link_blue_back {
width: 23.6%;
margin: 2.3% auto;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_blue_back {
width: 90%;
margin: 6.3% auto 0 auto;
padding: 0 0 0 5%;
}
}
#about_us .about_us_link_blue_back li {
margin: 0 6% 0 0;
}
#about_us .about_us_link_blue_back li:last-child {
margin: 0;
}
#about_us .about_us_link_blue_back li a {
color: #FFFF00;
}
#about_us .about_us_link_blue_back li a .arrow {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat right;
background-size: auto 90%;
}
#about_us .about_us_link_blue_back li a:hover {
color: #FFF;
}
#about_us .media_box .about_us_link_marketing {
margin: 9.7% 0% 0 0;
}
.koukoku {
padding: 0.5% 0;
background: #00a0e6;
}
@media screen and (max-width: 769px) {
.koukoku {
padding: 7% 0 0 0;
}
}
.koukoku p {
text-align: center;
color: #FFF;
letter-spacing: 5px;
}
@media screen and (min-width: 1100px) {
.koukoku p {
font-size: 17px;
}
}
@media print, screen and (max-width: 1100px) {
.koukoku p {
font-size: 1.5192135836vw;
}
}
@media screen and (max-width: 768px) {
.koukoku p {
font-size: 3.59375vw;
}
}
#about_us .main_blue_box {
padding: 5.3% 0 0.15% 0;
background: #00a0e6;
}
@media screen and (max-width: 769px) {
#about_us .main_blue_box {
padding: 10% 0 13.2% 0;
}
}
#about_us .main_blue_box p {
text-align: center;
color: #FFF;
}
@media screen and (min-width: 1100px) {
#about_us .main_blue_box p {
font-size: 17px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .main_blue_box p {
font-size: 1.5192135836vw;
}
}
@media screen and (max-width: 768px) {
#about_us .main_blue_box p {
font-size: 2.34375vw;
}
}
#about_us .main_blue_box h2 {
text-align: center;
}
@media screen and (max-width: 769px) {
#about_us .main_blue_box h2 {
margin: 2% auto 0 auto;
width: 20%;
}
#about_us .main_blue_box h2 img {
width: 100%;
height: auto;
}
}
#about_us .main_blue_box .thumbs_sub_pref {
margin: 1.4% 0 1.86% 0;
letter-spacing: -1px;
}
@media screen and (max-width: 769px) {
#about_us .main_blue_box .thumbs_sub_pref {
margin: 3.7% 0 0 0;
}
}
#about_us .main_blue_box h3 {
margin: 3.5% 0 0 0;
text-align: center;
color: #FFF;
}
@media screen and (max-width: 768px) {
#about_us .main_blue_box h3 {
margin: 10.5% 0 0 0;
}
}
@media screen and (min-width: 1100px) {
#about_us .main_blue_box h3 {
font-size: 24px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .main_blue_box h3 {
font-size: 2.144772118vw;
}
}
@media screen and (max-width: 768px) {
#about_us .main_blue_box h3 {
font-size: 3.75vw;
}
}
@media screen and (min-width: tab_tate) {
#about_us .main_blue_box h3 {
margin: 13% 0 0 0;
}
}
#about_us .main_blue_box .h3_sub_pref {
padding: 0% 2%;
margin: 1.9% 0 0 0;
line-height: 146%;
}
@media screen and (min-width: 1100px) {
#about_us .main_blue_box .h3_sub_pref {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .main_blue_box .h3_sub_pref {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 768px) {
#about_us .main_blue_box .h3_sub_pref {
font-size: 2.5vw;
}
}
@media screen and (max-width: 769px) {
#about_us .main_blue_box .h3_sub_pref {
margin: 4.8% 0 0 0;
}
}
#about_us .strenghs_box {
margin: 7.9% 0 0 0;
text-align: center;
color: #3C3C3C;
}
@media screen and (max-width: 769px) and (min-width: 1100px) {
#about_us .strenghs_box {
width: 1120px;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) and (max-width: 1100px) {
#about_us .strenghs_box {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) and (max-width: 768px) {
#about_us .strenghs_box {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) {
#about_us .strenghs_box img {
width: 100%;
height: auto;
}
}
@media screen and (max-width: 769px) {
#about_us .strenghs_box h2 {
margin: 16% auto 0 auto;
width: 30%;
}
}
@media screen and (max-width: 769px) and (max-width: 768px) {
#about_us .strenghs_box h2 {
margin: 14% auto 0 auto;
}
}
#about_us .strenghs_box .strenghs_suuji_pc {
padding: 0 0 0 1.2%;
margin: 0 auto;
}
#about_us .strenghs_box .strenghs_suuji_sp {
width: 100%;
height: auto;
}
#about_us .strenghs_box .thumbs_sub_pref {
margin: 2.15% 0 6.8% 0;
}
@media screen and (min-width: 1100px) {
#about_us .strenghs_box .thumbs_sub_pref {
font-size: 15px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .strenghs_box .thumbs_sub_pref {
font-size: 1.3404825737vw;
}
}
@media screen and (max-width: 768px) {
#about_us .strenghs_box .thumbs_sub_pref {
font-size: 2.34375vw;
}
}
@media screen and (max-width: 769px) {
#about_us .strenghs_box .thumbs_sub_pref {
margin: 5.7% 0 11% 0;
}
}
#about_us .strenghs_box .h2_sub_pref {
margin: 2.7% auto 0 auto;
line-height: 150%;
}
@media screen and (min-width: 1100px) {
#about_us .strenghs_box .h2_sub_pref {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .strenghs_box .h2_sub_pref {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 768px) {
#about_us .strenghs_box .h2_sub_pref {
font-size: 2.5vw;
}
}
@media screen and (max-width: 769px) {
#about_us .strenghs_box .h2_sub_pref {
margin: 5% 0 12% 0;
line-height: 130%;
}
}
#about_us .about_main_title_sec {
height: 290px;
width: 100%;
padding: 6% 0 0 0;
text-align: center;
}
@media screen and (max-width: 769px) {
#about_us .about_main_title_sec {
height: 155px;
display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0;
}
}
#about_us .about_main_title_sec h2 img {
width: auto;
height: 33px;
display: block;
margin: 0 auto;
}
@media screen and (max-width: 769px) {
#about_us .about_main_title_sec h2 img {
height: 19.8px;
}
}
#about_us .about_main_title_sec p {
color: #FFF;
margin: 1.25% 0 0 0;
}
@media screen and (max-width: 769px) {
#about_us .about_main_title_sec p {
font-size: 2vw;
margin: 4% 0 0 0;
}
}
#about_us .business_box_01 {
background-size: 100% auto;
margin: 6.2% 0 0 0%;
width: 100%;
}
@media screen and (max-width: 769px) {
#about_us .business_box_01 {
margin: 12% 0 0 0;
background-size: 100% auto;
}
}
#about_us .business_box_01 .about_main_title_sec_01 {
width: 100%;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/about_us/business_box_01_bgimg_pc.jpg) no-repeat top center;
background-size: auto 100%;
}
#about_us .business_box_01 .business_box_01_inner_thumbs_sp img {
width: 100%;
height: auto;
}
#about_us .business_box_01_inner {
width: 100%;
height: 577px;
display: flex;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/about_us/back_tetetete.png) no-repeat top center;
background-size: auto 100%;
flex-direction: column; justify-content: center; }
@media screen and (max-width: 769px) {
#about_us .business_box_01_inner {
background: unset;
height: auto;
}
}
#about_us .business_box_01_inner .text_box {
width: 420.085px;
color: #FFF;
}
@media screen and (max-width: 769px) {
#about_us .business_box_01_inner .text_box {
width: 93%;
}
}
@media screen and (min-width: 1100px) {
#about_us .business_box_01_inner .wapper_setting {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .business_box_01_inner .wapper_setting {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
#about_us .business_box_01_inner .wapper_setting {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) {
#about_us .business_box_01_inner .wapper_setting {
width: 100% !important;
background: #282828;
padding: 18% 0 16% 6%;
}
}
#about_us .business_box_01_inner h2 {
width: 111.617px;
text-align: -webkit-center;
}
#about_us .business_box_01_inner h2 img {
width: 100%;
height: auto;
}
@media screen and (max-width: 769px) {
#about_us .business_box_01_inner h2 {
margin: 0% auto 4% 0;
}
#about_us .business_box_01_inner h2 img {
width: auto;
height: 40px;
display: block;
}
}
#about_us .business_box_01_inner h3 {
margin: 2.5% 0 0 0;
line-height: 132%;
letter-spacing: 1px;
font-weight: 500;
}
@media screen and (max-width: 769px) {
#about_us .business_box_01_inner h3 {
margin: 5.5% 0 0 4%;
}
}
@media screen and (min-width: 1100px) {
#about_us .business_box_01_inner h3 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .business_box_01_inner h3 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
#about_us .business_box_01_inner h3 {
font-size: 3.90625vw;
}
}
#about_us .business_box_01_inner p {
margin: 2.5% 0 0 0;
line-height: 175%;
}
@media screen and (min-width: 1100px) {
#about_us .business_box_01_inner p {
font-size: 13.5px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .business_box_01_inner p {
font-size: 1.2064343164vw;
}
}
@media screen and (max-width: 768px) {
#about_us .business_box_01_inner p {
font-size: 2.6375vw;
}
}
@media screen and (max-width: 769px) {
#about_us .business_box_01_inner p {
margin: 3.8% 0 0 4%;
}
}
#about_us .media_box {
padding: 1% 2.4% 0 3.2%;
display: flex;
justify-content: space-between;
}
@media screen and (min-width: 1100px) {
#about_us .media_box {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .media_box {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
#about_us .media_box {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) {
#about_us .media_box {
display: block;
margin: 1% auto 0 auto;
width: 84%;
padding: 0;
}
}
@media screen and (max-width: 769px) {
#about_us .media_box h2 img {
width: auto;
height: 40px;
display: block;
}
}
#about_us .media_box .about_us_inner_list_ul {
margin: 9.6% 0% 0 0;
}
@media screen and (max-width: 768px) {
#about_us .media_box .about_us_inner_list_ul {
margin: 17.6% 0% 0 2%;
}
}
#about_us .media_box .about_us_inner_list_ul h3 {
margin: 4.2% 0 0 0;
font-weight: 500;
line-height: 140%;
letter-spacing: 1px;
}
@media screen and (min-width: 1100px) {
#about_us .media_box .about_us_inner_list_ul h3 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .media_box .about_us_inner_list_ul h3 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
#about_us .media_box .about_us_inner_list_ul h3 {
font-size: 3.90625vw;
}
}
#about_us .media_box .about_us_inner_list_ul p {
margin: 4% 0 0 0;
line-height: 150%;
}
@media screen and (min-width: 1100px) {
#about_us .media_box .about_us_inner_list_ul p {
font-size: 13.5px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .media_box .about_us_inner_list_ul p {
font-size: 1.2064343164vw;
}
}
@media screen and (max-width: 768px) {
#about_us .media_box .about_us_inner_list_ul p {
font-size: 2.6375vw;
}
}
@media screen and (max-width: 769px) {
#about_us .media_box .about_us_inner_list_ul p {
margin: 5% 0 0 0;
line-height: 159%;
letter-spacing: -1px;
}
}
@media screen and (max-width: 769px) {
#about_us .media_box .second_about_us_inner_list_ul {
margin: 22.6% 0% 0 2%;
}
}
#about_us .about_us_link_media_box, #about_us .about_us_link_marketing, #about_us .about_us_link_cretive {
margin: 14% 0 0 0;
display: flex;
justify-content: space-between;
width: 80%;
}
#about_us .about_us_link_media_box li, #about_us .about_us_link_marketing li, #about_us .about_us_link_cretive li {
margin: 0 0% 0 0;
width: auto;
}
#about_us .about_us_link_media_box li a, #about_us .about_us_link_marketing li a, #about_us .about_us_link_cretive li a {
padding: 0 5% 0 0;
color: #00A0E6;
letter-spacing: 1.4px;
text-decoration: none;
display: block;
}
@media screen and (min-width: 1100px) {
#about_us .about_us_link_media_box li a, #about_us .about_us_link_marketing li a, #about_us .about_us_link_cretive li a {
font-size: 12px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .about_us_link_media_box li a, #about_us .about_us_link_marketing li a, #about_us .about_us_link_cretive li a {
font-size: 1.072386059vw;
}
}
@media screen and (max-width: 768px) {
#about_us .about_us_link_media_box li a, #about_us .about_us_link_marketing li a, #about_us .about_us_link_cretive li a {
font-size: 2.34375vw;
}
}
#about_us .about_us_link_media_box li a .arrow, #about_us .about_us_link_marketing li a .arrow, #about_us .about_us_link_cretive li a .arrow {
padding: 0 6px 0 0;
width: 100%;
display: block;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_gray.png) no-repeat right;
background-size: auto 90%;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_media_box li a .arrow, #about_us .about_us_link_marketing li a .arrow, #about_us .about_us_link_cretive li a .arrow {
padding: 0 2% 0 0;
letter-spacing: 1px;
}
}
#about_us .about_us_link_media_box li a:hover, #about_us .about_us_link_marketing li a:hover, #about_us .about_us_link_cretive li a:hover {
color: #1E1E1E;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_media_box li, #about_us .about_us_link_marketing li, #about_us .about_us_link_cretive li {
width: 29%;
}
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_media_box, #about_us .about_us_link_marketing, #about_us .about_us_link_cretive {
margin: 11% 0 0 0;
}
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_media_box {
width: 100%;
}
}
#about_us .about_us_link_media_box li:nth-child(1) {
width: 27%;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_media_box li:nth-child(1) {
width: 28%;
}
}
#about_us .about_us_link_media_box li:nth-child(2) {
width: 23%;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_media_box li:nth-child(2) {
width: 24%;
}
}
#about_us .about_us_link_media_box li:nth-child(3) {
width: 39%;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_media_box li:nth-child(3) {
width: 40%;
}
}
#about_us .about_us_link_marketing li {
width: 25%;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_marketing li {
width: 31%;
}
}
#about_us .about_us_link_cretive li {
width: 17%;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_cretive li {
width: 22%;
}
}
@media screen and (min-width: 1100px) {
#about_us .base_wapper {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .base_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
#about_us .base_wapper {
width: 98%;
margin: 0 auto;
}
}
#about_us .base_wapper .bx_slider_wap {
margin: 6.85% auto 7.95% auto;
}
@media screen and (max-width: 769px) {
#about_us .base_wapper .bx_slider_wap {
margin: 16.85% auto 18.95% auto;
width: 77%;
}
}
#about_us .base_wapper .bx-wrapper {
margin: 0 auto;
}
#about_us .base_wapper .bx-wrapper {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#about_us .base_wapper li {
position: relative;
}
#about_us .base_wapper a {
text-decoration: none;
}
#about_us .base_wapper .bx-pager {
display: none;
}
#about_us .base_wapper .view {
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.8);
height: 100%;
color: #FFF;
display: none;
}
@media screen and (min-width: 1100px) {
#about_us .base_wapper .view {
font-size: 13.5px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .base_wapper .view {
font-size: 1.2064343164vw;
}
}
@media screen and (max-width: 768px) {
#about_us .base_wapper .view {
font-size: 2.6375vw;
}
}
#about_us .base_wapper li a:hover .view {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
display: flex; flex-direction: column; justify-content: center; align-items: center; }
#about_us .base_wapper li a:hover .view.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
#about_us .base_wapper li a:hover .view.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
#about_us .base_wapper li a:hover .view.flipOutX, #about_us .base_wapper li a:hover .view.flipOutY, #about_us .base_wapper li a:hover .view.bounceIn, #about_us .base_wapper li a:hover .view.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
#about_us .base_wapper .bx-wrapper .bx-next {
right: -5.59%;
}
@media screen and (max-width: 769px) {
#about_us .base_wapper .bx-wrapper .bx-next {
right: -10.59%;
}
}
#about_us .base_wapper .bx-wrapper .bx-prev {
left: -5.59%;
}
@media screen and (max-width: 769px) {
#about_us .base_wapper .bx-wrapper .bx-prev {
left: -10.59%;
}
}
#about_us .base_wapper .bx-wrapper .bx-next {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/about_us/bxslaider_icon_right.png) center;
background-size: auto 100%;
}
#about_us .base_wapper .bx-wrapper .bx-prev {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/about_us/bxslaider_icon_left.png) center;
background-size: auto 100%;
}
#about_us .base_wapper .bx-wrapper .bx-controls-direction a {
width: 16px;
height: 32.784px;
top: 49.5%;
}
#about_us .base_wapper .bx-wrapper .bx-next:hover, #about_us .base_wapper .bx-wrapper .bx-prev:focus {
background-position: 0px 0;
}
#about_us .base_wapper .bx-wrapper .bx-next:hover, #about_us .base_wapper .bx-wrapper .bx-next:focus {
background-position: 0px 0;
}
#about_us .our_creative_wap {
margin: 10.7% 0 0 0;
}
#about_us .our_creative_wap .about_main_title_sec_02 {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/about_us/our_creative_title_thumbs.png) no-repeat center top;
background-size: auto 100%;
}
#about_us .our_creative_wap .bottom_thumbs {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/about_us/bunner_back_0000000.png) no-repeat center top;
background-size: auto 100%;
height: 467px;
}
#about_us .our_creative_wap .bottom_thumbs_sp img {
width: 100%;
height: auto;
}
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper {
padding: 5.7% 1.9% 0 3.2%;
display: flex;
justify-content: speace-between;
}
@media screen and (min-width: 1100px) {
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) {
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper {
padding: 0;
display: block;
margin: 10% auto 0 auto;
display: block;
width: 84%;
}
}
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper h2 {
width: 22%;
}
@media screen and (max-width: 769px) {
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper h2 img {
width: auto;
height: 40px;
display: block;
}
}
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper h3 {
margin: 5% 0 0 0;
font-weight: 500;
line-height: 130%;
}
@media screen and (min-width: 1100px) {
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper h3 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper h3 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper h3 {
font-size: 3.90625vw;
}
}
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper p {
margin: 4.7% 0 0 0;
line-height: 140%;
}
@media screen and (min-width: 1100px) {
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper p {
font-size: 13.5px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper p {
font-size: 1.2064343164vw;
}
}
@media screen and (max-width: 768px) {
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper p {
font-size: 2.6375vw;
}
}
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper .about_us_link {
margin: 9% 0 0 0;
}
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper .about_dokujisei_sec_01 {
margin: 0 3% 0% 0;
width: 48%;
}
@media screen and (max-width: 769px) {
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper .about_dokujisei_sec_01 {
width: 100%;
margin: 13% 3% 0% 2%;
}
}
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper .about_dokujisei_sec_02 {
margin: 0 3% 0% 0;
width: 49%;
}
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper .about_dokujisei_sec_02 img {
width: 100%;
height: auto;
}
@media screen and (max-width: 769px) {
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper .about_dokujisei_sec_02 {
width: 100%;
margin: 15% 3% 0% 2.5%;
}
}
@media screen and (min-width: 1100px) {
.bunner_wapper {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.bunner_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.bunner_wapper {
width: 98%;
margin: 0 auto;
}
}
.bunner_wapper ul {
display: flex;
width: 89%;
margin: 3.95% auto 0 auto;
}
@media screen and (max-width: 769px) {
.bunner_wapper ul {
width: 81.5%;
margin: 14.95% auto 0 auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.bunner_wapper ul li {
position: relative;
width: 25%;
}
.bunner_wapper ul li img {
width: 100%;
height: auto;
}
@media screen and (max-width: 769px) {
.bunner_wapper ul li {
width: 50%;
margin: 0 0 5% 0;
}
}
.bunner_wapper ul li a {
text-decoration: none;
}
.bunner_wapper ul .view {
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.8);
height: 100%;
color: #FFF;
display: none;
}
@media screen and (min-width: 1100px) {
.bunner_wapper ul .view {
font-size: 13.5px;
}
}
@media print, screen and (max-width: 1100px) {
.bunner_wapper ul .view {
font-size: 1.2064343164vw;
}
}
@media screen and (max-width: 768px) {
.bunner_wapper ul .view {
font-size: 2.6375vw;
}
}
.bunner_wapper ul li a:hover .view {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
display: flex; flex-direction: column; justify-content: center; align-items: center; }
.bunner_wapper ul li a:hover .view.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.bunner_wapper ul li a:hover .view.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.bunner_wapper ul li a:hover .view.flipOutX, .bunner_wapper ul li a:hover .view.flipOutY, .bunner_wapper ul li a:hover .view.bounceIn, .bunner_wapper ul li a:hover .view.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
#about_us .ourteam_hyuman_box .about_main_title_sec_03 {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/about_us/ourteam_hyuman_box_pc.png) no-repeat top center;
background-size: auto 100%;
}
@media screen and (max-width: 769px) {
#about_us .ourteam_hyuman_box .about_main_title_sec_03 {
display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0;
}
}
#about_us .ourteam_hyuman_box .about_main_title_sec_03 h2 {
margin: 0 auto;
}
@media screen and (min-width: 1100px) {
#about_us .ourteam_hyuman_box .about_main_title_sec_03 h2 {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .ourteam_hyuman_box .about_main_title_sec_03 h2 {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
#about_us .ourteam_hyuman_box .about_main_title_sec_03 h2 {
width: 98%;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .ourteam_hyuman_box .about_main_title_sec_03 h2 {
width: 100% !important;
}
}
#about_us .ourteam_hyuman_box .about_main_title_sec_03 h2 img {
width: auto;
height: 33px;
display: block;
margin: 0 auto;
}
@media print, screen and (max-width: 1100px) {
#about_us .ourteam_hyuman_box .about_main_title_sec_03 h2 img {
height: 20px;
}
}
#about_us .ourteam_hyuman_box {
text-align: center;
margin: 9% 0 0 0;
}
#about_us .ourteam_hyuman_box img {
width: 100%;
height: auto;
}
@media screen and (max-width: 769px) {
#about_us .ourteam_hyuman_box {
margin: 8% 0 0 0;
}
#about_us .ourteam_hyuman_box img {
width: 100%;
height: auto;
}
}
#about_us .ourteam_hyuman_box .back_glay_box {
background: #f2f2f2;
width: 100%;
padding: 9.8% 0;
}
@media screen and (max-width: 769px) {
#about_us .ourteam_hyuman_box .back_glay_box {
padding: 47.5% 0;
}
}
#about_us .ourteam_hyuman_box .margin_top_under {
margin: -11.29% 0 0 0;
}
@media screen and (max-width: 769px) {
#about_us .ourteam_hyuman_box .margin_top_under {
margin: -86.29% 0 0 0;
}
}
#about_us .ourteam_hyuman_box .margin_top_under img {
width: 91%;
margin: 0 auto;
}
@media screen and (max-width: 769px) {
#about_us .ourteam_hyuman_box .margin_top_under img {
width: 82%;
}
}
#about_us .ourteam_hyuman_box h3 {
margin: 2.4% 0 0 0;
letter-spacing: 1px;
font-weight: 500;
}
@media screen and (min-width: 1100px) {
#about_us .ourteam_hyuman_box h3 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .ourteam_hyuman_box h3 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
#about_us .ourteam_hyuman_box h3 {
font-size: 3.90625vw;
}
}
@media screen and (max-width: 769px) {
#about_us .ourteam_hyuman_box h3 {
margin: 10.8% 0 0 0;
line-height: 145%;
}
}
#about_us .ourteam_hyuman_box p {
margin: 2% auto 0 auto;
width: 32%;
line-height: 140%;
}
@media screen and (min-width: 1100px) {
#about_us .ourteam_hyuman_box p {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .ourteam_hyuman_box p {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
#about_us .ourteam_hyuman_box p {
font-size: 2.5390625vw;
}
}
@media screen and (max-width: 769px) {
#about_us .ourteam_hyuman_box p {
margin: 4.2% auto 0 auto;
width: 80%;
line-height: 166%;
}
}
#about_us .button_box {
border-bottom: 2px solid #B4B4B4;
}
#about_us .button_box a {
margin: 3.7% auto 5.5% auto;
padding: 0.6% 0;
color: #00A0E6;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #FFF;
text-decoration: none;
color: #00A0E6;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
display: block;
border: 1px solid #787878;
width: 12%;
}
@media screen and (min-width: 1100px) {
#about_us .button_box a {
font-size: 12px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .button_box a {
font-size: 1.072386059vw;
}
}
@media screen and (max-width: 768px) {
#about_us .button_box a {
font-size: 2.9296875vw;
}
}
#about_us .button_box a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
#about_us .button_box a:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
#about_us .button_box a:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@media screen and (max-width: 769px) {
#about_us .button_box a {
margin: 8.5% auto 15.5% auto;
padding: 2.89% 0;
width: 53%;
}
}
#about_us .button_box a .arrow {
width: 100%;
display: block;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_gray.png) no-repeat 93%;
}
#about_us .button_box a:hover {
border: 1px solid #000;
}
#about_us .button_box a:hover .arrow {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
}
#about_us .koukoku_fun {
margin: 0 0 2% 0;
padding: 8.8% 0 0 0;
text-align: center;
}
#about_us .koukoku_fun h2 {
color: #00A0E6;
}
@media screen and (min-width: 1100px) {
#about_us .koukoku_fun h2 {
font-size: 28px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .koukoku_fun h2 {
font-size: 2.5022341376vw;
}
}
@media screen and (max-width: 768px) {
#about_us .koukoku_fun h2 {
font-size: 5.46875vw;
}
}
@media screen and (max-width: 769px) {
#about_us .koukoku_fun h2 {
color: #00a0e6;
line-height: 174%;
margin: 7% 0 0 0;
font-weight: 600;
}
}
#about_us .koukoku_fun .big_pref {
margin: 1.4% 0 0 0;
}
@media screen and (min-width: 1100px) {
#about_us .koukoku_fun .big_pref {
font-size: 25px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .koukoku_fun .big_pref {
font-size: 2.2341376229vw;
}
}
@media screen and (max-width: 768px) {
#about_us .koukoku_fun .big_pref {
font-size: 4.8828125vw;
}
}
@media screen and (max-width: 769px) {
#about_us .koukoku_fun .big_pref {
margin: 2.4% 0 0 0;
}
}
#about_us .koukoku_fun p {
margin: 1.6% 0 0 0;
line-height: 130%;
}
@media screen and (min-width: 1100px) {
#about_us .koukoku_fun p {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .koukoku_fun p {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
#about_us .koukoku_fun p {
font-size: 2.5390625vw;
}
}
@media screen and (max-width: 769px) {
#about_us .koukoku_fun p {
margin: 5.6% 0 16% 0;
}
}html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
}  .page_campany_top_header #video_cheanges.innner_page_box #video {
height: 430px;
}
@media screen and (max-width: 769px) {
.page_campany_top_header #video_cheanges.innner_page_box #video {
height: 317px;
}
}
#video_cheanges.innner_page_box #video {
height: 430px;
}
@media screen and (max-width: 769px) {
#video_cheanges.innner_page_box #video {
height: 317px;
}
}
.page_company_inner .title_wapper h2 {
display: inline;
}
@media screen and (min-width: 1100px) {
.page_company_inner .title_wapper h2 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
.page_company_inner .title_wapper h2 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
.page_company_inner .title_wapper h2 {
font-size: 5.0484375vw;
}
}html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
}

html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} #about_us {
color: #3C3C3C;
}
#about_us .about_us_inner_main_thumbs_box {
margin: 16.9% 0 0 0;
overflow: hidden;
}
@media screen and (max-width: 769px) {
#about_us .about_us_inner_main_thumbs_box {
margin: 36.9% 0 0 0;
}
}
#about_us .about_us_inner_main_thumbs_box .main_title_thumbs {
margin: 0 auto;
display: block;
}
@media screen and (max-width: 769px) {
#about_us .about_us_inner_main_thumbs_box .main_title_thumbs {
width: 36%;
}
}
#about_us .main_visual_thumbs_box {
margin: 3.1% 0 0 0;
padding: 1.6% 0 0 0;
color: #FFF;
text-align: center;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/about_us/main_visual_thumbs_pc.jpg) no-repeat center top;
background-size: 100% 100%;
height: 500px;
}
@media screen and (max-width: 769px) {
#about_us .main_visual_thumbs_box {
height: 197px;
padding: 3.9% 0 0 0;
margin: 10.7% 0 0 0;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/about_us/main_visual_thumbs_sp.jpg) no-repeat center top;
background-size: auto 100%;
}
}
@media screen and (min-width: 1100px) {
#about_us .main_visual_thumbs_box h2 {
font-size: 23px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .main_visual_thumbs_box h2 {
font-size: 2.055406613vw;
}
}
@media screen and (max-width: 768px) {
#about_us .main_visual_thumbs_box h2 {
font-size: 3.59375vw;
}
}
#about_us .main_visual_thumbs_box p {
line-height: 150%;
margin: 1.4% 0 0 0;
}
@media screen and (max-width: 768px) {
#about_us .main_visual_thumbs_box p {
margin: 3.2% 0 0 0;
}
}
@media screen and (min-width: 1100px) {
#about_us .main_visual_thumbs_box p {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .main_visual_thumbs_box p {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 768px) {
#about_us .main_visual_thumbs_box p {
font-size: 2.5vw;
}
}
#about_us .about_us_link_blue_backsss {
display: flex;
justify-content: space-between;
width: 26.5% !important;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_blue_backsss {
width: 94% !important;
}
}
#about_us .about_us_link_blue_backsss li {
margin: 0 0% 0 0;
width: auto;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_blue_backsss li {
letter-spacing: 1px;
}
}
#about_us .about_us_link_blue_backsss li:nth-child(1) {
width: 19%;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_blue_backsss li:nth-child(1) {
width: 19%;
}
}
#about_us .about_us_link_blue_backsss li:nth-child(2) {
width: 19%;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_blue_backsss li:nth-child(2) {
width: 19%;
}
}
#about_us .about_us_link_blue_backsss li:nth-child(3) {
width: 20%;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_blue_backsss li:nth-child(3) {
width: 19%;
}
}
#about_us .about_us_link_blue_backsss li:nth-child(4) {
width: 17%;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_blue_backsss li:nth-child(4) {
width: 17%;
}
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_blue_backsss li {
width: 29%;
letter-spacing: -2px;
}
}
#about_us .about_us_link_blue_backsss li a {
padding: 0 5% 0 0;
color: #00A0E6;
letter-spacing: 1.4px;
text-decoration: none;
display: block;
}
@media screen and (min-width: 1100px) {
#about_us .about_us_link_blue_backsss li a {
font-size: 12px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .about_us_link_blue_backsss li a {
font-size: 1.072386059vw;
}
}
@media screen and (max-width: 768px) {
#about_us .about_us_link_blue_backsss li a {
font-size: 2.34375vw;
}
}
#about_us .about_us_link_blue_backsss li a .arrow {
padding: 0 6px 0 0;
width: 100%;
display: block;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_gray.png) no-repeat right;
background-size: auto 90%;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_blue_backsss li a .arrow {
padding: 0 2% 0 0;
letter-spacing: -1px;
}
}
#about_us .about_us_link_blue_backsss li a:hover {
color: #1E1E1E;
}
#about_us .about_us_link_blue_back {
width: 23.6%;
margin: 2.3% auto;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_blue_back {
width: 90%;
margin: 6.3% auto 0 auto;
padding: 0 0 0 5%;
}
}
#about_us .about_us_link_blue_back li {
margin: 0 6% 0 0;
}
#about_us .about_us_link_blue_back li:last-child {
margin: 0;
}
#about_us .about_us_link_blue_back li a {
color: #FFFF00;
}
#about_us .about_us_link_blue_back li a .arrow {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat right;
background-size: auto 90%;
}
#about_us .about_us_link_blue_back li a:hover {
color: #FFF;
}
#about_us .media_box .about_us_link_marketing {
margin: 9.7% 0% 0 0;
}
.koukoku {
padding: 0.5% 0;
background: #00a0e6;
}
@media screen and (max-width: 769px) {
.koukoku {
padding: 7% 0 0 0;
}
}
.koukoku p {
text-align: center;
color: #FFF;
letter-spacing: 5px;
}
@media screen and (min-width: 1100px) {
.koukoku p {
font-size: 17px;
}
}
@media print, screen and (max-width: 1100px) {
.koukoku p {
font-size: 1.5192135836vw;
}
}
@media screen and (max-width: 768px) {
.koukoku p {
font-size: 3.59375vw;
}
}
#about_us .main_blue_box {
padding: 5.3% 0 0.15% 0;
background: #00a0e6;
}
@media screen and (max-width: 769px) {
#about_us .main_blue_box {
padding: 10% 0 13.2% 0;
}
}
#about_us .main_blue_box p {
text-align: center;
color: #FFF;
}
@media screen and (min-width: 1100px) {
#about_us .main_blue_box p {
font-size: 17px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .main_blue_box p {
font-size: 1.5192135836vw;
}
}
@media screen and (max-width: 768px) {
#about_us .main_blue_box p {
font-size: 2.34375vw;
}
}
#about_us .main_blue_box h2 {
text-align: center;
}
@media screen and (max-width: 769px) {
#about_us .main_blue_box h2 {
margin: 2% auto 0 auto;
width: 20%;
}
#about_us .main_blue_box h2 img {
width: 100%;
height: auto;
}
}
#about_us .main_blue_box .thumbs_sub_pref {
margin: 1.4% 0 1.86% 0;
letter-spacing: -1px;
}
@media screen and (max-width: 769px) {
#about_us .main_blue_box .thumbs_sub_pref {
margin: 3.7% 0 0 0;
}
}
#about_us .main_blue_box h3 {
margin: 3.5% 0 0 0;
text-align: center;
color: #FFF;
}
@media screen and (max-width: 768px) {
#about_us .main_blue_box h3 {
margin: 10.5% 0 0 0;
}
}
@media screen and (min-width: 1100px) {
#about_us .main_blue_box h3 {
font-size: 24px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .main_blue_box h3 {
font-size: 2.144772118vw;
}
}
@media screen and (max-width: 768px) {
#about_us .main_blue_box h3 {
font-size: 3.75vw;
}
}
@media screen and (min-width: tab_tate) {
#about_us .main_blue_box h3 {
margin: 13% 0 0 0;
}
}
#about_us .main_blue_box .h3_sub_pref {
padding: 0% 2%;
margin: 1.9% 0 0 0;
line-height: 146%;
}
@media screen and (min-width: 1100px) {
#about_us .main_blue_box .h3_sub_pref {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .main_blue_box .h3_sub_pref {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 768px) {
#about_us .main_blue_box .h3_sub_pref {
font-size: 2.5vw;
}
}
@media screen and (max-width: 769px) {
#about_us .main_blue_box .h3_sub_pref {
margin: 4.8% 0 0 0;
}
}
#about_us .strenghs_box {
margin: 7.9% 0 0 0;
text-align: center;
color: #3C3C3C;
}
@media screen and (max-width: 769px) and (min-width: 1100px) {
#about_us .strenghs_box {
width: 1120px;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) and (max-width: 1100px) {
#about_us .strenghs_box {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) and (max-width: 768px) {
#about_us .strenghs_box {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) {
#about_us .strenghs_box img {
width: 100%;
height: auto;
}
}
@media screen and (max-width: 769px) {
#about_us .strenghs_box h2 {
margin: 16% auto 0 auto;
width: 30%;
}
}
@media screen and (max-width: 769px) and (max-width: 768px) {
#about_us .strenghs_box h2 {
margin: 14% auto 0 auto;
}
}
#about_us .strenghs_box .strenghs_suuji_pc {
padding: 0 0 0 1.2%;
margin: 0 auto;
}
#about_us .strenghs_box .strenghs_suuji_sp {
width: 100%;
height: auto;
}
#about_us .strenghs_box .thumbs_sub_pref {
margin: 2.15% 0 6.8% 0;
}
@media screen and (min-width: 1100px) {
#about_us .strenghs_box .thumbs_sub_pref {
font-size: 15px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .strenghs_box .thumbs_sub_pref {
font-size: 1.3404825737vw;
}
}
@media screen and (max-width: 768px) {
#about_us .strenghs_box .thumbs_sub_pref {
font-size: 2.34375vw;
}
}
@media screen and (max-width: 769px) {
#about_us .strenghs_box .thumbs_sub_pref {
margin: 5.7% 0 11% 0;
}
}
#about_us .strenghs_box .h2_sub_pref {
margin: 2.7% auto 0 auto;
line-height: 150%;
}
@media screen and (min-width: 1100px) {
#about_us .strenghs_box .h2_sub_pref {
font-size: 14px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .strenghs_box .h2_sub_pref {
font-size: 1.2511170688vw;
}
}
@media screen and (max-width: 768px) {
#about_us .strenghs_box .h2_sub_pref {
font-size: 2.5vw;
}
}
@media screen and (max-width: 769px) {
#about_us .strenghs_box .h2_sub_pref {
margin: 5% 0 12% 0;
line-height: 130%;
}
}
#about_us .about_main_title_sec {
height: 290px;
width: 100%;
padding: 6% 0 0 0;
text-align: center;
}
@media screen and (max-width: 769px) {
#about_us .about_main_title_sec {
height: 155px;
display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0;
}
}
#about_us .about_main_title_sec h2 img {
width: auto;
height: 33px;
display: block;
margin: 0 auto;
}
@media screen and (max-width: 769px) {
#about_us .about_main_title_sec h2 img {
height: 19.8px;
}
}
#about_us .about_main_title_sec p {
color: #FFF;
margin: 1.25% 0 0 0;
}
@media screen and (max-width: 769px) {
#about_us .about_main_title_sec p {
font-size: 2vw;
margin: 4% 0 0 0;
}
}
#about_us .business_box_01 {
background-size: 100% auto;
margin: 6.2% 0 0 0%;
width: 100%;
}
@media screen and (max-width: 769px) {
#about_us .business_box_01 {
margin: 12% 0 0 0;
background-size: 100% auto;
}
}
#about_us .business_box_01 .about_main_title_sec_01 {
width: 100%;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/about_us/business_box_01_bgimg_pc.jpg) no-repeat top center;
background-size: auto 100%;
}
#about_us .business_box_01 .business_box_01_inner_thumbs_sp img {
width: 100%;
height: auto;
}
#about_us .business_box_01_inner {
width: 100%;
height: 577px;
display: flex;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/about_us/back_tetetete.png) no-repeat top center;
background-size: auto 100%;
flex-direction: column; justify-content: center; }
@media screen and (max-width: 769px) {
#about_us .business_box_01_inner {
background: unset;
height: auto;
}
}
#about_us .business_box_01_inner .text_box {
width: 420.085px;
color: #FFF;
}
@media screen and (max-width: 769px) {
#about_us .business_box_01_inner .text_box {
width: 93%;
}
}
@media screen and (min-width: 1100px) {
#about_us .business_box_01_inner .wapper_setting {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .business_box_01_inner .wapper_setting {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
#about_us .business_box_01_inner .wapper_setting {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) {
#about_us .business_box_01_inner .wapper_setting {
width: 100% !important;
background: #282828;
padding: 18% 0 16% 6%;
}
}
#about_us .business_box_01_inner h2 {
width: 111.617px;
text-align: -webkit-center;
}
#about_us .business_box_01_inner h2 img {
width: 100%;
height: auto;
}
@media screen and (max-width: 769px) {
#about_us .business_box_01_inner h2 {
margin: 0% auto 4% 0;
}
#about_us .business_box_01_inner h2 img {
width: auto;
height: 40px;
display: block;
}
}
#about_us .business_box_01_inner h3 {
margin: 2.5% 0 0 0;
line-height: 132%;
letter-spacing: 1px;
font-weight: 500;
}
@media screen and (max-width: 769px) {
#about_us .business_box_01_inner h3 {
margin: 5.5% 0 0 4%;
}
}
@media screen and (min-width: 1100px) {
#about_us .business_box_01_inner h3 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .business_box_01_inner h3 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
#about_us .business_box_01_inner h3 {
font-size: 3.90625vw;
}
}
#about_us .business_box_01_inner p {
margin: 2.5% 0 0 0;
line-height: 175%;
}
@media screen and (min-width: 1100px) {
#about_us .business_box_01_inner p {
font-size: 13.5px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .business_box_01_inner p {
font-size: 1.2064343164vw;
}
}
@media screen and (max-width: 768px) {
#about_us .business_box_01_inner p {
font-size: 2.6375vw;
}
}
@media screen and (max-width: 769px) {
#about_us .business_box_01_inner p {
margin: 3.8% 0 0 4%;
}
}
#about_us .media_box {
padding: 1% 2.4% 0 3.2%;
display: flex;
justify-content: space-between;
}
@media screen and (min-width: 1100px) {
#about_us .media_box {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .media_box {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
#about_us .media_box {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) {
#about_us .media_box {
display: block;
margin: 1% auto 0 auto;
width: 84%;
padding: 0;
}
}
@media screen and (max-width: 769px) {
#about_us .media_box h2 img {
width: auto;
height: 40px;
display: block;
}
}
#about_us .media_box .about_us_inner_list_ul {
margin: 9.6% 0% 0 0;
}
@media screen and (max-width: 768px) {
#about_us .media_box .about_us_inner_list_ul {
margin: 17.6% 0% 0 2%;
}
}
#about_us .media_box .about_us_inner_list_ul h3 {
margin: 4.2% 0 0 0;
font-weight: 500;
line-height: 140%;
letter-spacing: 1px;
}
@media screen and (min-width: 1100px) {
#about_us .media_box .about_us_inner_list_ul h3 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .media_box .about_us_inner_list_ul h3 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
#about_us .media_box .about_us_inner_list_ul h3 {
font-size: 3.90625vw;
}
}
#about_us .media_box .about_us_inner_list_ul p {
margin: 4% 0 0 0;
line-height: 150%;
}
@media screen and (min-width: 1100px) {
#about_us .media_box .about_us_inner_list_ul p {
font-size: 13.5px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .media_box .about_us_inner_list_ul p {
font-size: 1.2064343164vw;
}
}
@media screen and (max-width: 768px) {
#about_us .media_box .about_us_inner_list_ul p {
font-size: 2.6375vw;
}
}
@media screen and (max-width: 769px) {
#about_us .media_box .about_us_inner_list_ul p {
margin: 5% 0 0 0;
line-height: 159%;
letter-spacing: -1px;
}
}
@media screen and (max-width: 769px) {
#about_us .media_box .second_about_us_inner_list_ul {
margin: 22.6% 0% 0 2%;
}
}
#about_us .about_us_link_media_box, #about_us .about_us_link_marketing, #about_us .about_us_link_cretive {
margin: 14% 0 0 0;
display: flex;
justify-content: space-between;
width: 80%;
}
#about_us .about_us_link_media_box li, #about_us .about_us_link_marketing li, #about_us .about_us_link_cretive li {
margin: 0 0% 0 0;
width: auto;
}
#about_us .about_us_link_media_box li a, #about_us .about_us_link_marketing li a, #about_us .about_us_link_cretive li a {
padding: 0 5% 0 0;
color: #00A0E6;
letter-spacing: 1.4px;
text-decoration: none;
display: block;
}
@media screen and (min-width: 1100px) {
#about_us .about_us_link_media_box li a, #about_us .about_us_link_marketing li a, #about_us .about_us_link_cretive li a {
font-size: 12px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .about_us_link_media_box li a, #about_us .about_us_link_marketing li a, #about_us .about_us_link_cretive li a {
font-size: 1.072386059vw;
}
}
@media screen and (max-width: 768px) {
#about_us .about_us_link_media_box li a, #about_us .about_us_link_marketing li a, #about_us .about_us_link_cretive li a {
font-size: 2.34375vw;
}
}
#about_us .about_us_link_media_box li a .arrow, #about_us .about_us_link_marketing li a .arrow, #about_us .about_us_link_cretive li a .arrow {
padding: 0 6px 0 0;
width: 100%;
display: block;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_gray.png) no-repeat right;
background-size: auto 90%;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_media_box li a .arrow, #about_us .about_us_link_marketing li a .arrow, #about_us .about_us_link_cretive li a .arrow {
padding: 0 2% 0 0;
letter-spacing: 1px;
}
}
#about_us .about_us_link_media_box li a:hover, #about_us .about_us_link_marketing li a:hover, #about_us .about_us_link_cretive li a:hover {
color: #1E1E1E;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_media_box li, #about_us .about_us_link_marketing li, #about_us .about_us_link_cretive li {
width: 29%;
}
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_media_box, #about_us .about_us_link_marketing, #about_us .about_us_link_cretive {
margin: 11% 0 0 0;
}
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_media_box {
width: 100%;
}
}
#about_us .about_us_link_media_box li:nth-child(1) {
width: 27%;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_media_box li:nth-child(1) {
width: 28%;
}
}
#about_us .about_us_link_media_box li:nth-child(2) {
width: 23%;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_media_box li:nth-child(2) {
width: 24%;
}
}
#about_us .about_us_link_media_box li:nth-child(3) {
width: 39%;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_media_box li:nth-child(3) {
width: 40%;
}
}
#about_us .about_us_link_marketing li {
width: 25%;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_marketing li {
width: 31%;
}
}
#about_us .about_us_link_cretive li {
width: 17%;
}
@media screen and (max-width: 769px) {
#about_us .about_us_link_cretive li {
width: 22%;
}
}
@media screen and (min-width: 1100px) {
#about_us .base_wapper {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .base_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
#about_us .base_wapper {
width: 98%;
margin: 0 auto;
}
}
#about_us .base_wapper .bx_slider_wap {
margin: 6.85% auto 7.95% auto;
}
@media screen and (max-width: 769px) {
#about_us .base_wapper .bx_slider_wap {
margin: 16.85% auto 18.95% auto;
width: 77%;
}
}
#about_us .base_wapper .bx-wrapper {
margin: 0 auto;
}
#about_us .base_wapper .bx-wrapper {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#about_us .base_wapper li {
position: relative;
}
#about_us .base_wapper a {
text-decoration: none;
}
#about_us .base_wapper .bx-pager {
display: none;
}
#about_us .base_wapper .view {
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.8);
height: 100%;
color: #FFF;
display: none;
}
@media screen and (min-width: 1100px) {
#about_us .base_wapper .view {
font-size: 13.5px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .base_wapper .view {
font-size: 1.2064343164vw;
}
}
@media screen and (max-width: 768px) {
#about_us .base_wapper .view {
font-size: 2.6375vw;
}
}
#about_us .base_wapper li a:hover .view {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
display: flex; flex-direction: column; justify-content: center; align-items: center; }
#about_us .base_wapper li a:hover .view.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
#about_us .base_wapper li a:hover .view.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
#about_us .base_wapper li a:hover .view.flipOutX, #about_us .base_wapper li a:hover .view.flipOutY, #about_us .base_wapper li a:hover .view.bounceIn, #about_us .base_wapper li a:hover .view.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
#about_us .base_wapper .bx-wrapper .bx-next {
right: -5.59%;
}
@media screen and (max-width: 769px) {
#about_us .base_wapper .bx-wrapper .bx-next {
right: -10.59%;
}
}
#about_us .base_wapper .bx-wrapper .bx-prev {
left: -5.59%;
}
@media screen and (max-width: 769px) {
#about_us .base_wapper .bx-wrapper .bx-prev {
left: -10.59%;
}
}
#about_us .base_wapper .bx-wrapper .bx-next {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/about_us/bxslaider_icon_right.png) center;
background-size: auto 100%;
}
#about_us .base_wapper .bx-wrapper .bx-prev {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/about_us/bxslaider_icon_left.png) center;
background-size: auto 100%;
}
#about_us .base_wapper .bx-wrapper .bx-controls-direction a {
width: 16px;
height: 32.784px;
top: 49.5%;
}
#about_us .base_wapper .bx-wrapper .bx-next:hover, #about_us .base_wapper .bx-wrapper .bx-prev:focus {
background-position: 0px 0;
}
#about_us .base_wapper .bx-wrapper .bx-next:hover, #about_us .base_wapper .bx-wrapper .bx-next:focus {
background-position: 0px 0;
}
#about_us .our_creative_wap {
margin: 10.7% 0 0 0;
}
#about_us .our_creative_wap .about_main_title_sec_02 {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/about_us/our_creative_title_thumbs.png) no-repeat center top;
background-size: auto 100%;
}
#about_us .our_creative_wap .bottom_thumbs {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/about_us/bunner_back_0000000.png) no-repeat center top;
background-size: auto 100%;
height: 467px;
}
#about_us .our_creative_wap .bottom_thumbs_sp img {
width: 100%;
height: auto;
}
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper {
padding: 5.7% 1.9% 0 3.2%;
display: flex;
justify-content: speace-between;
}
@media screen and (min-width: 1100px) {
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 769px) {
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper {
padding: 0;
display: block;
margin: 10% auto 0 auto;
display: block;
width: 84%;
}
}
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper h2 {
width: 22%;
}
@media screen and (max-width: 769px) {
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper h2 img {
width: auto;
height: 40px;
display: block;
}
}
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper h3 {
margin: 5% 0 0 0;
font-weight: 500;
line-height: 130%;
}
@media screen and (min-width: 1100px) {
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper h3 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper h3 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper h3 {
font-size: 3.90625vw;
}
}
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper p {
margin: 4.7% 0 0 0;
line-height: 140%;
}
@media screen and (min-width: 1100px) {
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper p {
font-size: 13.5px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper p {
font-size: 1.2064343164vw;
}
}
@media screen and (max-width: 768px) {
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper p {
font-size: 2.6375vw;
}
}
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper .about_us_link {
margin: 9% 0 0 0;
}
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper .about_dokujisei_sec_01 {
margin: 0 3% 0% 0;
width: 48%;
}
@media screen and (max-width: 769px) {
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper .about_dokujisei_sec_01 {
width: 100%;
margin: 13% 3% 0% 2%;
}
}
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper .about_dokujisei_sec_02 {
margin: 0 3% 0% 0;
width: 49%;
}
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper .about_dokujisei_sec_02 img {
width: 100%;
height: auto;
}
@media screen and (max-width: 769px) {
#about_us .our_creative_wap .about_dokujisei_sec_div_wapper .about_dokujisei_sec_02 {
width: 100%;
margin: 15% 3% 0% 2.5%;
}
}
@media screen and (min-width: 1100px) {
.bunner_wapper {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
.bunner_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.bunner_wapper {
width: 98%;
margin: 0 auto;
}
}
.bunner_wapper ul {
display: flex;
width: 89%;
margin: 3.95% auto 0 auto;
}
@media screen and (max-width: 769px) {
.bunner_wapper ul {
width: 81.5%;
margin: 14.95% auto 0 auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.bunner_wapper ul li {
position: relative;
width: 25%;
}
.bunner_wapper ul li img {
width: 100%;
height: auto;
}
@media screen and (max-width: 769px) {
.bunner_wapper ul li {
width: 50%;
margin: 0 0 5% 0;
}
}
.bunner_wapper ul li a {
text-decoration: none;
}
.bunner_wapper ul .view {
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.8);
height: 100%;
color: #FFF;
display: none;
}
@media screen and (min-width: 1100px) {
.bunner_wapper ul .view {
font-size: 13.5px;
}
}
@media print, screen and (max-width: 1100px) {
.bunner_wapper ul .view {
font-size: 1.2064343164vw;
}
}
@media screen and (max-width: 768px) {
.bunner_wapper ul .view {
font-size: 2.6375vw;
}
}
.bunner_wapper ul li a:hover .view {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
display: flex; flex-direction: column; justify-content: center; align-items: center; }
.bunner_wapper ul li a:hover .view.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.bunner_wapper ul li a:hover .view.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.bunner_wapper ul li a:hover .view.flipOutX, .bunner_wapper ul li a:hover .view.flipOutY, .bunner_wapper ul li a:hover .view.bounceIn, .bunner_wapper ul li a:hover .view.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
#about_us .ourteam_hyuman_box .about_main_title_sec_03 {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/about_us/ourteam_hyuman_box_pc.png) no-repeat top center;
background-size: auto 100%;
}
@media screen and (max-width: 769px) {
#about_us .ourteam_hyuman_box .about_main_title_sec_03 {
display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0;
}
}
#about_us .ourteam_hyuman_box .about_main_title_sec_03 h2 {
margin: 0 auto;
}
@media screen and (min-width: 1100px) {
#about_us .ourteam_hyuman_box .about_main_title_sec_03 h2 {
width: 1120px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .ourteam_hyuman_box .about_main_title_sec_03 h2 {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
#about_us .ourteam_hyuman_box .about_main_title_sec_03 h2 {
width: 98%;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .ourteam_hyuman_box .about_main_title_sec_03 h2 {
width: 100% !important;
}
}
#about_us .ourteam_hyuman_box .about_main_title_sec_03 h2 img {
width: auto;
height: 33px;
display: block;
margin: 0 auto;
}
@media print, screen and (max-width: 1100px) {
#about_us .ourteam_hyuman_box .about_main_title_sec_03 h2 img {
height: 20px;
}
}
#about_us .ourteam_hyuman_box {
text-align: center;
margin: 9% 0 0 0;
}
#about_us .ourteam_hyuman_box img {
width: 100%;
height: auto;
}
@media screen and (max-width: 769px) {
#about_us .ourteam_hyuman_box {
margin: 8% 0 0 0;
}
#about_us .ourteam_hyuman_box img {
width: 100%;
height: auto;
}
}
#about_us .ourteam_hyuman_box .back_glay_box {
background: #f2f2f2;
width: 100%;
padding: 9.8% 0;
}
@media screen and (max-width: 769px) {
#about_us .ourteam_hyuman_box .back_glay_box {
padding: 47.5% 0;
}
}
#about_us .ourteam_hyuman_box .margin_top_under {
margin: -11.29% 0 0 0;
}
@media screen and (max-width: 769px) {
#about_us .ourteam_hyuman_box .margin_top_under {
margin: -86.29% 0 0 0;
}
}
#about_us .ourteam_hyuman_box .margin_top_under img {
width: 91%;
margin: 0 auto;
}
@media screen and (max-width: 769px) {
#about_us .ourteam_hyuman_box .margin_top_under img {
width: 82%;
}
}
#about_us .ourteam_hyuman_box h3 {
margin: 2.4% 0 0 0;
letter-spacing: 1px;
font-weight: 500;
}
@media screen and (min-width: 1100px) {
#about_us .ourteam_hyuman_box h3 {
font-size: 20px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .ourteam_hyuman_box h3 {
font-size: 1.7873100983vw;
}
}
@media screen and (max-width: 768px) {
#about_us .ourteam_hyuman_box h3 {
font-size: 3.90625vw;
}
}
@media screen and (max-width: 769px) {
#about_us .ourteam_hyuman_box h3 {
margin: 10.8% 0 0 0;
line-height: 145%;
}
}
#about_us .ourteam_hyuman_box p {
margin: 2% auto 0 auto;
width: 32%;
line-height: 140%;
}
@media screen and (min-width: 1100px) {
#about_us .ourteam_hyuman_box p {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .ourteam_hyuman_box p {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
#about_us .ourteam_hyuman_box p {
font-size: 2.5390625vw;
}
}
@media screen and (max-width: 769px) {
#about_us .ourteam_hyuman_box p {
margin: 4.2% auto 0 auto;
width: 80%;
line-height: 166%;
}
}
#about_us .button_box {
border-bottom: 2px solid #B4B4B4;
}
#about_us .button_box a {
margin: 3.7% auto 5.5% auto;
padding: 0.6% 0;
color: #00A0E6;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;  cursor: pointer;
background: #FFF;
text-decoration: none;
color: #00A0E6;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
display: block;
border: 1px solid #787878;
width: 12%;
}
@media screen and (min-width: 1100px) {
#about_us .button_box a {
font-size: 12px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .button_box a {
font-size: 1.072386059vw;
}
}
@media screen and (max-width: 768px) {
#about_us .button_box a {
font-size: 2.9296875vw;
}
}
#about_us .button_box a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform; }
#about_us .button_box a:hover {
animation: buttontype14_text_animaition 0.5s ease-in-out 0.4s forwards;
}
#about_us .button_box a:hover:before {
animation: buttontype14_animaition 0.5s ease-in-out 0s forwards;
}
@keyframes buttontype14_text_animaition {
50% {
color: #FFF;
}
100% {
color: #FFF;
}
}
@keyframes buttontype14_animaition {
from {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
30% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@media screen and (max-width: 769px) {
#about_us .button_box a {
margin: 8.5% auto 15.5% auto;
padding: 2.89% 0;
width: 53%;
}
}
#about_us .button_box a .arrow {
width: 100%;
display: block;
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_gray.png) no-repeat 93%;
}
#about_us .button_box a:hover {
border: 1px solid #000;
}
#about_us .button_box a:hover .arrow {
background: url(//urban-project.jp/wp-content/themes/WordPress_PHP_Template-master/img/arrow/arrow_white.png) no-repeat 93%;
}
#about_us .koukoku_fun {
margin: 0 0 2% 0;
padding: 8.8% 0 0 0;
text-align: center;
}
#about_us .koukoku_fun h2 {
color: #00A0E6;
}
@media screen and (min-width: 1100px) {
#about_us .koukoku_fun h2 {
font-size: 28px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .koukoku_fun h2 {
font-size: 2.5022341376vw;
}
}
@media screen and (max-width: 768px) {
#about_us .koukoku_fun h2 {
font-size: 5.46875vw;
}
}
@media screen and (max-width: 769px) {
#about_us .koukoku_fun h2 {
color: #00a0e6;
line-height: 174%;
margin: 7% 0 0 0;
font-weight: 600;
}
}
#about_us .koukoku_fun .big_pref {
margin: 1.4% 0 0 0;
}
@media screen and (min-width: 1100px) {
#about_us .koukoku_fun .big_pref {
font-size: 25px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .koukoku_fun .big_pref {
font-size: 2.2341376229vw;
}
}
@media screen and (max-width: 768px) {
#about_us .koukoku_fun .big_pref {
font-size: 4.8828125vw;
}
}
@media screen and (max-width: 769px) {
#about_us .koukoku_fun .big_pref {
margin: 2.4% 0 0 0;
}
}
#about_us .koukoku_fun p {
margin: 1.6% 0 0 0;
line-height: 130%;
}
@media screen and (min-width: 1100px) {
#about_us .koukoku_fun p {
font-size: 13px;
}
}
@media print, screen and (max-width: 1100px) {
#about_us .koukoku_fun p {
font-size: 1.1617515639vw;
}
}
@media screen and (max-width: 768px) {
#about_us .koukoku_fun p {
font-size: 2.5390625vw;
}
}
@media screen and (max-width: 769px) {
#about_us .koukoku_fun p {
margin: 5.6% 0 16% 0;
}
}
.about_us_none {
display: none;
}
.about_us_block {
display: block;
}
.header_def_setting_new {
background-size: auto 100% !important;
background-repeat: no-repeat !important;
background-position: top center !important;
height: 450px !important;
}
input[type=checkbox] {
height: 13px !important;
width: 13px !important;
}
@media screen and (max-width: 769px) {
input[type=checkbox] {
height: auto !important;
width: auto !important;
}
}