@charset "UTF-8";
@charset 'UTF-8';
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://naga-chu.jp/wp-content/themes/nagachu/css/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://naga-chu.jp/wp-content/themes/nagachu/css/fonts/slick.eot);
src: url(https://naga-chu.jp/wp-content/themes/nagachu/css/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://naga-chu.jp/wp-content/themes/nagachu/css/fonts/slick.woff) format('woff'), url(https://naga-chu.jp/wp-content/themes/nagachu/css/fonts/slick.ttf) format('truetype'), url(https://naga-chu.jp/wp-content/themes/nagachu/css/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
   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, font, 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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
line-height: 1.6em;
}
h1, h2, h3, h4 {
line-height: 1em;
}
img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}
a {
text-decoration: none;
-webkit-transition-duration: 1000ms;
-moz-transition-duration: 1000ms;
-o-transition-duration: 1000ms;
transition-duration: 1000ms;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
}
a:hover {
text-decoration: none;
}
a img {
border-style: none;
}
strong {
font-weight: normal;
font-weight: 300;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
} :focus {
outline: 0;
} ins {
text-decoration: none;
}
del {
text-decoration: line-through;
} table {
border-collapse: collapse;
border-spacing: 0;
}
.clear::after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}            html {
font-size: 62.5%;
}
body {
line-height: 1.6em;
font-family: 'Noto Sans JP', sans-serif;
background: #fff;
color: #0a0a0a;
font-size: 17px;
overflow-x: hidden;
display: none;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.container {
-webkit-transition: 0.4s all;
transition: 0.4s all;
}
a {
color: #3e3a39;
}
a:hover {
color: #3e3a39;
}
img {
pointer-events: none;
}
figure {
margin: 0;
}
.mincho {
font-family: ten-mincho-text,serif;
font-weight: 400;
font-style: normal;
}
.pcOnly {
display: flex;
}
@media screen and (max-width: 910px) {
.pcOnly {
display: none;
}
}
.spOnly {
display: none;
}
@media screen and (max-width: 910px) {
.spOnly {
display: flex;
}
}
.fase, .fase_left, .fase_right {
opacity: 0;
}
@media screen and (max-width: 910px) {
.fase, .fase_left, .fase_right {
opacity: 1 !important;
}
}
.fase {
position: relative;
bottom: -30px;
}
@media screen and (max-width: 910px) {
.fase {
bottom: 0 !important;
}
}
.fase_left {
position: relative;
left: -30px;
}
@media screen and (max-width: 910px) {
.fase_left {
left: 0 !important;
}
}
.fase_right {
position: relative;
right: -30px;
}
@media screen and (max-width: 910px) {
.fase_right {
right: 0 !important;
}
}
.anch {
display: block;
height: 70px;
margin-top: -70px; } .anchor {
padding-top: 70px;
box-sizing: border-box;
margin-top: -70px;
} .breadcrumbUp {
background: #fff;
}
.breadcrumbUp .breadcrumb {
display: flex;
width: 95%;
max-width: 1000px;
margin: 0 auto;
padding: 7px 0;
}
@media screen and (max-width: 910px) {
.breadcrumbUp .breadcrumb {
flex-wrap: wrap;
}
}
.breadcrumbUp .breadcrumb li {
font-size: 14px;
font-size: 1.4rem;
color: #888888;
position: relative;
padding: 8px 20px 6px 8px;
line-height: 1.2;
}
@media screen and (max-width: 910px) {
.breadcrumbUp .breadcrumb li {
font-size: 13px;
font-size: 1.3rem;
}
}
.breadcrumbUp .breadcrumb li a {
color: #0086a5;
line-height: 1;
}
.breadcrumbUp .breadcrumb li a:hover {
text-decoration: underline;
}
.breadcrumbUp .breadcrumb li:not(:last-child)::before {
content: "";
display: block;
width: 5px;
height: 5px;
top: 15px;
border-top: solid 2px;
border-right: solid 2px;
transform: rotate(45deg) translateY(-50%);
color: inherit;
border-color: #bbb;
position: absolute;
right: 6px;
}
.breadcrumbUp .breadcrumb .home { margin: 0;
}
.breadcrumbUp .breadcrumb .bc_current {
margin: 0 8px;
} .tc_nav-icon__arrow {
position: absolute;
left: 50%;
top: 28px;
width: 10px;
height: 5px;
fill: none;
stroke: #ffffff;
transform: translateX(-50%);
}
.topWhiteSec {
max-width: 710px;
width: auto;
background: #fff;
margin-left: 100px;
padding: 15px 55px;
box-sizing: border-box;
}
.topWhiteSec h2 {
display: flex;
font-size: 24px;
align-items: self-end;
font-weight: normal;
flex-wrap: wrap;
}
.title {
display: flex;
font-size: 24px;
align-items: self-end;
font-weight: normal;
flex-wrap: wrap;
}
.topWhiteSec h2 img {
margin-right: 25px;
}
.topWhiteSec h2 span {
position: relative;
font-family: ten-mincho-text,serif;
font-weight: 400;
font-style: normal;
}
.title span {
position: relative;
font-weight: 400;
font-style: normal;
}
.topWhiteSec h2 svg {
width: 14px;
height: 7px;
stroke: #3e3a39;
margin-top: 15px;
}
.title svg {
width: 14px;
height: 7px;
stroke: #3e3a39;
margin-top: 15px;
top: auto;
bottom: -10px;
}
.topWhiteSec p {
font-size: 18px;
line-height: 2;
padding: 55px 0 10px;
}
.topWhiteSec p span {
color: #266b91;
}
.topWhiteSec p span.red {
color: #d60050;
}
.topWhiteSec .kanOleicTtl {
margin: 20px 0;
}
.topWhiteSec .kanOleicTtl2 {
margin: 10px 0 20px;
}
.topWhiteSec .kanOleicTtl + p, .topWhiteSec .kanOleicTtl2 + p {
padding-top: 0;
}
.title span {
margin: 0 auto;
}
.title img {
margin-bottom: 15px;
}
h2.commitment img {
width: 295px;
}
h2.cicular_farming img {
width: 392px;
}
h2.compost img {
width: 191px;
}
h2.news img {
width: 117px;
}
h2.philosophy img {
width: 259px;
}
h2.products img {
width: 199px;
}
h2.service img {
width: 182px;
}
h2.outline img {
width: 180px;
}
h2.store img {
width: 119px;
}
h2.soil img {
width: 93px;
}
h2.rise img {
width: 103px;
}
h2.environment img {
width: 307px;
}
h2.mind img {
width: 128px;
}
h2.physics img {
width: 177px;
}
h2.science img {
width: 172px;
}
h2.biology img {
width: 163px;
}
h2.privacy img {
width: 324px;
}
h2.message img {
width: 174px;
}
h2.feed img {
width: 105px;
}
h2.pig_house img {
width: 227px;
}
h2.processing img {
width: 230px;
}
.blueBtnRed {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 17px;
width: 310px;
height: 52px;
line-height: 52px;
color: #fff;
background: #0a0a0a;
box-sizing: border-box;
margin-top: 30px;
padding: 0 20px 2px;
transition: 0.3s;
z-index: 2;
font-family: 'Noto Sans JP', sans-serif;
}
.blueBtnRed a {
color: #fff;
}
.blueBtnRed svg {
width: 14px;
height: 7px;
stroke: #fff;
top: 50%;
right: 20px;
left: auto;
transform: translateY(-50%) rotate(-90deg);
transition: all .3s;
}
.blueBtnRed:hover {
color: #fff;
background: #FF931E;
}
.blueBtnRed:hover svg {
right: 17px;
transition: 0.3s;
}
@media screen and (max-width: 910px) {
.blueBtnRed:hover {
color: #fff;
background: #0a0a0a;
}
.blueBtnRed:hover svg {
right: 20px;
}
}
.blueBtnRed:after {
position: absolute;
right: 20px;
top: 50%;
line-height: 0;
transition: all 0.3s;
width: 10px;
transform: translateY(-50%);
}  header {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
}
@media screen and (max-width: 768px) {
header {
height: 60vh;
}
}
header .videoBg {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
}
@media screen and (max-width: 910px) {
header .videoBg {
left: -50%;
transform: translateX(50%);
}
}
@media screen and (max-width: 768px) {
header .videoBg {
height: 60vh;
}
}
header .videoBg:before {
content: "";
display: block;
width: 100%;
height: 200px;
position: absolute;
top: 0;
left: 0;
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/top/grad_b.png);
background-repeat: repeat-x;
opacity: 0.3;
}
header .videoBg video {
width: 100%;
height: 100%;
object-fit: cover;
}
header .hdrIn {
position: fixed;
display: flex;
width: 100%;
padding: 20px 30px 20px;
box-sizing: border-box;
top: 0;
left: 0;
justify-content: space-between;
transition: all 0.3s;
z-index: 999;
font-size: 1.7rem;
}
@media screen and (max-width: 910px) {
header .hdrIn {
transition: unset;
align-items: center;
justify-content: center;
height: 70px;
padding: 10px !important;
box-sizing: border-box;
}
}
header .hdrIn .logo {
display: flex;
width: 310px;
height: 50px;
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/common/logo.svg);
background-size: 100% auto;
background-repeat: no-repeat;
}
header .hdrIn .logo img {
visibility: hidden;
}
@media screen and (max-width: 1280px) {
header .hdrIn .logo {
width: 202px !important;
height: 32px !important;
}
}
@media screen and (max-width: 910px) {
header .hdrIn .logo {
display: none;
}
}
header .hdrIn .logoSp img {
visibility: hidden;
}
@media screen and (max-width: 910px) {
header .hdrIn .logoSp img {
width: 202px !important;
}
header .hdrIn .logoSp {
display: block;
width: 202px !important;
height: 32px !important;
background: url(//naga-chu.jp/wp-content/themes/nagachu/images/common/logo.png) center/cover no-repeat;
}
header .hdrIn.active .logoSp, header .hdrIn.scroll .logoSp {
display: block;
width: 202px !important;
height: 32px !important;
background: url(//naga-chu.jp/wp-content/themes/nagachu/images/common/logo_b.png) center/cover no-repeat;
}
header .hdrIn.blue .logoSp {
display: block;
width: 202px !important;
height: 32px !important;
background: url(//naga-chu.jp/wp-content/themes/nagachu/images/common/logo.png) center/cover no-repeat;
}
}
header .hdrIn .gnav {
display: flex;
margin-bottom: -24px; width: 745px;
justify-content: flex-end;
align-items: center;
font-size: 17px;
}
@media screen and (max-width: 910px) {
header .hdrIn .gnav {
position: fixed;
z-index: 20;
width: 100%;
background: #fff;
top: 70px;
right: -200vw;
transition: .5s ease-in-out;
flex-direction: column;
box-sizing: border-box;
padding: 0 20px;
box-sizing: border-box;
justify-content: flex-start;
font-size: 17px;
}
header .hdrIn .gnav.collapse {
right: 0;
height: calc(100vh - 70px);
padding-bottom: 200px;
box-sizing: border-box;
overflow-y: auto;
}
}
header .hdrIn .gnav li {
position: relative;
font-size: 1.8rem;
font-size: 18px;
letter-spacing: 0.03em;
}
header .hdrIn .gnav li:after {
content: "／";
font-weight: 100;
color: #FFF;
padding: 0 18px;
box-sizing: border-box;
}
@media screen and (max-width: 910px) {
header .hdrIn .gnav li:after {
display: none;
}
}
@media screen and (max-width: 910px) {
header .hdrIn .gnav li {
width: 100%;
border-bottom: 1px solid #266b91;
}
}
header .hdrIn .gnav li.recruit {
color: #fff;
background: #0d3387;
width: 117px;
height: 40px;
text-align: center;
padding: 4px 0 3px;
box-sizing: border-box;
}
header .hdrIn .gnav li.recruit:before {
left: 0px;
bottom: -14px;
}
header .hdrIn .gnav li.recruit:after {
display: none;
}
@media screen and (max-width: 910px) {
header .hdrIn .gnav li.recruit {
width: 100%;
border-bottom: 1px solid #266b91;
}
}
header .hdrIn .gnav li a {
position: relative;
color: #fff;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 910px) {
header .hdrIn .gnav li a {
position: relative;
display: flex;
width: 100%;
padding: 18px 5px;
box-sizing: border-box;
color: #3e3a39;
}
}
@media screen and (max-width: 910px) {
header .hdrIn .gnav li a:after {
position: absolute;
content: "";
background: url(//naga-chu.jp/wp-content/themes/nagachu/images/common/sp_arrow.svg) no-repeat;
width: 7px;
height: 15px;
background-size: 100%;
right: 15px;
top: 50%;
transform: translateY(-50%);
}
}
@media screen and (max-width: 910px) {
header .hdrIn .gnav li.sub a:after {
top: 40%;
transform: rotate(90deg);
}
}
header .hdrIn .gnav li:before {
content: "";
position: absolute;
bottom: -19px;
left: -2px;
width: 0;
height: 4px;
background: #234d70;
transition: all 0.3s ease;
}
@media screen and (max-width: 910px) {
header .hdrIn .gnav li:before {
display: none;
}
}
@media screen and (max-width: 910px) {
header .hdrIn .gnav li:last-child {
border: none;
padding-bottom: 70px;
box-sizing: border-box;
}
}
header .hdrIn .gnav li.active a:before, header .hdrIn .gnav li:hover:before, header .hdrIn .gnav li a:hover:before {
width: calc(100% - 58px);
}
header .hdrIn .gnav li.recruit.active a:before, header .hdrIn .gnav li.recruit:hover:before, header .hdrIn .gnav li.recruit a:hover:before {
width: 100%;
}
header .hdrIn .gnav li .sub-menu {
position: absolute;
top: 47px;
left: -30px;
left: -2px;
width: 208px;
height: auto;
padding: 10px 15px;
box-sizing: border-box;
border: 1px solid #dedede;
background: rgba(219, 220, 220, 0.9);
background: rgba(243, 243, 243, 0.9);
-webkit-transition: all .2s ease;
transition: all .2s ease;
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
transition: .3s linear;
visibility: hidden;
opacity: 0;
}
@media screen and (max-width: 910px) {
header .hdrIn .gnav li .sub-menu {
width: 100%;
padding: 0;
top: 0;
left: 0;
border: 0;
border-top: 1px solid #266b91;
visibility: visible;
opacity: 1;
position: relative;
}
}
header .hdrIn .gnav li .sub-menu li a {
position: relative;
display: flex;
border: none;
width: auto;
padding: 8px 0 10px;
box-sizing: border-box;
justify-content: flex-start;
align-items: center;
border-radius: unset;
color: #231815 !important;
background: transparent !important;
border: none !important;
font-size: 16px;
line-height: 1.4em;
}
header .hdrIn .gnav li .sub-menu li a:before, header .hdrIn .gnav li .sub-menu li a:after {
display: none;
}
header .hdrIn .gnav li .sub-menu li a img {
width: 12px;
margin-left: 8px;
}
header .hdrIn .gnav li .sub-menu li a svg {
display: none;
}
header .hdrIn .gnav li:hover .sub-menu {
opacity: 1;
visibility: visible;
}
@media screen and (max-width: 910px) {
header .hdrIn .gnav li:hover .sub-menu {
position: relative;
}
}
@media screen and (max-width: 910px) {
header .hdrIn .gnav li .sub-menu li {
padding: 10px 20px;
box-sizing: border-box;
}
header .hdrIn .gnav li .sub-menu li:last-child {
border: none;
}
}
header .hdrIn .gnav li .sub-menu li:before, header .hdrIn .gnav li .sub-menu li:after {
display: none;
}
header .hdrIn .gnav li svg {
display: none;
}
header .hdrIn .gnav li.sub svg {
display: block;
}
@media screen and (max-width: 910px) {
header .hdrIn .gnav li.sub svg {
display: none;
}
}
header .hdrIn.scroll {
background: rgba(255, 255, 255, 0.9);
padding: 10px 30px 10px;
box-sizing: border-box;
height: 70px; }
@media screen and (max-width: 910px) {
header .hdrIn.scroll {
padding: 10px;
}
}
header .hdrIn.scroll .logo { background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/common/logo_b.svg);
}
header .hdrIn.scroll .gnav {
margin-bottom: 1px;
}
header .hdrIn.scroll .gnav li.recruit a {
color: #fff;
}
header .hdrIn.scroll .gnav li a, header .hdrIn.scroll .gnav li:after {
color: #000;
text-shadow: unset;
}
header .hdrIn.scroll .gnav li:before {
bottom: -21px;
}
header .hdrIn.scroll .gnav li .sub-menu {
top: 49px;
}
@media screen and (max-width: 910px) {
header .hdrIn.scroll .gnav li .sub-menu {
top: 0;
}
}
header .hdrIn.scroll .gnav li.recruit:before {
bottom: -15px;
}
header .hdrIn.active .gnav li {
color: #0a0a0a;
color: #000;
font-size: 1.8rem;
}
header .hdrIn.active .gnav li.recruit a {
color: #fff;
}
header .hdrIn.active .gnav li a, header .hdrIn.active .gnav li:after {
color: #0a0a0a;
color: #000;
text-shadow: unset;
}
header .hdrIn.scroll .gnav li a .tc_nav-icon__arrow, header .hdrIn.active .gnav li a .tc_nav-icon__arrow {
stroke: #888888;
}
header .hdrIn.active {
background: rgba(255, 255, 255, 0.9);
}
header .hdrIn.active .logo {
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/common/logo_b.svg);
}
@media screen and (max-width: 1280px) {
header .hdrIn.active {
background: #fff;
padding-top: 28px;
padding-bottom: 30px;
box-sizing: border-box;
}
}
@media screen and (max-width: 910px) {
header .hdrIn { }
header .hdrIn.blue {
background: #266b91;
}
header .hdrIn.blue .logo { background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/common/logo.svg);
}
}
header .bnrImg {
position: absolute;
width: 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-style: normal;
font-weight: 700;
color: #fff;
text-shadow: 0px 0px 8px black;
text-align: center;
-webkit-animation: mymove 3s forwards;
-moz-animation: mymove 3s forwards;
animation: mymove 3s forwards;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
header .bnrImg div {
transform: skewX(-10deg);
font-size: 5.5rem;
font-size: 55px;
letter-spacing: 0.1em;
}
header .bnrImg div br {
display: none;
}
header .bnrImg p.mes {
display: block;
font-size: 2.7rem;
font-size: 27px;
letter-spacing: 0.1em;
margin-top: 20px;
font-weight: 600;
}
@media screen and (max-width: 910px) {
header .bnrImg {
-webkit-animation: mymove 5s forwards;
-moz-animation: mymove 5s forwards;
animation: mymove 5s forwards;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
header .bnrImg div {
font-size: 3.5rem;
font-size: 35px;
}
header .bnrImg div br {
display: block;
}
header .bnrImg div span:nth-child(2) {
margin-left: 10px;
}
header .bnrImg div span:nth-child(3) {
margin-left: 20px;
}
header .bnrImg p.mes {
font-size: 2rem;
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
header .bnrImg {
-webkit-animation: mymove 5s forwards;
-moz-animation: mymove 5s forwards;
animation: mymove 5s forwards;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
header .bnrImg div {
font-size: 3rem;
font-size: 30px;
}
header .bnrImg p.mes {
font-size: 1.7rem;
font-size: 17px;
}
}
header .scrollBtn {
position: absolute;
display: flex;
flex-wrap: wrap;
justify-content: center;
left: 50%;
bottom: 10%;
border-radius: 50%;
width: 50px;
height: 70px;
margin-left: -34px;
z-index: 1;
transform: translatex(20%);
-webkit-animation: moveItem 1.2s infinite;
-moz-animation: moveItem 1.2s infinite;
animation: moveItem 1.2s infinite;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 0;
}
header .scrollBtn img {
width: 40px;
}
header .scrollBtn p {
padding-top: 15px;
box-sizing: border-box;
font-size: 2.6rem;
font-size: 26px;
font-family: alternate-gothic-no-2-d,sans-serif;
font-weight: 400;
font-style: normal;
font-weight: 500;
color: #fff;
letter-spacing: 0.05em;
}
@media screen and (max-width: 910px) {
header .scrollBtn {
width: 50px;
height: 50px;
}
}
@-webkit-keyframes moveItem {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
opacity: 0;
}
}
@-moz-keyframes moveItem {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
opacity: 0;
}
}
@keyframes moveItem {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
opacity: 0;
}
} @-webkit-keyframes mymove {
0% {
opacity: 0;
}
70% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes mymove {
0% {
opacity: 0;
}
70% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes mymove {
0% {
opacity: 0;
}
70% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@media screen and (max-width: 910px) {
.no-scroll {
height: 100vh;
overflow: hidden;
}
header .hdrIn .menuIcon {
display: flex;
align-items: center;
margin-left: auto;
height: 25px;
}
header .hdrIn .menuIcon div {
position: relative;
display: block;
width: 30px;
height: 25px;
cursor: pointer;
}
header .hdrIn .menuIcon span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #152e47; left: 0;
transition: 0.35s ease-in-out;
}
header .hdrIn .menuIcon span:nth-child(1) {
top: 0;
animation: menu-bar01 .75s forwards;
}
header .hdrIn .menuIcon span:nth-child(2) {
top: 10px;
}
header .hdrIn .menuIcon span:nth-child(3) {
top: 20px;
animation: menu-bar02 .75s forwards;
}
header .hdrIn .menuIcon.open span:nth-child(1) {
animation: active-menu-bar01 .75s forwards;
}
header .hdrIn .menuIcon.open span:nth-child(2) {
width: 0;
left: 50%;
}
header .hdrIn .menuIcon.open span:nth-child(3) {
animation: active-menu-bar03 .75s forwards;
}
@keyframes menu-bar01 {
0% {
transform: translateY(14px) rotate(45deg);
}
50% {
transform: translateY(14px) rotate(0);
}
100% {
transform: translateY(0) rotate(0);
}
}
@keyframes menu-bar02 {
0% {
transform: translateY(-14px) rotate(-45deg);
}
50% {
transform: translateY(-14px) rotate(0);
}
100% {
transform: translateY(0) rotate(0);
}
}
@keyframes active-menu-bar01 {
0% {
transform: translateY(0) rotate(0);
}
50% {
transform: translateY(10px) rotate(0);
}
100% {
transform: translateY(10px) rotate(45deg);
}
}
@keyframes active-menu-bar03 {
0% {
transform: translateY(0) rotate(0);
}
50% {
transform: translateY(-10px) rotate(0);
}
100% {
transform: translateY(-10px) rotate(-45deg);
}
}
} #page-top,
#page-top.is-show {
-webkit-transition: all 0.7s 0.9s cubic-bezier(0.48, -0.18, 0.13, 1.25);
transition: all 0.7s 0.9s cubic-bezier(0.48, -0.18, 0.13, 1.25);
}
#page-top {
position: fixed;
display: block;
bottom: -100px;
right: 0;
margin-right: 24px;
z-index: 999;
-webkit-transition: 0.4s;
transition: 0.4s;
}
#page-top.is-show {
bottom: 30px;
}
#page-top .icon-pagetop {
position: relative;
background-color: #266b91;
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/common/icon_totop.png);
background-size: 28px 28px;
background-repeat: no-repeat;
background-position: center;
}
#page-top .icon-pagetop:hover {
background-color: #44a7c1;
}
#page-top .icon-pagetop.icon-circle {
width: 46px;
height: 46px;
border-radius: 50%;
}
#page-top .icon-pagetop a {
display: block;
width: 100%;
height: 100%;
}
@media screen and (max-width: 910px) {
#page-top {
display: none;
}
}     .topFtBnr {
margin: 110px auto;
margin: 50px auto 110px;
padding-top: 50px;
box-sizing: border-box;
text-align: center;
}
@media screen and (max-width: 910px) {
.topFtBnr {
padding-top: 0;
margin-bottom: 50px;
}
}
.topFtBnr a {
display: inline-block;
width: 95%;
max-width: 860px;
}
.topFtBnr a:hover {
opacity: 0.7;
}
footer {
background: #2b3842;
color: #fff;
padding: 00px 0 30px;
}
footer .ftBg2 {
width: 100%;
height: 363px;
padding: 0;
padding-top: 50px;
padding: 30px 0 40px 0;
box-sizing: border-box;
background: #234d70;
}
@media screen and (max-width: 1280px) {
footer .ftBg2 {
height: auto;
padding-bottom: 40px;
}
}
footer .ftInfo {
width: 100%;
max-width: 1300px;
margin: 0 auto;
border: 2px solid #fff;
padding: 35px;
padding: 24px 0 32px 0;
box-sizing: border-box;
}
@media screen and (max-width: 1450px) {
footer .ftInfo {
width: calc(100% - 100px);
margin: 0 10px 0;
}
}
@media screen and (max-width: 1280px) {
footer .ftInfo {
width: 90%;
}
}
@media screen and (max-width: 910px) {
footer .ftInfo {
width: calc(100% - 20px);
}
}
footer .ftInfo .ftFirst {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 300;
font-style: normal;
line-height: 2;
text-align: center;
font-size: 20px;
font-size: 2rem;
letter-spacing: 0.025em;
}
footer .ftInfo .ftFirst br {
display: none;
}
@media screen and (max-width: 768px) {
footer .ftInfo .ftFirst br {
display: block;
}
}
footer .ftInfo .infoDtl {
display: flex;
width: 100%;
margin: 10px auto 0;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 910px) {
footer .ftInfo .infoDtl {
display: block;
}
}
@media screen and (max-width: 1280px) {
footer .ftInfo .infoDtl .ftPhone {
margin: 10px auto 30px;
width: 50%;
}
}
@media screen and (max-width: 910px) {
footer .ftInfo .infoDtl .ftPhone {
width: 100%;
}
}
footer .ftInfo .infoDtl .ftPhone p {
font-size: 20px;
font-size: 2rem;
font-family: Futura PT, sans-serif;
font-weight: 600;
font-style: normal;
margin-right: 112px;
}
@media screen and (max-width: 1280px) {
footer .ftInfo .infoDtl .ftPhone p {
font-size: 18px;
font-size: 1.8rem;
margin: 0;
}
}
@media screen and (max-width: 768px) {
footer .ftInfo .infoDtl .ftPhone p {
font-size: 17px;
font-size: 1.7rem;
}
}
footer .ftInfo .infoDtl .ftPhone em {
display: flex;
justify-content: center;
align-items: center;
font-size: 55px;
font-size: 5.5rem;
font-family: futura-pt, sans-serif;
letter-spacing: 0.025em;
font-weight: 600;
font-style: normal;
}
footer .ftInfo .infoDtl .ftPhone em a {
color: #fff;
pointer-events: none;
}
@media screen and (max-width: 910px) {
footer .ftInfo .infoDtl .ftPhone em a {
pointer-events: inherit;
}
}
footer .ftInfo .infoDtl .ftPhone em span {
margin-right: 12px;
}
@media screen and (max-width: 1280px) {
footer .ftInfo .infoDtl .ftPhone em {
font-size: 48px;
font-size: 4.8rem;
}
}
@media screen and (max-width: 768px) {
footer .ftInfo .infoDtl .ftPhone em {
font-size: 44px;
font-size: 4.4rem;
}
}
@media screen and (max-width: 500px) {
footer .ftInfo .infoDtl .ftPhone em {
font-size: 36px;
font-size: 3.6rem;
}
}
footer .ftInfo .infoDtl .ftPhone .icon_phone {
background: url(//naga-chu.jp/wp-content/themes/nagachu/images/common/ico_phone.svg) 100% no-repeat;
display: inline-block;
width: 47px;
height: 47px;
}
@media screen and (max-width: 1280px) {
footer .ftInfo .infoDtl .ftPhone .icon_phone {
width: 40px;
height: 40px;
}
}
@media screen and (max-width: 768px) {
footer .ftInfo .infoDtl .ftPhone .icon_phone {
width: 38px;
height: 38px;
}
}
footer .ftInfo .infoDtl .ftPhone .time {
display: block;
letter-spacing: 0.1em;
text-align: center;
font-size: 15px;
font-size: 1.5rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-style: normal;
font-weight: 500;
line-heigh: 1;
}
footer .ftInfo .infoDtl .ftContact {
height: 54px;
}
@media screen and (max-width: 1280px) {
footer .ftInfo .infoDtl .ftContact {
margin: 0 auto 10px;
text-align: center;
width: 50%;
}
}
@media screen and (max-width: 910px) {
footer .ftInfo .infoDtl .ftContact {
width: 100%;
}
}
footer .ftInfo .infoDtl .ftContact a {
position: relative;
display: flex;
flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
justify-content: flex-end;
align-items: center;
height: 60px;
font-size: 26px;
font-size: 2.6rem;
}
@media screen and (max-width: 1280px) {
footer .ftInfo .infoDtl .ftContact a {
font-size: 24px;
font-size: 2.4rem;
}
}
@media screen and (max-width: 910px) {
footer .ftInfo .infoDtl .ftContact a {
justify-content: center;
max-width: 350px;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
footer .ftInfo .infoDtl .ftContact a {
font-size: 22px;
font-size: 2.2rem;
}
}
@media screen and (max-width: 500px) {
footer .ftInfo .infoDtl .ftContact a {
font-size: 18px;
font-size: 1.8rem;
}
}
footer .ftInfo .infoDtl .ftContact a .icon {
display: flex;
align-items: center;
width: 54px;
height: 54px;
}
footer .ftInfo .infoDtl .ftContact a .icon svg {
width: 49px;
height: 49px;
}
footer .ftInfo .infoDtl .ftContact a .icon svg .cls-2 {
fill: #234d70;
transition: 0.3s;
}
@media screen and (max-width: 1280px) {
footer .ftInfo .infoDtl .ftContact a .icon svg {
width: 45px;
height: 45px;
}
}
@media screen and (max-width: 768px) {
footer .ftInfo .infoDtl .ftContact a .icon svg {
width: 40px;
height: 40px;
}
}
footer .ftInfo .infoDtl .ftContact a .arrow_box {
display: inline-block;
text-align: center;
color: #141e32;
font-family: tbcinergothic-std, sans-serif;
font-weight: 600;
width: 327px;
height: 54px;
box-sizing: border-box;
position: relative;
padding: 4px 16px 3px;
margin-left: 10px;
border-radius: 10px;
background: #fff;
border: 2px solid #B3B3B3;
transition: 0.3s;
margin-top: 3px;
margin-bottom: 3px;
}
@media screen and (max-width: 1280px) {
footer .ftInfo .infoDtl .ftContact a .arrow_box {
width: 300px;
height: 51px;
}
}
@media screen and (max-width: 768px) {
footer .ftInfo .infoDtl .ftContact a .arrow_box {
width: 280px;
height: 48px;
}
}
@media screen and (max-width: 500px) {
footer .ftInfo .infoDtl .ftContact a .arrow_box {
width: 230px;
padding-top: 7px;
}
}
footer .ftInfo .infoDtl .ftContact a .arrow_box:hover {
margin-top: 0px;
transition: 0.3s;
color: #ff931e;
}
footer .ftInfo .infoDtl .ftContact a .arrow_box:hover + .icon .cls-2 {
fill: #FF931E;
}
@media screen and (max-width: 910px) {
footer .ftInfo .infoDtl .ftContact a .arrow_box:hover + .icon .cls-2 {
fill: #234d70;
}
}
@media screen and (max-width: 910px) {
footer .ftInfo .infoDtl .ftContact a .arrow_box:hover {
color: #0a0a0a;
margin-top: 3px;
}
}
footer .ftInfo .infoDtl .ftContact a .arrow_box:before, footer .ftInfo .infoDtl .ftContact a .arrow_box:after {
right: 100%;
top: 50%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
footer .ftInfo .infoDtl .ftContact a .arrow_box:before {
border-color: rgba(255, 255, 255, 0);
border-right-color: #fff;
border-width: 9px;
margin-top: -9px;
z-index: 1;
}
footer .ftInfo .infoDtl .ftContact a .arrow_box:after {
border-color: rgba(179, 179, 179, 0);
border-right-color: #B3B3B3;
border-width: 11px;
margin-top: -11px;
}
footer .sns_btn {
display: flex;
justify-content: center;
margin-top: 40px;
}
@media screen and (max-width: 1280px) {
footer .sns_btn {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 30px;
box-sizing: border-box;
}
}
@media screen and (max-width: 910px) {
footer .sns_btn {
margin-top: 0;
}
}
footer .sns_btn .sns_block {
box-sizing: border-box;
margin-right: 52px;
}
footer .sns_btn .sns_block:last-child {
margin-right: 0;
}
@media screen and (max-width: 1280px) {
footer .sns_btn .sns_block {
min-width: 300px;
margin: 40px 0 0;
}
footer .sns_btn .sns_block:last-child {
margin: 40px 0 0;
}
}
footer .sns_btn .sns_block a {
color: #141e32;
font-family: tbcinergothic-std, sans-serif;
font-weight: 600;
font-size: 14px;
font-size: 1.4rem;
display: flex;
justify-content: center;
align-items: center;
font-style: normal;
text-align: center;
height: 46px;
}
@media screen and (max-width: 1280px) {
footer .sns_btn .sns_block a {
justify-content: start;
text-align: left;
}
}
@media screen and (max-width: 600px) {
footer .sns_btn .sns_block a {
justify-content: center;
}
}
footer .sns_btn .sns_block a .icon {
width: 40px;
height: 40px;
display: flex;
align-items: center;
}
footer .sns_btn .sns_block a .arrow_box {
position: relative;
min-width: 130px;
height: 30px;
padding: 6px 12px 0px;
margin-left: 20px;
border-radius: 10px;
background: #fff;
border: 2px solid #B3B3B3;
transition: 0.3s;
margin-top: 3px;
margin-bottom: 3px;
}
footer .sns_btn .sns_block a .arrow_box:hover {
margin-top: 0px;
transition: 0.3s;
color: #ff931e;
}
@media screen and (max-width: 910px) {
footer .sns_btn .sns_block a .arrow_box:hover {
color: #0a0a0a;
margin-top: 3px;
}
}
footer .sns_btn .sns_block a .arrow_box:before, footer .sns_btn .sns_block a .arrow_box:after {
right: 100%;
top: 50%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
footer .sns_btn .sns_block a .arrow_box:before {
border-color: rgba(255, 255, 255, 0);
border-right-color: #fff;
border-width: 9px;
margin-top: -9px;
z-index: 1;
}
footer .sns_btn .sns_block a .arrow_box:after {
border-color: rgba(179, 179, 179, 0);
border-right-color: #B3B3B3;
border-width: 11px;
margin-top: -11px;
}
footer .sns_btn .sns_block a.fb img {
width: 36px;
height: 36px;
}
footer .sns_btn .sns_block a.tw img {
width: 38px;
height: 31px;
}
footer .sns_btn .sns_block a.yt img {
width: 40px;
height: 28px;
}
footer .sns_btn .sns_block a.app img {
width: 40px;
height: 40px;
}
footer .ftIn {
width: 95%;
max-width: 1100px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
footer .ftIn {
margin-left: 20px;
}
}
@media screen and (max-width: 910px) {
footer .ftIn {
margin: 0 auto;
}
}
footer .ftIn .ftMenu {
margin-top: 33px;
}
footer .ftIn .ftMenu .ftMenuList {
display: flex;
justify-content: space-between;
width: 900px;
margin: 0 auto 74px;
}
@media screen and (max-width: 1100px) {
footer .ftIn .ftMenu .ftMenuList {
width: 700px;
}
}
@media screen and (max-width: 768px) {
footer .ftIn .ftMenu .ftMenuList {
display: block;
}
}
@media screen and (max-width: 768px) {
footer .ftIn .ftMenu .ftMenuList {
width: 100%;
}
}
footer .ftIn .ftMenu .ftMenuList .ftMenuListIn h2 {
padding-bottom: 10px;
font-size: 18px;
color: #bfdbe2;
}
@media screen and (max-width: 768px) {
footer .ftIn .ftMenu .ftMenuList .ftMenuListIn h2 {
padding-top: 20px;
}
}
footer .ftIn .ftMenu .ftMenuList .ftMenuListIn ul li a {
position: relative;
display: inline-block;
box-sizing: border-box;
margin: 12px 0;
padding-left: 20px;
font-size: 16px;
font-size: 1.6rem;
color: #fff;
transition: all .3s;
align-items: center;
}
@media screen and (max-width: 910px) {
footer .ftIn .ftMenu .ftMenuList .ftMenuListIn ul li a {
margin: 10px 0;
}
}
footer .ftIn .ftMenu .ftMenuList .ftMenuListIn ul li a img {
width: 16px;
margin: 3px 0 0 8px;
}
footer .ftIn .ftMenu .ftMenuList .ftMenuListIn ul li a:before {
position: absolute;
content: "";
width: 6px;
height: 2px;
background: #fff;
top: 50%;
left: 0;
transform: translateY(-50%);
transition: all .3s;
}
footer .ftIn .ftMenu .ftMenuList .ftMenuListIn ul li a:after {
content: "";
width: 0%;
height: 1px;
position: absolute;
left: 0;
bottom: -1px;
box-sizing: border-box;
background: #fff;
transition: 0.3s;
}
footer .ftIn .ftMenu .ftMenuList .ftMenuListIn ul li a:hover {
color: #ff931e;
position: relative;
}
footer .ftIn .ftMenu .ftMenuList .ftMenuListIn ul li a:hover:after {
content: "";
width: 100%;
height: 1px;
position: absolute;
left: 0;
bottom: -1px;
box-sizing: border-box;
background: #ff931e;
transition: 0.3s;
}
footer .ftIn .ftMenu .ftMenuList .ftMenuListIn ul li a:hover:before {
width: 12px;
background: #ff931e;
}
footer .ftIn .ftMenu .ftMenuList .ftMenuListIn ul li ul {
margin-left: 15px;
}
footer .ftIn .ftMenuLogo {
margin: 0 auto;
text-align: center;
}
footer .ftIn .ftMenuLogo .logo {
display: inline-block;
width: 316px;
width: 310px;
}
footer .ftIn .ftMenuLogo .logo img {
width: 100%;
height: auto;
margin: 0 auto;
}
footer .ftIn .ftMenuLogo p {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-style: normal;
font-size: 14px;
font-size: 1.4rem;
line-height: 2.3;
margin-top: 20px;
letter-spacing: 0.025em;
}
footer .ftIn .ftMenuLogo p .open {
letter-spacing: 0.1em;
}
.copyright {
margin-top: 40px;
font-size: 13px;
font-size: 1.3rem;
letter-spacing: 0.01em;
color: #fff;
text-align: center;
font-style: normal;
}
.copyright a {
color: #fff;
}
@media screen and (max-width: 910px) {
.copyright {
padding-bottom: 60px;
}
}
.ft_link {
display: flex;
justify-content: center; padding-top: 30px;
padding-bottom: 50px;
box-sizing: border-box;
position: relative;
}
@media screen and (max-width: 1280px) {
.ft_link {
width: 100%;
}
}
@media screen and (max-width: 910px) {
.ft_link {
display: block;
}
}
.ft_link.bg:after {
content: "";
display: block;
height: 200px;
width: 100%;
background: #f6f6f8;
position: absolute;
bottom: 0;
z-index: -1;
}
.ft_link a {
display: block;
transition: 0.3s;
background-color: #fff;
}
.ft_link a p, .ft_link a img {
transition: 0.3s;
}
.ft_link a:hover {
transition: 0.3s;
}
.ft_link a:hover p {
background-color: rgba(35, 77, 112, 0.38);
transition: 0.3s;
}
.ft_link a:hover img {
opacity: 0.6;
transition: 0.3s;
}
.ft_link .bnr_link {
position: relative;
transition: 0.3s;
}
@media screen and (max-width: 1280px) {
.ft_link .bnr_link {
width: 95%;
}
}
@media screen and (max-width: 910px) {
.ft_link .bnr_link {
display: block;
margin: 16px auto;
}
}
.ft_link .bnr_link p {
width: 100%;
height: 66px;
color: #fff;
background: rgba(35, 77, 112, 0.7);
position: absolute;
bottom: 0;
left: 0;
box-sizing: border-box;
padding: 0 32px;
display: flex;
align-items: center;
justify-content: space-between;
}
@media screen and (max-width: 910px) {
.ft_link .bnr_link p {
padding: 0 16px;
}
}
.ft_link .bnr_link p .title_en {
font-family: alternate-gothic-no-2-d,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 48px;
font-size: 4.8rem;
line-height: 1;
padding-top: 8px;
}
.ft_link .bnr_link p .title_en + span {
font-family: ten-mincho-text, serif;
font-weight: 400;
font-style: normal;
font-size: 24px;
font-size: 2.4rem;
}
@media screen and (max-width: 1280px) {
.ft_link .bnr_link p .title_en + span {
font-size: 16px;
font-size: 1.6rem;
}
}
@media screen and (max-width: 1280px) {
.ft_link .bnr_link p .title_en {
font-size: 32px;
font-size: 3.2rem;
}
}
.ft_link .bnr_link p .double_arr {
display: inline-block;
width: 17px;
height: 14px;
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/common/double_arr.svg);
background-repeat: no-repeat;
margin-left: 30px;
}
@media screen and (max-width: 910px) {
.ft_link .bnr_link p .double_arr {
margin-left: 10px;
}
}
@media screen and (max-width: 1280px) {
.ft_link .left {
width: 45%;
margin-right: 16px;
}
}
@media screen and (max-width: 910px) {
.ft_link .left {
width: 95%;
margin: 0 auto;
}
}
.ft_link .left .bnr_link {
max-width: 645px;
margin-right: 16px;
}
@media screen and (max-width: 1280px) {
.ft_link .left .bnr_link {
width: 100%;
}
}
@media screen and (max-width: 910px) {
.ft_link .left .bnr_link {
max-width: inherit;
margin: auto;
}
}
@media screen and (max-width: 1280px) {
.ft_link .right {
width: 45%;
}
}
@media screen and (max-width: 910px) {
.ft_link .right {
width: 95%;
margin: 0 auto;
}
}
.ft_link .right .top {
margin-bottom: 9px;
width: 644px;
}
@media screen and (max-width: 1280px) {
.ft_link .right .top {
width: 100%;
}
}
.ft_link .right .bottom {
margin-bottom: 9px;
width: 644px;
}
@media screen and (max-width: 1280px) {
.ft_link .right .bottom {
width: 100%;
}
}
@media screen and (max-width: 910px) {
.sp-foot {
position: fixed;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
bottom: -1px;
right: 0;
left: 0;
width: 100%;
height: 72px;
z-index: 1000;
}
.sp-foot-child { width: 100%;
padding: 20px 0;
color: #fff;
text-align: center;
}
.sp-foot-child a {
color: #fff;
font-size: 18px;
font-weight: bold;
font-weight: 700;
position: relative;
padding-left: 40px;
}
.sp-foot-child a img {
position: absolute;
width: 30px;
height: auto;
left: 0;
top: -2px;
}
.sp-foot .foot-tel {
background: #266b91;
}
.sp-foot .foot-contact {
background: #152e47;
}
.sp-foot .foot-contact img {
width: 26px;
top: 6px;
}
}
.pc_disp {
display: none;
}
@media screen and (max-width: 910px) {
.pc_disp {
display: block;
}
}   .btn_sns_fixed {
width: 64px;
position: fixed;
top: 15%;
top: 143px;
right: 0;
z-index: 100;
}
@media screen and (max-width: 910px) {
.btn_sns_fixed {
display: none;
}
}
.btn_sns_fixed p {
color: #fff;
font-size: 1.4rem;
font-size: 14px;
font-family: poppins, sans-serif;
font-weight: 700;
font-style: italic;
text-align: center;
height: 24px;
background: #234d70;
}
.btn_sns_fixed ul {
background: #fff;
height: 235px;
border-left: 1px solid #ccc;
}
.btn_sns_fixed ul li {
width: 100%;
height: 47px;
border-bottom: 1px solid #ccc;
box-sizing: border-box;
}
.btn_sns_fixed ul .icon {
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
.btn_sns_fixed ul .icon a {
display: block;
height: 100%;
}
.btn_sns_fixed ul .fb {
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/common/ico_facebook.svg);
background-size: 26px;
}
.btn_sns_fixed ul .tw {
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/common/ico_twitter.svg);
background-size: 26px 22px;
}
.btn_sns_fixed ul .yt {
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/common/ico_youtube.svg);
background-size: 30px 21px;
}
.btn_sns_fixed ul .blg {
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/common/ico_blog.svg);
background-size: 32px 32px;
}
.btn_sns_fixed ul .app {
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/common/ico_smart.svg);
background-size: 25px 32px;
}
.btn_sns_fixed ul .mail {
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/common/ico_mail.svg);
background-size: 26px 18px;
}
.topSolution.topBnrBt, .topMessage.topBnrBt { }
.topSolution.topBnrBt .h2Bg, .topMessage.topBnrBt .h2Bg {
width: 100%;
background: #234d70;
color: #fff;
}
.topSolution.topBnrBt .h2Bg .topBnrBtImg, .topMessage.topBnrBt .h2Bg .topBnrBtImg {
height: 75px;
display: flex;
align-items: center;
max-width: 1300px;
height: 174px;
margin: 0 auto;
padding: 110px 0 25px;
box-sizing: border-box;
}
.topSolution.topBnrBt .h2Bg .topBnrBtImg .h2_alternat, .topMessage.topBnrBt .h2Bg .topBnrBtImg .h2_alternat {
font-family: alternate-gothic-no-2-d,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 70px;
font-size: 7rem;
margin-right: 30px;
letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
.topSolution.topBnrBt .h2Bg .topBnrBtImg .h2_alternat, .topMessage.topBnrBt .h2Bg .topBnrBtImg .h2_alternat {
font-size: 60px;
font-size: 6rem;
line-height: 1;
}
}
.topSolution.topBnrBt .h2Bg .topBnrBtImg .h2_jp, .topMessage.topBnrBt .h2Bg .topBnrBtImg .h2_jp {
font-family: ten-mincho-text, serif;
font-weight: 400;
font-style: normal;
font-size: 20px;
font-size: 2rem;
margin-bottom: 20px;
position: relative;
margin-bottom: 16px;
letter-spacing: 0.025em;
}
@media screen and (max-width: 1100px) {
.topSolution.topBnrBt .h2Bg .topBnrBtImg .h2_jp, .topMessage.topBnrBt .h2Bg .topBnrBtImg .h2_jp {
font-size: 18px;
font-size: 1.8rem;
}
}
.topSolution.topBnrBt .h2Bg .topBnrBtImg .h2_jp .tc_nav-icon__arrow, .topMessage.topBnrBt .h2Bg .topBnrBtImg .h2_jp .tc_nav-icon__arrow {
stroke: #0a0a0a;
width: 20px;
height: 10px;
top: 40px;
top: 32px;
}
@media screen and (max-width: 1280px) {
.topSolution.topBnrBt .h2Bg .topBnrBtImg, .topMessage.topBnrBt .h2Bg .topBnrBtImg {
max-width: 100%;
padding-left: 20px;
}
}
@media screen and (max-width: 910px) {
.topSolution.topBnrBt .h2Bg .topBnrBtImg, .topMessage.topBnrBt .h2Bg .topBnrBtImg {
height: auto;
padding-top: 40px;
padding: 30px 0 10px 20px;
}
}
.topSolution.topBnrBt .h2Bg .topBnrBtImg .tc_nav-icon__arrow, .topMessage.topBnrBt .h2Bg .topBnrBtImg .tc_nav-icon__arrow {
stroke: #fff !important;
}
.topSolution.topBnrBt .h2Bg .topBnrBtImg img, .topMessage.topBnrBt .h2Bg .topBnrBtImg img {
width: 196px;
}
.topSolution.topBnrBt .topBnrBtText1, .topMessage.topBnrBt .topBnrBtText1 {
display: flex;
flex-direction: row;
max-width: calc(1800px + 100px);
max-width: 100%;
margin: 0 auto;
}
@media screen and (max-width: 910px) {
.topSolution.topBnrBt .topBnrBtText1, .topMessage.topBnrBt .topBnrBtText1 {
display: block;
}
}
.topSolution.topBnrBt .topBnrBtText1 .img_frame, .topMessage.topBnrBt .topBnrBtText1 .img_frame {
position: relative;
overflow: hidden;
width: 814px;
height: 464px;
}
@media screen and (max-width: 1800px) {
.topSolution.topBnrBt .topBnrBtText1 .img_frame, .topMessage.topBnrBt .topBnrBtText1 .img_frame {
width: 45%;
max-width: 814px;
}
}
@media screen and (max-width: 910px) {
.topSolution.topBnrBt .topBnrBtText1 .img_frame, .topMessage.topBnrBt .topBnrBtText1 .img_frame {
max-width: 100%;
width: 100%;
height: auto;
text-align: center;
}
}
.topSolution.topBnrBt .topBnrBtText1 .img_frame img, .topMessage.topBnrBt .topBnrBtText1 .img_frame img {
border: 1px solid #fff;
max-width: 814px;
width: auto;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
@media screen and (max-width: 1280px) {
.topSolution.topBnrBt .topBnrBtText1 .img_frame img, .topMessage.topBnrBt .topBnrBtText1 .img_frame img {
height: auto;
}
}
@media screen and (max-width: 910px) {
.topSolution.topBnrBt .topBnrBtText1 .img_frame img, .topMessage.topBnrBt .topBnrBtText1 .img_frame img {
position: static;
width: 100%;
height: auto;
}
}
.topSolution.topBnrBt .topBnrBtText1 .texts, .topMessage.topBnrBt .topBnrBtText1 .texts {
position: relative;
width: calc(100% - 814px);
padding: 42px 100px 0 57px;
box-sizing: border-box;
font-family: ten-mincho-text, serif;
font-weight: 400;
font-style: normal;
text-align: left;
}
@media screen and (max-width: 1800px) {
.topSolution.topBnrBt .topBnrBtText1 .texts, .topMessage.topBnrBt .topBnrBtText1 .texts {
width: 55%;
}
}
@media screen and (max-width: 910px) {
.topSolution.topBnrBt .topBnrBtText1 .texts, .topMessage.topBnrBt .topBnrBtText1 .texts {
width: 100%;
width: 95%;
padding: 30px 0;
margin-left: auto;
margin-right: auto;
}
}
.topSolution.topBnrBt .topBnrBtText1 .texts .mes, .topMessage.topBnrBt .topBnrBtText1 .texts .mes {
font-family: ten-mincho-text, serif;
font-weight: 400;
font-style: normal;
display: inline;
line-height: 1.5;
padding-bottom: 0;
box-sizing: border-box;
border-bottom: 2px solid #b4b4b5;
}
.topSolution.topBnrBt .topBnrBtText1 .texts .mes em, .topMessage.topBnrBt .topBnrBtText1 .texts .mes em {
color: #ed005b;
border-bottom: 2px solid #ed005b;
}
@media screen and (max-width: 1600px) {
.topSolution.topBnrBt .topBnrBtText1 .texts .mes br br, .topMessage.topBnrBt .topBnrBtText1 .texts .mes br br {
display: none;
}
}
.topSolution.topBnrBt .topBnrBtText1 .texts .mes, .topMessage.topBnrBt .topBnrBtText1 .texts .mes {
line-height: 1.8;
display: inline;
box-sizing: border-box;
border-bottom: 2px solid #b4b4b5;
padding-bottom: 0;
font-size: 37px;
font-size: 3.7rem;
letter-spacing: -0.06em;
}
.topSolution.topBnrBt .topBnrBtText1 .texts .mes span, .topMessage.topBnrBt .topBnrBtText1 .texts .mes span {
padding-bottom: 0;
}
.topSolution.topBnrBt .topBnrBtText1 .texts .mes span em, .topMessage.topBnrBt .topBnrBtText1 .texts .mes span em {
color: #ed005b;
border-bottom: 2px solid #ed005b;
}
@media screen and (max-width: 1600px) {
.topSolution.topBnrBt .topBnrBtText1 .texts .mes br, .topMessage.topBnrBt .topBnrBtText1 .texts .mes br {
display: none;
}
}
@media screen and (max-width: 1280px) {
.topSolution.topBnrBt .topBnrBtText1 .texts .mes, .topMessage.topBnrBt .topBnrBtText1 .texts .mes {
font-size: 34px;
font-size: 3.4rem;
}
}
@media screen and (max-width: 910px) {
.topSolution.topBnrBt .topBnrBtText1 .texts .mes, .topMessage.topBnrBt .topBnrBtText1 .texts .mes {
font-size: 28px;
font-size: 2.8rem;
line-height: 1.5;
}
}
.topSolution.topBnrBt .topBnrBtText1 .texts .text, .topMessage.topBnrBt .topBnrBtText1 .texts .text {
font-size: 17px;
font-size: 1.7rem;
line-height: 3.8rem;
line-height: 2.4;
margin-top: 32px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-style: normal;
}
@media screen and (max-width: 910px) {
.topSolution.topBnrBt .topBnrBtText1 .texts .text, .topMessage.topBnrBt .topBnrBtText1 .texts .text {
line-height: 2;
margin-top: 20px;
}
.topSolution.topBnrBt .topBnrBtText1 .texts .text br, .topMessage.topBnrBt .topBnrBtText1 .texts .text br {
display: none;
}
}
.topSolution.topBnrBt .topBnrBtText1 .texts .topExBtn, .topMessage.topBnrBt .topBnrBtText1 .texts .topExBtn {
text-align: right;
}
.topMessage {
margin-top: 94px;
}
.topMessage.topBnrBt .topBnrBtText1 {
flex-direction: row-reverse;
max-width: calc(1800px + 100px);
max-width: 1800px;
max-width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.topMessage.topBnrBt .topBnrBtText1 .img_frame {
width: 716px;
}
@media screen and (max-width: 1800px) {
.topMessage.topBnrBt .topBnrBtText1 .img_frame {
width: 40%;
}
}
@media screen and (max-width: 910px) {
.topMessage.topBnrBt .topBnrBtText1 .img_frame {
width: 100%;
text-align: center;
}
}
.topMessage.topBnrBt .topBnrBtText1 .img_frame img {
max-width: 792px;
max-width: 716px;
right: auto;
left: 0;
}
.topMessage.topBnrBt .topBnrBtText1 .texts {
width: calc(100% - 716px);
padding: 42px 57px 0 57px;
}
@media screen and (max-width: 1800px) {
.topMessage.topBnrBt .topBnrBtText1 .texts {
width: 60%;
}
}
@media screen and (max-width: 910px) {
.topMessage.topBnrBt .topBnrBtText1 .texts {
width: 100%;
padding: 30px 2.5%;
box-sizing: border-box; }
} .topNumber {
position: relative;
width: 100%;
height: 537px;
height: auto;
margin-top: 80px;
}
@media screen and (max-width: 910px) {
.topNumber {
margin-top: 30px;
}
}
.topNumber h2 {
height: 75px;
display: flex;
align-items: center; width: 1100px;
margin: 0 auto 20px auto;
}
@media screen and (max-width: 768px) {
.topNumber h2 {
height: auto;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
}
.topNumber h2 .h2_alternat {
font-family: alternate-gothic-no-2-d,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 70px;
font-size: 7rem;
margin-right: 30px;
letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
.topNumber h2 .h2_alternat {
font-size: 60px;
font-size: 6rem;
line-height: 1;
margin-right: 0;
}
}
.topNumber h2 .h2_jp {
font-family: ten-mincho-text, serif;
font-weight: 400;
font-style: normal;
font-size: 20px;
font-size: 2rem;
margin-bottom: 20px;
position: relative;
margin-bottom: 16px;
letter-spacing: 0.025em;
}
@media screen and (max-width: 1100px) {
.topNumber h2 .h2_jp {
font-size: 18px;
font-size: 1.8rem;
}
}
.topNumber h2 .h2_jp .tc_nav-icon__arrow {
stroke: #0a0a0a;
width: 20px;
height: 10px;
top: 40px;
top: 32px;
}
@media screen and (max-width: 1280px) {
.topNumber h2 { max-width: 100%;
width: 95%;
margin: 0 auto;
}
}
.topNumber .numberBg {
position: relative;
width: 100%;
height: 514px;
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/common/message03_img.jpg);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center;
overflow: hidden;
}
@media screen and (max-width: 910px) {
.topNumber .numberBg {
height: 440px;
background-size: auto 514px;
}
}
.topNumber .numberBg a.blueBtnRed {
position: absolute;
bottom: 100px;
left: 51%;
transform: translateX(-51%);
}
@media screen and (max-width: 910px) {
.topNumber .numberBg a.blueBtnRed {
bottom: 50px;
}
}
@media screen and (max-width: 768px) {
.topNumber .numberBg a.blueBtnRed {
left: auto;
right: 100px;
right: 0;
transform: none;
}
}
.topNumber .numberBg .pfmBg {
position: relative;
border: 1px solid #333333;
box-sizing: border-box;
background: #fff;
opacity: 0.9;
transform: skewX(-5deg) translateY(-50%);
margin: 0 auto;
width: 667px;
height: 441px;
top: 50%;
}
.topNumber .numberBg .pfmBg .decoLine {
height: 0px;
width: 50%;
border-top: 1px solid #fff;
margin: -1px auto;
}
@media screen and (max-width: 768px) {
.topNumber .numberBg .pfmBg {
width: 100%;
transform: skewX(0deg) translateY(-50%);
border: 0;
}
.topNumber .numberBg .pfmBg .decoLine {
display: none;
}
}
.topNumber .numberBg .pfmBg .performance {
width: 540px;
display: grid;
display: -ms-grid;
grid-template-columns: 270px 270px;
-ms-grid-columns: 270px 270px;
grid-template-rows: 120px 120px;
-ms-grid-rows: 120px 120px;
position: absolute;
top: 40px;
left: 50%;
transform: translateX(-50%) skewX(5deg);
}
@media screen and (max-width: 768px) {
.topNumber .numberBg .pfmBg .performance {
width: 100%;
transform: translateX(0%) skewX(0deg);
grid-template-columns: 45% 45%;
left: 5%;
}
}
.topNumber .numberBg .pfmBg .performance p {
font-family: ten-mincho-text, serif;
font-weight: 400;
font-style: normal;
font-size: 50px;
font-size: 5rem;
box-sizing: border-box;
}
@media screen and (max-width: 600px) {
.topNumber .numberBg .pfmBg .performance p {
font-size: 40px;
font-size: 4rem;
}
}
@media screen and (max-width: 500px) {
.topNumber .numberBg .pfmBg .performance p {
font-size: 30px;
font-size: 3rem;
}
}
.topNumber .numberBg .pfmBg .performance p .small + span {
display: block;
margin: 0 auto;
width: 260px;
letter-spacing: 0.1em;
text-align: center;
box-sizing: border-box;
}
@media screen and (max-width: 600px) {
.topNumber .numberBg .pfmBg .performance p .small + span {
width: 100%;
margin-top: 8px;
}
}
.topNumber .numberBg .pfmBg .performance p:nth-child(1), .topNumber .numberBg .pfmBg .performance p:nth-child(2) {
border-bottom: 1px dashed #333;
}
.topNumber .numberBg .pfmBg .performance p:nth-child(1), .topNumber .numberBg .pfmBg .performance p:nth-child(3) {
border-right: 1px dashed #333;
}
.topNumber .numberBg .pfmBg .performance p:nth-child(2), .topNumber .numberBg .pfmBg .performance p:nth-child(4) {
padding-left: 24px;
}
.topNumber .numberBg .pfmBg .performance p:nth-child(1), .topNumber .numberBg .pfmBg .performance p:nth-child(2) {
padding-bottom: 20px;
}
.topNumber .numberBg .pfmBg .performance p:nth-child(3), .topNumber .numberBg .pfmBg .performance p:nth-child(4) {
padding-top: 20px;
}
.topNumber .numberBg .pfmBg .performance p .small {
display: block;
margin-bottom: -13px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
font-size: 1.8rem;
}
.topRecruit {
position: relative;
box-sizing: border-box;
width: 100%;
height: auto;
padding-top: 110px;
box-sizing: border-box;
margin-bottom: 60px;
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/common/bg_line.png);
}
@media screen and (max-width: 910px) {
.topRecruit {
padding-top: 40px;
margin-bottom: 100px;
}
}
.topRecruit h2 {
height: 75px;
display: flex;
align-items: center; color: #234d70;
max-width: 1300px;
margin: 0 auto 14px auto;
}
.topRecruit h2 .h2_alternat {
font-family: alternate-gothic-no-2-d,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 70px;
font-size: 7rem;
margin-right: 30px;
letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
.topRecruit h2 .h2_alternat {
font-size: 60px;
font-size: 6rem;
line-height: 1;
}
}
.topRecruit h2 .h2_jp {
font-family: ten-mincho-text, serif;
font-weight: 400;
font-style: normal;
font-size: 20px;
font-size: 2rem;
margin-bottom: 20px;
position: relative;
margin-bottom: 16px;
letter-spacing: 0.025em;
}
@media screen and (max-width: 1100px) {
.topRecruit h2 .h2_jp {
font-size: 18px;
font-size: 1.8rem;
}
}
.topRecruit h2 .h2_jp .tc_nav-icon__arrow {
stroke: #0a0a0a;
width: 20px;
height: 10px;
top: 40px;
top: 32px;
}
@media screen and (max-width: 1280px) {
.topRecruit h2 {
max-width: 100%;
padding: 0 20px;
box-sizing: border-box;
}
}
.topRecruit h2 .h2_jp .tc_nav-icon__arrow {
stroke: #234d70;
}
.topRecruit .recruitBg {
position: relative;
width: 100%;
height: 388px;
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/common/20230427_recruit_img.jpg);
background-size: auto 388px;
background-repeat: no-repeat;
background-position: center;
}
@media screen and (min-width: 1800px) {
.topRecruit .recruitBg {
background-size: 100% auto;
}
}
@media screen and (max-width: 767px) {
.topRecruit .recruitBg {
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/common/20230427_recruit_img_sp.jpg);
}
}
.topRecruit .recruitBg .rctBg {
position: absolute;
bottom: 0;
width: 100%;
height: 98px;
background-color: rgba(13, 51, 135, 0.75);
margin: 0 auto;
}
.topRecruit .recruitBg .rctBg .rctMesBlock {
max-width: 1300px;
max-width: 1440px;
width: 100%;
height: 100%;
margin: 0 auto;
position: relative;
}
.topRecruit .recruitBg .rctBg .rctMesBlock .rctMes {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-width: 100%;
text-align: center;
}
@media screen and (max-width: 1440px) {
.topRecruit .recruitBg .rctBg .rctMesBlock .rctMes {
width: calc(100% - 310px - 12%);
left: 10%;
transform: translate(0%, -50%);
}
}
@media screen and (max-width: 910px) {
.topRecruit .recruitBg .rctBg .rctMesBlock .rctMes {
width: 96%;
left: 2%;
text-align: left;
}
}
.topRecruit .recruitBg .rctBg .rctMesBlock .rctMes p {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-style: normal;
color: #fff;
font-size: 26px;
font-size: 2.6rem;
font-weight: 500;
box-sizing: border-box;
}
@media screen and (max-width: 910px) {
.topRecruit .recruitBg .rctBg .rctMesBlock .rctMes p {
font-size: 22px;
font-size: 2.2rem;
}
}
.topRecruit .recruitBg .rctBg .rctMesBlock a.blueBtnRed {
height: 98px;
margin-top: 0;
padding-top: 36px;
position: absolute;
right: 0;
line-height: inherit;
align-items: baseline;
}
@media screen and (max-width: 910px) {
.topRecruit .recruitBg .rctBg .rctMesBlock a.blueBtnRed {
position: absolute;
height: auto;
padding-top: 10px;
top: 98px;
right: 100px;
right: 0;
line-height: inherit;
padding: 9px 20px 9px;
}
}
.topProfessional2 {
margin-top: 80px;
}
.topProfessional {
width: 100%;
height: 357px;
background: #234d70;
color: #fff;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-style: normal;
font-weight: 300;
font-weight: 400;
position: relative;
}
@media screen and (max-width: 910px) {
.topProfessional {
height: 100%;
overflow-x: hidden;
}
}
.topProfessional .profBlockBg {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.topProfessional .profBlockBg .profEx {
width: 75%;
height: 138px;
background: #95b3c1;
}
@media screen and (max-width: 910px) {
.topProfessional .profBlockBg .profEx {
width: 100%;
}
}
.topProfessional .profBlockBg .profPhoto {
width: 25%;
}
@media screen and (max-width: 910px) {
.topProfessional .profBlockBg .profPhoto {
display: none;
}
}
.topProfessional .profBlock {
width: 1300px;
margin: 0 auto;
position: relative;
z-index: 2;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 1300px) {
.topProfessional .profBlock {
width: 100%;
}
}
.topProfessional .profBlock .profEx {
width: calc(100% - 460px);
position: relative;
}
@media screen and (max-width: 1100px) {
.topProfessional .profBlock .profEx {
width: auto;
}
}
@media screen and (max-width: 910px) {
.topProfessional .profBlock .profEx {
width: 100%;
}
}
.topProfessional .profBlock .profEx .h2Bg h2 {
height: 75px;
display: flex;
align-items: center; width: 100%;
height: 138px;
color: #fff;
padding-top: 44px;
box-sizing: border-box;
}
@media screen and (max-width: 768px) {
.topProfessional .profBlock .profEx .h2Bg h2 {
height: auto;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
}
.topProfessional .profBlock .profEx .h2Bg h2 .h2_alternat {
font-family: alternate-gothic-no-2-d,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 70px;
font-size: 7rem;
margin-right: 30px;
letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
.topProfessional .profBlock .profEx .h2Bg h2 .h2_alternat {
font-size: 60px;
font-size: 6rem;
line-height: 1;
margin-right: 0;
}
}
.topProfessional .profBlock .profEx .h2Bg h2 .h2_jp {
font-family: ten-mincho-text, serif;
font-weight: 400;
font-style: normal;
font-size: 20px;
font-size: 2rem;
margin-bottom: 20px;
position: relative;
margin-bottom: 16px;
letter-spacing: 0.025em;
}
@media screen and (max-width: 1100px) {
.topProfessional .profBlock .profEx .h2Bg h2 .h2_jp {
font-size: 18px;
font-size: 1.8rem;
}
}
.topProfessional .profBlock .profEx .h2Bg h2 .h2_jp .tc_nav-icon__arrow {
stroke: #0a0a0a;
width: 20px;
height: 10px;
top: 40px;
top: 32px;
}
@media screen and (max-width: 768px) {
.topProfessional .profBlock .profEx .h2Bg h2 {
padding-top: 30px;
padding-bottom: 10px;
}
}
@media screen and (max-width: 1300px) {
.topProfessional .profBlock .profEx .h2Bg h2 {
padding-left: 20px;
box-sizing: border-box;
}
}
.topProfessional .profBlock .profEx .h2Bg h2 .h2_alternat {
font-size: 48px;
font-size: 4.8rem;
}
.topProfessional .profBlock .profEx .h2Bg h2 .tc_nav-icon__arrow {
stroke: #fff !important;
}
.topProfessional .profBlock .profEx .profExMes {
padding-right: 100px;
padding-right: 0;
}
.topProfessional .profBlock .profEx .profExMes p {
font-size: 26px;
font-size: 2.6rem;
padding-top: 16px;
box-sizing: border-box;
}
@media screen and (max-width: 1300px) {
.topProfessional .profBlock .profEx .profExMes p {
padding-left: 20px;
box-sizing: border-box;
}
}
@media screen and (max-width: 1100px) {
.topProfessional .profBlock .profEx .profExMes p {
font-size: 22px;
font-size: 2.2rem;
}
}
@media screen and (max-width: 910px) {
.topProfessional .profBlock .profEx .profExMes p {
width: 95%;
margin: 0 auto;
padding: 10px 0 0 0;
}
.topProfessional .profBlock .profEx .profExMes p br {
display: none;
}
}
.topProfessional .profBlock .profEx .profExMes p span {
margin-top: 20px;
display: block;
font-size: 18px;
font-size: 1.8rem;
}
.topProfessional .profBlock .profEx .profExMes .topExBtn {
position: absolute;
right: 0;
bottom: 0;
}
@media screen and (max-width: 910px) {
.topProfessional .profBlock .profEx .profExMes .topExBtn {
position: relative;
text-align: right;
margin-top: 30px;
}
}
.topProfessional .profBlock .profEx .profExMes .topExBtn .blueBtnRed {
margin: 0;
}
.topProfessional .profBlock .profPhoto_pc {
width: 400px;
height: auto;
-webkit-transform: skewX(-4deg);
-ms-transform: skewX(-4deg);
transform: skewX(-4deg);
-webkit-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left;
}
.topProfessional .profBlock .profPhoto_pc .profPhotoMask {
overflow: hidden;
height: 357px;
position: relative;
}
.topProfessional .profBlock .profPhoto_pc .profPhotoMask img {
min-width: 108.8%;
min-width: 106.4%;
max-width: 100%;
height: auto;
vertical-align: bottom;
-webkit-transform: skewX(4deg);
-ms-transform: skewX(4deg);
transform: skewX(4deg);
-webkit-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left;
position: absolute;
top: -6px;
}
@media screen and (max-width: 910px) {
.topProfessional .profBlock .profPhoto_pc {
display: none;
}
}
.topProfessional .profBlock .profPhoto_sp {
display: none;
}
@media screen and (max-width: 910px) {
.topProfessional .profBlock .profPhoto_sp {
display: block;
width: 100%;
height: auto;
}
.topProfessional .profBlock .profPhoto_sp .profPhotoMask { text-align: center;
}
.topProfessional .profBlock .profPhoto_sp .profPhotoMask img {
max-width: 100%;
height: auto;
}
}   .page_header {
height: auto;
max-height: 150px;
}
.page_bnr {
position: relative;
overflow: hidden;
}
.page_bnr img {
width: 100%;
}
.page_bnr.small_bnr img {
height: 300px;
object-fit: cover;
}
.page_bnr:before {
content: '';
position: absolute;
top: 0;
left: 0;
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/top/grad_b.png);
background-repeat: repeat-x;
background-size: contain;
z-index: 1;
width: 100%;
height: 200px;
opacity: 0.3;
}
.page_bnr h2 {
position: absolute;
font-size: 45px;
color: #fff;
text-align: center;
left: 50%;
bottom: 50px;
transform: translateX(-50%);
z-index: 2;
letter-spacing: 0.1em;
}
.aboutTable {
position: relative;
display: flex;
max-width: 1360px;
width: 100%;
border-top: 1px solid #266b91;
flex-wrap: wrap;
}
.aboutTable dl {
display: flex;
width: 100%;
padding: 13px 0;
box-sizing: border-box;
border-bottom: 1px solid #266b91;
}
@media screen and (max-width: 910px) {
.aboutTable dl {
display: block;
}
}
.aboutTable dl dt {
width: 205px;
font-size: 17px;
font-size: 1.7rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-style: normal;
}
.aboutTable dl dd {
width: calc(100% - 135px);
}
@media screen and (max-width: 910px) {
.aboutTable dl dd {
width: 100%;
}
}
@media screen and (max-width: 910px) {
.subPage .content_w {
padding: 10px;
box-sizing: border-box;
}
}
.subPage h2:not(.topBnrBtImg) .tc_nav-icon__arrow {
stroke: #b4b4b5;
}
.subPage h2:not(.topBnrBtImg),
.subPage h1.page_title {
color: #0a0a0a;
position: relative;
display: block;
}
.subPage h2:not(.topBnrBtImg) span,
.subPage h1.page_title span {
display: block;
text-align: center;
font-size: 32px;
font-size: 3.2rem;
}
.subPage h2:not(.topBnrBtImg) .h2_alternat
, .subPage h1 .page_title_alternat {
font-family: alternate-gothic-no-2-d,sans-serif;
font-weight: 400;
font-style: normal;
color: #cbd2d8;
letter-spacing: 0.05em;
}
.subPage h2:not(.topBnrBtImg) .h2_jp,
.subPage h1 .page_title_jp {
font-family: ten-mincho-text, serif;
font-weight: 400;
font-style: normal;
letter-spacing: 0.1em;
}
.subPage .page_title_bg {
width: 100%;
height: 105px;
background: #fff;
}
.subPage .page_title_bg h1.page_title {
width: 1000px;
margin: 0 auto;
display: flex;
align-items: baseline;
}
.subPage .page_title_bg h1.page_title .page_title_alternat {
color: #0a0a0a;
font-size: 78px;
font-size: 7.8rem;
margin-right: 20px;
}
@media screen and (max-width: 910px) {
.subPage .page_title_bg h1.page_title .page_title_alternat {
font-size: 60px;
font-size: 6rem;
margin-right: 12px;
}
}
@media screen and (max-width: 910px) {
.subPage .page_title_bg h1.page_title .page_title_alternat {
line-height: 60px;
margin: 0 auto;
}
}
.subPage .page_title_bg h1.page_title .page_title_jp {
font-size: 24px;
font-size: 2.4rem;
}
@media screen and (max-width: 1280px) {
.subPage .page_title_bg h1.page_title {
box-sizing: border-box;
padding-left: 20px;
}
}
@media screen and (max-width: 910px) {
.subPage .page_title_bg h1.page_title {
width: 100%;
}
}
@media screen and (max-width: 910px) {
.subPage .page_title_bg h1.page_title {
display: block;
padding: 0;
}
}
.subPage .topProfessional {
margin-bottom: 60px;
}
@media screen and (max-width: 910px) {
.subPage .topProfessional {
margin-bottom: 20px;
}
}
#about .line_bg {
background: linear-gradient(180deg, #f6f6f8 0%, #f6f6f8 350px, #ffffff 350px, #ffffff 100%);
padding-top: 30px;
padding-bottom: 10px;
padding-left: calc((100% - 1200px)/2);
padding-right: calc((100% - 1200px)/2);
box-sizing: border-box;
}
@media screen and (max-width: 1280px) {
#about .line_bg {
padding-left: 0px;
padding-right: 0px;
}
}
#about .aboutSec1 {
max-width: 1360px;
width: 100%;
background: #fff;
padding: 40px;
box-sizing: border-box;
margin: 0 auto 30px;
}
@media screen and (max-width: 1280px) {
#about .aboutSec1 {
max-width: calc(100% - 100px);
width: 100%;
padding: 20px;
margin: 0 auto 0 2.5%;
}
}
@media screen and (max-width: 910px) {
#about .aboutSec1 {
padding: 10px;
max-width: 95%;
width: 100%;
margin: 0 auto;
}
}
#about .aboutSec1 .aboutSec1List {
margin-top: 40px;
}
#about .aboutSec1 .aboutSec1List .text {
display: flex;
width: 100%;
justify-content: space-between;
}
@media screen and (max-width: 910px) {
#about .aboutSec1 .aboutSec1List .text .aboutSec1ListTxt {
margin: 16px auto 0;
}
#about .aboutSec1 .aboutSec1List .text .aboutSec1ListTxt .smt_disp {
display: none;
}
}
#about .aboutSec1 .aboutSec1List .text .aboutSec1ListTxt h3 {
font-size: 28px;
font-size: 2.8rem;
line-height: 1.5;
font-weight: normal;
font-weight: 400;
}
@media screen and (max-width: 910px) {
#about .aboutSec1 .aboutSec1List .text .aboutSec1ListTxt h3 {
font-size: 24px;
font-size: 2.4rem;
}
}
#about .aboutSec1 .aboutSec1List .text .aboutSec1ListTxt .text_mes1 {
margin-top: 25px;
}
@media screen and (max-width: 910px) {
#about .aboutSec1 .aboutSec1List .text {
display: block;
box-sizing: border-box;
margin-top: 70px;
}
}
#about .aboutSec1 .aboutSec1List .text h3 {
font-family: ten-mincho-text, serif;
font-weight: 400;
font-style: normal;
font-size: 28px;
font-size: 2.8rem;
line-height: 2;
display: inline;
padding-bottom: 0;
box-sizing: border-box;
border-bottom: 2px solid #b4b4b5;
}
#about .aboutSec1 .aboutSec1List .text h3 em {
color: #ed005b;
border-bottom: 2px solid #ed005b;
}
#about .aboutSec1 .aboutSec1List .text h3 br {
display: none;
}
#about .message .aboutSec1ListTxt {
margin: 0 10px;
max-width: calc(100% - (424px + 40px));
width: 100%;
}
@media screen and (max-width: 910px) {
#about .message .aboutSec1ListTxt {
max-width: 100%;
width: 100%;
}
}
#about .message p {
font-size: 17px;
font-size: 1.7rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-style: normal;
line-height: 2.2;
letter-spacing: 0.025em;
}
@media screen and (max-width: 910px) {
#about .message p {
line-height: 2;
}
}
#about .message h2 .image_illust {
display: block;
width: 204px;
height: 161px;
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/about/about_message_illust.svg);
position: absolute;
right: 0;
z-index: 0;
}
#about .message figure {
width: 424px;
margin-right: 20px;
margin-left: 0px;
}
@media screen and (max-width: 910px) {
#about .message figure {
margin: 0 auto;
width: 100%;
}
}
#about .message figure figcaption {
padding-top: 15px;
font-family: ten-mincho-text, serif;
font-weight: 400;
font-style: normal;
}
@media screen and (max-width: 910px) {
#about .philosophy {
padding-bottom: 40px;
}
}
#about .philosophy h2 .image_illust {
display: block;
width: 210px;
height: 183px;
position: absolute;
left: 0;
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/about/about_philosophy_illust.svg);
z-index: 0;
background-repeat: no-repeat;
background-size: cover;
}
@media screen and (max-width: 910px) {
#about .philosophy h2 .image_illust {
width: 185px;
height: 163px;
}
}
#about .philosophy .aboutSec1List {
margin: 40px auto 20px;
}
@media screen and (max-width: 910px) {
#about .philosophy .aboutSec1List {
text-align: center;
}
}
@media screen and (max-width: 910px) {
#about .philosophy .aboutSec1List .text {
display: inline-block !important;
width: auto !important;
margin-top: 24px;
}
}
#about .philosophy .aboutSec1List .aboutSec1ListTxt {
width: 100%; }
#about .philosophy .aboutSec1List .aboutSec1ListTxt p {
font-family: ten-mincho-text, serif;
font-weight: 400;
font-style: normal;
font-size: 22px;
font-size: 2.2rem;
line-height: 2.0;
text-align: center;
}
@media screen and (max-width: 910px) {
#about .philosophy .aboutSec1List .aboutSec1ListTxt p {
line-height: 1.5;
text-align: left;
}
#about .philosophy .aboutSec1List .aboutSec1ListTxt p br {
display: none;
}
}
#about .philosophy .aboutSec2List {
margin: 40px auto 20px;
}
#about .philosophy .aboutSec2List .aboutSec1ListTxt {
width: 100%;
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/about/bg_marker_or.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
#about .philosophy .aboutSec2List .aboutSec1ListTxt p {
font-size: 22px;
font-size: 2.2rem;
line-height: 2.0;
text-align: center;
}
#about .philosophy .philosophy_img {
display: flex;
margin-top: 40px;
}
@media screen and (max-width: 910px) {
#about .philosophy .philosophy_img {
display: block;
}
}
#about .philosophy .img_frame {
position: relative;
overflow: hidden;
width: 550px;
height: 300px;
}
@media screen and (max-width: 910px) {
#about .philosophy .img_frame {
margin: 0 auto;
width: 100%;
height: auto;
}
}
#about .philosophy .img_frame img {
max-width: 550px;
width: auto;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width: 1280px) {
#about .philosophy .img_frame img {
height: auto;
}
}
@media screen and (max-width: 910px) {
#about .philosophy .img_frame img {
position: static;
width: 100%;
max-width: 100%;
height: auto;
}
}
#about .outline {
padding-bottom: 0;
}
#about .outline .aboutSec1List {
margin-top: 30px;
}
#about .outline .image_illust {
display: block;
width: 290px;
height: 124px;
position: absolute;
right: 0;
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/about/about_outline_illust.svg);
background-repeat: no-repeat;
z-index: 0;
}
#about .outline .aboutTable {
margin: 50px auto 0;
}
#about .outline .aboutTable dl {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-style: normal;
}
#about .outline .aboutTable dl dt {
font-size: 16px;
font-size: 1.6rem;
color: #888;
}
#about .outline .aboutTable dl dd {
font-size: 17px;
font-size: 1.7rem;
}
#about .outline .aboutTable dl dd a {
color: #0065A3;
text-decoration: underline;
}
#about .history {
padding-bottom: 0;
}
#about .history .image_illust {
display: block;
width: 192px;
height: 154px;
position: absolute;
left: 0;
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/about/about_history_illust.svg);
background-repeat: no-repeat;
z-index: 0;
}
#about .history .aboutTable {
margin: 25px auto 0;
}
#about .history .aboutTable dl {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-style: normal;
font-size: 17px;
font-size: 1.7rem;
}
#about .history .aboutTable dl dt {
color: #888;
}
@media screen and (max-width: 910px) {
#about .topRecruit {
margin-bottom: 110px;
}
}
#office .content_w {
padding-left: calc((100% - 1100px)/2);
padding-right: calc((100% - 1100px)/2);
box-sizing: border-box;
width: 100%;
}
@media screen and (max-width: 1280px) {
#office .content_w {
max-width: calc(100% - (100px + 50px));
padding: 20px;
margin: 0 auto 0 2.5%;
}
}
@media screen and (max-width: 910px) {
#office .content_w {
padding: 20px;
padding: 20px 0;
padding: 10px;
max-width: inherit;
width: 95%;
margin: 0 auto;
}
}
#office .content_w .aboutSec1 {
padding: 0;
margin: 48px auto 0;
}
@media screen and (max-width: 910px) {
#office .content_w .aboutSec1 {
margin-top: 30px;
}
}
#office .content_w .aboutSec1:last-child .office_list {
margin-bottom: 100px;
}
@media screen and (max-width: 910px) {
#office .content_w .aboutSec1:last-child .office_list {
margin-bottom: 0;
}
}
#office h2.title {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color: #234d70;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-style: normal;
font-size: 28px;
font-size: 2.8rem;
letter-spacing: 0.025em;
}
@media screen and (max-width: 910px) {
#office h2.title {
font-size: 24px;
font-size: 2.4rem;
}
}
#office h2.title:before {
content: "";
display: inline-block;
font-size: 18px;
height: 40px;
border-left: 2px solid #234d70;
transform: rotate(30deg);
margin-right: 80px;
}
@media screen and (max-width: 910px) {
#office h2.title:before {
margin-right: 40px;
}
}
#office h2.title:after {
content: "";
display: inline-block;
font-size: 18px;
height: 40px;
border-left: 2px solid #234d70;
transform: rotate(30deg);
margin-left: 80px;
}
@media screen and (max-width: 910px) {
#office h2.title:after {
margin-left: 40px;
}
}
#office .office_list {
margin-top: 20px;
margin-bottom: 100px;
}
@media screen and (max-width: 910px) {
#office .office_list {
margin-bottom: 60px;
}
}
#office .office_list .text {
margin-top: 0;
}
#office .office_list .officeImg {
display: flex;
max-width: 100%;
width: 100%;
}
@media screen and (max-width: 910px) {
#office .office_list .officeImg {
display: block;
}
}
#office .office_list .officeImg img, #office .office_list .officeImg .map {
max-width: 538px;
width: 49%;
margin-right: 2%;
height: auto;
}
#office .office_list .officeImg img:last-child, #office .office_list .officeImg .map:last-child {
margin-right: 0px;
}
@media screen and (max-width: 910px) {
#office .office_list .officeImg img:last-child, #office .office_list .officeImg .map:last-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 910px) {
#office .office_list .officeImg img, #office .office_list .officeImg .map {
max-width: 100%;
width: 100%;
margin-bottom: 16px;
}
}
#office .office_list .officeImg .map {
position: relative;
padding-bottom: 34%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
@media screen and (max-width: 910px) {
#office .office_list .officeImg .map {
padding-bottom: 69%;
}
}
#office .office_list .officeImg .map iframe,
#office .office_list .officeImg .map object,
#office .office_list .officeImg .map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#office .office_list .outline {
margin-top: 12px;
padding: 0;
}
#office .office_list .outline .aboutTable {
width: 100%;
}
#office .office_list .outline .aboutTable dl {
display: flex;
align-items: center;
padding: 10px 0;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-style: normal;
letter-spacing: 0.025em;
}
@media screen and (max-width: 910px) {
#office .office_list .outline .aboutTable dl {
display: block;
}
}
#office .office_list .outline .aboutTable dl dd {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 19px;
font-size: 1.9rem;
}
@media screen and (max-width: 910px) {
#office .office_list .outline .aboutTable dl dd {
display: block;
}
}
#office .office_list .outline .aboutTable dl dd .btn_map {
position: relative;
width: 180px;
height: 40px;
background: #000;
transition: 0.3s;
}
@media screen and (max-width: 910px) {
#office .office_list .outline .aboutTable dl dd .btn_map {
margin: 8px 0 0 auto;
}
}
#office .office_list .outline .aboutTable dl dd .btn_map:hover {
background: #ff931e;
transition: 0.3s;
}
@media screen and (max-width: 910px) {
#office .office_list .outline .aboutTable dl dd .btn_map:hover {
background: #0a0a0a;
}
}
#office .office_list .outline .aboutTable dl dd .btn_map:hover .tc_nav-icon__arrow {
right: 13px;
}
@media screen and (max-width: 910px) {
#office .office_list .outline .aboutTable dl dd .btn_map:hover .tc_nav-icon__arrow {
right: 16px;
}
}
#office .office_list .outline .aboutTable dl dd .btn_map a {
color: #fff;
font-size: 15px;
font-size: 1.5rem;
display: block;
width: 100%;
height: 100%;
line-height: 40px;
padding: 0 16px 0px;
box-sizing: border-box;
}
#office .office_list .outline .aboutTable dl dd .btn_map a .tc_nav-icon__arrow {
display: inline-block;
position: absolute;
left: inherit;
width: 14px;
height: 7px;
right: 16px;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
transition: 0.3s;
}
#office .office_list .outline .aboutTable dl dt {
font-size: 17px;
font-size: 1.7rem;
color: #888;
}
#business .content_w {
box-sizing: border-box;
width: 100%;
padding-left: calc((100% - 1320px)/2);
padding-right: calc((100% - 1320px)/2);
}
@media screen and (max-width: 1465px) {
#business .content_w {
max-width: calc(100% - 100px);
padding: 20px;
box-sizing: border-box;
margin: 0 auto 0 2.5%;
}
}
@media screen and (max-width: 1280px) {
#business .content_w {
max-width: calc(100% - 100px);
padding: 20px;
box-sizing: border-box;
margin: 0 auto 0 2.5%;
}
}
@media screen and (max-width: 910px) {
#business .content_w {
max-width: 95%;
margin: 0 auto;
}
}
#business .content_w .text p {
line-height: 2.2;
}
@media screen and (max-width: 910px) {
#business .content_w .text p {
line-height: 2;
}
}
#business .content_w .aboutSec1 {
padding: 0;
}
#business .content_w .aboutSec1 .img_text {
margin-bottom: 32px;
}
#business .content_w .aboutSec1 .aboutSec1List {
margin-top: 40px;
}
@media screen and (max-width: 910px) {
#business .content_w .aboutSec1 .aboutSec1List {
margin-top: 30px;
}
}
#business .content_w .aboutSec1 .aboutSec1List .catch {
font-family: ten-mincho-text, serif;
font-weight: 400;
font-style: normal;
font-size: 30px;
font-size: 3rem;
letter-spacing: 0.025em;
text-align: center;
line-height: 60px;
margin-bottom: 24px;
}
@media screen and (max-width: 910px) {
#business .content_w .aboutSec1 .aboutSec1List .catch {
line-height: 1.5;
font-size: 20px;
font-size: 2rem;
text-align: left;
}
}
#business .content_w .aboutSec1 .aboutSec1List .catch em {
color: #234d70;
font-size: 36px;
font-size: 3.6rem;
}
@media screen and (max-width: 910px) {
#business .content_w .aboutSec1 .aboutSec1List .catch em {
font-size: 24px;
font-size: 2.4rem;
}
}
@media screen and (max-width: 910px) {
#business .content_w .aboutSec1 .aboutSec1List .catch br {
display: none;
}
}
#business .content_w .aboutSec1 .aboutSec1List .img_text {
display: inline-flex;
}
@media screen and (max-width: 910px) {
#business .content_w .aboutSec1 .aboutSec1List .img_text {
display: block;
}
}
#business .content_w .aboutSec1 .aboutSec1List .img_text .img_frame {
position: relative;
overflow: hidden;
max-width: 531px;
width: auto;
height: 338px;
margin-bottom: 40px;
}
@media screen and (max-width: 910px) {
#business .content_w .aboutSec1 .aboutSec1List .img_text .img_frame {
height: auto;
margin: 0 auto 16px;
}
}
#business .content_w .aboutSec1 .aboutSec1List .img_text img {
max-width: 531px;
width: auto;
height: 100%;
}
@media screen and (max-width: 1800px) {
#business .content_w .aboutSec1 .aboutSec1List .img_text img {
height: auto;
}
}
@media screen and (max-width: 910px) {
#business .content_w .aboutSec1 .aboutSec1List .img_text img {
position: static;
max-width: 100%;
width: 100%;
height: auto;
}
}
#business .content_w .aboutSec1 .aboutSec1List .img_text .text {
width: calc(100% - 500px);
margin-left: 48px;
box-sizing: border-box;
}
#business .content_w .aboutSec1 .aboutSec1List .img_text .text p {
margin-bottom: 40px;
}
@media screen and (max-width: 910px) {
#business .content_w .aboutSec1 .aboutSec1List .img_text .text .p1 {
margin-bottom: 20px;
}
}
@media screen and (max-width: 1360px) {
#business .content_w .aboutSec1 .aboutSec1List .img_text .text .smt_disp {
display: none;
}
}
@media screen and (max-width: 910px) {
#business .content_w .aboutSec1 .aboutSec1List .img_text .text {
width: 100%;
margin: 0 auto;
}
}
#business .content_w .aboutSec1 .aboutSec2List h3 {
background: rgba(37, 113, 188, 0.2);
width: 100%;
height: 75px;
color: #fff;
border-bottom: 1px solid #234d70;
box-sizing: border-box;
margin-bottom: 24px;
font-size: 28px;
font-size: 2.8rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-style: normal;
}
#business .content_w .aboutSec1 .aboutSec2List h3 .band {
background: #234d70;
display: inline-block;
text-align: center;
width: 290px;
height: 100%;
box-sizing: border-box;
}
@media screen and (max-width: 910px) {
#business .content_w .aboutSec1 .aboutSec2List h3 .band {
width: 100%;
}
}
#business .content_w .aboutSec1 .aboutSec2List h3 .band .logo_h3 {
margin: 0 auto;
display: flex;
align-items: center;
width: 280px;
height: 100%;
line-height: 75px;
}
@media screen and (max-width: 910px) {
#business .content_w .aboutSec1 .aboutSec2List h3 .band .logo_h3 {
display: inline-block;
width: auto;
}
}
#business .content_w .aboutSec1 .aboutSec2List h3 .band .logo_h3 .icon_logo {
display: inline-block;
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/common/ico_logo_w.svg);
width: 40px;
height: 40px;
margin-right: 8px;
box-sizing: border-box;
}
@media screen and (max-width: 910px) {
#business .content_w .aboutSec1 .aboutSec2List h3 .band .logo_h3 .icon_logo {
vertical-align: text-bottom;
}
}
#business .content_w .aboutSec1 .aboutSec2List .img_text {
display: flex;
}
@media screen and (max-width: 910px) {
#business .content_w .aboutSec1 .aboutSec2List .img_text {
display: block;
}
}
#business .content_w .aboutSec1 .aboutSec2List .img_text .images {
margin: 0 0 0 auto;
width: 50%;
}
@media screen and (max-width: 910px) {
#business .content_w .aboutSec1 .aboutSec2List .img_text .images {
width: 100%;
}
}
#business .content_w .aboutSec1 .aboutSec2List .img_text .img_frame {
position: relative;
overflow: hidden;
max-width: 572px;
width: 100%;
height: 340px;
margin-bottom: 16px;
}
@media screen and (max-width: 910px) {
#business .content_w .aboutSec1 .aboutSec2List .img_text .img_frame {
height: auto;
margin: 0 auto 16px;
}
}
#business .content_w .aboutSec1 .aboutSec2List .img_text .img_frame img {
max-width: 572px;
width: auto;
height: 340px;
}
@media screen and (max-width: 910px) {
#business .content_w .aboutSec1 .aboutSec2List .img_text .img_frame img {
width: 100%;
height: auto;
}
}
#business .content_w .aboutSec1 .aboutSec2List .img_text h4 {
width: 320px;
border: 1px solid #234d70;
border-left: 7px solid #234d70;
height: 60px;
color: #234d70;
box-sizing: border-box;
padding-top: 13px;
font-size: 28px;
font-size: 2.8rem;
text-align: center;
}
@media screen and (max-width: 910px) {
#business .content_w .aboutSec1 .aboutSec2List .img_text h4 {
width: 100%;
}
}
#business .content_w .aboutSec1 .aboutSec2List .img_text .text {
width: calc(100% - 500px);
margin-left: 0;
margin-right: 48px;
}
@media screen and (max-width: 1280px) {
#business .content_w .aboutSec1 .aboutSec2List .img_text .text {
width: 100%;
}
}
#business .content_w .aboutSec1 .aboutSec2List .img_text .text .list {
margin-bottom: 24px;
}
#business .content_w .aboutSec1 .aboutSec2List .img_text .text .list ul li {
margin: 4px 0;
}
#business .content_w .aboutSec1 .aboutSec2List .img_text .text .list ul li::before {
content: "・";
display: inline-block;
}
#business .content_w .aboutSec1 .aboutSec2List .img_text .text .list.range {
margin-top: 48px;
}
#business .content_w .aboutSec1 .aboutSec2List .img_text .text .list.range ul {
display: flex;
}
@media screen and (max-width: 1280px) {
#business .content_w .aboutSec1 .aboutSec2List .img_text .text .list.range ul {
display: block;
}
}
#business .content_w .aboutSec1 .aboutSec2List .img_text .text .list.prodcut ul li {
margin: 4px 0;
}
#business .content_w .aboutSec1 .aboutSec2List.support {
margin-bottom: 80px;
}
#business .content_w .aboutSec1 .aboutSec2List.support .img_text .text {
width: auto;
margin-left: 48px;
margin-right: 0;
box-sizing: border-box;
}
@media screen and (max-width: 910px) {
#business .content_w .aboutSec1 .aboutSec2List.support .img_text .text {
margin-left: 0;
}
}
#business .content_w .aboutSec1 .business-flow h4{
width: 100%;
border: 1px solid #234d70;
border-left: 7px solid #234d70;
height: 60px;
color: #234d70;
box-sizing: border-box;
padding-top: 13px;
font-size: 28px;
font-size: 2.8rem;
text-align: center;
}
#business .content_w .aboutSec1 .business-flow img.business-img{
width: 70%;
display: block;
margin: 0 auto;
}
@media screen and (max-width: 910px){
#business .content_w .aboutSec1 .business-flow img.business-img{
width: 100%;
}
}
#business .content_w .aboutSec1 .business-flow p.business-p{
text-align: center;
font-weight: bold;
margin: 50px 0;
font-size: 18px;
}
@media screen and (max-width: 722px){
#business .content_w .aboutSec1 .business-flow p.business-p{
font-size: 15px;
margin: 20px 0 30px 0;
}
}
#business .content_w .aboutSec1 .business-flow p.business-p br.sp{
display: none;
}
@media screen and (max-width: 608px){
#business .content_w .aboutSec1 .business-flow p.business-p br.sp{
display: block;
}
}
#media h2 {
text-align: center;
font-size: 30px;
font-size: 3rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-style: normal;
margin-bottom: 48px;
}
@media screen and (max-width: 910px) {
#media h2 .align {
display: inline-block;
text-align: left;
font-size: 24px;
font-size: 2.4rem;
}
}
#media .content_w {
box-sizing: border-box;
width: 100%;
padding-left: calc((100% - 1290px)/2);
padding-right: calc((100% - 1290px)/2);
margin-top: 48px;
}
@media screen and (max-width: 1280px) {
#media .content_w {
max-width: calc(100% - 100px);
padding: 10px;
margin: 0 auto 0 2.5%;
}
}
@media screen and (max-width: 910px) {
#media .content_w {
padding: 10px;
max-width: 95%;
margin: 0 auto;
}
}
#media .aboutSec1List {
border-bottom: 1px dashed #234d70;
padding-bottom: 60px;
}
@media screen and (max-width: 910px) {
#media .aboutSec1List {
padding-bottom: 40px;
}
}
#media .aboutSec1List .bnr_sns {
display: flex;
justify-content: center;
}
@media screen and (max-width: 1280px) {
#media .aboutSec1List .bnr_sns {
display: block;
}
}
#media .aboutSec1List .bnr_sns .bnr {
width: 330px;
height: 118px;
overflow: hidden;
border: 1px solid #234d70;
position: relative;
box-sizing: border-box;
margin-right: 16px;
transition: 0.3s;
}
@media screen and (max-width: 1280px) {
#media .aboutSec1List .bnr_sns .bnr {
margin: 0 auto 16px;
width: auto;
max-width: 330px;
}
}
#media .aboutSec1List .bnr_sns .bnr .tc_nav-icon__arrow {
height: 7px;
width: 14px;
stroke: #234d70;
opacity: 0.5;
position: absolute;
top: 50%;
left: auto;
right: 16px;
transform: translateY(-50%) rotate(-90deg);
transition: 0.3s;
}
#media .aboutSec1List .bnr_sns .bnr:hover .tc_nav-icon__arrow {
right: 13px;
}
#media .aboutSec1List .bnr_sns .bnr p {
font-family: alternate-gothic-no-2-d,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 42px;
font-size: 4.2rem;
color: #234d70;
text-align: center;
box-sizing: border-box;
line-height: 118px;
position: absolute;
left: 124px;
top: 50%;
transform: translateY(-50%);
}
@media screen and (max-width: 910px) {
#media .aboutSec1List .bnr_sns .bnr p {
font-size: 32px;
font-size: 3.2rem;
}
}
#media .aboutSec1List .bnr_sns .bnr .bg {
position: absolute;
top: 50%;
left: -60px;
transform: translateY(-50%);
background: red;
width: 165px;
height: 165px;
border-radius: 50%;
z-index: 0;
}
#media .aboutSec1List .bnr_sns .bnr .bg .icon {
position: absolute;
top: 50%;
left: 65%;
transform: translate(-50%, -50%);
}
#media .aboutSec1List .bnr_sns .blog {
margin-right: auto;
}
#media .aboutSec1List .bnr_sns .blog .bg {
background: #5381A0;
}
#media .aboutSec1List .bnr_sns .blog .bg .icon {
display: block;
width: 74px;
height: 74px;
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/common/ico_blog.svg);
background-repeat: no-repeat;
background-size: contain;
}
#media .aboutSec1List .bnr_sns .twitter .bg {
background: #29ABE2;
}
#media .aboutSec1List .bnr_sns .twitter .bg .icon {
display: block;
width: 52px;
height: 42px;
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/common/ico_twitter_w.svg);
background-repeat: no-repeat;
}
#media .aboutSec1List .bnr_sns .facebook .bg {
background: #1464B4;
}
#media .aboutSec1List .bnr_sns .facebook .bg .icon {
display: block;
width: 50px;
height: 50px;
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/common/ico_facebook_w.svg);
background-repeat: no-repeat;
}
#media .aboutSec2 {
margin-top: 40px;
border-bottom: 1px dashed #234d70;
padding-bottom: 60px;
}
@media screen and (max-width: 910px) {
#media .aboutSec2 {
padding-bottom: 40px;
}
}
#media .aboutSec2 .bnr_app {
display: flex;
justify-content: center;
}
@media screen and (max-width: 910px) {
#media .aboutSec2 .bnr_app {
display: block;
}
}
#media .aboutSec2 .bnr_app a {
max-width: 457px;
width: 50%;
display: block;
margin-right: 40px;
}
@media screen and (max-width: 910px) {
#media .aboutSec2 .bnr_app a {
max-width: 330px;
width: auto;
margin: 0 auto 40px;
}
#media .aboutSec2 .bnr_app a:last-child {
margin-bottom: 0;
}
}
#media .aboutSec2 .bnr_app .frame {
width: 100%;
height: auto;
}
#media .aboutSec2 .bnr_app .frame .bnr {
background-size: contain;
background-repeat: no-repeat;
width: 100%;
padding-top: 29.7%;
height: 0;
}
#media .aboutSec2 .bnr_app .android {
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/media/bnr_android.png);
}
#media .aboutSec2 .bnr_app .ios {
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/media/bnr_ios.png);
}
#media .bnr_radio_big {
border: solid 3px #234d70;
max-width: 942px;
width: 100%;
height: 486px;
position: relative;
padding: 30px;
overflow: hidden;
box-sizing: border-box;
margin: 60px auto;
padding-bottom: 72px;
}
@media screen and (max-width: 910px) {
#media .bnr_radio_big {
height: auto;
padding: 30px 16px 72px;
margin: 20px auto;
}
}
#media .bnr_radio_big .logo_img {
display: flex;
}
#media .bnr_radio_big .logo_img .radio_logo .text{
margin-top: 1em;
}
#media .bnr_radio_big .logo_img .img_frame {
width: 398px;
height: 398px;
border-radius: 50%;
overflow: hidden;
position: absolute;
top: -60px;
right: -60px;
}
@media screen and (max-width: 910px) {
#media .bnr_radio_big .logo_img .img_frame {
display: none;
}
}
#media .bnr_radio_big .logo_img .img_frame .img {
background: url(//naga-chu.jp/wp-content/themes/nagachu/images/media/radio_img01.jpg);
background-size: 90%;
top: 60px;
left: -54px;
position: absolute;
height: 375px;
width: 563px;
}
@media screen and (max-width: 910px) {
#media .bnr_radio_big .logo_img .radio_logo {
width: 100%;
}
}
#media .bnr_radio_big .logo_img .radio_logo img {
display: block;
}
#media .bnr_radio_big .logo_img .radio_logo .radio1 {
width: 426px;
height: 58px;
}
@media screen and (max-width: 910px) {
#media .bnr_radio_big .logo_img .radio_logo .radio1 {
height: auto;
}
}
#media .bnr_radio_big .logo_img .radio_logo .radio2 {
width: 158px;
height: 158px;
}
@media screen and (max-width: 910px) {
#media .bnr_radio_big .logo_img .radio_logo .radio2 {
margin: 0 auto;
}
}
#media .bnr_radio_big .img_text {
display: flex;
align-items: center;
}
@media screen and (max-width: 910px) {
#media .bnr_radio_big .img_text {
display: block;
}
}
#media .bnr_radio_big .img_text .title span {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-style: normal;
font-weight: 700;
}
#media .bnr_radio_big .img_text .title .small {
font-size: 15px;
font-size: 1.5rem;
}
#media .bnr_radio_big .img_text .title .normal {
font-size: 18px;
font-size: 1.8rem;
}
#media .bnr_radio_big .img_text .title .big {
font-size: 20px;
font-size: 2rem;
}
@media screen and (max-width: 910px) {
#media .bnr_radio_big .text p {
line-height: 2;
}
}
#media .bnr_radio_big .blueBtnRed {
position: absolute;
bottom: 0px;
right: 0px;
}
#media .ft_link:after {
content: "";
display: none;
}
.entry .h2_border.first,
#recruit .h2_border.first {
margin-bottom: 64px;
}
@media screen and (max-width: 910px) {
.entry .smt_disp,
#recruit .smt_disp {
display: none;
}
}
.entry .h2_border,
#recruit .h2_border {
width: 100%;
border-bottom: 1px solid #234d70;
padding-bottom: 12px;
position: relative;
}
@media screen and (max-width: 910px) {
.entry .h2_border br,
#recruit .h2_border br {
display: none;
}
}
.entry .h2_border:after,
#recruit .h2_border:after {
content: "";
display: inline-block;
width: 440px;
position: absolute;
bottom: -4px;
left: 50%;
transform: translateX(-50%);
border-bottom: 8px solid #234d70;
z-index: 1;
}
@media screen and (max-width: 910px) {
.entry .h2_border:after,
#recruit .h2_border:after {
width: 70%;
}
}
.entry .h2_border h2,
#recruit .h2_border h2 {
text-align: center;
font-family: ten-mincho-text, serif;
font-weight: 400;
font-style: normal;
font-size: 37px;
font-size: 3.7rem;
}
.entry .h2_border h2 em,
#recruit .h2_border h2 em {
color: #234d70;
font-size: 45px;
font-size: 4.5rem;
}
@media screen and (max-width: 910px) {
.entry .h2_border h2,
#recruit .h2_border h2 {
text-align: left;
font-size: 20px;
font-size: 2rem;
}
.entry .h2_border h2 em,
#recruit .h2_border h2 em {
font-size: 24px;
font-size: 2.4rem;
}
}
.entry .aboutSec3 h2.title,
#recruit .aboutSec3 h2.title {
display: flex;
align-items: baseline;
justify-content: center;
}
@media screen and (max-width: 910px) {
.entry .aboutSec3 h2.title,
#recruit .aboutSec3 h2.title {
display: block;
}
}
.entry .aboutSec3 h2.title .h2_alternat,
#recruit .aboutSec3 h2.title .h2_alternat {
font-size: 70px;
font-size: 7rem;
margin: 0;
color: #234d70;
line-height: 1;
margin-right: 24px;
}
@media screen and (max-width: 910px) {
.entry .aboutSec3 h2.title .h2_alternat,
#recruit .aboutSec3 h2.title .h2_alternat {
margin: 0;
}
}
.entry .aboutSec3 h2.title .h2_jp,
#recruit .aboutSec3 h2.title .h2_jp {
font-size: 24px;
font-size: 2.4rem;
margin: 0;
color: #234d70;
}
.entry .menu_recruit,
#recruit .menu_recruit {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
border-top: 1px solid #234d70;
border-bottom: 1px solid #234d70;
}
@media screen and (max-width: 910px) {
.entry .menu_recruit,
#recruit .menu_recruit {
border: 0px solid red;
}
}
.entry .menu_recruit ul,
#recruit .menu_recruit ul {
display: flex;
justify-content: center;
height: 75px;
background: #fff;
}
@media screen and (max-width: 910px) {
.entry .menu_recruit ul,
#recruit .menu_recruit ul {
display: block;
height: auto;
}
}
.entry .menu_recruit ul li,
#recruit .menu_recruit ul li {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
font-style: normal;
font-size: 20px;
font-size: 2rem;
transition: 0.3s;
width: 200px;
text-align: center;
line-height: 75px;
}
.entry .menu_recruit ul li a,
#recruit .menu_recruit ul li a {
color: #234d70;
text-decoration: none !important;
}
.entry .menu_recruit ul li:hover,
#recruit .menu_recruit ul li:hover {
background: #234d70 !important;
transition: 0.3s;
}
.entry .menu_recruit ul li:hover a,
#recruit .menu_recruit ul li:hover a {
text-decoration: none !important;
color: #fff !important;
transition: 0.3s;
}
@media screen and (max-width: 910px) {
.entry .menu_recruit ul li,
#recruit .menu_recruit ul li {
border-bottom: 1px solid #234d70;
width: 100%;
height: 50px;
box-sizing: border-box;
}
.entry .menu_recruit ul li:first-child,
#recruit .menu_recruit ul li:first-child {
border-bottom: 1px solid #234d70;
border-top: 1px solid #234d70;
}
.entry .menu_recruit ul li:last-child,
#recruit .menu_recruit ul li:last-child {
border-top: 0px solid red;
}
}
.entry .menu_recruit ul li a,
#recruit .menu_recruit ul li a {
color: #234d70;
display: block;
width: 100%;
line-height: 75px;
height: 100%;
}
@media screen and (max-width: 910px) {
.entry .menu_recruit ul li a,
#recruit .menu_recruit ul li a {
line-height: 50px;
}
}
.entry .menu_recruit ul li.on,
#recruit .menu_recruit ul li.on {
background: #234d70;
}
.entry .menu_recruit ul li.on a,
#recruit .menu_recruit ul li.on a {
color: #fff !important;
}
.entry .content_w,
#recruit .content_w {
margin-top: 30px;
padding-left: calc((100% - 1320px)/2);
padding-right: calc((100% - 1320px)/2);
width: 100%;
box-sizing: border-box;
}
@media screen and (max-width: 910px) {
.entry .content_w,
#recruit .content_w {
padding: 20px;
padding: 20px 0;
padding: 10px;
max-width: inherit;
width: 95%;
margin: 0 auto;
}
}
.entry .content_w .text,
#recruit .content_w .text {
text-align: center;
margin-top: 18px;
line-height: 2;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-style: normal;
}
.entry .content_w .aboutSec2,
#recruit .content_w .aboutSec2 {
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/common/bg_line.png);
padding-bottom: 30px;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
box-sizing: border-box;
}
.entry .content_w .aboutSec2 .news_recruit,
#recruit .content_w .aboutSec2 .news_recruit {
max-width: 1100px;
width: 100%;
margin: 56px auto 48px;
position: relative;
}
@media screen and (max-width: 1360px) {
.entry .content_w .aboutSec2 .news_recruit,
#recruit .content_w .aboutSec2 .news_recruit {
margin: 56px auto 48px 2.5%;
max-width: calc(100% - (100px + 50px));
}
}
@media screen and (max-width: 910px) {
.entry .content_w .aboutSec2 .news_recruit,
#recruit .content_w .aboutSec2 .news_recruit {
max-width: 95%;
margin: 56px auto 48px;
}
}
.entry .content_w .aboutSec2 .news_recruit h2,
#recruit .content_w .aboutSec2 .news_recruit h2 {
width: 150px;
width: auto;
height: 50px;
line-height: 50px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
text-align: center;
background: #234d70;
color: #fff;
position: absolute;
top: -25px;
left: 50%;
transform: translateX(-50%);
z-index: 1;
font-family: ten-mincho-text, serif;
font-weight: 400;
font-style: normal;
font-size: 29px;
font-size: 2.9rem;
}
@media screen and (max-width: 910px) {
.entry .content_w .aboutSec2 .news_recruit h2,
#recruit .content_w .aboutSec2 .news_recruit h2 {
width: 160px;
}
}
.entry .content_w .aboutSec2 .news_recruit .aboutSec2List,
#recruit .content_w .aboutSec2 .news_recruit .aboutSec2List {
border: 1px solid #234d70;
max-width: 100%;
width: 100%;
margin: 0 auto;
}
@media screen and (max-width: 910px) {
.entry .content_w .aboutSec2 .news_recruit .aboutSec2List,
#recruit .content_w .aboutSec2 .news_recruit .aboutSec2List {
margin: 0 auto;
}
}
.entry .content_w .aboutSec2 .news_recruit .aboutSec2List ul,
#recruit .content_w .aboutSec2 .news_recruit .aboutSec2List ul {
background: #fff;
padding: 40px 60px;
box-sizing: border-box;
}
@media screen and (max-width: 910px) {
.entry .content_w .aboutSec2 .news_recruit .aboutSec2List ul,
#recruit .content_w .aboutSec2 .news_recruit .aboutSec2List ul {
padding: 10px 20px;
}
}
.entry .content_w .aboutSec2 .news_recruit .aboutSec2List ul li,
#recruit .content_w .aboutSec2 .news_recruit .aboutSec2List ul li {
display: flex;
align-items: baseline;
padding: 24px 0;
box-sizing: border-box;
border-bottom: 1px solid #C0C3C9;
}
@media screen and (max-width: 910px) {
.entry .content_w .aboutSec2 .news_recruit .aboutSec2List ul li,
#recruit .content_w .aboutSec2 .news_recruit .aboutSec2List ul li {
display: block;
}
}
.entry .content_w .aboutSec2 .news_recruit .aboutSec2List ul li .date,
#recruit .content_w .aboutSec2 .news_recruit .aboutSec2List ul li .date {
font-size: 16px;
font-size: 1.6rem;
color: #505660;
margin-right: 24px;
}
@media screen and (max-width: 910px) {
.entry .content_w .aboutSec2 .news_recruit .aboutSec2List ul li .date,
#recruit .content_w .aboutSec2 .news_recruit .aboutSec2List ul li .date {
width: 100%;
text-align: left;
}
}
.entry .content_w .aboutSec2 .news_recruit .aboutSec2List ul li .title,
#recruit .content_w .aboutSec2 .news_recruit .aboutSec2List ul li .title {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-style: normal;
font-weight: 500;
font-size: 17px;
font-size: 1.7rem;
transition: 0.3s;
max-width: calc(100% - (80px + 24px));
width: 100%;
text-align: left;
}
@media screen and (max-width: 910px) {
.entry .content_w .aboutSec2 .news_recruit .aboutSec2List ul li .title,
#recruit .content_w .aboutSec2 .news_recruit .aboutSec2List ul li .title {
max-width: 100%;
width: 100%;
}
}
.entry .content_w .aboutSec2 .news_recruit .aboutSec2List ul li .title:hover,
#recruit .content_w .aboutSec2 .news_recruit .aboutSec2List ul li .title:hover {
color: #ff931e;
text-decoration: underline;
transition: 0.3s;
}
.entry .content_w .aboutSec2 .news_recruit .aboutSec2List ul li .title p,
#recruit .content_w .aboutSec2 .news_recruit .aboutSec2List ul li .title p {
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.entry .content_w .aboutSec2 .news_recruit .topExBtn,
#recruit .content_w .aboutSec2 .news_recruit .topExBtn {
margin-top: 12px;
position: absolute;
right: 0;
}
.entry .content_w .aboutSec2 .news_recruit .topExBtn a,
#recruit .content_w .aboutSec2 .news_recruit .topExBtn a {
width: 200px;
margin-top: 0;
}
.entry .content_w .aboutSec3,
#recruit .content_w .aboutSec3 {
margin: 0 auto;
}
.entry .content_w .aboutSec3 h2.title,
#recruit .content_w .aboutSec3 h2.title {
display: flex;
align-items: baseline;
justify-content: center;
}
@media screen and (max-width: 910px) {
.entry .content_w .aboutSec3 h2.title,
#recruit .content_w .aboutSec3 h2.title {
display: block;
}
}
.entry .content_w .aboutSec3 h2.title .h2_alternat,
#recruit .content_w .aboutSec3 h2.title .h2_alternat {
font-size: 70px;
font-size: 7rem;
margin: 0;
color: #234d70;
line-height: 1;
margin-right: 24px;
}
@media screen and (max-width: 910px) {
.entry .content_w .aboutSec3 h2.title .h2_alternat,
#recruit .content_w .aboutSec3 h2.title .h2_alternat {
margin: 0;
}
}
.entry .content_w .aboutSec3 h2.title .h2_jp,
#recruit .content_w .aboutSec3 h2.title .h2_jp {
font-size: 24px;
font-size: 2.4rem;
letter-spacing: 0.01em;
margin: 0;
color: #234d70;
}
.entry .content_w .aboutSec3 .caption,
#recruit .content_w .aboutSec3 .caption {
text-align: center;
line-height: 2.2;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-style: normal;
margin-top: 32px;
font-size: 18px;
font-size: 1.8rem;
letter-spacing: 0.025em;
}
@media screen and (max-width: 910px) {
.entry .content_w .aboutSec3 .caption,
#recruit .content_w .aboutSec3 .caption {
text-align: left;
line-height: 2;
}
}
@media screen and (max-width: 1360px) {
.entry .content_w .aboutSec3 .interview,
#recruit .content_w .aboutSec3 .interview {
margin: 56px auto 48px 2.5%;
max-width: calc(100% - (100px));
width: 100%;
}
}
@media screen and (max-width: 910px) {
.entry .content_w .aboutSec3 .interview,
#recruit .content_w .aboutSec3 .interview {
max-width: 100%;
margin-left: auto;
margin-top: 16px;
margin-bottom: 24px;
}
}
.entry .content_w .aboutSec3 .interview .profile,
#recruit .content_w .aboutSec3 .interview .profile {
display: flex;
justify-content: center;
position: relative;
left: 50%;
transform: translateX(-50%);
margin: 42px auto 64px;
}
@media screen and (max-width: 1280px) {
.entry .content_w .aboutSec3 .interview .profile,
#recruit .content_w .aboutSec3 .interview .profile {
display: block;
margin-bottom: 32px;
}
}
@media screen and (min-width: 910px) and (max-width: 1280px) {
.entry .content_w .aboutSec3 .interview .profile,
#recruit .content_w .aboutSec3 .interview .profile {
display: block;
}
}
@media screen and (max-width: 910px) {
.entry .content_w .aboutSec3 .interview .profile,
#recruit .content_w .aboutSec3 .interview .profile {
margin-top: 0px;
}
}
@media screen and (min-width: 910px) and (max-width: 1280px) {
.entry .content_w .aboutSec3 .interview .profile .ProfPhoto_pc,
#recruit .content_w .aboutSec3 .interview .profile .ProfPhoto_pc {
width: 597px;
margin: 0 auto;
}
}
.entry .content_w .aboutSec3 .interview .profile .ProfPhoto_pc .img_frame,
#recruit .content_w .aboutSec3 .interview .profile .ProfPhoto_pc .img_frame {
width: 365px;
height: 378px;
transform: skewX(-10deg);
overflow: hidden;
position: relative;
}
@media screen and (max-width: 910px) {
.entry .content_w .aboutSec3 .interview .profile .ProfPhoto_pc .img_frame,
#recruit .content_w .aboutSec3 .interview .profile .ProfPhoto_pc .img_frame {
transform: skewX(0);
margin: 0 auto;
height: auto;
overflow: hidden;
width: 100%;
position: static;
}
}
.entry .content_w .aboutSec3 .interview .profile .ProfPhoto_pc .img_frame img,
#recruit .content_w .aboutSec3 .interview .profile .ProfPhoto_pc .img_frame img {
position: absolute;
left: -160px;
transform: skewX(10deg);
min-width: 156%;
height: 378px;
height: auto;
}
@media screen and (max-width: 910px) {
.entry .content_w .aboutSec3 .interview .profile .ProfPhoto_pc .img_frame img,
#recruit .content_w .aboutSec3 .interview .profile .ProfPhoto_pc .img_frame img {
transform: skewX(0);
min-width: 100%;
left: 0;
position: static;
}
}
.entry .content_w .aboutSec3 .interview .profile .box,
#recruit .content_w .aboutSec3 .interview .profile .box {
width: 597px;
margin-left: 70px;
}
.entry .content_w .aboutSec3 .interview .profile .box .prof_copy,
#recruit .content_w .aboutSec3 .interview .profile .box .prof_copy {
font-family: ten-mincho-text, serif;
font-weight: 400;
font-style: normal;
font-size: 31px;
font-size: 3.1rem;
}
@media screen and (max-width: 910px) {
.entry .content_w .aboutSec3 .interview .profile .box .prof_copy,
#recruit .content_w .aboutSec3 .interview .profile .box .prof_copy {
font-size: 26px;
font-size: 2.6rem;
}
}
@media screen and (max-width: 1280px) {
.entry .content_w .aboutSec3 .interview .profile .box,
#recruit .content_w .aboutSec3 .interview .profile .box {
position: relative;
margin: 16px auto 0;
}
}
@media screen and (max-width: 910px) {
.entry .content_w .aboutSec3 .interview .profile .box,
#recruit .content_w .aboutSec3 .interview .profile .box {
width: 100%;
}
}
.entry .content_w .aboutSec3 .interview .profile .box .outer,
#recruit .content_w .aboutSec3 .interview .profile .box .outer {
width: 100%;
height: 100px;
border-top: 1px solid #234d70;
border-right: 1px solid #234d70;
margin-top: 24px;
box-sizing: border-box;
}
@media screen and (max-width: 910px) {
.entry .content_w .aboutSec3 .interview .profile .box .outer,
#recruit .content_w .aboutSec3 .interview .profile .box .outer {
width: 90%;
position: absolute;
height: 170px;
z-index: -1;
}
}
.entry .content_w .aboutSec3 .interview .profile .box .outer .inner,
#recruit .content_w .aboutSec3 .interview .profile .box .outer .inner {
position: relative;
top: -15px;
}
.entry .content_w .aboutSec3 .interview .profile .box .outer .inner h3,
#recruit .content_w .aboutSec3 .interview .profile .box .outer .inner h3 {
display: inline-block;
box-sizing: border-box;
padding-right: 6px;
background: #fff;
font-family: tbcinergothic-std, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 24px;
font-size: 2.4rem;
color: #234d70;
}
@media screen and (max-width: 910px) {
.entry .content_w .aboutSec3 .interview .profile .box .outer .inner p,
#recruit .content_w .aboutSec3 .interview .profile .box .outer .inner p {
box-sizing: border-box;
padding-left: 20px;
}
}
.entry .content_w .aboutSec3 .interview .profile .box .outer .inner .place,
#recruit .content_w .aboutSec3 .interview .profile .box .outer .inner .place {
margin-top: 10px;
font-weight: 700;
font-size: 20px;
font-size: 2rem;
letter-spacing: 0.2em;
}
.entry .content_w .aboutSec3 .interview .profile .box .outer .inner .position,
#recruit .content_w .aboutSec3 .interview .profile .box .outer .inner .position {
font-weight: 700;
font-size: 20px;
font-size: 2rem;
}
.entry .content_w .aboutSec3 .interview .profile .box .outer .inner .name,
#recruit .content_w .aboutSec3 .interview .profile .box .outer .inner .name {
font-size: 25px;
font-size: 2.5rem;
letter-spacing: 0.2em;
font-weight: 700;
}
.entry .content_w .aboutSec3 .interview .profile .box .outer .inner .name .eng,
#recruit .content_w .aboutSec3 .interview .profile .box .outer .inner .name .eng {
color: #666666;
font-size: 20px;
font-size: 2rem;
letter-spacing: 0.05em;
}
@media screen and (max-width: 1360px) {
.entry .content_w .aboutSec3 .interview .profile .box .outer .inner .name .eng,
#recruit .content_w .aboutSec3 .interview .profile .box .outer .inner .name .eng {
display: block;
}
}
.entry .content_w .aboutSec3 .interview .profile .box .prof_sub,
#recruit .content_w .aboutSec3 .interview .profile .box .prof_sub {
width: 362px;
height: 238px;
position: absolute;
right: -20px;
top: 153px;
}
@media screen and (max-width: 1280px) {
.entry .content_w .aboutSec3 .interview .profile .box .prof_sub,
#recruit .content_w .aboutSec3 .interview .profile .box .prof_sub {
right: -172px;
}
}
@media screen and (max-width: 910px) {
.entry .content_w .aboutSec3 .interview .profile .box .prof_sub,
#recruit .content_w .aboutSec3 .interview .profile .box .prof_sub {
right: 0;
position: static;
margin: 186px 0 0 auto;
max-width: 100%;
}
}
.entry .content_w .aboutSec3 .interview.inoue,
#recruit .content_w .aboutSec3 .interview.inoue {
margin-top: 60px;
}
@media screen and (max-width: 910px) {
.entry .content_w .aboutSec3 .interview.inoue,
#recruit .content_w .aboutSec3 .interview.inoue {
margin-top: 24px;
margin-bottom: 0;
}
}
.entry .content_w .aboutSec3 .interview.inoue .profile .ProfPhoto_pc .img_frame img,
#recruit .content_w .aboutSec3 .interview.inoue .profile .ProfPhoto_pc .img_frame img {
min-width: 130%;
left: -58px;
}
@media screen and (max-width: 910px) {
.entry .content_w .aboutSec3 .interview.inoue .profile .ProfPhoto_pc .img_frame img,
#recruit .content_w .aboutSec3 .interview.inoue .profile .ProfPhoto_pc .img_frame img {
margin-left: -16%;
}
}
.entry .content_w .aboutSec3 .question,
#recruit .content_w .aboutSec3 .question {
display: flex;
justify-content: center;
max-width: 1320px;
width: 100%;
}
@media screen and (max-width: 1280px) {
.entry .content_w .aboutSec3 .question,
#recruit .content_w .aboutSec3 .question {
margin-top: 220px;
}
}
@media screen and (max-width: 910px) {
.entry .content_w .aboutSec3 .question,
#recruit .content_w .aboutSec3 .question {
display: block;
width: 95%;
margin: 0px auto 0;
}
}
.entry .content_w .aboutSec3 .question dl,
#recruit .content_w .aboutSec3 .question dl {
border: 1px solid #234d70;
position: relative;
margin-right: 36px;
width: 639px;
box-sizing: border-box;
padding: 20px;
}
.entry .content_w .aboutSec3 .question dl:last-child,
#recruit .content_w .aboutSec3 .question dl:last-child {
margin-right: 0;
}
.entry .content_w .aboutSec3 .question dl:before,
#recruit .content_w .aboutSec3 .question dl:before {
content: "";
display: block;
width: 90px;
height: 90px;
background: #234d70;
opacity: 0.3;
position: absolute;
top: -30px;
right: -22px;
}
@media screen and (max-width: 910px) {
.entry .content_w .aboutSec3 .question dl:before,
#recruit .content_w .aboutSec3 .question dl:before {
width: 50px;
height: 50px;
top: -16px;
right: -12px;
}
}
@media screen and (max-width: 910px) {
.entry .content_w .aboutSec3 .question dl,
#recruit .content_w .aboutSec3 .question dl {
width: 100%;
margin-bottom: 24px;
}
.entry .content_w .aboutSec3 .question dl:last-child,
#recruit .content_w .aboutSec3 .question dl:last-child {
margin-bottom: 0;
}
}
.entry .content_w .aboutSec3 .question dl dt .tit,
#recruit .content_w .aboutSec3 .question dl dt .tit {
margin-bottom: 14px;
}
.entry .content_w .aboutSec3 .question dl dd,
#recruit .content_w .aboutSec3 .question dl dd {
font-size: 16px;
}
.entry .content_w .aboutSec3 .question dl dd .tit,
#recruit .content_w .aboutSec3 .question dl dd .tit {
margin-bottom: 10px;
}
.entry .content_w .aboutSec3 .question dl dd .text,
#recruit .content_w .aboutSec3 .question dl dd .text {
text-align: left;
line-height: 2;
letter-spacing: 0.01em;
}
.entry .content_w .aboutSec3 .question dl .tit,
#recruit .content_w .aboutSec3 .question dl .tit {
color: #234d70;
font-size: 20px;
font-size: 2rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
font-style: normal;
}
.entry .content_w .aboutSec3 .question dl .tit .en,
#recruit .content_w .aboutSec3 .question dl .tit .en {
font-size: 21px;
font-size: 2.1rem;
font-family: tbcinergothic-std, sans-serif;
font-weight: 600;
font-style: normal;
}
.entry .gallery,
#recruit .gallery {
margin-top: 48px;
position: relative;
}
.entry .gallery .topRecruit,
#recruit .gallery .topRecruit {
padding-top: 20px;
padding-bottom: 40px;
}
.entry .gallery .topRecruit .border_outer,
#recruit .gallery .topRecruit .border_outer {
padding-left: calc((100% - 1320px)/2);
padding-right: calc((100% - 1320px)/2);
max-width: 1360px;
width: 100%;
}
.entry .gallery .topRecruit .border_outer .h2_border,
#recruit .gallery .topRecruit .border_outer .h2_border {
margin-bottom: 30px;
}
@media screen and (max-width: 910px) {
.entry .gallery .topRecruit .border_outer .h2_border,
#recruit .gallery .topRecruit .border_outer .h2_border {
max-width: 95%;
margin-left: auto;
margin-right: auto;
}
}
.entry .gallery .topRecruit .border_outer .h2_border h2,
#recruit .gallery .topRecruit .border_outer .h2_border h2 {
margin: 0 auto;
}
.entry .gallery .topRecruit .border_outer .h2_border h2 .h2_jp,
#recruit .gallery .topRecruit .border_outer .h2_border h2 .h2_jp {
letter-spacing: 0.01em;
}
@media screen and (max-width: 910px) {
.entry .gallery .topRecruit .border_outer .h2_border h2,
#recruit .gallery .topRecruit .border_outer .h2_border h2 {
margin-bottom: 27px;
}
}
.entry .gallery .topRecruit .recruitBg,
#recruit .gallery .topRecruit .recruitBg {
background: url(//naga-chu.jp/wp-content/themes/nagachu/images/recruit/20230427_recruit03_img.jpg);
background-size: cover;
height: 300px;
background-repeat: no-repeat;
}
.entry .menu_recruit.bottom,
#recruit .menu_recruit.bottom {
margin-top: 80px;
margin-bottom: 60px;
}
#recruit.recruitment .content_w .aboutSec2 {
padding: 10px 0 90px;
}
@media screen and (max-width: 910px) {
#recruit.recruitment .content_w .aboutSec2 {
padding-bottom: 56px;
}
}
@media screen and (max-width: 910px) {
#recruit.recruitment .content_w .aboutSec2 .news_recruit h2 {
width: 250px;
}
}
#recruit.recruitment .menu_recruit.bottom {
margin-top: 0;
}
#recruit.message + .ft_link {
padding-bottom: 0;
}
#recruit.message .content_w .aboutSec2 {
background-image: none;
}
#recruit.message .content_w .aboutSec2 .h2_border {
margin-top: 70px;
}
@media screen and (max-width: 910px) {
#recruit.message .content_w .aboutSec2 .h2_border {
max-width: 95%;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
}
#recruit.message .content_w .aboutSec2 .h2_border h2 {
color: #234d70;
text-align: center;
line-height: 1.6;
font-size: 37px;
font-size: 3.7rem;
}
@media screen and (max-width: 910px) {
#recruit.message .content_w .aboutSec2 .h2_border h2 {
font-size: 24px;
font-size: 2.4rem;
}
}
#recruit.message .content_w .aboutSec2 .aboutSec1 {
max-width: 1320px;
width: 100%;
margin: 0 auto;
}
#recruit.message .content_w .aboutSec2 .aboutSec1 .content1 {
position: relative;
margin-top: 56px;
}
@media screen and (max-width: 1465px) {
#recruit.message .content_w .aboutSec2 .aboutSec1 .content1 {
max-width: calc(100% - 100px);
width: 100%;
box-sizing: border-box;
margin: 56px auto 0 2.5%;
}
}
@media screen and (max-width: 910px) {
#recruit.message .content_w .aboutSec2 .aboutSec1 .content1 {
max-width: 95%;
margin: 0 auto;
padding: 10px;
}
}
#recruit.message .content_w .aboutSec2 .aboutSec1 .content1 .img_text {
display: flex;
padding-bottom: 120px;
}
@media screen and (max-width: 910px) {
#recruit.message .content_w .aboutSec2 .aboutSec1 .content1 .img_text {
display: block;
padding-bottom: 80px;
}
}
#recruit.message .content_w .aboutSec2 .aboutSec1 .content1 .img_text .img_frame {
max-width: 453px;
width: 50%;
height: 312px;
position: relative;
overflow: hidden;
}
@media screen and (max-width: 910px) {
#recruit.message .content_w .aboutSec2 .aboutSec1 .content1 .img_text .img_frame {
width: 100%;
margin: 0 auto 8px;
}
}
#recruit.message .content_w .aboutSec2 .aboutSec1 .content1 .img_text .img_frame img {
max-width: 453px;
width: auto;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width: 910px) {
#recruit.message .content_w .aboutSec2 .aboutSec1 .content1 .img_text .img_frame img {
left: 50%;
transform: translate(-50%);
}
}
#recruit.message .content_w .aboutSec2 .aboutSec1 .content1 .img_text .text {
max-width: calc(100% - 453px);
width: 100%;
padding-left: 40px;
margin-top: 0;
box-sizing: border-box;
}
@media screen and (max-width: 910px) {
#recruit.message .content_w .aboutSec2 .aboutSec1 .content1 .img_text .text {
max-width: 100%;
padding: 0;
}
}
#recruit.message .content_w .aboutSec2 .aboutSec1 .content1 .img_text .text p {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
font-size: 1.8rem;
line-height: 2;
text-align: left;
}
#recruit.message .content_w .aboutSec2 .aboutSec1 .content1 .img_text .text p:first-child {
margin-bottom: 32px;
}
@media screen and (max-width: 910px) {
#recruit.message .content_w .aboutSec2 .aboutSec1 .content1 .img_text .text p br {
display: none;
}
}
#recruit.message .content_w .aboutSec2 .aboutSec1 .content1 .name {
font-family: ten-mincho-text, serif;
font-weight: 400;
font-style: normal;
font-size: 26px;
font-size: 2.6rem;
position: absolute;
right: 0;
bottom: 0;
box-sizing: border-box;
padding-right: 10px;
}
@media screen and (max-width: 910px) {
#recruit.message .content_w .aboutSec2 .aboutSec1 .content1 .name {
font-size: 20px;
font-size: 2rem;
}
}
#recruit.message .content_w .aboutSec2 .aboutSec1 .content1 .name p {
text-align: left;
}
#recruit.message .content_w .aboutSec3 {
margin-top: 60px;
}
@media screen and (max-width: 910px) {
#recruit.message .content_w .aboutSec3 {
margin-top: 20px;
}
}
#recruit.message .content_w .aboutSec3 p {
text-align: center;
font-size: 37px;
font-size: 3.7rem;
font-family: ten-mincho-text, serif;
font-weight: 400;
font-style: normal;
}
@media screen and (max-width: 910px) {
#recruit.message .content_w .aboutSec3 p {
font-size: 20px;
font-size: 2rem;
text-align: left;
}
}
@media screen and (max-width: 910px) {
#recruit.message .content_w .aboutSec3 p br {
display: none;
}
}
#recruit.message .content_w .aboutSec3 p em {
font-size: 41px;
font-size: 4.1rem;
color: #234d70;
}
@media screen and (max-width: 910px) {
#recruit.message .content_w .aboutSec3 p em {
font-size: 24px;
font-size: 2.4rem;
}
}
#recruit.message .menu_recruit.bottom {
margin-top: 40px;
} #privacy .content_w {
max-width: 1100px;
width: 100%;
margin: 0 auto;
}
@media screen and (max-width: 1280px) {
#privacy .content_w {
max-width: calc(100% - 100px);
margin: 0 auto 0 2.5%;
}
}
@media screen and (max-width: 910px) {
#privacy .content_w {
margin: 0 auto;
max-width: 95%;
}
}
#privacy .privacySec {
margin-top: 40px;
}
@media screen and (max-width: 910px) {
#privacy .privacySec {
margin-top: 20px;
}
}
#privacy .privacySecIn {
display: flex;
margin: 60px auto 0;
flex-wrap: wrap;
}
@media screen and (max-width: 910px) {
#privacy .privacySecIn {
margin-top: 0;
}
}
#privacy .blk_pri {
margin-bottom: 48px;
}
#privacy .blk_pri:last-child {
margin-bottom: 0;
}
#privacy .privacySec2 {
width: 100%;
}
#privacy .blk_pri .tit {
font-size: 23px;
font-size: 2.3rem;
line-height: 1.4;
color: #2D2D2D;
padding: 6px 0 12px;
position: relative;
margin-bottom: 16px;
}
#privacy .blk_pri .tit:after {
content: "";
width: 100%;
height: 8px;
display: block;
position: absolute;
left: 0;
bottom: 0px;
background-color: #ECECEC;
background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #F9F9F9), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #F9F9F9), color-stop(0.75, #F9F9F9), color-stop(0.75, transparent), to(transparent));
-webkit-background-size: 8px 8px;
}
#privacy .blk_pri ol.ol_pri {
font-size: 17px;
font-size: 1.7rem;
margin-top: 8px;
margin-bottom: 32px;
}
#privacy .blk_pri ol.ol_pri > li {
line-height: 1.8;
list-style-type: decimal;
list-style-position: inside;
padding: 2px 0 4px;
}
@media screen and (max-width: 910px) {
#privacy .blk_pri ol.ol_pri > li {
line-height: 2;
}
}
#privacy .blk_pri .txt_gr {
margin-bottom: 24px;
}
@media screen and (max-width: 910px) {
#privacy .blk_pri .txt_gr:last-child {
margin-bottom: 0;
}
}
#privacy .blk_pri .txt_gr p {
font-size: 17px;
font-size: 1.7rem;
line-height: 2;
}
a.tell {
pointer-events: none;
text-decoration: none !important;
color: #0a0a0a !important;
}
@media screen and (max-width: 910px) {
a.tell {
pointer-events: inherit;
text-decoration: underline !important;
color: #0065A3 !important;
}
}
.mst_disp {
display: none;
}  .pagenave {
margin: 70px auto 0;
}
.pagenave .wp-pagenavi {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.pagenave .wp-pagenavi a, .pagenave .wp-pagenavi span {
width: 50px;
height: 57px;
line-height: 57px;
text-align: center;
border: 2px solid #266b91;
background: #266b91;
color: #fff;
padding: 0;
margin: 4px;
}
.pagenave .wp-pagenavi a:hover,
.pagenave .wp-pagenavi span.current {
color: #266b91;
border-color: #266b91;
background: #fff;
}
.pagenave .wp-pagenavi a.previouspostslink,
.pagenave .wp-pagenavi a.nextpostslink {
font-size: 85%;
} @media screen and (max-width: 910px) {
#notFound.subPage .h2_bg h2.page_h2 .h2_jp {
width: 95%;
margin: 0 auto;
font-size: 19px;
font-size: 1.9rem;
letter-spacing: 0.01em;
}
}
#notFound .content_w {
max-width: 1100px;
margin: 50px auto 0;
}
@media screen and (max-width: 1280px) {
#notFound .content_w {
max-width: calc(100% - 100px - 30px);
margin-left: 20px;
}
}
@media screen and (max-width: 910px) {
#notFound .content_w {
max-width: 100%;
width: 95%;
margin: 40px auto 0;
}
}
#notFound .content_w p {
line-height: 2;
font-size: 17px;
font-size: 1.7rem;
}
#notFound .content_w a {
color: #0065A3;
text-decoration: underline;
transition: 0.3s;
}
#notFound .content_w a:hover {
color: #ff931e;
} .topCatPostUp, .topNews {
background: #fff;
margin: 20px 0 85px;
padding: 0;
}
.topCatPostUp .topCatPost, .topCatPostUp .topNews_block, .topNews .topCatPost, .topNews .topNews_block {
max-width: 1100px;
margin: 0 auto;
}
@media screen and (max-width: 1280px) {
.topCatPostUp .topCatPost, .topCatPostUp .topNews_block, .topNews .topCatPost, .topNews .topNews_block {
max-width: calc(100% - 100px - 30px);
margin-left: 20px;
}
}
@media screen and (max-width: 910px) {
.topCatPostUp .topCatPost, .topCatPostUp .topNews_block, .topNews .topCatPost, .topNews .topNews_block {
max-width: 100%;
width: 95%;
margin: 0 auto;
}
}
.topCatPostUp .topCatPost h2, .topCatPostUp .topNews_block h2, .topNews .topCatPost h2, .topNews .topNews_block h2 {
height: 75px;
display: flex;
align-items: center;
}
.topCatPostUp .topCatPost h2 .h2_alternat, .topCatPostUp .topNews_block h2 .h2_alternat, .topNews .topCatPost h2 .h2_alternat, .topNews .topNews_block h2 .h2_alternat {
font-family: alternate-gothic-no-2-d,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 70px;
font-size: 7rem;
margin-right: 30px;
letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
.topCatPostUp .topCatPost h2 .h2_alternat, .topCatPostUp .topNews_block h2 .h2_alternat, .topNews .topCatPost h2 .h2_alternat, .topNews .topNews_block h2 .h2_alternat {
font-size: 60px;
font-size: 6rem;
line-height: 1;
}
}
.topCatPostUp .topCatPost h2 .h2_jp, .topCatPostUp .topNews_block h2 .h2_jp, .topNews .topCatPost h2 .h2_jp, .topNews .topNews_block h2 .h2_jp {
font-family: ten-mincho-text, serif;
font-weight: 400;
font-style: normal;
font-size: 20px;
font-size: 2rem;
margin-bottom: 20px;
position: relative;
margin-bottom: 16px;
letter-spacing: 0.025em;
}
@media screen and (max-width: 1100px) {
.topCatPostUp .topCatPost h2 .h2_jp, .topCatPostUp .topNews_block h2 .h2_jp, .topNews .topCatPost h2 .h2_jp, .topNews .topNews_block h2 .h2_jp {
font-size: 18px;
font-size: 1.8rem;
}
}
.topCatPostUp .topCatPost h2 .h2_jp .tc_nav-icon__arrow, .topCatPostUp .topNews_block h2 .h2_jp .tc_nav-icon__arrow, .topNews .topCatPost h2 .h2_jp .tc_nav-icon__arrow, .topNews .topNews_block h2 .h2_jp .tc_nav-icon__arrow {
stroke: #0a0a0a;
width: 20px;
height: 10px;
top: 40px;
top: 32px;
}
.topCatPostUp .topCatPost ul.postList li, .topCatPostUp .topNews_block ul.postList li, .topNews .topCatPost ul.postList li, .topNews .topNews_block ul.postList li {
display: flex;
align-items: center;
border-bottom: 1px solid #c0c3c9;
padding: 28px 0;
box-sizing: border-box;
letter-spacing: 0.025em;
}
@media screen and (max-width: 768px) {
.topCatPostUp .topCatPost ul.postList li, .topCatPostUp .topNews_block ul.postList li, .topNews .topCatPost ul.postList li, .topNews .topNews_block ul.postList li {
display: block;
}
}
.topCatPostUp .topCatPost ul.postList li .dt_box, .topCatPostUp .topNews_block ul.postList li .dt_box, .topNews .topCatPost ul.postList li .dt_box, .topNews .topNews_block ul.postList li .dt_box {
display: flex;
}
.topCatPostUp .topCatPost ul.postList li .date, .topCatPostUp .topNews_block ul.postList li .date, .topNews .topCatPost ul.postList li .date, .topNews .topNews_block ul.postList li .date {
font-size: 1.6rem;
font-size: 16px;
width: 85px;
min-width: 85px;
color: #505660;
}
.topCatPostUp .topCatPost ul.postList li .cate, .topCatPostUp .topNews_block ul.postList li .cate, .topNews .topCatPost ul.postList li .cate, .topNews .topNews_block ul.postList li .cate {
display: block;
font-weight: 400;
font-size: 1.6rem;
font-size: 16px;
text-align: center;
color: #fff;
width: 126px;
min-width: 126px;
height: 32px;
margin: 0 20px;
box-sizing: border-box;
}
.topCatPostUp .topCatPost ul.postList li .cate .cat, .topCatPostUp .topNews_block ul.postList li .cate .cat, .topNews .topCatPost ul.postList li .cate .cat, .topNews .topNews_block ul.postList li .cate .cat {
height: 100%;
padding: 3px 0 1px;
box-sizing: border-box;
}
.topCatPostUp .topCatPost ul.postList li .cate .cat.news, .topCatPostUp .topNews_block ul.postList li .cate .cat.news, .topNews .topCatPost ul.postList li .cate .cat.news, .topNews .topNews_block ul.postList li .cate .cat.news {
background: #2d8e9e;
}
.topCatPostUp .topCatPost ul.postList li .cate .cat.blog, .topCatPostUp .topNews_block ul.postList li .cate .cat.blog, .topNews .topCatPost ul.postList li .cate .cat.blog, .topNews .topNews_block ul.postList li .cate .cat.blog {
background: #a0a0a0;
}
.topCatPostUp .topCatPost ul.postList li .cate .cat.radio, .topCatPostUp .topNews_block ul.postList li .cate .cat.radio, .topNews .topCatPost ul.postList li .cate .cat.radio, .topNews .topNews_block ul.postList li .cate .cat.radio {
background: #43514e;
}
.topCatPostUp .topCatPost ul.postList li .cate .cat.recruit, .topCatPostUp .topNews_block ul.postList li .cate .cat.recruit, .topNews .topCatPost ul.postList li .cate .cat.recruit, .topNews .topNews_block ul.postList li .cate .cat.recruit {
background: #0d3387;
}
.topCatPostUp .topCatPost ul.postList li .title, .topCatPostUp .topNews_block ul.postList li .title, .topNews .topCatPost ul.postList li .title, .topNews .topNews_block ul.postList li .title {
text-align: left;
font-size: 1.7rem;
font-size: 17px;
font-weight: 500;
max-width: calc(100% - (85px + 126px +  32px));
position: relative;
display: inline-block;
overflow: hidden;
}
@media screen and (max-width: 910px) {
.topCatPostUp .topCatPost ul.postList li .title, .topCatPostUp .topNews_block ul.postList li .title, .topNews .topCatPost ul.postList li .title, .topNews .topNews_block ul.postList li .title {
max-width: 100%;
}
}
.topCatPostUp .topCatPost ul.postList li .title p, .topCatPostUp .topNews_block ul.postList li .title p, .topNews .topCatPost ul.postList li .title p, .topNews .topNews_block ul.postList li .title p {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.topCatPostUp .topCatPost ul.postList li .title:hover, .topCatPostUp .topNews_block ul.postList li .title:hover, .topNews .topCatPost ul.postList li .title:hover, .topNews .topNews_block ul.postList li .title:hover {
color: #ff931e;
text-decoration: underline;
transition: 0.3s;
}
.topCatPostUp .topCatPost div.catList, .topCatPostUp .topNews_block div.catList, .topNews .topCatPost div.catList, .topNews .topNews_block div.catList {
margin-top: 30px;
}
.topCatPostUp .topCatPost div.catList ul, .topCatPostUp .topNews_block div.catList ul, .topNews .topCatPost div.catList ul, .topNews .topNews_block div.catList ul {
display: flex;
}
@media screen and (max-width: 1280px) {
.topCatPostUp .topCatPost div.catList ul, .topCatPostUp .topNews_block div.catList ul, .topNews .topCatPost div.catList ul, .topNews .topNews_block div.catList ul {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.topCatPostUp .topCatPost div.catList ul li, .topCatPostUp .topNews_block div.catList ul li, .topNews .topCatPost div.catList ul li, .topNews .topNews_block div.catList ul li {
display: flex;
align-items: center;
position: relative;
text-align: left;
min-width: 200px;
width: auto;
height: 52px;
background: #f0f0f0;
padding: 0 12px;
box-sizing: border-box;
margin: 0 16px 10px 0;
transition: 0.3s;
}
@media screen and (max-width: 768px) {
.topCatPostUp .topCatPost div.catList ul li, .topCatPostUp .topNews_block div.catList ul li, .topNews .topCatPost div.catList ul li, .topNews .topNews_block div.catList ul li {
min-width: 174px;
}
}
.topCatPostUp .topCatPost div.catList ul li a, .topCatPostUp .topNews_block div.catList ul li a, .topNews .topCatPost div.catList ul li a, .topNews .topNews_block div.catList ul li a {
display: block;
width: 100%;
height: 100%;
line-height: 52px;
transition: 0.3s;
box-sizing: border-box;
}
.topCatPostUp .topCatPost div.catList ul li .tc_nav-icon__arrow, .topCatPostUp .topNews_block div.catList ul li .tc_nav-icon__arrow, .topNews .topCatPost div.catList ul li .tc_nav-icon__arrow, .topNews .topNews_block div.catList ul li .tc_nav-icon__arrow {
stroke: #0a0a0a;
position: absolute;
top: 50%;
left: auto;
right: 10px;
transform: translate(-50%, -50%) rotateZ(-90deg);
transition: 0.3s;
}
.topCatPostUp .topCatPost div.catList ul li:hover, .topCatPostUp .topNews_block div.catList ul li:hover, .topNews .topCatPost div.catList ul li:hover, .topNews .topNews_block div.catList ul li:hover {
background: #75868e;
color: #fff;
}
.topCatPostUp .topCatPost div.catList ul li:hover a, .topCatPostUp .topNews_block div.catList ul li:hover a, .topNews .topCatPost div.catList ul li:hover a, .topNews .topNews_block div.catList ul li:hover a {
color: #fff;
}
.topCatPostUp .topCatPost div.catList ul li:hover .tc_nav-icon__arrow, .topCatPostUp .topNews_block div.catList ul li:hover .tc_nav-icon__arrow, .topNews .topCatPost div.catList ul li:hover .tc_nav-icon__arrow, .topNews .topNews_block div.catList ul li:hover .tc_nav-icon__arrow {
stroke: #fff;
right: 7px;
transition: 0.3s;
}
@media screen and (max-width: 910px) {
.topCatPostUp .topCatPost div.catList ul li:hover .tc_nav-icon__arrow, .topCatPostUp .topNews_block div.catList ul li:hover .tc_nav-icon__arrow, .topNews .topCatPost div.catList ul li:hover .tc_nav-icon__arrow, .topNews .topNews_block div.catList ul li:hover .tc_nav-icon__arrow {
right: 10px;
}
}
.topCatPostUp .topCatPost div.catList ul li.on, .topCatPostUp .topNews_block div.catList ul li.on, .topNews .topCatPost div.catList ul li.on, .topNews .topNews_block div.catList ul li.on {
background: #75868e;
color: #fff;
}
.topCatPostUp .topCatPost div.catList ul li.on a, .topCatPostUp .topNews_block div.catList ul li.on a, .topNews .topCatPost div.catList ul li.on a, .topNews .topNews_block div.catList ul li.on a {
color: #fff;
}
.topCatPostUp .topCatPost div.catList ul li.on .tc_nav-icon__arrow, .topCatPostUp .topNews_block div.catList ul li.on .tc_nav-icon__arrow, .topNews .topCatPost div.catList ul li.on .tc_nav-icon__arrow, .topNews .topNews_block div.catList ul li.on .tc_nav-icon__arrow {
stroke: #fff;
} #single .breadcrumb, #page .breadcrumb {
max-width: 1100px;
}
#single .h2_bg h2.page_h2, #page .h2_bg h2.page_h2 {
width: 1100px;
}
@media screen and (max-width: 910px) {
#single .h2_bg h2.page_h2, #page .h2_bg h2.page_h2 {
width: 100%;
}
}
#single .topCatPostUp, #page .topCatPostUp {
margin: 40px 0 100px;
}
#single .topCatPostUp .postList, #page .topCatPostUp .postList {
margin: 30px 0 10px;
}
#single #post_single,
#single #post_page, #page #post_single,
#page #post_page {
width: 95%;
max-width: 1100px;
margin: 40px auto 0;
}
@media screen and (max-width: 1280px) {
#single #post_single,
#single #post_page, #page #post_single,
#page #post_page {
max-width: calc(100% - 100px - 20px);
margin-left: 20px;
}
}
@media screen and (max-width: 910px) {
#single #post_single,
#single #post_page, #page #post_single,
#page #post_page {
max-width: 100%;
margin-left: auto;
}
}
#single #post_single .single_head,
#single #post_single .post_head,
#single #post_page .single_head,
#single #post_page .post_head, #page #post_single .single_head,
#page #post_single .post_head,
#page #post_page .single_head,
#page #post_page .post_head {
font-family: ten-mincho-text, serif;
font-weight: 400;
font-style: normal;
}
#single #post_single .single_head,
#single #post_single .post_head,
#single #post_single h2, #single #post_single h3, #single #post_single h4, #single #post_single h5, #single #post_single h6,
#single #post_page .single_head,
#single #post_page .post_head,
#single #post_page h2,
#single #post_page h3,
#single #post_page h4,
#single #post_page h5,
#single #post_page h6, #page #post_single .single_head,
#page #post_single .post_head,
#page #post_single h2, #page #post_single h3, #page #post_single h4, #page #post_single h5, #page #post_single h6,
#page #post_page .single_head,
#page #post_page .post_head,
#page #post_page h2,
#page #post_page h3,
#page #post_page h4,
#page #post_page h5,
#page #post_page h6 {
font-size: 28px;
font-weight: normal;
font-weight: 500;
line-height: 1.8;
padding: 8px 0 16px;
color: #555;
position: relative;
}
#single #post_single .single_head:after,
#single #post_single .post_head:after,
#single #post_single h2:after, #single #post_single h3:after, #single #post_single h4:after, #single #post_single h5:after, #single #post_single h6:after,
#single #post_page .single_head:after,
#single #post_page .post_head:after,
#single #post_page h2:after,
#single #post_page h3:after,
#single #post_page h4:after,
#single #post_page h5:after,
#single #post_page h6:after, #page #post_single .single_head:after,
#page #post_single .post_head:after,
#page #post_single h2:after, #page #post_single h3:after, #page #post_single h4:after, #page #post_single h5:after, #page #post_single h6:after,
#page #post_page .single_head:after,
#page #post_page .post_head:after,
#page #post_page h2:after,
#page #post_page h3:after,
#page #post_page h4:after,
#page #post_page h5:after,
#page #post_page h6:after {
position: absolute;
width: 350px;
bottom: 0;
left: 0;
content: "";
height: 4px;
background: #c4cfd4;
}
@media screen and (max-width: 910px) {
#single #post_single .single_head:after,
#single #post_single .post_head:after,
#single #post_single h2:after, #single #post_single h3:after, #single #post_single h4:after, #single #post_single h5:after, #single #post_single h6:after,
#single #post_page .single_head:after,
#single #post_page .post_head:after,
#single #post_page h2:after,
#single #post_page h3:after,
#single #post_page h4:after,
#single #post_page h5:after,
#single #post_page h6:after, #page #post_single .single_head:after,
#page #post_single .post_head:after,
#page #post_single h2:after, #page #post_single h3:after, #page #post_single h4:after, #page #post_single h5:after, #page #post_single h6:after,
#page #post_page .single_head:after,
#page #post_page .post_head:after,
#page #post_page h2:after,
#page #post_page h3:after,
#page #post_page h4:after,
#page #post_page h5:after,
#page #post_page h6:after {
width: 80%;
}
}
#single #post_single strong,
#single #post_page strong, #page #post_single strong,
#page #post_page strong {
font-weight: bold;
font-weight: 700;
}
#single #post_single a,
#single #post_page a, #page #post_single a,
#page #post_page a {
color: #0065A3;
text-decoration: underline;
transition: 0.3s;
}
#single #post_single figure a,
#single #post_page figure a, #page #post_single figure a,
#page #post_page figure a {
display: block;
}
#single #post_single a:hover,
#single #post_page a:hover, #page #post_single a:hover,
#page #post_page a:hover {
color: #ff931e;
} #page .contents {
margin: 40px 0 80px;
} #single #post_single .wrap {
border: 5px solid #e5e5e5;
padding: 40px;
box-sizing: border-box;
}
@media screen and (max-width: 910px) {
#single #post_single .wrap {
border-width: 4px;
padding: 10px;
}
}
#single #post_single .wrap .cat_date {
display: flex;
justify-content: space-between;
align-items: center;
}
#single #post_single .wrap .cat_date a {
text-decoration: none;
}
#single #post_single .wrap p.time {
padding-bottom: 10px;
text-align: right;
color: #858585;
font-size: 14px;
}
#single #post_single .wrap figure,
#single #post_single .wrap .wp-block-image {
margin: 18px 0 0;
display: inline-block;
text-align: center;
}
#single #post_single .wrap p {
line-height: 2.25em;
font-size: 18px;
margin: 10px 0 28px;
}
#single #post_single .paging {
display: flex;
justify-content: space-between;
font-size: 15px;
width: 100%;
margin: 40px auto;
padding: 0 0 40px;
box-sizing: border-box;
border-bottom: 5px solid #e5e5e5;
}
@media screen and (max-width: 910px) {
#single #post_single .paging {
flex-direction: column;
}
}
#single #post_single .paging .next, #single #post_single .paging .prev {
max-width: 480px;
box-sizing: border-box;
position: relative;
}
@media screen and (max-width: 910px) {
#single #post_single .paging .next, #single #post_single .paging .prev {
max-width: 100%;
}
}
#single #post_single .paging .next a, #single #post_single .paging .prev a {
color: #0a0a0a;
text-decoration: none;
}
#single #post_single .paging .next a:hover, #single #post_single .paging .prev a:hover {
color: #ff931e;
}
#single #post_single .paging .next {
padding-left: 24px;
}
#single #post_single .paging .next a:before {
content: '';
position: absolute;
top: 50%;
left: 0;
transform: rotate(45deg);
transform: translateY(-50%) rotate(45deg);
border-bottom: 3px solid #aaa;
border-left: 3px solid #aaa;
width: 8px;
height: 8px;
}
#single #post_single .paging .prev {
padding-right: 24px;
}
#single #post_single .paging .prev a:before {
content: '';
position: absolute;
top: 50%;
right: 0;
transform: rotate(225deg);
transform: translateY(-50%) rotate(225deg);
border-bottom: 3px solid #aaa;
border-left: 3px solid #aaa;
width: 8px;
height: 8px;
} #page.entry,
#page.entry-confirm,
#page.entry-error,
#page.entry-complete,
#page.contact,
#page.contact-confirm,
#page.contact-complete,
#page.contact-error {
margin-bottom: 100px;
}
#page.entry .menu_recruit.bottom,
#page.entry-confirm .menu_recruit.bottom,
#page.entry-error .menu_recruit.bottom,
#page.entry-complete .menu_recruit.bottom,
#page.contact .menu_recruit.bottom,
#page.contact-confirm .menu_recruit.bottom,
#page.contact-complete .menu_recruit.bottom,
#page.contact-error .menu_recruit.bottom {
display: none;
}
#page.entry #post_page h2::after,
#page.entry-confirm #post_page h2::after,
#page.entry-error #post_page h2::after,
#page.entry-complete #post_page h2::after,
#page.contact #post_page h2::after,
#page.contact-confirm #post_page h2::after,
#page.contact-complete #post_page h2::after,
#page.contact-error #post_page h2::after {
display: none;
}
@media screen and (max-width: 910px) {
#page.entry #post_page h2::after,
#page.entry-confirm #post_page h2::after,
#page.entry-error #post_page h2::after,
#page.entry-complete #post_page h2::after,
#page.contact #post_page h2::after,
#page.contact-confirm #post_page h2::after,
#page.contact-complete #post_page h2::after,
#page.contact-error #post_page h2::after {
display: none;
}
}
@media screen and (max-width: 1280px) {
#page.entry #post_page,
#page.entry-confirm #post_page,
#page.entry-error #post_page,
#page.entry-complete #post_page,
#page.contact #post_page,
#page.contact-confirm #post_page,
#page.contact-complete #post_page,
#page.contact-error #post_page {
max-width: 1100px;
margin: 40px auto 0;
}
} .entry,
.entry-error,
.entry-confirm,
.entry-complete,
.contact,
.contact-confirm,
.contact-complete,
.contact-error,
.wp-block-group { }
@media screen and (max-width: 910px) {
.entry .content_w,
.entry-error .content_w,
.entry-confirm .content_w,
.entry-complete .content_w,
.contact .content_w,
.contact-confirm .content_w,
.contact-complete .content_w,
.contact-error .content_w,
.wp-block-group .content_w {
width: 95%;
margin: 0 auto;
padding: 0 !important;
}
}
.entry .content_w .aboutSec2,
.entry-error .content_w .aboutSec2,
.entry-confirm .content_w .aboutSec2,
.entry-complete .content_w .aboutSec2,
.contact .content_w .aboutSec2,
.contact-confirm .content_w .aboutSec2,
.contact-complete .content_w .aboutSec2,
.contact-error .content_w .aboutSec2,
.wp-block-group .content_w .aboutSec2 {
background-image: none !important;
}
@media screen and (min-width: 800px) {
.entry #contact-contents,
.entry-error #contact-contents,
.entry-confirm #contact-contents,
.entry-complete #contact-contents,
.contact #contact-contents,
.contact-confirm #contact-contents,
.contact-complete #contact-contents,
.contact-error #contact-contents,
.wp-block-group #contact-contents {
padding-left: 20px;
padding-right: 70px;
}
}
.entry #contact-contents .container,
.entry-error #contact-contents .container,
.entry-confirm #contact-contents .container,
.entry-complete #contact-contents .container,
.contact #contact-contents .container,
.contact-confirm #contact-contents .container,
.contact-complete #contact-contents .container,
.contact-error #contact-contents .container,
.wp-block-group #contact-contents .container {
max-width: 970px;
width: 100%;
}
.entry #contact,
.entry-error #contact,
.entry-confirm #contact,
.entry-complete #contact,
.contact #contact,
.contact-confirm #contact,
.contact-complete #contact,
.contact-error #contact,
.wp-block-group #contact {
background: white;
padding-top: 30px;
box-sizing: border-box;
}
.entry #contact .container,
.entry-error #contact .container,
.entry-confirm #contact .container,
.entry-complete #contact .container,
.contact #contact .container,
.contact-confirm #contact .container,
.contact-complete #contact .container,
.contact-error #contact .container,
.wp-block-group #contact .container {
max-width: 1200px;
margin: 0 auto;
width: 100%;
}
.entry #contact .text-erea,
.entry-error #contact .text-erea,
.entry-confirm #contact .text-erea,
.entry-complete #contact .text-erea,
.contact #contact .text-erea,
.contact-confirm #contact .text-erea,
.contact-complete #contact .text-erea,
.contact-error #contact .text-erea,
.wp-block-group #contact .text-erea {
margin: 20px 20px 0;
}
.entry #contact .text,
.entry-error #contact .text,
.entry-confirm #contact .text,
.entry-complete #contact .text,
.contact #contact .text,
.contact-confirm #contact .text,
.contact-complete #contact .text,
.contact-error #contact .text,
.wp-block-group #contact .text {
line-height: 2;
}
.entry #contact .contact-tel,
.entry-error #contact .contact-tel,
.entry-confirm #contact .contact-tel,
.entry-complete #contact .contact-tel,
.contact #contact .contact-tel,
.contact-confirm #contact .contact-tel,
.contact-complete #contact .contact-tel,
.contact-error #contact .contact-tel,
.wp-block-group #contact .contact-tel {
margin: 24px 20px 20px 0;
}
.entry #contact_on,
.entry-error #contact_on,
.entry-confirm #contact_on,
.entry-complete #contact_on,
.contact #contact_on,
.contact-confirm #contact_on,
.contact-complete #contact_on,
.contact-error #contact_on,
.wp-block-group #contact_on {
padding-top: 30px !important;
}
.entry #contact_box,
.entry-error #contact_box,
.entry-confirm #contact_box,
.entry-complete #contact_box,
.contact #contact_box,
.contact-confirm #contact_box,
.contact-complete #contact_box,
.contact-error #contact_box,
.wp-block-group #contact_box {
margin: 40px auto 0;
box-sizing: border-box;
border-radius: 10px;
max-width: 595px;
width: 100%;
}
@media screen and (max-width: 800px) {
.entry #contact_box,
.entry-error #contact_box,
.entry-confirm #contact_box,
.entry-complete #contact_box,
.contact #contact_box,
.contact-confirm #contact_box,
.contact-complete #contact_box,
.contact-error #contact_box,
.wp-block-group #contact_box {
padding: 40px 10px;
}
}
.entry #contact_box .descri,
.entry-error #contact_box .descri,
.entry-confirm #contact_box .descri,
.entry-complete #contact_box .descri,
.contact #contact_box .descri,
.contact-confirm #contact_box .descri,
.contact-complete #contact_box .descri,
.contact-error #contact_box .descri,
.wp-block-group #contact_box .descri {
margin: 0 .5em;
}
.entry #contact_box th,
.entry-error #contact_box th,
.entry-confirm #contact_box th,
.entry-complete #contact_box th,
.contact #contact_box th,
.contact-confirm #contact_box th,
.contact-complete #contact_box th,
.contact-error #contact_box th,
.wp-block-group #contact_box th {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
font-style: normal;
color: #9ca7b1;
display: block;
font-size: 17px;
font-weight: bold;
margin-bottom: 10px;
padding: 5px 0;
text-align: left;
}
.entry #contact_box th .emphasis,
.entry-error #contact_box th .emphasis,
.entry-confirm #contact_box th .emphasis,
.entry-complete #contact_box th .emphasis,
.contact #contact_box th .emphasis,
.contact-confirm #contact_box th .emphasis,
.contact-complete #contact_box th .emphasis,
.contact-error #contact_box th .emphasis,
.wp-block-group #contact_box th .emphasis {
font-size: 13px;
font-size: 1.3rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-style: normal;
color: #fff;
background: #ff816c;
border-radius: 8px;
width: 53px;
height: 28px;
line-height: 28px;
display: inline-block;
text-align: center;
margin-left: 14px;
}
.entry #contact_box td,
.entry-error #contact_box td,
.entry-confirm #contact_box td,
.entry-complete #contact_box td,
.contact #contact_box td,
.contact-confirm #contact_box td,
.contact-complete #contact_box td,
.contact-error #contact_box td,
.wp-block-group #contact_box td {
display: block;
margin-bottom: 24px;
}
.entry #contact_box td.td_left input,
.entry-error #contact_box td.td_left input,
.entry-confirm #contact_box td.td_left input,
.entry-complete #contact_box td.td_left input,
.contact #contact_box td.td_left input,
.contact-confirm #contact_box td.td_left input,
.contact-complete #contact_box td.td_left input,
.contact-error #contact_box td.td_left input,
.wp-block-group #contact_box td.td_left input {
margin-bottom: 12px !important;
}
.entry #contact_box td.td_left .zip,
.entry-error #contact_box td.td_left .zip,
.entry-confirm #contact_box td.td_left .zip,
.entry-complete #contact_box td.td_left .zip,
.contact #contact_box td.td_left .zip,
.contact-confirm #contact_box td.td_left .zip,
.contact-complete #contact_box td.td_left .zip,
.contact-error #contact_box td.td_left .zip,
.wp-block-group #contact_box td.td_left .zip {
width: 106px;
}
@media screen and (max-width: 910px) {
.entry #contact_box td.td_left .zip,
.entry-error #contact_box td.td_left .zip,
.entry-confirm #contact_box td.td_left .zip,
.entry-complete #contact_box td.td_left .zip,
.contact #contact_box td.td_left .zip,
.contact-confirm #contact_box td.td_left .zip,
.contact-complete #contact_box td.td_left .zip,
.contact-error #contact_box td.td_left .zip,
.wp-block-group #contact_box td.td_left .zip {
width: 80px;
}
}
.entry #contact_box td.td_left .zip1,
.entry-error #contact_box td.td_left .zip1,
.entry-confirm #contact_box td.td_left .zip1,
.entry-complete #contact_box td.td_left .zip1,
.contact #contact_box td.td_left .zip1,
.contact-confirm #contact_box td.td_left .zip1,
.contact-complete #contact_box td.td_left .zip1,
.contact-error #contact_box td.td_left .zip1,
.wp-block-group #contact_box td.td_left .zip1 {
width: 117px;
}
@media screen and (max-width: 910px) {
.entry #contact_box td.td_left .zip1,
.entry-error #contact_box td.td_left .zip1,
.entry-confirm #contact_box td.td_left .zip1,
.entry-complete #contact_box td.td_left .zip1,
.contact #contact_box td.td_left .zip1,
.contact-confirm #contact_box td.td_left .zip1,
.contact-complete #contact_box td.td_left .zip1,
.contact-error #contact_box td.td_left .zip1,
.wp-block-group #contact_box td.td_left .zip1 {
width: 91px;
}
}
.entry #contact_box td.td_left .zip + span.error,
.entry-error #contact_box td.td_left .zip + span.error,
.entry-confirm #contact_box td.td_left .zip + span.error,
.entry-complete #contact_box td.td_left .zip + span.error,
.contact #contact_box td.td_left .zip + span.error,
.contact-confirm #contact_box td.td_left .zip + span.error,
.contact-complete #contact_box td.td_left .zip + span.error,
.contact-error #contact_box td.td_left .zip + span.error,
.wp-block-group #contact_box td.td_left .zip + span.error {
display: none;
}
.entry #contact_box td.birth_day span,
.entry-error #contact_box td.birth_day span,
.entry-confirm #contact_box td.birth_day span,
.entry-complete #contact_box td.birth_day span,
.contact #contact_box td.birth_day span,
.contact-confirm #contact_box td.birth_day span,
.contact-complete #contact_box td.birth_day span,
.contact-error #contact_box td.birth_day span,
.wp-block-group #contact_box td.birth_day span {
margin-right: 16px;
}
.entry #contact_box td.birth_day span br,
.entry-error #contact_box td.birth_day span br,
.entry-confirm #contact_box td.birth_day span br,
.entry-complete #contact_box td.birth_day span br,
.contact #contact_box td.birth_day span br,
.contact-confirm #contact_box td.birth_day span br,
.contact-complete #contact_box td.birth_day span br,
.contact-error #contact_box td.birth_day span br,
.wp-block-group #contact_box td.birth_day span br {
display: none;
}
.entry #contact_box td.birth_day span.error,
.entry-error #contact_box td.birth_day span.error,
.entry-confirm #contact_box td.birth_day span.error,
.entry-complete #contact_box td.birth_day span.error,
.contact #contact_box td.birth_day span.error,
.contact-confirm #contact_box td.birth_day span.error,
.contact-complete #contact_box td.birth_day span.error,
.contact-error #contact_box td.birth_day span.error,
.wp-block-group #contact_box td.birth_day span.error {
display: block;
}
.entry #contact_box td.birth_day select,
.entry-error #contact_box td.birth_day select,
.entry-confirm #contact_box td.birth_day select,
.entry-complete #contact_box td.birth_day select,
.contact #contact_box td.birth_day select,
.contact-confirm #contact_box td.birth_day select,
.contact-complete #contact_box td.birth_day select,
.contact-error #contact_box td.birth_day select,
.wp-block-group #contact_box td.birth_day select {
width: 70px;
height: 32px;
margin-right: 4px;
border-radius: 2px;
}
.entry #contact_box button, .entry #contact_box input, .entry #contact_box select, .entry #contact_box textarea,
.entry-error #contact_box button,
.entry-error #contact_box input,
.entry-error #contact_box select,
.entry-error #contact_box textarea,
.entry-confirm #contact_box button,
.entry-confirm #contact_box input,
.entry-confirm #contact_box select,
.entry-confirm #contact_box textarea,
.entry-complete #contact_box button,
.entry-complete #contact_box input,
.entry-complete #contact_box select,
.entry-complete #contact_box textarea,
.contact #contact_box button,
.contact #contact_box input,
.contact #contact_box select,
.contact #contact_box textarea,
.contact-confirm #contact_box button,
.contact-confirm #contact_box input,
.contact-confirm #contact_box select,
.contact-confirm #contact_box textarea,
.contact-complete #contact_box button,
.contact-complete #contact_box input,
.contact-complete #contact_box select,
.contact-complete #contact_box textarea,
.contact-error #contact_box button,
.contact-error #contact_box input,
.contact-error #contact_box select,
.contact-error #contact_box textarea,
.wp-block-group #contact_box button,
.wp-block-group #contact_box input,
.wp-block-group #contact_box select,
.wp-block-group #contact_box textarea {
font-family: inherit;
}
.entry #contact_box button, .entry #contact_box input[type="submit"],
.entry-error #contact_box button,
.entry-error #contact_box input[type="submit"],
.entry-confirm #contact_box button,
.entry-confirm #contact_box input[type="submit"],
.entry-complete #contact_box button,
.entry-complete #contact_box input[type="submit"],
.contact #contact_box button,
.contact #contact_box input[type="submit"],
.contact-confirm #contact_box button,
.contact-confirm #contact_box input[type="submit"],
.contact-complete #contact_box button,
.contact-complete #contact_box input[type="submit"],
.contact-error #contact_box button,
.contact-error #contact_box input[type="submit"],
.wp-block-group #contact_box button,
.wp-block-group #contact_box input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
cursor: pointer;
}
.entry #contact_box input::placeholder,
.entry-error #contact_box input::placeholder,
.entry-confirm #contact_box input::placeholder,
.entry-complete #contact_box input::placeholder,
.contact #contact_box input::placeholder,
.contact-confirm #contact_box input::placeholder,
.contact-complete #contact_box input::placeholder,
.contact-error #contact_box input::placeholder,
.wp-block-group #contact_box input::placeholder {
color: #939393;
font-size: 17px;
font-size: 1.7rem;
}
.entry #contact_box textarea,
.entry-error #contact_box textarea,
.entry-confirm #contact_box textarea,
.entry-complete #contact_box textarea,
.contact #contact_box textarea,
.contact-confirm #contact_box textarea,
.contact-complete #contact_box textarea,
.contact-error #contact_box textarea,
.wp-block-group #contact_box textarea {
resize: vertical;
}
.entry #contact_box textarea#wish,
.entry-error #contact_box textarea#wish,
.entry-confirm #contact_box textarea#wish,
.entry-complete #contact_box textarea#wish,
.contact #contact_box textarea#wish,
.contact-confirm #contact_box textarea#wish,
.contact-complete #contact_box textarea#wish,
.contact-error #contact_box textarea#wish,
.wp-block-group #contact_box textarea#wish {
resize: vertical;
}
.entry #contact_box textarea#wish::placeholder,
.entry-error #contact_box textarea#wish::placeholder,
.entry-confirm #contact_box textarea#wish::placeholder,
.entry-complete #contact_box textarea#wish::placeholder,
.contact #contact_box textarea#wish::placeholder,
.contact-confirm #contact_box textarea#wish::placeholder,
.contact-complete #contact_box textarea#wish::placeholder,
.contact-error #contact_box textarea#wish::placeholder,
.wp-block-group #contact_box textarea#wish::placeholder {
color: #939393;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-style: normal;
}
@media screen and (max-width: 910px) {
.entry #contact_box textarea#wish,
.entry-error #contact_box textarea#wish,
.entry-confirm #contact_box textarea#wish,
.entry-complete #contact_box textarea#wish,
.contact #contact_box textarea#wish,
.contact-confirm #contact_box textarea#wish,
.contact-complete #contact_box textarea#wish,
.contact-error #contact_box textarea#wish,
.wp-block-group #contact_box textarea#wish {
height: auto;
}
}
.entry #contact_box input[name=zip], .entry #contact_box input[name=zip1],
.entry #contact_box input[name=zip1],
.entry-error #contact_box input[name=zip],
.entry-error #contact_box input[name=zip1],
.entry-error #contact_box input[name=zip1],
.entry-confirm #contact_box input[name=zip],
.entry-confirm #contact_box input[name=zip1],
.entry-confirm #contact_box input[name=zip1],
.entry-complete #contact_box input[name=zip],
.entry-complete #contact_box input[name=zip1],
.entry-complete #contact_box input[name=zip1],
.contact #contact_box input[name=zip],
.contact #contact_box input[name=zip1],
.contact #contact_box input[name=zip1],
.contact-confirm #contact_box input[name=zip],
.contact-confirm #contact_box input[name=zip1],
.contact-confirm #contact_box input[name=zip1],
.contact-complete #contact_box input[name=zip],
.contact-complete #contact_box input[name=zip1],
.contact-complete #contact_box input[name=zip1],
.contact-error #contact_box input[name=zip],
.contact-error #contact_box input[name=zip1],
.contact-error #contact_box input[name=zip1],
.wp-block-group #contact_box input[name=zip],
.wp-block-group #contact_box input[name=zip1],
.wp-block-group #contact_box input[name=zip1] {
width: auto;
margin-bottom: 12px;
}
.entry #contact_box input[type="text"],
.entry #contact_box input[type="email"],
.entry #contact_box input[type="tel"],
.entry #contact_box textarea,
.entry-error #contact_box input[type="text"],
.entry-error #contact_box input[type="email"],
.entry-error #contact_box input[type="tel"],
.entry-error #contact_box textarea,
.entry-confirm #contact_box input[type="text"],
.entry-confirm #contact_box input[type="email"],
.entry-confirm #contact_box input[type="tel"],
.entry-confirm #contact_box textarea,
.entry-complete #contact_box input[type="text"],
.entry-complete #contact_box input[type="email"],
.entry-complete #contact_box input[type="tel"],
.entry-complete #contact_box textarea,
.contact #contact_box input[type="text"],
.contact #contact_box input[type="email"],
.contact #contact_box input[type="tel"],
.contact #contact_box textarea,
.contact-confirm #contact_box input[type="text"],
.contact-confirm #contact_box input[type="email"],
.contact-confirm #contact_box input[type="tel"],
.contact-confirm #contact_box textarea,
.contact-complete #contact_box input[type="text"],
.contact-complete #contact_box input[type="email"],
.contact-complete #contact_box input[type="tel"],
.contact-complete #contact_box textarea,
.contact-error #contact_box input[type="text"],
.contact-error #contact_box input[type="email"],
.contact-error #contact_box input[type="tel"],
.contact-error #contact_box textarea,
.wp-block-group #contact_box input[type="text"],
.wp-block-group #contact_box input[type="email"],
.wp-block-group #contact_box input[type="tel"],
.wp-block-group #contact_box textarea {
width: 100%;
}
.entry #contact_box input[type="text"],
.entry #contact_box input[type="email"],
.entry #contact_box input[type="number"],
.entry #contact_box input[type="url"],
.entry #contact_box input[type="password"],
.entry #contact_box input[type="date"],
.entry #contact_box input[type="tel"],
.entry #contact_box textarea,
.entry-error #contact_box input[type="text"],
.entry-error #contact_box input[type="email"],
.entry-error #contact_box input[type="number"],
.entry-error #contact_box input[type="url"],
.entry-error #contact_box input[type="password"],
.entry-error #contact_box input[type="date"],
.entry-error #contact_box input[type="tel"],
.entry-error #contact_box textarea,
.entry-confirm #contact_box input[type="text"],
.entry-confirm #contact_box input[type="email"],
.entry-confirm #contact_box input[type="number"],
.entry-confirm #contact_box input[type="url"],
.entry-confirm #contact_box input[type="password"],
.entry-confirm #contact_box input[type="date"],
.entry-confirm #contact_box input[type="tel"],
.entry-confirm #contact_box textarea,
.entry-complete #contact_box input[type="text"],
.entry-complete #contact_box input[type="email"],
.entry-complete #contact_box input[type="number"],
.entry-complete #contact_box input[type="url"],
.entry-complete #contact_box input[type="password"],
.entry-complete #contact_box input[type="date"],
.entry-complete #contact_box input[type="tel"],
.entry-complete #contact_box textarea,
.contact #contact_box input[type="text"],
.contact #contact_box input[type="email"],
.contact #contact_box input[type="number"],
.contact #contact_box input[type="url"],
.contact #contact_box input[type="password"],
.contact #contact_box input[type="date"],
.contact #contact_box input[type="tel"],
.contact #contact_box textarea,
.contact-confirm #contact_box input[type="text"],
.contact-confirm #contact_box input[type="email"],
.contact-confirm #contact_box input[type="number"],
.contact-confirm #contact_box input[type="url"],
.contact-confirm #contact_box input[type="password"],
.contact-confirm #contact_box input[type="date"],
.contact-confirm #contact_box input[type="tel"],
.contact-confirm #contact_box textarea,
.contact-complete #contact_box input[type="text"],
.contact-complete #contact_box input[type="email"],
.contact-complete #contact_box input[type="number"],
.contact-complete #contact_box input[type="url"],
.contact-complete #contact_box input[type="password"],
.contact-complete #contact_box input[type="date"],
.contact-complete #contact_box input[type="tel"],
.contact-complete #contact_box textarea,
.contact-error #contact_box input[type="text"],
.contact-error #contact_box input[type="email"],
.contact-error #contact_box input[type="number"],
.contact-error #contact_box input[type="url"],
.contact-error #contact_box input[type="password"],
.contact-error #contact_box input[type="date"],
.contact-error #contact_box input[type="tel"],
.contact-error #contact_box textarea,
.wp-block-group #contact_box input[type="text"],
.wp-block-group #contact_box input[type="email"],
.wp-block-group #contact_box input[type="number"],
.wp-block-group #contact_box input[type="url"],
.wp-block-group #contact_box input[type="password"],
.wp-block-group #contact_box input[type="date"],
.wp-block-group #contact_box input[type="tel"],
.wp-block-group #contact_box textarea {
background: #fffef0;
padding: 11px;
font-size: 16px;
border-radius: 10px;
border: 2px solid #9CA7B1;
width: 100%;
vertical-align: baseline;
box-sizing: border-box;
}
.entry #contact_box .mwform-tel-field input[type="text"],
.entry #contact_box .mwform-zip-field input[type="text"],
.entry-error #contact_box .mwform-tel-field input[type="text"],
.entry-error #contact_box .mwform-zip-field input[type="text"],
.entry-confirm #contact_box .mwform-tel-field input[type="text"],
.entry-confirm #contact_box .mwform-zip-field input[type="text"],
.entry-complete #contact_box .mwform-tel-field input[type="text"],
.entry-complete #contact_box .mwform-zip-field input[type="text"],
.contact #contact_box .mwform-tel-field input[type="text"],
.contact #contact_box .mwform-zip-field input[type="text"],
.contact-confirm #contact_box .mwform-tel-field input[type="text"],
.contact-confirm #contact_box .mwform-zip-field input[type="text"],
.contact-complete #contact_box .mwform-tel-field input[type="text"],
.contact-complete #contact_box .mwform-zip-field input[type="text"],
.contact-error #contact_box .mwform-tel-field input[type="text"],
.contact-error #contact_box .mwform-zip-field input[type="text"],
.wp-block-group #contact_box .mwform-tel-field input[type="text"],
.wp-block-group #contact_box .mwform-zip-field input[type="text"] {
display: inline-block;
width: auto;
margin: 0 3px;
}
.entry #contact_box .mwform-tel-field input[type="text"]:first-child,
.entry #contact_box .mwform-zip-field input[type="text"]:first-child,
.entry-error #contact_box .mwform-tel-field input[type="text"]:first-child,
.entry-error #contact_box .mwform-zip-field input[type="text"]:first-child,
.entry-confirm #contact_box .mwform-tel-field input[type="text"]:first-child,
.entry-confirm #contact_box .mwform-zip-field input[type="text"]:first-child,
.entry-complete #contact_box .mwform-tel-field input[type="text"]:first-child,
.entry-complete #contact_box .mwform-zip-field input[type="text"]:first-child,
.contact #contact_box .mwform-tel-field input[type="text"]:first-child,
.contact #contact_box .mwform-zip-field input[type="text"]:first-child,
.contact-confirm #contact_box .mwform-tel-field input[type="text"]:first-child,
.contact-confirm #contact_box .mwform-zip-field input[type="text"]:first-child,
.contact-complete #contact_box .mwform-tel-field input[type="text"]:first-child,
.contact-complete #contact_box .mwform-zip-field input[type="text"]:first-child,
.contact-error #contact_box .mwform-tel-field input[type="text"]:first-child,
.contact-error #contact_box .mwform-zip-field input[type="text"]:first-child,
.wp-block-group #contact_box .mwform-tel-field input[type="text"]:first-child,
.wp-block-group #contact_box .mwform-zip-field input[type="text"]:first-child {
margin-left: 0;
}
.entry #contact_box .mwform-tel-field input[type="text"]:last-child,
.entry #contact_box .mwform-zip-field input[type="text"]:last-child,
.entry-error #contact_box .mwform-tel-field input[type="text"]:last-child,
.entry-error #contact_box .mwform-zip-field input[type="text"]:last-child,
.entry-confirm #contact_box .mwform-tel-field input[type="text"]:last-child,
.entry-confirm #contact_box .mwform-zip-field input[type="text"]:last-child,
.entry-complete #contact_box .mwform-tel-field input[type="text"]:last-child,
.entry-complete #contact_box .mwform-zip-field input[type="text"]:last-child,
.contact #contact_box .mwform-tel-field input[type="text"]:last-child,
.contact #contact_box .mwform-zip-field input[type="text"]:last-child,
.contact-confirm #contact_box .mwform-tel-field input[type="text"]:last-child,
.contact-confirm #contact_box .mwform-zip-field input[type="text"]:last-child,
.contact-complete #contact_box .mwform-tel-field input[type="text"]:last-child,
.contact-complete #contact_box .mwform-zip-field input[type="text"]:last-child,
.contact-error #contact_box .mwform-tel-field input[type="text"]:last-child,
.contact-error #contact_box .mwform-zip-field input[type="text"]:last-child,
.wp-block-group #contact_box .mwform-tel-field input[type="text"]:last-child,
.wp-block-group #contact_box .mwform-zip-field input[type="text"]:last-child {
margin-right: 0;
}
@media screen and (max-width: 910px) {
.entry #contact_box .mwform-tel-field input[type="text"],
.entry #contact_box .mwform-zip-field input[type="text"],
.entry-error #contact_box .mwform-tel-field input[type="text"],
.entry-error #contact_box .mwform-zip-field input[type="text"],
.entry-confirm #contact_box .mwform-tel-field input[type="text"],
.entry-confirm #contact_box .mwform-zip-field input[type="text"],
.entry-complete #contact_box .mwform-tel-field input[type="text"],
.entry-complete #contact_box .mwform-zip-field input[type="text"],
.contact #contact_box .mwform-tel-field input[type="text"],
.contact #contact_box .mwform-zip-field input[type="text"],
.contact-confirm #contact_box .mwform-tel-field input[type="text"],
.contact-confirm #contact_box .mwform-zip-field input[type="text"],
.contact-complete #contact_box .mwform-tel-field input[type="text"],
.contact-complete #contact_box .mwform-zip-field input[type="text"],
.contact-error #contact_box .mwform-tel-field input[type="text"],
.contact-error #contact_box .mwform-zip-field input[type="text"],
.wp-block-group #contact_box .mwform-tel-field input[type="text"],
.wp-block-group #contact_box .mwform-zip-field input[type="text"] {
width: 30%;
}
}
@media screen and (max-width: 500px) {
.entry #contact_box .mwform-tel-field input[type="text"],
.entry #contact_box .mwform-zip-field input[type="text"],
.entry-error #contact_box .mwform-tel-field input[type="text"],
.entry-error #contact_box .mwform-zip-field input[type="text"],
.entry-confirm #contact_box .mwform-tel-field input[type="text"],
.entry-confirm #contact_box .mwform-zip-field input[type="text"],
.entry-complete #contact_box .mwform-tel-field input[type="text"],
.entry-complete #contact_box .mwform-zip-field input[type="text"],
.contact #contact_box .mwform-tel-field input[type="text"],
.contact #contact_box .mwform-zip-field input[type="text"],
.contact-confirm #contact_box .mwform-tel-field input[type="text"],
.contact-confirm #contact_box .mwform-zip-field input[type="text"],
.contact-complete #contact_box .mwform-tel-field input[type="text"],
.contact-complete #contact_box .mwform-zip-field input[type="text"],
.contact-error #contact_box .mwform-tel-field input[type="text"],
.contact-error #contact_box .mwform-zip-field input[type="text"],
.wp-block-group #contact_box .mwform-tel-field input[type="text"],
.wp-block-group #contact_box .mwform-zip-field input[type="text"] {
width: 27%;
}
}
.entry #contact_box .contact_bottom li,
.entry-error #contact_box .contact_bottom li,
.entry-confirm #contact_box .contact_bottom li,
.entry-complete #contact_box .contact_bottom li,
.contact #contact_box .contact_bottom li,
.contact-confirm #contact_box .contact_bottom li,
.contact-complete #contact_box .contact_bottom li,
.contact-error #contact_box .contact_bottom li,
.wp-block-group #contact_box .contact_bottom li {
text-align: center;
font-size: 17px;
padding: 16px 0 46px;
}
.entry #contact_box #mw-wp-form-captcha,
.entry-error #contact_box #mw-wp-form-captcha,
.entry-confirm #contact_box #mw-wp-form-captcha,
.entry-complete #contact_box #mw-wp-form-captcha,
.contact #contact_box #mw-wp-form-captcha,
.contact-confirm #contact_box #mw-wp-form-captcha,
.contact-complete #contact_box #mw-wp-form-captcha,
.contact-error #contact_box #mw-wp-form-captcha,
.wp-block-group #contact_box #mw-wp-form-captcha {
text-align: center;
padding: 0 3% 2em 3%;
line-height: 2.5em;
}
.entry #contact_box #mw-wp-form-captcha img,
.entry-error #contact_box #mw-wp-form-captcha img,
.entry-confirm #contact_box #mw-wp-form-captcha img,
.entry-complete #contact_box #mw-wp-form-captcha img,
.contact #contact_box #mw-wp-form-captcha img,
.contact-confirm #contact_box #mw-wp-form-captcha img,
.contact-complete #contact_box #mw-wp-form-captcha img,
.contact-error #contact_box #mw-wp-form-captcha img,
.wp-block-group #contact_box #mw-wp-form-captcha img {
margin-bottom: 10px;
border-radius: 10px;
width: 200px;
}
.entry #contact_box #mw-wp-form-captcha input,
.entry-error #contact_box #mw-wp-form-captcha input,
.entry-confirm #contact_box #mw-wp-form-captcha input,
.entry-complete #contact_box #mw-wp-form-captcha input,
.contact #contact_box #mw-wp-form-captcha input,
.contact-confirm #contact_box #mw-wp-form-captcha input,
.contact-complete #contact_box #mw-wp-form-captcha input,
.contact-error #contact_box #mw-wp-form-captcha input,
.wp-block-group #contact_box #mw-wp-form-captcha input {
width: 200px;
height: 50px;
margin: 10px auto 0;
}
.entry #contact_box .captcha,
.entry-error #contact_box .captcha,
.entry-confirm #contact_box .captcha,
.entry-complete #contact_box .captcha,
.contact #contact_box .captcha,
.contact-confirm #contact_box .captcha,
.contact-complete #contact_box .captcha,
.contact-error #contact_box .captcha,
.wp-block-group #contact_box .captcha {
margin-top: 32px;
}
.entry #contact_box .captcha p,
.entry-error #contact_box .captcha p,
.entry-confirm #contact_box .captcha p,
.entry-complete #contact_box .captcha p,
.contact #contact_box .captcha p,
.contact-confirm #contact_box .captcha p,
.contact-complete #contact_box .captcha p,
.contact-error #contact_box .captcha p,
.wp-block-group #contact_box .captcha p {
text-align: center;
}
.entry #contact_box .captcha p img,
.entry-error #contact_box .captcha p img,
.entry-confirm #contact_box .captcha p img,
.entry-complete #contact_box .captcha p img,
.contact #contact_box .captcha p img,
.contact-confirm #contact_box .captcha p img,
.contact-complete #contact_box .captcha p img,
.contact-error #contact_box .captcha p img,
.wp-block-group #contact_box .captcha p img {
border-radius: 12px;
margin: 0 auto;
display: block;
}
.entry #contact_box .captcha p input,
.entry-error #contact_box .captcha p input,
.entry-confirm #contact_box .captcha p input,
.entry-complete #contact_box .captcha p input,
.contact #contact_box .captcha p input,
.contact-confirm #contact_box .captcha p input,
.contact-complete #contact_box .captcha p input,
.contact-error #contact_box .captcha p input,
.wp-block-group #contact_box .captcha p input {
width: 197px;
display: block;
margin: 24px auto 0;
}
.entry #contact_box .privacy_policy,
.entry-error #contact_box .privacy_policy,
.entry-confirm #contact_box .privacy_policy,
.entry-complete #contact_box .privacy_policy,
.contact #contact_box .privacy_policy,
.contact-confirm #contact_box .privacy_policy,
.contact-complete #contact_box .privacy_policy,
.contact-error #contact_box .privacy_policy,
.wp-block-group #contact_box .privacy_policy {
line-height: 1.7;
text-align: center;
margin-top: 42px;
letter-spacing: 0.03em;
}
@media screen and (max-width: 910px) {
.entry #contact_box .privacy_policy,
.entry-error #contact_box .privacy_policy,
.entry-confirm #contact_box .privacy_policy,
.entry-complete #contact_box .privacy_policy,
.contact #contact_box .privacy_policy,
.contact-confirm #contact_box .privacy_policy,
.contact-complete #contact_box .privacy_policy,
.contact-error #contact_box .privacy_policy,
.wp-block-group #contact_box .privacy_policy {
text-align: center;
}
}
@media screen and (max-width: 910px) {
.entry #contact_box .privacy_policy p,
.entry-error #contact_box .privacy_policy p,
.entry-confirm #contact_box .privacy_policy p,
.entry-complete #contact_box .privacy_policy p,
.contact #contact_box .privacy_policy p,
.contact-confirm #contact_box .privacy_policy p,
.contact-complete #contact_box .privacy_policy p,
.contact-error #contact_box .privacy_policy p,
.wp-block-group #contact_box .privacy_policy p {
display: inline-block;
text-align: left;
}
}
.entry #contact_box .privacy_policy p br,
.entry-error #contact_box .privacy_policy p br,
.entry-confirm #contact_box .privacy_policy p br,
.entry-complete #contact_box .privacy_policy p br,
.contact #contact_box .privacy_policy p br,
.contact-confirm #contact_box .privacy_policy p br,
.contact-complete #contact_box .privacy_policy p br,
.contact-error #contact_box .privacy_policy p br,
.wp-block-group #contact_box .privacy_policy p br {
display: none;
}
.entry #contact_box .privacy_policy a .blank,
.entry-error #contact_box .privacy_policy a .blank,
.entry-confirm #contact_box .privacy_policy a .blank,
.entry-complete #contact_box .privacy_policy a .blank,
.contact #contact_box .privacy_policy a .blank,
.contact-confirm #contact_box .privacy_policy a .blank,
.contact-complete #contact_box .privacy_policy a .blank,
.contact-error #contact_box .privacy_policy a .blank,
.wp-block-group #contact_box .privacy_policy a .blank {
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/common/icon_link_g.svg);
display: inline-block;
width: 12px;
height: 12px;
}
.entry #contact_box .topExBtn,
.entry-error #contact_box .topExBtn,
.entry-confirm #contact_box .topExBtn,
.entry-complete #contact_box .topExBtn,
.contact #contact_box .topExBtn,
.contact-confirm #contact_box .topExBtn,
.contact-complete #contact_box .topExBtn,
.contact-error #contact_box .topExBtn,
.wp-block-group #contact_box .topExBtn {
width: 310px;
margin: 32px auto 0;
position: relative;
box-sizing: border-box;
}
@media screen and (max-width: 910px) {
.entry #contact_box .topExBtn,
.entry-error #contact_box .topExBtn,
.entry-confirm #contact_box .topExBtn,
.entry-complete #contact_box .topExBtn,
.contact #contact_box .topExBtn,
.contact-confirm #contact_box .topExBtn,
.contact-complete #contact_box .topExBtn,
.contact-error #contact_box .topExBtn,
.wp-block-group #contact_box .topExBtn {
max-width: 310px;
width: 100%;
}
}
.entry #contact_box .topExBtn:hover svg,
.entry-error #contact_box .topExBtn:hover svg,
.entry-confirm #contact_box .topExBtn:hover svg,
.entry-complete #contact_box .topExBtn:hover svg,
.contact #contact_box .topExBtn:hover svg,
.contact-confirm #contact_box .topExBtn:hover svg,
.contact-complete #contact_box .topExBtn:hover svg,
.contact-error #contact_box .topExBtn:hover svg,
.wp-block-group #contact_box .topExBtn:hover svg {
right: 17px;
transition: 0.3s;
}
.entry #contact_box .topExBtn svg,
.entry-error #contact_box .topExBtn svg,
.entry-confirm #contact_box .topExBtn svg,
.entry-complete #contact_box .topExBtn svg,
.contact #contact_box .topExBtn svg,
.contact-confirm #contact_box .topExBtn svg,
.contact-complete #contact_box .topExBtn svg,
.contact-error #contact_box .topExBtn svg,
.wp-block-group #contact_box .topExBtn svg {
top: 50%;
right: 20px;
left: auto;
transform: rotate(-90deg);
z-index: 2;
transition: 0.3s;
}
.entry #contact_box .topExBtn button, .entry #contact_box .topExBtn input,
.entry-error #contact_box .topExBtn button,
.entry-error #contact_box .topExBtn input,
.entry-confirm #contact_box .topExBtn button,
.entry-confirm #contact_box .topExBtn input,
.entry-complete #contact_box .topExBtn button,
.entry-complete #contact_box .topExBtn input,
.contact #contact_box .topExBtn button,
.contact #contact_box .topExBtn input,
.contact-confirm #contact_box .topExBtn button,
.contact-confirm #contact_box .topExBtn input,
.contact-complete #contact_box .topExBtn button,
.contact-complete #contact_box .topExBtn input,
.contact-error #contact_box .topExBtn button,
.contact-error #contact_box .topExBtn input,
.wp-block-group #contact_box .topExBtn button,
.wp-block-group #contact_box .topExBtn input {
font-size: 20px;
font-size: 2rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
font-style: normal;
border: 0px;
padding-bottom: 0;
}
.entry #contact_box .topExBtn .blueBtnRed,
.entry-error #contact_box .topExBtn .blueBtnRed,
.entry-confirm #contact_box .topExBtn .blueBtnRed,
.entry-complete #contact_box .topExBtn .blueBtnRed,
.contact #contact_box .topExBtn .blueBtnRed,
.contact-confirm #contact_box .topExBtn .blueBtnRed,
.contact-complete #contact_box .topExBtn .blueBtnRed,
.contact-error #contact_box .topExBtn .blueBtnRed,
.wp-block-group #contact_box .topExBtn .blueBtnRed {
margin-top: 0;
width: 100%;
}
.entry #contact_box div.contact_bottom div.item,
.entry-error #contact_box div.contact_bottom div.item,
.entry-confirm #contact_box div.contact_bottom div.item,
.entry-complete #contact_box div.contact_bottom div.item,
.contact #contact_box div.contact_bottom div.item,
.contact-confirm #contact_box div.contact_bottom div.item,
.contact-complete #contact_box div.contact_bottom div.item,
.contact-error #contact_box div.contact_bottom div.item,
.wp-block-group #contact_box div.contact_bottom div.item {
margin: 20px auto;
text-align: center;
}
@media screen and (min-width: 800px) {
.entry #contact_box div.contact_bottom div.item,
.entry-error #contact_box div.contact_bottom div.item,
.entry-confirm #contact_box div.contact_bottom div.item,
.entry-complete #contact_box div.contact_bottom div.item,
.contact #contact_box div.contact_bottom div.item,
.contact-confirm #contact_box div.contact_bottom div.item,
.contact-complete #contact_box div.contact_bottom div.item,
.contact-error #contact_box div.contact_bottom div.item,
.wp-block-group #contact_box div.contact_bottom div.item {
width: 400px;
}
}
.entry .radio,
.entry-error .radio,
.entry-confirm .radio,
.entry-complete .radio,
.contact .radio,
.contact-confirm .radio,
.contact-complete .radio,
.contact-error .radio,
.wp-block-group .radio {
padding: 15px 0;
}
.entry .mw_wp_form .vertical-item,
.entry-error .mw_wp_form .vertical-item,
.entry-confirm .mw_wp_form .vertical-item,
.entry-complete .mw_wp_form .vertical-item,
.contact .mw_wp_form .vertical-item,
.contact-confirm .mw_wp_form .vertical-item,
.contact-complete .mw_wp_form .vertical-item,
.contact-error .mw_wp_form .vertical-item,
.wp-block-group .mw_wp_form .vertical-item {
float: left;
width: 50%;
margin-bottom: 10px;
}
.entry .complete_message,
.entry .wrap_top,
.entry-error .complete_message,
.entry-error .wrap_top,
.entry-confirm .complete_message,
.entry-confirm .wrap_top,
.entry-complete .complete_message,
.entry-complete .wrap_top,
.contact .complete_message,
.contact .wrap_top,
.contact-confirm .complete_message,
.contact-confirm .wrap_top,
.contact-complete .complete_message,
.contact-complete .wrap_top,
.contact-error .complete_message,
.contact-error .wrap_top,
.wp-block-group .complete_message,
.wp-block-group .wrap_top {
text-align: center;
}
.entry .complete_message h4,
.entry .wrap_top h4,
.entry-error .complete_message h4,
.entry-error .wrap_top h4,
.entry-confirm .complete_message h4,
.entry-confirm .wrap_top h4,
.entry-complete .complete_message h4,
.entry-complete .wrap_top h4,
.contact .complete_message h4,
.contact .wrap_top h4,
.contact-confirm .complete_message h4,
.contact-confirm .wrap_top h4,
.contact-complete .complete_message h4,
.contact-complete .wrap_top h4,
.contact-error .complete_message h4,
.contact-error .wrap_top h4,
.wp-block-group .complete_message h4,
.wp-block-group .wrap_top h4 {
position: relative;
text-align: center;
font-size: 22px;
font-weight: bold;
padding-bottom: 20px;
display: table;
margin: 0 auto 20px;
}
.entry #contact-err h4,
.entry-error #contact-err h4,
.entry-confirm #contact-err h4,
.entry-complete #contact-err h4,
.contact #contact-err h4,
.contact-confirm #contact-err h4,
.contact-complete #contact-err h4,
.contact-error #contact-err h4,
.wp-block-group #contact-err h4 {
position: relative;
text-align: center;
font-size: 22px;
color: #ff4848;
font-weight: bold;
padding-bottom: 20px;
display: table;
margin: 0 auto 20px;
}
.entry #div-tel,
.entry-error #div-tel,
.entry-confirm #div-tel,
.entry-complete #div-tel,
.contact #div-tel,
.contact-confirm #div-tel,
.contact-complete #div-tel,
.contact-error #div-tel,
.wp-block-group #div-tel {
max-width: 1400px;
box-sizing: border-box;
width: 100%;
margin: 0 auto;
}
@media screen and (max-width: 910px) {
.entry #div-tel,
.entry-error #div-tel,
.entry-confirm #div-tel,
.entry-complete #div-tel,
.contact #div-tel,
.contact-confirm #div-tel,
.contact-complete #div-tel,
.contact-error #div-tel,
.wp-block-group #div-tel {
padding: 0;
}
}
.entry .box_contact01,
.entry-error .box_contact01,
.entry-confirm .box_contact01,
.entry-complete .box_contact01,
.contact .box_contact01,
.contact-confirm .box_contact01,
.contact-complete .box_contact01,
.contact-error .box_contact01,
.wp-block-group .box_contact01 {
border: 2px solid #ccc;
background-color: #FFF;
margin: 0px auto 2.0em auto;
padding: 36px 10px 32px;
border: 1px solid #9E9E9F;
box-sizing: border-box;
max-width: 947px;
width: 100%;
height: 228px;
margin: 0px auto 60px;
text-align: center;
}
@media screen and (max-width: 910px) {
.entry .box_contact01,
.entry-error .box_contact01,
.entry-confirm .box_contact01,
.entry-complete .box_contact01,
.contact .box_contact01,
.contact-confirm .box_contact01,
.contact-complete .box_contact01,
.contact-error .box_contact01,
.wp-block-group .box_contact01 {
height: auto;
}
}
.entry .box_contact01 p:first-child,
.entry-error .box_contact01 p:first-child,
.entry-confirm .box_contact01 p:first-child,
.entry-complete .box_contact01 p:first-child,
.contact .box_contact01 p:first-child,
.contact-confirm .box_contact01 p:first-child,
.contact-complete .box_contact01 p:first-child,
.contact-error .box_contact01 p:first-child,
.wp-block-group .box_contact01 p:first-child {
margin-bottom: 0em;
}
.entry .box_contact01 p,
.entry-error .box_contact01 p,
.entry-confirm .box_contact01 p,
.entry-complete .box_contact01 p,
.contact .box_contact01 p,
.contact-confirm .box_contact01 p,
.contact-complete .box_contact01 p,
.contact-error .box_contact01 p,
.wp-block-group .box_contact01 p {
display: block;
letter-spacing: 0.025em;
}
.entry .box_contact01 .p_bigbig,
.entry-error .box_contact01 .p_bigbig,
.entry-confirm .box_contact01 .p_bigbig,
.entry-complete .box_contact01 .p_bigbig,
.contact .box_contact01 .p_bigbig,
.contact-confirm .box_contact01 .p_bigbig,
.contact-complete .box_contact01 .p_bigbig,
.contact-error .box_contact01 .p_bigbig,
.wp-block-group .box_contact01 .p_bigbig {
margin-bottom: 12px;
line-height: 1.9;
}
@media screen and (max-width: 910px) {
.entry .box_contact01 .p_bigbig,
.entry-error .box_contact01 .p_bigbig,
.entry-confirm .box_contact01 .p_bigbig,
.entry-complete .box_contact01 .p_bigbig,
.contact .box_contact01 .p_bigbig,
.contact-confirm .box_contact01 .p_bigbig,
.contact-complete .box_contact01 .p_bigbig,
.contact-error .box_contact01 .p_bigbig,
.wp-block-group .box_contact01 .p_bigbig {
text-align: left;
display: inline-block;
}
.entry .box_contact01 .p_bigbig br,
.entry-error .box_contact01 .p_bigbig br,
.entry-confirm .box_contact01 .p_bigbig br,
.entry-complete .box_contact01 .p_bigbig br,
.contact .box_contact01 .p_bigbig br,
.contact-confirm .box_contact01 .p_bigbig br,
.contact-complete .box_contact01 .p_bigbig br,
.contact-error .box_contact01 .p_bigbig br,
.wp-block-group .box_contact01 .p_bigbig br {
display: none;
}
}
.entry .box_contact01 p.time,
.entry-error .box_contact01 p.time,
.entry-confirm .box_contact01 p.time,
.entry-complete .box_contact01 p.time,
.contact .box_contact01 p.time,
.contact-confirm .box_contact01 p.time,
.contact-complete .box_contact01 p.time,
.contact-error .box_contact01 p.time,
.wp-block-group .box_contact01 p.time {
letter-spacing: 0.1em;
line-height: 0;
box-sizing: border-box;
padding-left: 36px;
font-size: 15px;
font-size: 1.5rem;
}
@media screen and (max-width: 910px) {
.entry .box_contact01 p.time,
.entry-error .box_contact01 p.time,
.entry-confirm .box_contact01 p.time,
.entry-complete .box_contact01 p.time,
.contact .box_contact01 p.time,
.contact-confirm .box_contact01 p.time,
.contact-complete .box_contact01 p.time,
.contact-error .box_contact01 p.time,
.wp-block-group .box_contact01 p.time {
line-height: 1.2;
padding-left: 0;
text-align: center;
}
}
.entry .box_contact01.is-show,
.entry-error .box_contact01.is-show,
.entry-confirm .box_contact01.is-show,
.entry-complete .box_contact01.is-show,
.contact .box_contact01.is-show,
.contact-confirm .box_contact01.is-show,
.contact-complete .box_contact01.is-show,
.contact-error .box_contact01.is-show,
.wp-block-group .box_contact01.is-show {
text-align: center;
}
@media screen and (min-width: 911px) {
.entry .box_contact01.is-show,
.entry-error .box_contact01.is-show,
.entry-confirm .box_contact01.is-show,
.entry-complete .box_contact01.is-show,
.contact .box_contact01.is-show,
.contact-confirm .box_contact01.is-show,
.contact-complete .box_contact01.is-show,
.contact-error .box_contact01.is-show,
.wp-block-group .box_contact01.is-show {
width: 80%;
}
}
.entry .contact-waku,
.entry-error .contact-waku,
.entry-confirm .contact-waku,
.entry-complete .contact-waku,
.contact .contact-waku,
.contact-confirm .contact-waku,
.contact-complete .contact-waku,
.contact-error .contact-waku,
.wp-block-group .contact-waku {
border: 5px solid #ccc;
margin: 0 auto 20px auto;
width: 80%;
max-width: 1200px;
height: 40px;
box-sizing: border-box;
}
@media screen and (max-width: 910px) {
.entry .contact-waku,
.entry-error .contact-waku,
.entry-confirm .contact-waku,
.entry-complete .contact-waku,
.contact .contact-waku,
.contact-confirm .contact-waku,
.contact-complete .contact-waku,
.contact-error .contact-waku,
.wp-block-group .contact-waku {
width: 100%;
}
}
.entry .contact-top,
.entry-error .contact-top,
.entry-confirm .contact-top,
.entry-complete .contact-top,
.contact .contact-top,
.contact-confirm .contact-top,
.contact-complete .contact-top,
.contact-error .contact-top,
.wp-block-group .contact-top {
border-bottom: none;
}
.entry .contact-bottom,
.entry-error .contact-bottom,
.entry-confirm .contact-bottom,
.entry-complete .contact-bottom,
.contact .contact-bottom,
.contact-confirm .contact-bottom,
.contact-complete .contact-bottom,
.contact-error .contact-bottom,
.wp-block-group .contact-bottom {
border-top: none;
margin-top: -40px;
padding: 10px;
}
@media screen and (max-width: 910px) {
.entry .contact-bottom,
.entry-error .contact-bottom,
.entry-confirm .contact-bottom,
.entry-complete .contact-bottom,
.contact .contact-bottom,
.contact-confirm .contact-bottom,
.contact-complete .contact-bottom,
.contact-error .contact-bottom,
.wp-block-group .contact-bottom {
max-width: 95%;
width: 100%;
}
}
@media screen and (min-width: 800px) {
.entry .contact-waku.is-show,
.entry-error .contact-waku.is-show,
.entry-confirm .contact-waku.is-show,
.entry-complete .contact-waku.is-show,
.contact .contact-waku.is-show,
.contact-confirm .contact-waku.is-show,
.contact-complete .contact-waku.is-show,
.contact-error .contact-waku.is-show,
.wp-block-group .contact-waku.is-show {
width: 100%;
}
}
.entry div.contact-flow,
.entry-error div.contact-flow,
.entry-confirm div.contact-flow,
.entry-complete div.contact-flow,
.contact div.contact-flow,
.contact-confirm div.contact-flow,
.contact-complete div.contact-flow,
.contact-error div.contact-flow,
.wp-block-group div.contact-flow {
max-width: 700px;
width: 100%;
position: relative;
box-sizing: border-box;
margin: 0 auto;
}
.entry div.contact-flow ul.flow-list,
.entry-error div.contact-flow ul.flow-list,
.entry-confirm div.contact-flow ul.flow-list,
.entry-complete div.contact-flow ul.flow-list,
.contact div.contact-flow ul.flow-list,
.contact-confirm div.contact-flow ul.flow-list,
.contact-complete div.contact-flow ul.flow-list,
.contact-error div.contact-flow ul.flow-list,
.wp-block-group div.contact-flow ul.flow-list {
width: 100%;
position: relative;
z-index: 1;
display: -webkit-box;
display: flex;
margin: 0;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
}
.entry div.contact-flow ul.flow-list li.flow-list-item,
.entry-error div.contact-flow ul.flow-list li.flow-list-item,
.entry-confirm div.contact-flow ul.flow-list li.flow-list-item,
.entry-complete div.contact-flow ul.flow-list li.flow-list-item,
.contact div.contact-flow ul.flow-list li.flow-list-item,
.contact-confirm div.contact-flow ul.flow-list li.flow-list-item,
.contact-complete div.contact-flow ul.flow-list li.flow-list-item,
.contact-error div.contact-flow ul.flow-list li.flow-list-item,
.wp-block-group div.contact-flow ul.flow-list li.flow-list-item {
width: 60px;
position: relative;
top: 3px;
z-index: 1;
font-size: .9rem;
font-weight: bold;
line-height: 1.4;
text-align: center;
color: #d5cdcd;
}
.entry div.contact-flow ul.flow-list li.flow-list-item.active,
.entry-error div.contact-flow ul.flow-list li.flow-list-item.active,
.entry-confirm div.contact-flow ul.flow-list li.flow-list-item.active,
.entry-complete div.contact-flow ul.flow-list li.flow-list-item.active,
.contact div.contact-flow ul.flow-list li.flow-list-item.active,
.contact-confirm div.contact-flow ul.flow-list li.flow-list-item.active,
.contact-complete div.contact-flow ul.flow-list li.flow-list-item.active,
.contact-error div.contact-flow ul.flow-list li.flow-list-item.active,
.wp-block-group div.contact-flow ul.flow-list li.flow-list-item.active {
color: #3b2929;
}
.entry div.contact-flow ul.flow-list li.flow-list-item:before,
.entry-error div.contact-flow ul.flow-list li.flow-list-item:before,
.entry-confirm div.contact-flow ul.flow-list li.flow-list-item:before,
.entry-complete div.contact-flow ul.flow-list li.flow-list-item:before,
.contact div.contact-flow ul.flow-list li.flow-list-item:before,
.contact-confirm div.contact-flow ul.flow-list li.flow-list-item:before,
.contact-complete div.contact-flow ul.flow-list li.flow-list-item:before,
.contact-error div.contact-flow ul.flow-list li.flow-list-item:before,
.wp-block-group div.contact-flow ul.flow-list li.flow-list-item:before {
position: static;
content: "";
width: 10px;
height: 10px;
margin: 0 auto;
margin-bottom: 20px;
display: block;
background-color: #d5cdcd;
border-radius: 50%;
box-shadow: none;
}
.entry div.contact-flow ul.flow-list li.flow-list-item.active:before,
.entry-error div.contact-flow ul.flow-list li.flow-list-item.active:before,
.entry-confirm div.contact-flow ul.flow-list li.flow-list-item.active:before,
.entry-complete div.contact-flow ul.flow-list li.flow-list-item.active:before,
.contact div.contact-flow ul.flow-list li.flow-list-item.active:before,
.contact-confirm div.contact-flow ul.flow-list li.flow-list-item.active:before,
.contact-complete div.contact-flow ul.flow-list li.flow-list-item.active:before,
.contact-error div.contact-flow ul.flow-list li.flow-list-item.active:before,
.wp-block-group div.contact-flow ul.flow-list li.flow-list-item.active:before {
background-color: #3b2929;
}
.entry div.contact-flow.is-show,
.entry-error div.contact-flow.is-show,
.entry-confirm div.contact-flow.is-show,
.entry-complete div.contact-flow.is-show,
.contact div.contact-flow.is-show,
.contact-confirm div.contact-flow.is-show,
.contact-complete div.contact-flow.is-show,
.contact-error div.contact-flow.is-show,
.wp-block-group div.contact-flow.is-show {
max-width: 400px;
}
@media screen and (max-width: 800px) {
.entry div.contact-flow.is-show,
.entry-error div.contact-flow.is-show,
.entry-confirm div.contact-flow.is-show,
.entry-complete div.contact-flow.is-show,
.contact div.contact-flow.is-show,
.contact-confirm div.contact-flow.is-show,
.contact-complete div.contact-flow.is-show,
.contact-error div.contact-flow.is-show,
.wp-block-group div.contact-flow.is-show {
max-width: 260px;
}
}
.entry h2::after,
.entry h3::after,
.entry h4::after,
.entry h5::after,
.entry h6::after,
.entry .btn01::before,
.entry .table01::after,
.entry .box_apr::after,
.entry .btn01::before,
.entry .wp-block-dp-ex-blocks-colored-box::after,
.entry .box_flow .flow dt > span::after,
.entry .box_contact01,
.entry .contact-waku,
.entry .contact-flow,
.entry .text-center::after,
.entry ul#menu-globalnavi > li::after,
.entry-error h2::after,
.entry-error h3::after,
.entry-error h4::after,
.entry-error h5::after,
.entry-error h6::after,
.entry-error .btn01::before,
.entry-error .table01::after,
.entry-error .box_apr::after,
.entry-error .btn01::before,
.entry-error .wp-block-dp-ex-blocks-colored-box::after,
.entry-error .box_flow .flow dt > span::after,
.entry-error .box_contact01,
.entry-error .contact-waku,
.entry-error .contact-flow,
.entry-error .text-center::after,
.entry-error ul#menu-globalnavi > li::after,
.entry-confirm h2::after,
.entry-confirm h3::after,
.entry-confirm h4::after,
.entry-confirm h5::after,
.entry-confirm h6::after,
.entry-confirm .btn01::before,
.entry-confirm .table01::after,
.entry-confirm .box_apr::after,
.entry-confirm .btn01::before,
.entry-confirm .wp-block-dp-ex-blocks-colored-box::after,
.entry-confirm .box_flow .flow dt > span::after,
.entry-confirm .box_contact01,
.entry-confirm .contact-waku,
.entry-confirm .contact-flow,
.entry-confirm .text-center::after,
.entry-confirm ul#menu-globalnavi > li::after,
.entry-complete h2::after,
.entry-complete h3::after,
.entry-complete h4::after,
.entry-complete h5::after,
.entry-complete h6::after,
.entry-complete .btn01::before,
.entry-complete .table01::after,
.entry-complete .box_apr::after,
.entry-complete .btn01::before,
.entry-complete .wp-block-dp-ex-blocks-colored-box::after,
.entry-complete .box_flow .flow dt > span::after,
.entry-complete .box_contact01,
.entry-complete .contact-waku,
.entry-complete .contact-flow,
.entry-complete .text-center::after,
.entry-complete ul#menu-globalnavi > li::after,
.contact h2::after,
.contact h3::after,
.contact h4::after,
.contact h5::after,
.contact h6::after,
.contact .btn01::before,
.contact .table01::after,
.contact .box_apr::after,
.contact .btn01::before,
.contact .wp-block-dp-ex-blocks-colored-box::after,
.contact .box_flow .flow dt > span::after,
.contact .box_contact01,
.contact .contact-waku,
.contact .contact-flow,
.contact .text-center::after,
.contact ul#menu-globalnavi > li::after,
.contact-confirm h2::after,
.contact-confirm h3::after,
.contact-confirm h4::after,
.contact-confirm h5::after,
.contact-confirm h6::after,
.contact-confirm .btn01::before,
.contact-confirm .table01::after,
.contact-confirm .box_apr::after,
.contact-confirm .btn01::before,
.contact-confirm .wp-block-dp-ex-blocks-colored-box::after,
.contact-confirm .box_flow .flow dt > span::after,
.contact-confirm .box_contact01,
.contact-confirm .contact-waku,
.contact-confirm .contact-flow,
.contact-confirm .text-center::after,
.contact-confirm ul#menu-globalnavi > li::after,
.contact-complete h2::after,
.contact-complete h3::after,
.contact-complete h4::after,
.contact-complete h5::after,
.contact-complete h6::after,
.contact-complete .btn01::before,
.contact-complete .table01::after,
.contact-complete .box_apr::after,
.contact-complete .btn01::before,
.contact-complete .wp-block-dp-ex-blocks-colored-box::after,
.contact-complete .box_flow .flow dt > span::after,
.contact-complete .box_contact01,
.contact-complete .contact-waku,
.contact-complete .contact-flow,
.contact-complete .text-center::after,
.contact-complete ul#menu-globalnavi > li::after,
.contact-error h2::after,
.contact-error h3::after,
.contact-error h4::after,
.contact-error h5::after,
.contact-error h6::after,
.contact-error .btn01::before,
.contact-error .table01::after,
.contact-error .box_apr::after,
.contact-error .btn01::before,
.contact-error .wp-block-dp-ex-blocks-colored-box::after,
.contact-error .box_flow .flow dt > span::after,
.contact-error .box_contact01,
.contact-error .contact-waku,
.contact-error .contact-flow,
.contact-error .text-center::after,
.contact-error ul#menu-globalnavi > li::after,
.wp-block-group h2::after,
.wp-block-group h3::after,
.wp-block-group h4::after,
.wp-block-group h5::after,
.wp-block-group h6::after,
.wp-block-group .btn01::before,
.wp-block-group .table01::after,
.wp-block-group .box_apr::after,
.wp-block-group .btn01::before,
.wp-block-group .wp-block-dp-ex-blocks-colored-box::after,
.wp-block-group .box_flow .flow dt > span::after,
.wp-block-group .box_contact01,
.wp-block-group .contact-waku,
.wp-block-group .contact-flow,
.wp-block-group .text-center::after,
.wp-block-group ul#menu-globalnavi > li::after {
-webkit-transition: all 700ms cubic-bezier(1, 0.005, 0.09, 1);
transition: all 700ms cubic-bezier(1, 0.005, 0.09, 1);
}
.entry div.contact-flow:before,
.entry-error div.contact-flow:before,
.entry-confirm div.contact-flow:before,
.entry-complete div.contact-flow:before,
.contact div.contact-flow:before,
.contact-confirm div.contact-flow:before,
.contact-complete div.contact-flow:before,
.contact-error div.contact-flow:before,
.wp-block-group div.contact-flow:before {
content: "";
width: calc(100% - 50px);
height: 2px;
background-color: #d5cdcd;
position: absolute;
top: 7px;
left: 25px;
z-index: 0;
}
.entry a.js_tel02,
.entry-error a.js_tel02,
.entry-confirm a.js_tel02,
.entry-complete a.js_tel02,
.contact a.js_tel02,
.contact-confirm a.js_tel02,
.contact-complete a.js_tel02,
.contact-error a.js_tel02,
.wp-block-group a.js_tel02 {
pointer-events: none;
}
@media screen and (max-width: 910px) {
.entry a.js_tel02,
.entry-error a.js_tel02,
.entry-confirm a.js_tel02,
.entry-complete a.js_tel02,
.contact a.js_tel02,
.contact-confirm a.js_tel02,
.contact-complete a.js_tel02,
.contact-error a.js_tel02,
.wp-block-group a.js_tel02 {
pointer-events: inherit;
}
}
.entry a.js_tel02 span.p_tel,
.entry-error a.js_tel02 span.p_tel,
.entry-confirm a.js_tel02 span.p_tel,
.entry-complete a.js_tel02 span.p_tel,
.contact a.js_tel02 span.p_tel,
.contact-confirm a.js_tel02 span.p_tel,
.contact-complete a.js_tel02 span.p_tel,
.contact-error a.js_tel02 span.p_tel,
.wp-block-group a.js_tel02 span.p_tel {
display: inline-block;
position: relative;
font-weight: 700;
padding-right: 24px;
font-family: futura-pt, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 42px;
font-size: 4.2rem;
color: #333;
line-height: 1.5em;
padding-left: 50px;
}
@media screen and (max-width: 910px) {
.entry a.js_tel02 span.p_tel,
.entry-error a.js_tel02 span.p_tel,
.entry-confirm a.js_tel02 span.p_tel,
.entry-complete a.js_tel02 span.p_tel,
.contact a.js_tel02 span.p_tel,
.contact-confirm a.js_tel02 span.p_tel,
.contact-complete a.js_tel02 span.p_tel,
.contact-error a.js_tel02 span.p_tel,
.wp-block-group a.js_tel02 span.p_tel {
line-height: 1.8em;
font-size: 36px;
font-size: 3.6rem;
}
}
@media screen and (max-width: 500px) {
.entry a.js_tel02 span.p_tel,
.entry-error a.js_tel02 span.p_tel,
.entry-confirm a.js_tel02 span.p_tel,
.entry-complete a.js_tel02 span.p_tel,
.contact a.js_tel02 span.p_tel,
.contact-confirm a.js_tel02 span.p_tel,
.contact-complete a.js_tel02 span.p_tel,
.contact-error a.js_tel02 span.p_tel,
.wp-block-group a.js_tel02 span.p_tel {
font-size: 28px;
font-size: 2.8rem;
}
}
@media screen and (max-width: 910px) {
.entry a.js_tel02 span.p_tel,
.entry-error a.js_tel02 span.p_tel,
.entry-confirm a.js_tel02 span.p_tel,
.entry-complete a.js_tel02 span.p_tel,
.contact a.js_tel02 span.p_tel,
.contact-confirm a.js_tel02 span.p_tel,
.contact-complete a.js_tel02 span.p_tel,
.contact-error a.js_tel02 span.p_tel,
.wp-block-group a.js_tel02 span.p_tel {
padding-left: 42px;
}
}
.entry a.js_tel02 span.p_tel::before,
.entry-error a.js_tel02 span.p_tel::before,
.entry-confirm a.js_tel02 span.p_tel::before,
.entry-complete a.js_tel02 span.p_tel::before,
.contact a.js_tel02 span.p_tel::before,
.contact-confirm a.js_tel02 span.p_tel::before,
.contact-complete a.js_tel02 span.p_tel::before,
.contact-error a.js_tel02 span.p_tel::before,
.wp-block-group a.js_tel02 span.p_tel::before {
content: "";
position: absolute;
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/images/common/ico_phone_b.svg);
background-size: contain;
background-repeat: no-repeat;
left: 0;
width: 40px;
height: 40px;
top: 12px;
}
@media screen and (max-width: 500px) {
.entry a.js_tel02 span.p_tel::before,
.entry-error a.js_tel02 span.p_tel::before,
.entry-confirm a.js_tel02 span.p_tel::before,
.entry-complete a.js_tel02 span.p_tel::before,
.contact a.js_tel02 span.p_tel::before,
.contact-confirm a.js_tel02 span.p_tel::before,
.contact-complete a.js_tel02 span.p_tel::before,
.contact-error a.js_tel02 span.p_tel::before,
.wp-block-group a.js_tel02 span.p_tel::before {
width: 32px;
height: 32px;
box-sizing: border-box;
top: 9px;
}
}
.entry a.js_tel02:hover,
.entry-error a.js_tel02:hover,
.entry-confirm a.js_tel02:hover,
.entry-complete a.js_tel02:hover,
.contact a.js_tel02:hover,
.contact-confirm a.js_tel02:hover,
.contact-complete a.js_tel02:hover,
.contact-error a.js_tel02:hover,
.wp-block-group a.js_tel02:hover {
text-decoration: none;
}
.entry a.js_tel02:hover span.p_tel,
.entry-error a.js_tel02:hover span.p_tel,
.entry-confirm a.js_tel02:hover span.p_tel,
.entry-complete a.js_tel02:hover span.p_tel,
.contact a.js_tel02:hover span.p_tel,
.contact-confirm a.js_tel02:hover span.p_tel,
.contact-complete a.js_tel02:hover span.p_tel,
.contact-error a.js_tel02:hover span.p_tel,
.wp-block-group a.js_tel02:hover span.p_tel {
text-decoration: none;
}
.entry #div-tel h1.inside-title-contact::after,
.entry-error #div-tel h1.inside-title-contact::after,
.entry-confirm #div-tel h1.inside-title-contact::after,
.entry-complete #div-tel h1.inside-title-contact::after,
.contact #div-tel h1.inside-title-contact::after,
.contact-confirm #div-tel h1.inside-title-contact::after,
.contact-complete #div-tel h1.inside-title-contact::after,
.contact-error #div-tel h1.inside-title-contact::after,
.wp-block-group #div-tel h1.inside-title-contact::after {
background-image: url(//naga-chu.jp/wp-content/themes/nagachu/img/type_contact.png);
background-size: contain;
top: -75px;
left: calc(50% - 200px);
background-color: initial;
}
@media screen and (max-width: 800px) {
.entry #div-tel h1.inside-title-contact::after,
.entry-error #div-tel h1.inside-title-contact::after,
.entry-confirm #div-tel h1.inside-title-contact::after,
.entry-complete #div-tel h1.inside-title-contact::after,
.contact #div-tel h1.inside-title-contact::after,
.contact-confirm #div-tel h1.inside-title-contact::after,
.contact-complete #div-tel h1.inside-title-contact::after,
.contact-error #div-tel h1.inside-title-contact::after,
.wp-block-group #div-tel h1.inside-title-contact::after {
top: -60px;
}
}
.entry #div-tel h1.inside-title-contact.is-show::after,
.entry-error #div-tel h1.inside-title-contact.is-show::after,
.entry-confirm #div-tel h1.inside-title-contact.is-show::after,
.entry-complete #div-tel h1.inside-title-contact.is-show::after,
.contact #div-tel h1.inside-title-contact.is-show::after,
.contact-confirm #div-tel h1.inside-title-contact.is-show::after,
.contact-complete #div-tel h1.inside-title-contact.is-show::after,
.contact-error #div-tel h1.inside-title-contact.is-show::after,
.wp-block-group #div-tel h1.inside-title-contact.is-show::after {
top: -60px;
}
@media screen and (max-width: 500px) {
#ui-datepicker-div {
width: 85%;
}
}
#page.contact .box_contact01 {
height: auto;
}
#page.contact .box_contact01 .p_bigbig {
margin-top: 24px;
}
.entry-error .mes_error {
margin: 24px auto 48px;
}
.entry-error .mes_error p {
text-align: center;
line-height: 2;
font-size: 17px;
font-size: 1.7rem;
}
@media screen and (max-width: 910px) {
.entry-error .mes_error p {
text-align: left;
}
.entry-error .mes_error p br {
display: none;
}
}
.entry-error .mes_error p em {
color: #D30000;
display: block;
font-size: 19px;
font-size: 1.9rem;
margin-bottom: 16px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
font-style: normal;
font-style: normal;
}
@media screen and (max-width: 910px) {
.entry-error .mes_error p em {
text-align: center;
}
}
.entry-confirm .back,
.contact-confirm .back {
display: flex;
}
.entry-confirm .back input,
.contact-confirm .back input {
text-align: left;
}
.entry-confirm .box_contact01,
.contact-confirm .box_contact01 {
border: none;
height: auto;
margin-bottom: 16px;
}
.entry-confirm .box_contact01 p,
.contact-confirm .box_contact01 p {
margin-bottom: 8px !important;
}
.entry-confirm .box_contact01 p:last-child,
.contact-confirm .box_contact01 p:last-child {
margin-bottom: 0;
}
.entry-confirm .box_contact01 .time,
.contact-confirm .box_contact01 .time {
margin-bottom: 24px;
}
.entry-confirm .confirm,
.contact-confirm .confirm {
display: none;
}
.entry-confirm #contact_box,
.contact-confirm #contact_box {
max-width: 505px;
width: 100%;
}
.entry-confirm #contact_box table,
.contact-confirm #contact_box table {
width: 100%;
}
#page.entry-complete .box_contact01,
#page.contact-complete .box_contact01 {
margin-top: 32px;
border: none;
}
#page.entry-confirm .box_contact01,
#page.entry-complete .box_contact01,
#page.contact-confirm .box_contact01,
#page.contact-complete .box_contact01 {
width: auto;
height: auto;
color: #333;
}
#page.entry-confirm .box_contact01 .p_bigbig,
#page.entry-complete .box_contact01 .p_bigbig,
#page.contact-confirm .box_contact01 .p_bigbig,
#page.contact-complete .box_contact01 .p_bigbig {
font-size: 19px;
font-size: 1.9rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
font-style: normal;
}
@media screen and (max-width: 910px) {
#page.entry-confirm .box_contact01 .p_bigbig,
#page.entry-complete .box_contact01 .p_bigbig,
#page.contact-confirm .box_contact01 .p_bigbig,
#page.contact-complete .box_contact01 .p_bigbig {
text-align: left;
}
}
#page.entry-confirm .box_contact01 p,
#page.entry-complete .box_contact01 p,
#page.contact-confirm .box_contact01 p,
#page.contact-complete .box_contact01 p {
margin-bottom: 20px;
font-size: 17px;
font-size: 1.7rem;
line-height: 2;
}
@media screen and (max-width: 910px) {
#page.entry-confirm .box_contact01 p,
#page.entry-complete .box_contact01 p,
#page.contact-confirm .box_contact01 p,
#page.contact-complete .box_contact01 p {
text-align: left;
}
}
@media screen and (max-width: 910px) {
#page.entry-confirm .box_contact01 p br,
#page.entry-complete .box_contact01 p br,
#page.contact-confirm .box_contact01 p br,
#page.contact-complete .box_contact01 p br {
display: none;
}
}
@media screen and (max-width: 910px) {
#page.entry-confirm .box_contact01 p.time,
#page.entry-complete .box_contact01 p.time,
#page.contact-confirm .box_contact01 p.time,
#page.contact-complete .box_contact01 p.time {
text-align: center;
padding-left: 0;
font-size: 15px;
font-size: 1.5rem;
}
#page.entry-confirm .box_contact01 p.time br,
#page.entry-complete .box_contact01 p.time br,
#page.contact-confirm .box_contact01 p.time br,
#page.contact-complete .box_contact01 p.time br {
display: block;
}
}
.entry .back, .entry .send, .contact .back, .contact .send {
display: none;
}
.entry-error .back, .entry-error .send,
.contact-error .back,
.contact-error .send {
display: none;
}