.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.whatsnew {
font-size: 15px;
word-break: break-all;
overflow: hidden;
width: 80%;
text-align: center;
margin: 0 auto;
background: #fff;
height: auto;
margin-top: -6px
}
div.whatsnew a {
padding: 7px 0;
display: block;
text-decoration: none;
box-shadow: none;
}
div.whatsnew a:hover {
background-color: #f5f5f5;
text-decoration: none;
box-shadow: none;
}
div.whatsnew hr {
margin: 0;
padding: 0;
border-top: 1px solid #8c8b8b;
}
div.whatsnew .newmark {
font-size: 74%;
padding: 1px 5px;
vertical-align: middle;
color: White;
background-color: #ff4500;
border-radius: 3px;
}
div.whatsnew dl {
margin: 0;
padding: 0;
border: 0;
}
div.whatsnew dt {
margin: 0 0 0 0.3em;
padding: 0;
border: 0;
color: Gray;
font-weight: normal;
white-space: nowrap;
}
div.whatsnew dd {
margin: 0;
padding: 0;
}
@media screen and (min-width: 600px) {
div.whatsnew dl {
overflow: hidden;
}
div.whatsnew dt {
float: left;
width: 8.1em;
overflow: hidden;
}
div.whatsnew dd {
overflow: hidden;
}
}#page .byline {
display: none;
}
#page .posted-on {
display: none;
}
#page {
color:#000;
font-size: 1em;
}
#masthead2 {
display:none;
}
#primary {
padding: 0;
}
#page .right-sidebar .content-area {
padding: 0;
border: none;
width:100%;
}
#page .btn {
box-shadow: none;
display: block;
}
#page .page-header{
display: none;
}
.page-id-2 label {
margin: 0;
}
.page-id-2 h4 {
margin: 11px 10px 1px;
font-size: 1.8em;
}
.page-id-2 table > thead > tr > th, .page-id-2 table > tbody > tr > th, .page-id-2 table > tfoot > tr > th, .page-id-2 table > thead > tr > td, .page-id-2 table > tbody > tr > td, .page-id-2 table > tfoot > tr > td {
border: none;
}
.page-id-2 th {
text-align: center;
}
.page-id-2 table {
border: none;
}
.page-id-2 ul {
list-style: none;
} .page-id-2 #menu-item-464 {
background: red;
}
.page-id-2 #menu-item-464 a {
color: #fff;
}
.page-id-2 #menu-item-464 a:hover {
color: #0044a5;
background: #fff;
} #page .container .header-naka-wrapper{
position: absolute;
right: 5%;
}
#page .container .header-naka-wrapper a{
background-color: red;
color: #fff;
padding: 15px 10px;
font-size: 75%;
}
#page .container .header-right-wrapper{
position: absolute;
right: 10%;
}
@media screen and (max-width: 1200px) {
#page .container .header-right-wrapper{
position: static;
float:right;
}
#page .container .header-naka-wrapper{
right: 13%;
}
}
@media screen and (max-width: 800px) {
#page .container .header-naka-wrapper{
right: 18%;
}
} #page #main_img {
margin-top: 21px;
width: 100%;
margin:0 auto;
position: relative;
}
#page .metaslider {
position: relative;
z-index: 0;
margin: 0 auto;
}
.page-id-2 img.catch_img {
position: absolute;
z-index: 999;
top: 250px;
left: 74px;
} .page-id-2 #conte_top {
width: 100%;
margin: 0 auto;
}
.page-id-2 #conte_top h2 {
width: 100%;
margin: 0 auto;
text-align: center;
font-weight: bold;
font-size: 18px;
}
.page-id-2 .btn {
text-align: end;
}
.page-id-2 .btn a {
color: #000;
font-size: 13px;
font-weight: 600;
}
.page-id-2 .btn a:hover {
text-decoration: none;
background: red;
color: #fff;
}
.page-id-2 .btn a::before{
font-family:'FontAwesome';
content:"\f138";
font-size:1.2em;
color: red;
margin:4px;
} .page-id-2 #info {
width: 100%;
margin: 2em 0 auto;
background: url(https://recruit.tg-techno.co.jp/wp-content/uploads/2018/09/2013.2.5_0140.jpg)no-repeat;
background-size: cover;
height: 550px;
border-top: 5px solid red;
position: relative;
background-position: center center;
}
.page-id-2 #info h2 {
font-family: initial;
font-size: 30px;
font-weight: bold;
color: #fff;
text-shadow: 3px 1px 3px #000;
margin: 1em auto;
text-align: center;
line-height: 1.4em;
}
.page-id-2 .infobox {
width: 65%;
padding: 40px 0;
text-align: center;
margin: 0 auto;
background: #fff;
border-radius: 25px; } .whatsnew {
text-align: left!important;
} .page-id-2 .conte_top {
display :block;
width: 100%;
margin: 25px 0 auto;
flex-direction: row;
}
.page-id-2 .top_img {
width: 95%;
text-align: center;
margin: 0 auto;
}
.page-id-2 .top_img img {
width: 57%;
margin: 0px auto 1em -3em;
padding: 1em 0;
}
.page-id-2 .top_txt {
width: 95%;
font-weight: bold;
font-family: inherit;
text-align: center;
} .page-id-2 #section {
width: 100%;
} .page-id-2 #section h2{
position: relative;
display: inline-block;
padding: 0 2.5em;
text-align: center;
font-weight: bold;
margin: 0.5em 0 1em 0;
justify-content: center;
display: flex;
}
.page-id-2 #section h2:before, .page-id-2 #section h2:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 15%;
height: 1px;
background-color: navy;
}
.page-id-2 #section h2:before {left:0;}
.page-id-2 #section h2:after {right: 0;}
.page-id-2 .box_img_txt {
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: flex-start;
}
.page-id-2 .box_img_txt01 {
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
}
.page-id-2 .box_img_txt:nth-child(even) {
flex-direction: row;
}
.page-id-2 .box_img_txt01:nth-child(even) {
flex-direction: row-reverse;
}  .page-id-2 #sec01 {
display: block;
overflow: hidden;
width: 100%;
margin: 0 auto;
}
.page-id-2 .tabContents {
width: 600%;
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
}
.page-id-2 .tabBtn {
position: relative;
z-index: 1;
} .page-id-2 .tabContents {
position: relative;
transition: transform 0.6s;
}
.page-id-2 .tabContents section {
float: left;
width: 16.666%;
box-sizing: border-box;
padding: 20px 0;
background-color: #fff;
opacity: 0.1;
transition: opacity 0.3s;
}
.page-id-2 .tabContents .box_img_txt img {
float: left;
padding: 14px;
margin: 49px 0px;
}
.page-id-2 .tabContents .txt {
font-size: 12px;
line-height: 1.8;
width: 50%;
} .page-id-2 .tabBtn {
display: table;
width: 100%;
margin: 0 auto;
padding: 0;
}
.page-id-2 .tabBtn li { width: 25%;
border: 1px solid #fff;
background-color: #013887;
text-align: center;
vertical-align: middle;
float: left;
margin: 0;
}
.page-id-2 .tabBtn li label {
display: block;
cursor: pointer;
padding: 10px 0;
color: #fff;
transition: background-color .3s;
}
.page-id-2 .tabBtn li label:hover {
background-color: rgba(2,33,79,.9);
} [name="switch"] {
display: none;
} .page-id-2 .tabContents section {
opacity: 0.1;
text-align: center;
transition: opacity 0.3s;
}
#tab-1:checked ~ .tabBtn li [for="tab-1"],
#tab-2:checked ~ .tabBtn li [for="tab-2"],
#tab-3:checked ~ .tabBtn li [for="tab-3"],
#tab-4:checked ~ .tabBtn li [for="tab-4"],
#tab-5:checked ~ .tabBtn li [for="tab-5"],
#tab-6:checked ~ .tabBtn li [for="tab-6"] {
background-color: #f26d6d;
}
#tab-1:checked ~ .tabContents section:nth-child(1),
#tab-2:checked ~ .tabContents section:nth-child(2),
#tab-3:checked ~ .tabContents section:nth-child(3),
#tab-4:checked ~ .tabContents section:nth-child(4),
#tab-5:checked ~ .tabContents section:nth-child(5),
#tab-6:checked ~ .tabContents section:nth-child(6) {
opacity: 1;
background-color: #fff;
}
#tab-1:checked ~ .tabContents {
-webkit-transform: translateX(0);
transform: translateX(0);
}
#tab-2:checked ~ .tabContents {
-webkit-transform: translateX(-16.666%);
transform: translateX(-16.666%);
}
#tab-3:checked ~ .tabContents {
-webkit-transform: translateX(-33.32%);
transform: translateX(-33.32%);
}
#tab-4:checked ~ .tabContents {
-webkit-transform: translateX(-49.98%);
transform: translateX(-49.98%);
}
#tab-5:checked ~ .tabContents {
-webkit-transform: translateX(-66.64%);
transform: translateX(-66.64%);
}
#tab-6:checked ~ .tabContents {
-webkit-transform: translateX(-83.3%);
transform: translateX(-83.3%);
} .page-id-2 .sec01_container {
width: 95%;
max-width: 1200px;
margin :0 auto;
}
.page-id-2 .main_visual_half {
width: 100%;
display: flex;
background-color: #3774cc;
color: #fff;
height: auto;
margin-bottom: .5em;
}
.page-id-2 .main_visual_half01 {
width: 100%;
display: flex;
background-color: #ea6464;
flex-direction: row-reverse;
color: #fff;
height: auto;
margin-bottom: .5em;
}
.page-id-2 .sec01_imgbox {
width: 50%;
margin: 0 auto;
}
.page-id-2 .sec01_imgbox img {
width: 100%;
height: auto;
}
.page-id-2 .main_visual_half .body,
.page-id-2 .main_visual_half01 .body {
width: 50%;
margin: 0 auto;
padding: 65px 0 0 10px;
text-align: left;
}
.page-id-2 .sec01_container_2 {
display: block;
width: 95%;
margin: 0 auto;
background: #f0f8ff;
padding-bottom: 20px;
}
.page-id-2 .sec01_container01_2 {
display:block;
width: 95%;
margin: 0 auto;
background: rgba(234,100,100,.2);
padding-bottom: 20px;
}
.page-id-2 .box_img_txt01 img {
width: 100%;
padding: 20px;
margin: 64px 0px 15px;
}
.page-id-2 .main_visual_half .catch,
.page-id-2 .main_visual_half01 .catch {
font-size: 20px;
font-weight: bold;
margin-bottom: 50px;
line-height: 1.5;
color: #fff;
}
.page-id-2 .main_visual_half .main,
.page-id-2 .main_visual_half01 .main {
font-size: 27px;
margin-bottom: 5px;
}
.page-id-2 .main_visual_half .sub,
.page-id-2 .main_visual_half01 .sub {
margin-bottom: 0;
font-size: 13px;
}
.page-id-2 .box_img_txt .txt p,
.page-id-2 .box_img_txt01 .txt p {
padding: 0 20px;
margin: 0 auto;
text-align: left;
font-size: 14px;
line-height: 1.5em;
}
.page-id-2 #sec01 .sec01_txt_title {
font-size: 1.4em;
padding: 0 0 0.5em 0;
color: #3774cc;
text-align: left;
margin:11px 20px 1px;
line-height: 1.7em;
}
.page-id-2 #sec01 .box_img_txt01 .sec01_txt_title {
font-size: 1.4em;
padding: 0 0 0.5em 0;
color: #ea6464;
text-align: left;
margin:11px 20px 1px;
line-height: 1.7em;
}
.page-id-2 .tabContents .sec02_imgbox img {
float: left;
padding: 14px;
margin: 0 auto;
} .page-id-2 #sec02 {
width: 100%;
margin: 0 auto;
}
.page-id-2 .sec02_container {
display: flex;
width: 95%;
margin: 0 auto;
}
.page-id-2 #sec02 .box_img_txt {
flex-direction: row;
}
.page-id-2 #sec02 .box_img_txt img {
width:50%;
vertical-align: middle;
margin: 90px auto;
padding: 10px 0; 
}
.page-id-2 #sec02 .box_img_txt .txt {
width:50%;
padding: 10px;
}
.page-id-2 #sec02 .box_img_txt h3 {
margin: 0 auto 1em;
padding: 0;
font-size:1.2em;
position: unset;
font-weight: 700;
text-align: center;
line-height: 1.5;
}
.page-id-2 #sec02.box_img_txt .txt p {
font-size:15px;
} .page-id-2 #sec02-1 .box {
width: 100%;
margin: 1.5em auto;
}
.page-id-2 #sec02-1 .box .sec02-img {
width: 100%;
margin: 0 auto;
text-align: center;
}
.page-id-2 #sec02-1 .box .sec02-img img {
width: 70%;
margin: 0 auto;
}
.page-id-2 #sec02-1 h3 {
margin: 1em auto;
text-align: center;
font-family: inherit;
}
.page-id-2 #sec02-1 .txt {
width: 85%;
margin: 0 auto;
} .page-id-2 #sec03 {
width: 100%;
margin: 0 auto;
}
.page-id-2 .sec03_container {
width: 95%;
margin: 0 auto;
}
.page-id-2 .sec03_container_2 {
display: block;
width: 100%;
margin: 0 auto;
background: #f0f8ff;
}
.page-id-2 #sec03 .box_img_txt img {
width:100%;
max-width: 100%;
vertical-align: middle;
margin: 80px 0 auto;
padding:14px;
}
.page-id-2 #sec03 .box_img_txt .txt {
width:50%;
padding: 10px;
font-size:0.9em;
}
.page-id-2 #sec03 .box_img_txt h3 {
margin: 0 auto;
padding: 0;
font-size:1.2em;
position: unset;
font-weight: 700;
text-align: center;
line-height: 1.5;
}
.page-id-2 .sec03_imgbox {
width: 50%;
display: block;
margin: 0 auto;
text-align: center;
}
.page-id-2 #sec03.box_img_txt .txt p {
font-size:0.9em;
}
.page-id-2 #sec03 h4.sec01_txt_title {
text-align: center;
font-size: 1.5em;
} .page-id-2 #sec04 {
width: 100%;
margin: 0 auto;
}
.page-id-2 #sec04  ul {
margin: 0 auto;
width: 100%;
padding: 0;
}
.page-id-2 .sec04_container {
width: 95%;
margin: 0 auto;
}
.page-id-2 .block-flex {
display: inline-block;
align-items: center;
}
.page-id-2 .sec04-flow-item {
width: 74%;
height: 60px;
background-color: #fee3e3;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
position: relative;
margin: 30px auto;
}
.page-id-2 .sec04-flow-item:not(:last-child)::before {
content: '';
width: 0;
height: 0;
border: 30px solid transparent;
border-top-color: #ca7076;
border-bottom-width: 0;
position: absolute;
left: 8%;
bottom: 0;
right: 0;
top: 90px;
margin: auto;
transition: 0.5s ease;
opacity: 0;
}
.page-id-2 .scrollin .sec04-flow-item::before {
right: -20px;
opacity: 1;
}
.page-id-2 .sec04-flow-item:nth-child(1)::before,
.page-id-2 .sec04-flow-item:nth-child(2)::before,
.page-id-2 .sec04-flow-item:nth-child(3)::before,
.page-id-2 .sec04-flow-item:nth-child(4)::before, 
.page-id-2 .sec04-flow-item:nth-child(5)::before{
transition-delay: 0.2s;
}
.page-id-2 .sec04-flow-ico {
position: absolute;
top: 0;
display: block;
width: 26%;
height: 60px;
background-color: #fa7789;
color: #fff;
line-height: 30px;
letter-spacing: 0.05em;
font-weight: bold;
padding-top: 14px;
left: 0;
}
.page-id-2 p.sec04_txt {
font-size: larger;
margin: 0 auto;
font-weight: 500;
padding-left: 87px;
font-weight: bold;
} .page-id-2 #faq *, .page-id-2 .sec05_faq *:after, .page-id-2 .sec05_faq *:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.page-id-2 #faq {
width: 100%;
margin: 0 auto;
}
.page-id-2 #faq .sec05_faq {
position: relative;
overflow: hidden;
width: 95%;
margin: 0 auto 1px;
color: #1b2538;
}
.page-id-2 #faq .sec05_faq input {
position: absolute;
opacity: 0;
} .page-id-2 #faq .sec05_faq label {
font-weight: bold;
line-height: 1.6;
position: relative;
display: block;
margin: 0 0 0 0;
padding: 1em 2em 1em 1em;
cursor: pointer;
border-bottom: 1px solid #1b2538;
}
.page-id-2 #faq .sec05_faq label:hover {
color: #ff3030;
}
.page-id-2 #faq .faq_q {
margin: 1em;
font-size: 1.5em;
color: #901818;
} .page-id-2 #faq .sec05_faq .answer {
overflow: hidden;
max-height: 0;
-webkit-transition: max-height 0.5s ease;
transition: max-height 0.5s ease;
color: #ffffff;
background: #f0f8ff;
}
.page-id-2 #faq .sec05_faq .answer p {
margin: 0em 1em 1em 5em;
color: #000;
font-weight: 500;
}
.page-id-2 #faq .faq_a {
margin: 1em 1.7em;
font-size: 1.5em;
color: #0a2e44;
font-weight: bold;
}  .page-id-2 #faq .sec05_faq input:checked ~ label {
color: #ff3030;
} .page-id-2 #faq .sec05_faq input:checked ~ .answer {
max-height: 40em;
} .page-id-2 #faq .sec05_faq label::after {
line-height: 1.6;
position: absolute;
top: 50%;
right: 0;
display: block;
width: 3em;
margin-top: -12.5px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
text-align: center;
}
.page-id-2 #faq .sec05_faq input[type=checkbox] + label::after {
content: '\25BC';
}
.page-id-2 #faq .sec05_faq input[type=checkbox]:checked + label::after {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
} .page-id-2 #sec06 {
width: 100%;
margin: 0 auto;
}
.page-id-2 .sec06_box{ 
width: 95%;
margin:35px auto;
}
input[type="radio"] {
display:none;
}
.tab_area {
font-size:0; 
margin:0 auto;
text-align: center;
display:none;
}
.tab_area label{
width:16%;
margin:0 auto;
display:inline-block;
padding:12px 0;
color:#000;
background:#bbdcf9;
text-align:center;
font-size:16px;
cursor:pointer;
transition:ease 0.2s opacity;
vertical-align: bottom;
margin: 0 2px;
}
.tab_area label:hover{
opacity:0.5;
}
.panel_area{
background:#fff;
}
.tab_panel{
width:100%;
padding:1em 0;
display:none;
}
.tab_panel p{
font-size:14px;
letter-spacing:1px;
text-align:center;
color: #000;
}
#tab1:checked ~ .tab_area .tab1_label{
background:#013887;
color:#fff;
font-weight: bold;
}
#tab1:checked ~ .panel_area #panel1{
display:block;
}
#tab2:checked ~ .tab_area .tab2_label{
background:#013887;
color:#fff;
font-weight: bold;
}
#tab2:checked ~ .panel_area #panel2{
display:block;
}
#tab3:checked ~ .tab_area .tab3_label{
background:#013887;
color:#fff;
font-weight: bold;
}
#tab3:checked ~ .panel_area #panel3{
display:block;
}
#tab4:checked ~ .tab_area .tab4_label{
background:#013887;
color:#fff;
font-weight: bold;
}
#tab4:checked ~ .panel_area #panel4{
display:block;
}
#tab5:checked ~ .tab_area .tab5_label{
background:#013887;
color:#fff;
font-weight: bold;
}
#tab5:checked ~ .panel_area #panel5{
display:block;
}
#tab6:checked ~ .tab_area .tab6_label{
background:#013887;
color:#fff;
font-weight: bold;
}
#tab6:checked ~ .panel_area #panel6{
display:block;
} #sec06 table {
border-collapse: collapse;
}
#sec06 .guideline-list {
width: 100%;
max-width: 900px;
margin: 0 auto;
border-bottom: 1px dotted rgba(0, 0, 0, .3);
background: #fff;;
}
#sec06 .guideline-list th {
font-weight: 700;
color: rgba(0, 0, 0, 1);
vertical-align: top;
width: 20%;
border-top: 1px solid #3774cc;
font-size: 1em;
}
#sec06 .guideline-list th, #sec06 .guideline-list td {
padding: 20px 0;
line-height: 2;
vertical-align: top;
}
#sec06 .guideline-list td {
width: calc(100% - 140px);
padding-left: 2vw;
padding-right: 2vw;
border-top: 1px dotted rgba(0, 0, 0, .3);
box-sizing: border-box;
font-size:1em;
} .sec06_bnr {
width: 100%;
margin: 0 auto;
text-align: center;
}
.sec06_bnr img {
margin: 0 auto 30px;
}
.sec06_bnr02 img {
width: 100%;
margin: 0 auto 30px;
}
.sec06_banner {
display: flex;
margin: 0 auto;
width: 75%;
} .page-id-2 #sec01::before, .page-id-2 #sec02::before, .page-id-2 #sec03::before,
.page-id-2 #sec04::before, .page-id-2 #faq::before, .page-id-2 #sec06::before {
content: "";
display: inline-block;
height: 50px;
margin-top: -50px;
vertical-align: top;
} .page #footer-1 {
display: flex;
}
.page #footer-1 #nav_menu-4 h2 {
display: none;
}
.page #text-2 {
width: 30%;
}
.page #nav_menu-4 {
width: 38%;
display: flex;
margin: 0 auto;
}
.page #nav_menu-4 li {
padding: 15px;
display: inline;
}
.page .footer-widgets.section-padding {
padding: 70px 0px 35px;
padding: 4.375rem 0px 0;
}
.page .site-footer .site-info {
position: relative;
text-align: center;
padding:0 0 35px ;
background: #0044a5;
font-weight: 500;
color: #fff;
} @media screen and (max-width: 768px) {
#page #masthead {
display: none;
}
#page .followWrap {
display: none;
}
#page #masthead2 {
display:block;
position: fixed;
top: 0;
left: 0;
z-index: 999;
}
#page .menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-446 {
background:rgba(255,0,0,0.9);
}
#page .onepress-menu.onepress-menu-mobile li {
background:rgba(0,68,165,0.8);
}
#page .onepress-menu.onepress-menu-mobile li a {
color: #fff;
padding: 2em;
}
#page #info h2 {
font-size:26px;
}
#page .infobox {
width: 80%;
padding: 20px 0;
}
#page .infobox img{
width: 50%;
margin:0 auto;
}
#page .conte_top {
display:block;
margin: 0 auto;
}
#page .conte_top .top_img {
margin: 0 0 1px 10px;
}
#page .top_img{
width:87%;
}
#page .top_txt {
width:69%;
margin: 0 auto;
text-align: center;
}
#page .main_visual_half,
#page .main_visual_half01 {
display: block;
margin: 0 auto;
}
#page .main_visual_half .catch,
#page .main_visual_half01 .catch {
font-size: 20px;
margin-bottom: 5px;
}
#page .main_visual_half .main,
#page .main_visual_half01 .main {
font-size: 18px;
margin-bottom: 5px;
}
#page .sec01_imgbox {
width: 100%;
margin: 0 auto;
}
#page .main_visual_half .body,
#page .main_visual_half01 .body {
width: 100%;
padding: 10px;
}
#page .sec02_container {
display: block;
}
#page #sec02 .box_img_txt {
display: block;
}
#page #sec02 .box_img_txt img {
width: 100%;
margin: 0 auto;
}
#page #sec02 .box_img_txt .txt {
width: 100%;
}
#page .sec03_container .main_visual_half {
display: block;
}
#page #sec03 h4 {
margin: 0 10px 1px;
font-size: 1.5em;
text-align: center;
}
#page .sec03_imgbox {
width: 100%;
margin: 0 auto;
}
#page .sec03_imgbox .pc {
display: none;
}
#page .sec04_container {
width: 100%;
margin: 0 auto;
}
#page .sec04-flow-item {
width: 95%;
}
#page p.sec04_txt {
font-size: initial;
}
#page #text-2 {
width: 50%;
}
#page #nav_menu-4 {
width: 48%;
}
#page .box_img_txt,
#page .box_img_txt01 {
display: block;
}
#page .tabContents .box_img_txt img,
#page .tabContents .box_img_txt01 img {
float: none;
max-width:100%;
padding:14px 0;
margin: 0 auto;
}
#page .box_img_txt img,
#page .box_img_txt01 img {
width:100%;
margin: 0 auto;
}
#page .tabContents .txt {
width: 100%;
}
#page #sec02 .box_img_txt .txt p {
padding: 0;
font-size: 14px;
}
#page #sec03 .box_img_txt img {
width: 100%;
max-width: 100%;
vertical-align: middle;
margin: 0 auto;
padding: 14px 0;
}
#page #sec03 .box_img_txt .txt {
width: 100%;
}
#page .tab_area label {
width: 15%;
}
#page img.catch_img {
position: absolute;
z-index: 999;
top: 135px;
left: 5px;
width: 55%;
}
#page .sec06_banner {
display: block;
margin: 0 auto;
width: 75%;
}
#page .sec06_bnr img {
width: 70%;
}
} @media screen and (max-width: 480px) {
#page #conte_top {
margin: 75px auto;
position: relative;
}
#page #conte_top h2 {
margin-bottom: 0.5em;
font-size:16px;
}
#page #info h2 {
font-size: 22px;
}
#page .whatsnew {
font-size: 14px;
}
#page .top_img {
margin: 12px auto;
}
#page .top_txt {
width: 98%;
}
#page .tab_area label {
width: 15%;
}
#page .sec06_bnr img {
width: 80%;
}
#page .box_img_txt {
display: block;
}
#page .tabContents .box_img_txt img {
float: none;
max-width:100%;
padding:14px 0;
}
#page .tabContents .txt {
width: 100%;
}
#page #sec02 .box_img_txt .txt p {
padding: 0;
font-size: 14px;
}
#page #sec03 .box_img_txt img {
width: 100%;
max-width: 100%;
vertical-align: middle;
margin: 0 auto;
padding: 14px 0;
}
#page #sec03 .box_img_txt .txt {
width: 100%;
}
#page .sec04_container {
width:95%;
}
#page p.sec04_txt {
padding-left: 62px;
}
.page #footer-1 {
display: block;
}
.page #text-2 {
width: 100%;
margin: 0 auto;
}
.page #nav_menu-4 {
display: block;
width: 100%;
text-align: center;
}
.page #nav_menu-4 li {
display: block;
width: 100%;
border-top: 1px solid;
padding: 3px;
}
#page #sec06 .guideline-list th, #page #sec06 .guideline-list td {
display: block;
width:100%;
}
#page .tab_area {
display: none;;
}
#page .tab_area label {
width:100%;
border: 1px solid #013887;
background: #fff;
margin: 0 auto;
}
#page img.catch_img {
position: absolute;
z-index: 999;
top: 108px;
left: 5px;
width: 45%;
}
#page .main_visual_half .catch, #page .main_visual_half01 .catch {
font-size: 16px;
margin-bottom: 5px;
}
#page .top_img img {
width: 80%;
margin: 0 auto;
}
}
@media screen and (max-width: 500px) {
#page .sec04-flow-item:not(:last-child)::before {
left: 0;
}
}
@media (min-width: 1200px) {
.container {
width: 1400px !important;
}
}
#menu-item-832 a {
display: inline-block;
background-color: #fff;
color: #0044A5 !important;
border: 2px solid #0044A5;
padding: 10px 24px;
margin-top:20px;
margin-bottom:20px;
border-radius: 6px;
text-decoration: none;
font-weight: 600;
transition: background-color 0.2s, color 0.2s;
}
#menu-item-832 a:hover {
background-color: #0044A5;
color: #fff !important;
}