@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@font-face {
font-family: 'takasago';
src:
url(//www.takasagowestjapan.co.jp/wordpress/wp-content/themes/takasago/fonts/takasago.ttf?lxpfo5) format('truetype'),
url(//www.takasagowestjapan.co.jp/wordpress/wp-content/themes/takasago/fonts/takasago.woff?lxpfo5) format('woff'),
url(//www.takasagowestjapan.co.jp/wordpress/wp-content/themes/takasago/fonts/takasago.svg?lxpfo5#takasago) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
} * {
margin: 0;
padding: 0;
font-style: normal;
list-style: none;
}
html{
width: 100%;
overflow-x: hidden;
font-size: 14px;
line-height: 1.9;
}
@media screen and (min-width: 360px) {
html{
font-size: 15px;
}
}
@media screen and (min-width: 1200px) {
html{
font-size: 16px;
}
}
@media screen and (min-width: 1600px) {
html{
font-size: 17px;
}
}
body {
letter-spacing: normal;
word-wrap: break-word;
color: #000;
background-color: #f8f8ff;
font-family: "Poppins", YuGothic, "Yu Gothic Medium", "Yu Gothic", "Noto Sans JP", Verdana, Meiryo, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
width: 100%;
overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6 {
font-size: 1rem;
font-weight: 900;
}
a {
color: #000;
text-decoration: none;
transition: color .3s ,border .3s;
}
a:hover {
color: #d12c2d;
text-decoration: none;
}
a:active {
color: #d12c2d;
text-decoration: none;
opacity: 1;
}
.pagecontents a{
color: #d12c2d;
text-decoration: none;
border-bottom: 1px solid rgb(209 44 45 / 0.1);
}
.pagecontents a:hover{
border-bottom: 1px solid rgb(209 44 45 / 1);
}
img {
border: none;
vertical-align: bottom;
max-width: 100%;
height: auto;
}
p{ }
article, aside, figure, figcaption, footer, header, nav, section { display: block; }
.en{
font-family: 'Poppins', sans-serif;
}
.sub{
color: #637b96;
font-size: .9rem;
}
.map{
height: 400px;
margin: 30px 0;
}
.map iframe{
width: 100%;
height: 100%;
}
iframe{
max-width: 100%;
margin-bottom: -8px;
}
.flexslider .slides {
zoom: 1;
}
.flexslider .slides:after{
content: "";
display: block;
clear: both;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
width: 100%;
height: auto;
display: block;
}
.page-template-pagedevelop .wp-block-image figure{
width: 100%;
text-align: center;
}
.page-template-pagedevelop .wp-block-image img{
width: 100%;
max-width: 100%;
height: auto;
}
.page-template-pagedevelop .wp-block-image.origin img{
width: auto;
} textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input.input-text {
border: 1px solid rgb(209 44 45 / 0.1);
background: #ffffff;
padding: 5px;
height: 30px;
line-height: 30px;
transition: all 0.2s ease-in-out 0s;
border-radius: 4px;
font-size: 1rem;
max-width: 96%;
font-family: inherit;
}
input[type="search"]{
padding: 5px;
height: 46px;
line-height: 46px;
}
input[type="radio"]{
margin: 0 10px;
}
input[type="checkbox"]{
margin: 0 10px;
}
input[type="submit"],
input[type="button"]{
cursor: pointer;
-webkit-appearance: none;
position: relative;
display: inline-block;
min-height: 48px;
padding: 0.68em 1.5em;
cursor: pointer;
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
transition-duration: 0.3s;
transition-property: background-color;
text-align: left;
vertical-align: baseline;
text-decoration: none;
letter-spacing: 0.03em;
color: #d12c2d;
border: 1px solid #d12c2d !important;
border-radius: 24px;
outline: 0;
background-color: #f8f8ff;
line-height: 1.6;
font-feature-settings: "palt";
font-size: 1rem;
}
input[type="button"]{
background: #f8f8ff;
color: #d12c2d;
}
input[name="submitBack"]{
background: #f8f8ff;
color: #666;
border-color: #666 !important;
}
input[type="submit"]:hover{
background-color: #d12c2d;
color: #fff;
}
input[type="button"]:hover{
background-color: #d12c2d;
color: #fff;
}
input[name="submitBack"]:hover{
background-color: #d12c2d;
color: #fff;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input.input-text:focus {
border-color: #cf2e33;
box-shadow: 0 0 8px 0 rgb(209 44 45 / 0.3);
outline: 0;
}
textarea.line-disabled,
input[type="text"].line-disabled,
input[type="password"].line-disabled,
input[type="datetime"].line-disabled,
input[type="datetime-local"].line-disabled,
input[type="date"].line-disabled,
input[type="month"].line-disabled,
input[type="time"].line-disabled,
input[type="week"].line-disabled,
input[type="number"].line-disabled,
input[type="email"].line-disabled,
input[type="url"].line-disabled,
input[type="search"].line-disabled,
input[type="tel"].line-disabled,
input[type="color"].line-disabled,
input.input-text.line-disabled,
textarea:disabled,
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="date"]:disabled,
input[type="month"]:disabled,
input[type="time"]:disabled,
input[type="week"]:disabled,
input[type="number"]:disabled,
input[type="email"]:disabled,
input[type="url"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="color"]:disabled,
input.input-text:disabled {
background: #f2f2f2;
cursor: no-drop;
}
textarea {
height: auto;
line-height: 1.8em;
}
select {
border: 1px solid rgb(209 44 45 / 0.1);
height: 46px;
font-weight: bold;
color: #000;
font-size: 14px;
padding: 13px;
background-color: #ffffff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
background-position: 93% center;
background-repeat: no-repeat;
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
cursor: pointer;
}
select:focus {
border-color: #cf2e33;
box-shadow: 0 0 8px 0 rgb(209 44 45 / 0.3);
}
.required > label:after{
content: "* 必須";
display: inline-block;
color: #fff;
text-align: center;
font-size: .8rem;
font-weight: normal;
padding: 0;
background: #d12c2d;
text-decoration: none;
line-height: 20px;
padding: 0 10px;
margin-left: 10px;
}
.inputs{
width: 140px;
}
.caution{
color: #666;
} [class^="i-"]:before, 
[class*=" i-"]:before,
[class^="i-after-"]:after, 
[class*=" i-after-"]:after{
font-family: 'takasago' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="i-"]:before, 
[class*=" i-"]:before {
margin-right: 4px;
}
[class^="i-after-"]:after,
[class*=" i-after-"]:after {
margin-left: 4px;
}
.i-blank:before { content: "\21"; }
.i-pin:before { content: "\22"; }
.i-item1:before { content: "\23"; }
.i-item2:before { content: "\24"; }
.i-item3:before { content: "\25"; }
.i-item4:before { content: "\26"; }
.i-item5:before { content: "\27"; }
.i-item6:before { content: "\28"; }
.i-arrow-bottom:before { content: "\29"; }
.i-arrow-left:before { content: "\2a"; }
.i-arrow-right:before { content: "\2b"; }
.i-arrow-top:before { content: "\2c"; }
.i-arrow2-bottom:before { content: "\2d"; }
.i-arrow2-left:before { content: "\2e"; }
.i-arrow2-right:before { content: "\2f"; }
.i-arrow2-top:before { content: "\30"; }
.i-close:before { content: "\31"; }
.i-mail:before { content: "\32"; }
.i-menu:before { content: "\33"; }
.i-search:before { content: "\34"; }
.i-after-blank:after { content: "\21"; }
.i-after-arrowright:after { content: "\2b"; }
a[href*="https://goo.gl/maps/"]:after {
font-family: 'takasago' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\22";
}
.i-after-blank{
position: relative;
}
.i-after-blank a{
display: block;
color: #000;
font-size: 1.1rem;
border: none;
position: relative;
}
.i-after-blank a:hover{
color: #d12c2d;
border: none;
}
.i-after-blank:after { 
color: #d12c2d;
position: absolute;
right: 0;
bottom: 0.5rem;
} #submenu{
text-align: center;
padding: 0;
margin: 0 auto;
}
#page{
text-align: left;
min-height: 400px;
margin: 0 auto;
padding: 0;
} .wp-block-spacer{
}
@media screen and (max-width: 599px) {
.wp-block-spacer{
height: 0 !important;
margin-top: 30px;
}
}
.wp-block-cover{
}
@media screen and (max-width: 599px) {
.wp-block-cover{
min-height: 200px;
}
}
.wp-block-group.imgovercont{
padding-top: 0;
margin-top: -120px;
background: transparent;
position: relative;
z-index: 10;
}
.wp-block-group.wrap1{
background: #fff;
padding: 5vw !important;
border-radius: 24px;
}
.wrap1 .i-phone{
margin: 10px 0;
font-size: 3rem;
letter-spacing: .4rem;
line-height: 1;
margin-bottom: 10px;
font-weight: 500;
}
.wrap1 .i-phone::before{
font-size: 2.4rem;
color: #1d2c6a;
}
.wrap1 .subtext{
color: #666;
}
.wp-block-group.wrap2{
border: 1px solid #d12c2d;
background: #f4cbc2;
padding: 5vw !important;
border-radius: 24px;
}
.wp-block-group.wrap3{
background: rgb(255 255 255 / 70%);
padding: 30px !important;
color: #000;
text-shadow: none;
}
.wp-block-media-text{
margin: 20px 0;
}
.wp-block-media-text:first-child{
margin-top: 0;
}
.wp-block-media-text:last-child{
margin-bottom: 0;
}
.wp-block-media-text .wp-block-media-text__content{
padding: 0;
}
.wp-block-media-text .wp-block-media-text__content{
padding-left: 5vw;
padding-right: 0;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
padding-right: 5vw;
padding-left: 0;
}
@media screen and (max-width: 599px) {
.wp-block-media-text .wp-block-media-text__content{
padding-left: 0;
padding-right: 0;
margin-top: 20px;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
padding-right: 0;
padding-left: 0;
margin-top: 20px;
}
}
.wp-block-media-text figure.wp-block-media-text__media{
overflow: hidden;
}
.wp-block-image{
position: relative;
}
.wp-block-image figcaption {
text-align: center;
color: #000;
font-size: 1rem;
}
.wp-block-image a{
border: none !important;
display: block;
padding-bottom: 60px;
}
.wp-block-image a + figcaption{
position:absolute;
z-index:2;
width: 100%;
bottom: 10px;
text-align: left;
color: #000;
font-size: 1.1rem;
margin: 0;
pointer-events: none;
}
.wp-block-image a + figcaption::after{
position: absolute;
right: 0;
top: 0;
color: #d12c2d;
font-size: .9rem;
content: "\2b";
font-family: 'takasago' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border: 1px solid #d12c2d;
border-radius: 50%;
transition: all .3s ease;
}
.wp-block-image a[target="_blank"] + figcaption::after{
content: "\21";
}
.wp-block-image a:hover + figcaption{
color: #d12c2d;
}
.wp-block-image a:hover + figcaption::after{
color: #fff;
background: #d12c2d;
}
.wp-block-separator{
margin: 40px 0;
display: block;
width: 100%;
height: 1px;
border: none;
background: #d12c2d;
}
.wp-block-buttons{
margin-top: 20px;
gap: 1rem !important;
}
.wp-block-button {
}
.wp-block-button + .wp-block-button{
margin-left: 20px;
}
.wp-block-button__link {	
position: relative;
display: inline-block;
min-width: 100%;
min-height: 48px;
padding: 0.68em 3em 0.68em 1.5em;
cursor: pointer;
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
transition-duration: 0.3s;
transition-duration: 0.3s;
transition-property: background-color;
transition-property: background-color;
text-align: left;
vertical-align: baseline;
text-decoration: none;
letter-spacing: 0.03em;
color: #d12c2d;
border: 1px solid #d12c2d !important;
border-radius: 24px;
outline: 0;
background-color: #f8f8ff;
line-height: 1.6;
font-feature-settings: "palt";
font-size: 1rem;
}
.wp-block-button__link::after {
font-family: 'takasago' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 50%;
right: 16px;
width: 16px;
height: 16px;
content: "\2b";
transform: translateY(-35%);
pointer-events: none;
color: #d12c2d;
font-size: 16px;
font-size: .8rem;
}
.wp-block-button__link:visited{
color: #d12c2d;
}
.wp-block-button__link:hover {
text-decoration: none;
color: #fff;
background-color: #d12c2d;
}
.wp-block-button__link:hover::after{
color: #fff;
}
.close .wp-block-button__link {	
color: #999;
border: 1px solid #999 !important;
pointer-events: none;
}
.close .wp-block-button__link::after {	
color: #999;
}
@media screen and (max-width: 599px) {
}
.spacer1{ height: 60px !important; }
.spacer2{ height: 30px !important; }
.has-small-font-size{ font-size: .9rem !important; }
.has-medium-font-size{ font-size: 1.4rem !important; }
.has-large-font-size{ font-size: 2rem !important; }
.pagecontents p + p {
margin-top: 10px;
}
@media screen and (max-width: 781px) {
}
@media screen and (max-width: 599px) {
.wp-block-buttons{
text-align: center;
}
.wp-block-buttons .wp-block-button{
margin: 0;
}
.wp-block-button__link {
display: block;
}
.has-small-font-size{ font-size: .9rem !important; }
.has-medium-font-size{ font-size: 1.2rem !important; }
.has-large-font-size{ font-size: 1.6rem !important; }
}
.actb{
margin: 30px 0 0;
overflow: visible;
border-radius: 4px;
border-top: 1px solid rgb(209 44 45 / 0.1);
}
.actb:first-child{
margin: 0;
}
.actb li{
padding: 20px 0;
border-bottom: 1px solid rgb(209 44 45 / 0.1);
position: relative;
}
.actb li.formerrer{
background: #ffebeb;
}
.actb li > label{
width: 24%;
padding: 0;
position: absolute;
font-weight: bold;
}
.actb li > div{
width: 64%;
padding: 0;
margin-left: 30%;
min-height: 1.8rem;
}
.actb li:last-child{
text-align: center;
padding: 60px 6%;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.actb li:nth-last-child(2){
padding: 20px 3%;
text-align: center;
}
@media screen and (max-width: 599px) {
#contactform{
margin: 0 0;
}
.actb li > label{
width: 90%;
padding: 0 5%;
position: static;
display: block;
margin-bottom: 20px;
}
.actb li > div{
width: 90%;
padding: 0 5%;
margin-left: 0;
min-height: 1.8rem;
}
.inputs {
width: 98px;
}
}
.wp-block-table{
margin-top: 40px;
margin-bottom: 40px;
}
.wp-block-table figcaption{
width: 100%;
order: 1;
text-align: left;
font-size: 1.2rem;
color: #000;
font-weight: bold;
padding: 5px 20px 5px 20px;
margin: 0 0 -1px;
}
.wp-block-table table{
order: 2;
width: 100%;
border: 0;
border-spacing: 0;
height: auto !important;
border-bottom: 1px solid rgb(209 44 45 / 0.1);
}
.wp-block-table tr{
height: auto !important;
}
.wp-block-table th,
.wp-block-table td{
padding: 14px 0;
border: none;
border-top: 1px solid rgb(209 44 45 / 0.1);
height: auto !important;
width: auto;
vertical-align: top;
}
.wp-block-table th{
white-space: nowrap;
background: #f4f6f8;
text-align: center;
font-weight: bold;
}
.tbl_company{
}
.tbl_company td:first-child{
width: 20%;
}
@media screen and (max-width: 599px) {
.tbl_company td{
display: block;
width: 100% !important;
}
.tbl_company td:last-child{
border-top: none;
padding-top: 0;
padding-left: 1rem;
}
}
.tbl_history{
position:relative;
}
.tbl_history table{
width: 100%;
height: auto !important;
}
.tbl_history tr{
height: auto !important;
}
.tbl_history th{
display: none;
}
.tbl_history td{
vertical-align: middle;
}
.tbl_history td:empty{
border-bottom: none;
}
.tbl_history td:nth-child(1){
width: 20%;
font-size: 1rem;
font-weight: bold;
vertical-align: top;
font-weight: normal;
letter-spacing: .2rem;
position: relative;
white-space: nowrap;
}
.tbl_history td:nth-child(2){
width: 60px;
padding-right: 40px;
font-size: 1rem;
font-weight: bold;
border-right: 1px solid rgb(209 44 45 / 0.1);
text-align: right;
vertical-align: top;
font-weight: normal;
letter-spacing: .2rem;
position: relative;
white-space: nowrap;
}
.tbl_history td:nth-child(2):after{
content: "";
display: block;
width: 10px;
height: 10px;
background: rgb(209 44 45 / 1);;
position: absolute;
top: 24px;
right: -5px;
border-radius: 10px;
}
.tbl_history td:last-child{
padding-left: 40px;
height: auto !important;
width: auto;
text-align: left;
vertical-align: top;
}
.tbl_history td:empty{
border-top: none;
}
.tbl_history img{
margin-top: 20px;
}
@media screen and (max-width: 599px) {
.tbl_history tr{
display: flex;
flex-wrap: wrap;
}
.tbl_history td:first-child{
flex-basis: 100%;
font-weight: bold;
font-size: 1.1rem;
}
.tbl_history td:nth-child(2){
flex-basis: 100%;
border-top: none;
border-right: none;
text-align: left;
padding-top: 0;
padding-left: 1rem;
font-weight: bold;
}
.tbl_history td:nth-child(2):after{
display: none;
}
.tbl_history td:last-child{
display: block;
flex-basis: 100%;
border-top: none;
padding-top: 0;
padding-left: 1rem;
}
}
.tbl_schedule{
position:relative;
margin: 0;
}
.tbl_schedule table{
width: 100%;
height: auto !important;
border: none;
}
.tbl_schedule tr{
height: auto !important;
}
.tbl_schedule td{
vertical-align: middle;
padding: 6px 0;
border: none;
}
.tbl_schedule td:nth-child(1){
width: 20%;
font-size: .9rem;
font-weight: bold;
vertical-align: top;
font-weight: normal;
letter-spacing: .2rem;
position: relative;
white-space: nowrap;
padding-right: 30px;
border-right: 1px solid rgb(209 44 45 / 1);
text-align: right;
}
.tbl_schedule td:nth-child(1):after{
content: "";
display: block;
width: 7px;
height: 7px;
background: rgb(209 44 45 / 1);
position: absolute;
top: 16px;
right: -4px;
border-radius: 10px;
}
.tbl_schedule td:last-child{
padding-left: 30px;
height: auto !important;
width: auto;
text-align: left;
vertical-align: top;
} .tbl_flow2{
margin: 0 0 40px;
}
.tbl_flow2 table{
display: flex;
justify-content: center;
align-items: center;
border: none;
}
.tbl_flow2 tbody{
display: block;
margin-top: 40px;
border-top: 1px solid #d12c2d;
min-width: 500px;
max-width: 100%;
}
.tbl_flow2 tr{
display: flex;
justify-content: space-between;
align-items: center;
margin-top: -40px;
}
.tbl_flow2 td{
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
border: 1px solid #d12c2d;
border-radius: 40px;
width: 80px;
height: 80px !important;
padding: 0;
background-color: #fff;
text-align: center;
line-height: 1.4;
overflow: hidden;
}
.tbl_flow2 td mark{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background: #d12c2d !important;
color: #fff !important;
}
.tbl_flow2 td strong{
font-size: .8rem;
line-height: 1;
margin-right: .5em;
}
@media screen and (max-width: 599px) {
.tbl_flow2 tbody{
min-width: 100%;
}
.tbl_flow2 td{
width: 70px;
height: 70px !important;
}
}
.recruitflow{
padding: 0;
margin: 0 0 30px;
display: flex;
justify-content: start;
flex-wrap: wrap;
gap: 1rem 3rem;
}
.recruitflow li{
position: relative;
padding: 10px 1.5rem;
display:flex;
align-items:center;
justify-content: space-between;
border: 1px solid #d12c2d;
border-radius: 24px;
background-color: #f4cbc2;
}
.recruitflow li.c{
background: #fff;
}
.recruitflow li:after{
font-family: 'takasago' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 50%;
right: -2rem;
width: 16px;
height: 16px;
content: "\2f";
transform: translateY(-35%);
pointer-events: none;
color: #d12c2d;
font-size: .8rem;
}
.recruitflow li:last-child::after{
display: none;
}
@media screen and (max-width: 599px) {
.recruitflow{
flex-wrap: wrap;
gap: 2rem;
}
.recruitflow li{
flex-basis: 100%;
justify-content: center;
}
.recruitflow li:after{
top: unset;
right: unset;
bottom: -1.7rem;
left: 50%;
margin-left: -8px;
transform:none;
content: "\2d";
}
.recruitflow li br{
display: none;
}
} body .category a{
display: inline-block;
min-width: 80px;
padding: 0 0.5em;
text-align: center;
letter-spacing: 0.03em;
border: 1px solid #d12c2d;
background: #d12c2d;
color: #fff;
font-size: 0.8rem;
line-height: 1.4;
} h2{
color: #000;
text-align: center;
font-size: 2.1rem;
font-weight: 300;
line-height: 1.6;
margin: 60px 0;
letter-spacing: .1rem;
position: relative; position: relative;
}
h2:first-child{
margin-top: 0;
}
h2:last-child{
margin-bottom: 0;
}
.pageacbody > h2{
margin-left: 3vw;
margin-right: 3vw;
}
@media screen and (min-width: 360px) {
h2{ font-size: 1.6rem;}
}
@media screen and (min-width: 768px) {
h2{font-size: 2rem;}
} h3{
font-size: 2rem;
font-weight: normal;
color: #d12c2d;
line-height: 1.6;
margin: 30px 0;
font-feature-settings: "palt";
}
h3:first-child{
margin-top: 0;
}
h3:last-child{
margin-bottom: 0;
}
@media screen and (min-width: 360px) {
h3{ font-size: 1.6rem;}
}
@media screen and (min-width: 768px) {
h3{font-size: 2rem;}
}
h4 {
font-size: 1.15rem;
font-weight: 700;
line-height: 1.6;
font-feature-settings: "palt";
margin: 30px 0;
}
h4:first-child{
margin-top: 0;
}
h4:last-child{
margin-bottom: 0;
}
@media screen and (min-width: 360px) {
h4{ font-size: 1.2rem;}
}
@media screen and (min-width: 768px) {
h4{ font-size: 1.25rem;}
}
ol[style="list-style-type: lower-alpha;"] li { list-style-type: lower-alpha;}
ol[style="list-style-type: upper-alpha;"] li { list-style-type: upper-alpha;}
ol[style="list-style-type: lower-roman;"] li { list-style-type: lower-roman;}
ol[style="list-style-type: upper-roman;"] li { list-style-type: upper-roman;}
ol[style="list-style-type: lower-greek;"] li { list-style-type: lower-greek;}
ol.list1{
margin: 20px 0;
counter-reset: item;
}
ol.list1 li{
position: relative;
padding-left: 40px;
margin-bottom: 20px;
}
ol.list1 li:before {
counter-increment: item;
content: "（" counter(item) "）";
position: absolute;
left: 0;
}
ol.list1 strong{
font-size: 1.2rem;
font-weight: 500;
}
ul.list1{
margin: 20px 0 20px 20px;
}
ul.list1 li{
list-style-type: disc;
margin-bottom: 10px;
}
ul.list1 li:last-child{
margin-bottom: 0;
}
ul.list1:first-child{
margin-top: 0;
}
ul.list1:last-child{
margin-bottom: 0;
}
ul.list1 strong{
font-size: 1.2rem;
font-weight: 500;
}
.pagelinklist{
display: flex;
justify-content: center;
background: #637b96;
position: relative;
}
.pagelinklist li{
text-align: center;
cursor: pointer;
position: relative;
margin: 0 2vw;
}
.pagelinklist li a{
display: block;
color: #fff;
padding: 16px 0;
text-decoration: none;
font-size: .9rem;
}
.pagelinklist li a:before{
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #1d2c6a;
transform: scale(0, 1);
transition: 0.4s;
}
.pagelinklist li a:after{
content: "";
position: absolute;
left: 50%;
bottom: -30px;
width: 1px;
height: 40px;
background: #1d2c6a;
transform: scale(1, 0);
transition: 0.4s;
transform-origin: top center;
}
.pagelinklist li:hover > a{
color: #fff;
}
.pagelinklist li:hover > a:before{
transform: scale(1);
}
.pagelinklist li:hover > a:after{
transform: scale(1);
}
.pagelinklist li.current-cat > a:before,
.pagelinklist li.current_page_item > a:before{
transform: scale(1);
}
@media screen and (max-width: 599px) {
.pagelinklist{
justify-content: space-evenly;
}
.pagelinklist li em{
display: none;
}
}
.pagelinklist2{
display: flex;
justify-content: center;
position: relative;
border: 1px solid #1d2c6a;
}
.pagelinklist2 li{
text-align: center;
cursor: pointer;
position: relative;
margin: 0 2vw;
}
.pagelinklist2 li a{
display: block;
padding: 16px 0;
text-decoration: none;
font-size: .9rem;
}
.pagelinklist2 li a:after{
content: "";
position: absolute;
left: 50%;
bottom: -30px;
width: 1px;
height: 40px;
background: #1d2c6a;
transform: scale(1, 0);
transition: 0.4s;
transform-origin: top center;
}
.pagelinklist2 li:hover > a:after{
transform: scale(1);
}
@media screen and (max-width: 599px) {
.pagelinklist2{
justify-content: space-evenly;
}
.pagelinklist2 li em{
display: none;
}
}
.pagelist{
margin: 30px 0;
border-radius: 4px;
}
.pagelist:first-child{
margin-top: 0;
}
.pagelist:last-child{
margin-bottom: 0;
}
.pagelist li{
text-align: left;
cursor: pointer;
position: relative;
}
.pagelist li a{
display: block;
color: #000;
padding: 15px 30px 15px 30px;
position: relative;
z-index: 01;
text-decoration: none;
overflow: hidden;
background: #fff;
}
.pagelist li a::before{
font-size: 12px;
font-family: 'akasi' !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\3a";
position: absolute;
top: 14px;
right: 10px;
color: #b0bac6;
}
.pagelist li a::after {
position: absolute;
z-index: -1;
display: block;
content: '';
left: -100%;
top: 0;
width: 100%;
height: 100%;
}
.pagelist li a,
.pagelist li a::after {
transition: all .3s cubic-bezier(.075, .82, .165, 1);
}
.pagelist li a:hover::after {
left: 0;
background-color: #e8ecf1;
} header{
position: fixed;
z-index: 1000;
width: 100vw;
top: 0;
left: 0;
height: auto !important;
}
#header{
background: #f8f8ff;
transition: background .3s;
}
.gnavshow #header,
.menuopen #header{
background: #fff;
}
#header .contents{
max-width: 96vw;
margin: 0 auto;
}
#header .contenttop{
display: none;
}
#header .contentbtm{
display: flex;
justify-content: space-between;
align-items: center;
line-height: 64px;
}
#header .logowrap{
text-align: left;
}
#header .logowrap .logo{
background: url(//www.takasagowestjapan.co.jp/wordpress/wp-content/themes/takasago/images/logo1.png) no-repeat left center;
background-size: contain;
display: inline-block;
vertical-align: middle;
width: 148px;
height: 42px;
text-indent: -9999px;
transition: .3s;
}
#gnav{
}
#gnav .gnav{
display: flex;
}
#gnav .gnav > li{
display: block;
text-align: center;
position: relative;
flex-basis: 20%;
padding: 0 20px;
}
#gnav .gnav > li > a{
font-size: 1rem;
display: block;
color: #000;
white-space: nowrap;
text-align: center;
text-decoration: none;
position: relative;
line-height: 1.6;
transition: none;
line-height: 64px;
}
#gnav .gnav > li > a:hover{
color: #555;
}
#gnav .gnav > li > a:before{
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #000;
transform: scale(0, 1);
transition: 0.4s;
}
#gnav .gnav > li > a:hover:before {
transform: scale(1);
}
#gnav .gnav > li.current-menu-item > a,
#gnav .gnav > li.current-menu-parent > a,
#gnav .gnav > li.current-page-ancestor > a{
color: #d12c2d;
}
#gnav .gnav > li.current-menu-item > a:before,
#gnav .gnav > li.current-menu-parent > a:before,
#gnav .gnav > li.current-page-ancestor > a:before{
transform: scale(1);
background: #d12c2d;
}
@media screen and (max-width: 599px) {
}
#gnav .submenu{
display: none;
width: 100%;
left: 0;
position: absolute;
text-align: center;
}
#gnav .submenu .menu-gnav-container{
margin: 0 auto;
background: #fff; border-top: 1px solid #f8f8ff;
}
#gnav .submenu.show{
display: block;
}
#gnav .submenuul > li{
display: none !important;
padding: 20px 0 40px;
}
#gnav .submenuul > li.sel{
display: block !important;
animation: selfadeIn .6s cubic-bezier(.075,.82,.165,1) 0s 1 normal;
}
@-webkit-keyframes selfadeIn {
0% { opacity: 0; margin: -20px 0 20px;}
100% { opacity: 1; margin-top: 0; }
}
@keyframes selfadeIn {
0% { opacity: 0; margin: -20px 0 20px;}
100% { opacity: 1; margin-top: 0; }
}
#gnav .submenuul{
margin: 0 3vw;
}
#gnav .submenuul > li{
text-align: center;
}
#gnav .submenuul  > li > a{
color: #000;
text-align: center;
font-size: 1.6rem;
font-weight: 500;
line-height: 1.4;
margin-bottom: 40px;
letter-spacing: .1rem;
position: relative;
padding: 0;
padding: 0 20px;
display: none;
}
#gnav .submenuul  > li > a::before{
top: 10px;
right: 0;
}
#gnav .submenuul > li > .sub-menu{
margin-top: 40px;
display: flex;
justify-content: start;
flex-wrap: wrap;
max-width: 900px;
margin: 40px auto 0;
}
#gnav .submenuul > li > .sub-menu > li{
flex-basis: 28%;
margin: 0 2.5%;
}
#gnav .submenuul > li > .sub-menu > li > a{
display: block;
padding: 0 30px 0 0;
border-top: 1px solid rgb(209 44 45 / 0.1);
text-align: left;
font-size: 1rem;
font-weight: normal;
position: relative;
z-index: 1;
outline: none;
overflow: hidden;
color: #000;
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
transition-duration: 0.3s;
transition-property: all;
}
#gnav .submenuul > li > .sub-menu > li > a::after {
font-family: 'takasago' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 1.8rem;
right: 0;
width: 16px;
height: 16px;
content: "\2b";
pointer-events: none;
color: #d12c2d;
font-size: 16px;
font-size: .8rem;
}
#gnav .submenuul > li > .sub-menu > li > a:hover {
border-top: 1px solid rgb(209 44 45 / 1);
color: #d12c2d;
}
#gnav .submenuul > li > .sub-menu > li > .sub-menu > li{
margin: 0 0 0 20px;
}
#gnav .submenuul > li > .sub-menu > li > .sub-menu > li > a{
display: block;
padding: 8px 10px;
border-bottom: 1px solid #e8ecf1;
text-align: left;
font-size: .9rem;
font-weight: normal;
position: relative;
z-index: 1;
outline: none;
overflow: hidden;
color: #fff;
}
#gnav .submenuul .sub-menu li.current_page_item a,
#gnav .submenuul .sub-menu li.current-page-ancestor a{
border-top: 1px solid rgb(209 44 45 / 1);
color: #d12c2d;
}
#snav{
display: flex;
align-items: center;
}
.widget_search{
position: relative;
}
.widget_search:before{
display: block;
vertical-align: middle;
content: "\34";
font-family: 'takasago' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #000;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 16px;
text-align: center;
}
.widget_search .searchbtn{
width: 40px;
height: 40px;
position: absolute;
top:0;
left: 0;
cursor: pointer;
}
.widget_search form{
width: 100vw;
background: #fff;
justify-content: start;
align-items: center;
position: fixed;
top: 64px;
left: 0;
height: auto;
max-height: 0;
transition: max-height 0.2s ease-in-out;
}
.widget_search.sel form{
display: flex;
height: auto;
max-height: 103px;
transition: max-height 0.2s ease-in-out;
border-top: 1px solid #f8f8ff;
}
@media screen and (min-width: 768px) {
.widget_search.sel form {
max-height: 103px;
}
}
@media screen and (min-width: 992px) {
.widget_search.sel form {
max-height: 157px;
}
}
@media screen and (min-width: 1200px) {
.widget_search.sel form {
max-height: 221px;
}
}
@media screen and (min-width: 1600px) {
.widget_search.sel form {
max-height: 234px;
}
}
@media screen and (max-width: 599px) {
.widget_search form{
width: 96vw;
}
}
.widget_search label{
display: none;
}
.widget_search .wp-block-search__inside-wrapper{
display: block;
position: relative;
margin: 5.4rem calc(4.16667vw * 2);
}
.widget_search input[type="search"] {
display: none;
width: 100%;
max-width: 100%;
min-height: 48px;
padding: 0.65em 1.5em 0.65em 1.5em;
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
transition-duration: 0.3s;
transition-property: all;
color: #000;
border: 1px solid rgb(209 44 45 / 0.1);
border-radius: 24px;
outline: none;
background: transparent;
font-size: 1rem;
-webkit-appearance: none !important;
}
.widget_search input[type="search"]:focus {
border-color: #cf2e33;
box-shadow: 0 0 8px 0 rgb(209 44 45 / 0.3);
}
.widget_search .wp-block-search__button{
display: none;
position: absolute;
z-index: 1;
top: 50%;
right: 20px;
width: 22px;
height: 22px;
transform: translateY(-50%);
border: 0;
background: transparent;
font-size: 0;
-webkit-appearance: none !important;
}
.widget_search .wp-block-search__button::before{
display: block;
vertical-align: middle;
content: "\34";
font-family: 'takasago' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #cf2e33;
width: 22px;
height: 22px;
line-height: 22px;
font-size: 16px;
text-align: center;
}
.widget_search.sel input[type="search"],
.widget_search.sel .wp-block-search__button{
display: block;
}
#snav .controlnav i.titlemenu,
#snav .controlnav i.titleclose,
.menuopen #snav .controlnav i.titlemenu,
.menuopen #snav .controlnav i.titlesitemap{
display: none;
}
.menuopen #snav .controlnav i.titleclose{
display: block;
}
#snav .titlemenu{
display: none;
}
#snav .snavcont{
display: none;
}
#menu-snav li a{
width: 40px;
height: 40px;
display: block;
overflow: hidden;
}
#menu-snav li a::before{
width: 40px;
height: 40px;
line-height: 40px;
display: block;
font-family: 'takasago' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\32";
color: #000;
font-size: 16px;
text-align: center;
}
.controlnav{
display: none;
}
.menu-trigger{
cursor: pointer;
color: #fff;
text-decoration: none;
display: block;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.menu-trigger:hover{
}
.menu-trigger .icon,
.menu-trigger .icon span {
display: block;
transition: all .6s;
box-sizing: border-box;
}
.menu-trigger .icon{
display: inline-block;
vertical-align: middle;
position: relative;
width: 40px;
height: 11px;
height: 40px;
cursor: pointer;
}
.menu-trigger i{
display: none !important;
}
.menu-trigger .icon span {
position: absolute;
left: 13px;
width: 14px;
height: 1.5px;
background-color: #000;
}
.menu-trigger .icon span:nth-of-type(1) {
top: 14.5px;
}
.menu-trigger .icon span:nth-of-type(2) {
top: 19.5px;
}
.menu-trigger .icon span:nth-of-type(3) {
top: 24.5px;
}
.menuopen .menu-trigger .icon span {
background-color: #d12c2d;
}
.menuopen .menu-trigger .icon span:nth-of-type(1) {
transform: translateY(5px) rotate(-45deg);
}
.menuopen .menu-trigger .icon span:nth-of-type(2) {
opacity: 0;
}
.menuopen .menu-trigger .icon span:nth-of-type(3) {
transform: translateY(-5px) rotate(45deg);
}
#allpagewrapper{
width: 100vw;
}
.menuopen #allpagewrapper{ }
#allpagewrapperoverlay {
position: fixed;
z-index: 999;
top: 0;
right: 0;
bottom: 0;
left: 0;
visibility: hidden;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
background-color: rgba(0, 0, 0, 0.3);
backdrop-filter: blur(16px);
opacity: 0;
}
.menuopen #allpagewrapperoverlay{
visibility: visible;
opacity: 1;
}
.gnavshow #allpagewrapperoverlay{
visibility: visible;
opacity: 1;
}
.menuopen header { z-index: 1000;
position: fixed !important;
top: 0 !important;
}
#snav .snavcont{
display: none;
position: fixed;
top: 0;
width: 96vw;
max-height: 100vh;
max-height: calc( 100vh - 64px );
background: #fff;
padding: 0;
top: 64px;
left: 0;
overflow: scroll;
-webkit-overflow-scrolling: touch
}
#snav .snavcont .snavcontinner{
padding: 3.6rem calc(4.16667vw * 2) 5.4rem calc(4.16667vw * 3);
line-height: 1.6;
}
#snav .snavcont h2{
text-align: center;
margin-top: 60px;
}
#snav .snav > li{
margin-top: 1.35rem;
}
#snav .snav > li:first-child{
margin-top: 0;
}
#snav .snav > li > a{
padding-right: 2em;
font-size: 1.2rem;
font-weight: bold;
}
#snav .snav li a{
display: block;
text-decoration: none;
text-align: left;
padding: 0;
color: #000;
position: relative;
}
#snav .snav li a::after {
font-family: 'takasago' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 50%;
right: 0;
width: 16px;
height: 16px;
content: "\2b";
transform: translateY(-35%);
pointer-events: none;
color: #d12c2d;
font-size: 16px;
font-size: .8rem;
}
#snav .snav > li.openmenu > a::after {
font-family: "Poppins", sans-serif !important;
speak: never;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 50%;
right: 0;
width: 16px;
height: 16px;
content: "+";
transform: translateY(-50%);
pointer-events: none;
color: #d12c2d;
font-size: 1.5rem;
font-weight: 200;
}
#snav .snav > li.sel > a::after {
content: "-";
}
#snav .sub-menu{
position: relative;
margin-left:2rem;
}
#snav .sub-menu > li{
margin-top: 1.35rem;
}
#snav .sub-menu > li > a{
display: block;
text-decoration: none;
text-align: left;
padding: 0;
color: #000;
padding-right: 2em;
}
#snav .snav li.current-page-ancestor > a,
#snav .snav li.current-menu-item > a{
color: #d12c2d;
}
#snav .sub-menu > li.current-page-ancestor > a,
#snav .sub-menu > li.current-menu-item > a{
color: #d12c2d;
}
#snav .sub-menu > li > a:hover{
color: #d12c2d;
}
@media screen and (max-width: 881px) {
#header .contents{
max-width: 92vw;
margin: 0 auto;
}
#header .logowrap .logo{
width: 124px;
}
#gnav{
display: none;
}
#snav .controlnav{
display: block;	
}
#snav .controlnav i.titlemenu,
#snav .titlemenu{
display: none;
}
#snav .controlnav i.titlesitemap,
#snav .titlesitemap{
display: none;
} }
@media screen and (max-width: 781px) {
#snav .snavcontinner {
}
#snav .menu-snav2-container{
flex-basis: 97%;
margin-bottom: 30px;
}
#snav .snav > li{
flex-basis: 47%;
}
#snav .menu-snav-container {
flex-basis: 97%;
}
}
@media screen and (max-width: 599px) { #allpagewrapper{
width: 100vw;
width: 96vw;
}
header{
width: 96vw;
}
#snav .snavcont h2{
margin: 40px 0 20px;
font-size: 1.6rem
}
#snav .snav {
display: block;
}
} #gotop{
color: #fff;
background: #d12c2d;
position: fixed;
z-index: 10;
bottom: 30px;
right: 30px;
display: block;
width: 48px;
height: 48px;
color: #fff;
border: 1px solid #fff;
border-radius: 24px;
background-color: rgba(0, 0, 0, 0.05);
}
#gotop:before{
display: block;
margin: 0;
font-size: 14px;
text-align: center;
line-height: 48px;
}
#gotop span{
display: none;
}
@media screen and (max-width: 599px) {
#gotop{
display: none !important;
}
footer #footergotop{
display: block !important;
color: #fff;
position: absolute;
right: 1.5rem;
top: 1.5rem;
}
}
footer{
width: calc((100vw / 24) * 23);
margin: 0;
text-align: left;
background: #d12c2d;
position: relative;
}
footer #footergotop{
display: none;
}
footer #footergotop:before{
display: block;
margin: 0;
font-size: 16px;
text-align: center;
line-height: 60px;
}
footer #footergotop span{
display: none;
}
footer #footer{
}
footer #footer .contents{
}
footer .footer_contents{
padding-top: 3.6rem;
padding-bottom: calc(64px + 3.6rem);
margin-right: calc(4.16667vw * 1);
margin-left: calc(4.16667vw * 1);
}
footer .footer_sitemap{
margin-top: 3.6rem;
}
footer .logowrap .logo {
background: url(//www.takasagowestjapan.co.jp/wordpress/wp-content/themes/takasago/images/logo2.png) no-repeat left center;
background-size: contain;
display: inline-block;
vertical-align: middle;
width: 148px;
height: 48px;
text-indent: -9999px;
}
footer .logowrap h1{
display: none;
}
footer .widget{
margin-top: 20px;
}
footer .footer_sitemap{
display: flex;
flex-wrap: wrap;
gap: 1rem;
margin-left: 4.16667vw;
}
footer .footer_sitemap .menu-fvav1-container{
flex-basis: 50%;
line-height: 1.6;
}
footer .footer_sitemap .menu-fvav2-container{
flex-basis: 40%;
line-height: 1.6;
}
footer .fnav1 li{
margin-top: 0.9rem;
}
footer .fnav1 li a{
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
transition-duration: 0.3s;
transition-property: all;
color: #fff;
border-bottom-color: transparent;
font-size: 1.25rem;
border-bottom: 1px solid rgba(255, 255, 255, 0);
}
footer .fnav1 li.current-menu-parent > a,
footer .fnav1 li.current-menu-item > a,
footer .fnav1 li.current-page-ancestor > a{
border-bottom: 1px solid #fff;
}
footer .fnav1 li a:hover{
transition-duration: 0s;
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
footer .fnav1 li a:active{
color: #fff;
border-bottom-color: #fff;
}
footer .fnav1 .sub-menu{
margin-top: 1.8rem;
margin-bottom: 1.8rem;
margin-left: 2em;
margin-left: calc(4.16667vw * 0.5);
}
footer .fnav1 .sub-menu a{
display: inline-block;
font-size: 0.875rem;
line-height: 1.6;
}
footer .fnav1 .sub-menu .current-menu-item a{
border-bottom: 1px solid #fff;
}
footer .fnav2 li{
margin-top: 0.9rem;
}
footer .fnav2 li.ex_privacylink:after {
content: "（高砂香料工業株式会社のページへ移動します）";
display: block;
font-size: 12px;
top: -3px;
position: relative;
color: #fff;
}
footer .fnav2 a{
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
transition-duration: 0.3s;
transition-property: all;
color: #fff;
border-bottom-color: transparent;
font-size: 1.25rem;
border-bottom: 1px solid rgba(255, 255, 255, 0);
display: inline-block;
font-size: 0.875rem;
line-height: 1.6;
}
footer .fnav2 li.current-menu-parent > a,
footer .fnav2 li.current-menu-item > a,
footer .fnav2 li.current-page-ancestor > a{
border-bottom: 1px solid #fff;
}
footer .fnav2 li a:hover{
transition-duration: 0s;
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
footer .fnav2 li a:active{
color: #fff;
border-bottom-color: #fff;
}
footer #copyright{
margin-right: calc(4.16667vw * 1);
margin-left: calc(4.16667vw * 1);
padding: 16px 0;
margin-top: 3.6rem;
border-top: 1px solid rgba(255, 255, 255, 0.3);
text-align: right;
color: #fff;
font-family: "Poppins", sans-serif;
font-size: 0.8rem;
font-style: normal;
}
footer #copyright a{
color: #fff;
text-decoration: none;
}
@media screen and (min-width: 992px) {
footer {
width: 50%;
}
}
@media screen and (max-width: 599px) {
footer{
width: auto;
}
footer .footer_contents{
padding-top: 2rem;
padding-bottom: 2rem;
}
footer .logowrap .logo{
width: 124px;
}
} .breadcrumbs {
position: relative;
width: calc((100vw / 24) * 23);
background: #f8f8ff;
}
@media screen and (min-width: 992px) {
.breadcrumbs{
width: calc((100vw / 24) * 22);
}
}
.breadcrumbs .contents{
overflow-x: auto;
overflow-y: hidden;
padding-top: 1.8rem;
padding-right: calc(4.16667vw * 2);
padding-bottom: 1.8rem;
padding-left: calc(4.16667vw * 2);
letter-spacing: normal;
border-top: 1px solid #f8f8ff;
background-color: #fff;
font-weight: 700;
-webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 768px) {
.breadcrumbs .contents{
padding-right: calc(4.16667vw * 1);
padding-left: calc(4.16667vw * 1);
}
}
.breadcrumbs ul{
display: flex;
align-items: baseline;
padding-left: 0;
}
.breadcrumbs ul {
display: flex;
align-items: baseline;
padding-left: 0;
}
@media screen and (min-width: 768px) {
.breadcrumbs ul {
display: block;
}
}
.breadcrumbs ul li {
position: relative;
list-style: none;
white-space: nowrap;
}
@media screen and (min-width: 768px) {
.breadcrumbs ul li {
display: inline-block;
white-space: normal;
}
}
.breadcrumbs ul li:last-child {
padding-right: calc(4.16667vw * 2);
}
@media screen and (min-width: 992px) {
.breadcrumbs ul li:last-child {
padding-right: calc(4.16667vw * 1);
}
}
.breadcrumbs ul li:last-child:after {
display: none;
padding: 0;
content: "";
}
.breadcrumbs ul li:after {
display: inline-block;
margin: 0 0.5em;
content: "/";
color: #636366;
font-weight: normal;
}
.breadcrumbs ul li a{
font-weight: normal;
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
transition-duration: 0.3s;
transition-property: border-bottom-color, color;
text-decoration: none;
color: #d12c2d;
border-bottom: 1px solid rgb(209 44 45 / 0.1);
}
.breadcrumbs ul li :hover{
border-bottom: 1px solid rgb(209 44 45 / 1);
} #topmenu{
}
#topmenu .contents{
}
#topmenu h2{
display: none;
}
#topmenu ul{
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
#topmenu ul li{
flex-basis: 20%;
white-space: nowrap;
}
#topmenu ul li a{
display: flex;
width: 100%;
align-items: center;
justify-content: center;
box-sizing: border-box;
min-height: 58px;
margin-bottom: 10px;
padding: 10px;
text-align: center;
text-decoration: none;
color: #000;
border: 1px solid rgb(209 44 45 / 0.1);
background: #fff;
font-size: .9rem;
line-height: 1.6;
}
#topmenu ul li:hover > a{
background: #d12c2d;
color: #fff;
}
#topmenu ul li.current-cat > a,
#topmenu ul li.current_page_item > a{
background: #d12c2d;
color: #fff;
}
@media screen and (max-width: 599px) {
}
.submenucontents{
width: 1320px;
max-width: 94vw;
margin: 0 auto;
}
.submenucontents > .contents{
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.submenucontents #submenu{
width: 24%;
min-width: 200px;
}
.submenucontents #page{
width: 74%;
}
.page-template-pagedevelop .submenucontents #submenu{
width: 32%;
min-width: 200px;
}
.page-template-pagedevelop .submenucontents #page{
width: 66%;
}
.submenucontents .pagecontents > .wp-block-group{
background: #fff;
padding-top: 0;
}
.submenucontents .pagecontents > .wp-block-group > .wp-block-group__inner-container {
width: 100%;
max-width: 100%;
}
@media screen and (max-width: 781px) {
.submenucontents > .contents{
display: block;
}
.submenucontents #submenu,
.submenucontents #page{
width: auto;
}
}
@media screen and (max-width: 599px) {
}
#submenu{
position: relative;
z-index: 1;
margin-bottom: 60px;
}
#submenu.submenubanner{
margin-top: -113px;
}
#submenulist{
margin-right: 3vw;
background: #fff;
border-radius: 4px;
box-shadow: 0 0 10px rgb(0 0 0 / 20%);
padding: 0 0;
text-align: left;
}
#submenulist h2{
display: block;
font-size: 1.4rem;
font-weight: 500;
color: #000;
position: relative;
text-align: left;
margin-bottom: 0;
}
#submenulist h2{
margin: 0;
padding: 0;
border-radius: 0;
background: transparent;
border: none;
}
#submenulist h2 a{
display: block;
color: #000;
padding: 20px 20px;
}
#submenulist > ul > li > a{
display: block;
color: #000;
padding: 12px 30px 12px 20px;
position: relative;
z-index: 1;
overflow: hidden;
border-top: 1px solid #e8ecf1;
}
#submenulist .children{
margin: -5px 0 5px;
}
#submenulist .children > li > a{
display: block;
color: #000;
padding: 8px 30px 8px 40px;
position: relative;
z-index: 1;
overflow: hidden;
font-size: .9rem;
}
#submenulist > ul > li > a::before{
font-size: 12px;
font-family: 'akasi' !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\24";
position: absolute;
top: 14px;
right: 10px;
color: #1d2c6a;
}
#submenulist ul > li > a::after {
position: absolute;
z-index: -1;
display: block;
content: '';
left: -100%;
top: 0;
width: 100%;
height: 100%;
}
.page-template-pagedevelop #submenulist .children > li > a{
display: block;
color: #000;
padding: 8px 20px 8px 40px;
position: relative;
z-index: 1;
overflow: hidden;
font-size: .9rem;
display: flex;
justify-content: space-between;
}
.page-template-pagedevelop #submenulist > ul > li > a{
font-weight: bold;
}
.page-template-pagedevelop #submenulist > ul > li > a::before{
display: none;
} #submenulist ul > li > a,
#submenulist ul > li > a::after {
transition: all .3s cubic-bezier(.075, .82, .165, 1);
}
#submenulist ul > li > a:hover::after {
left: 0;
background-color: rgb(232 236 241 / 54%);
}
#submenulist ul > li.current_page_item > a{
background: #f4f6f8;
}
#submenulist .state{
display: block;
color: #fff;
font-size: .8rem;
width: 6.5em;
text-align: center;
}
#submenulist .statesold{
background: #ccc;
}
#submenulist .statesale{
background: #2e833d;
}
#submenulist .page-item-1025,
#submenulist .page-item-1023,
#submenulist .page-item-1027,
#submenulist .page-item-1029{
display: none;
}
@media screen and (max-width: 781px) {
#submenu{
position: relative;
z-index: 1;
}
#submenu.submenubanner{
margin-top: 20px;
}
#submenulist{
margin-right: 0;
}
#submenulist h2 a{
display: flex;
align-items: center;
justify-content: flex-start;
}
#submenulist h2 a{
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
font-size: 1rem;
line-height: 1.8;
}
#submenulist h2 a::before{
display: inline-block;
content: "+";
color: #1d2c6a;
font-weight: 700;
margin-right: 10px;
font-size: 1.4rem;
line-height: 1;
}
#submenulist h2 a::after{
content: " メニュー"
}
#submenulist > ul{
border-top: 1px solid #e8ecf1;
display: none;
}
#submenulist.sel > ul{
display: block;
}
#submenulist.sel h2 a::before{
content: "−";
}
}
@media screen and (max-width: 599px) {
} .post-navigation{
margin-top: 60px;
}
.post-navigation h2{ display: none; }
.post-navigation .nav-links{
text-align: center;
}
.post-navigation .nav-links a{
position: relative;
display: inline-block;
padding: 0.68em 1.5em 0.68em 1.5em;
cursor: pointer;
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
transition-duration: 0.3s;
transition-property: background-color;
text-align: left;
vertical-align: baseline;
text-decoration: none;
letter-spacing: 0.03em;
color: #d12c2d;
border: 1px solid #d12c2d !important;
border-radius: 24px;
outline: 0;
background-color: #f8f8ff;
line-height: 1.6;
font-feature-settings: "palt";
font-size: 1rem;
}
.post-navigation .nav-links a:visited{
color: #fff;
background: #d12c2d;
}
.post-navigation .nav-links a:hover {
color: #fff;
background: #d12c2d;
}
.post-navigation .nav-links .post-title{ display: none; }
.post-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-next {
display: inline-block;
margin: 0 10px 10px;
}
.pagination {
text-align: center;
}
.pagination .line-paginator {
display: inline-block;
margin-top: 60px;
}
.pagination .line-paginator .page-numbers,
.pagination .line-paginator a {
display: inline-block;
vertical-align: middle;
float: left;
margin: 0 6px;
color: #d12c2d;
text-align: center;
text-transform: uppercase;
transition: all .3s;
border: 1px solid #d12c2d;
background: #f8f8ff;
width: 40px;
height: 40px;
line-height: 40px;
text-decoration: none;
font-size: 14px;
border-radius: 50%
}
.pagination .line-paginator .page-numbers:hover {
background: #d12c2d;
color: #fff;
}
.pagination .line-paginator .page-numbers.pag-last,
.pagination .line-paginator .page-numbers.pag-first,
.pagination .line-paginator a {
overflow: hidden;
}
.pagination .line-paginator .page-numbers.pag-last:before{
content: "  \00bb  ";
}
.pagination .line-paginator .page-numbers.next,
.pagination .line-paginator .page-numbers.prev {
overflow: hidden;
position: relative;
}
.pagination .line-paginator .page-numbers.next .page-next,
.pagination .line-paginator .page-numbers.prev .page-prev{
display: block;
background: #f8f8ff;
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: 0;
transition: all .3s;
}
.pagination .line-paginator .page-numbers.next .page-next:before,
.pagination .line-paginator .page-numbers.prev .page-prev:before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.pagination .line-paginator .page-numbers.next .page-next::before {
border-top: 1px solid #d12c2d;
border-right: 1px solid #d12c2d;
margin-left: -7px;
}
.pagination .line-paginator .page-numbers.prev .page-prev:before {
border-bottom: 1px solid #d12c2d;
border-left: 1px solid #d12c2d;
margin-left: 7px;
}
.pagination .line-paginator .page-numbers:hover .page-next,
.pagination .line-paginator .page-numbers:hover .page-prev {
background: #d12c2d;
}
.pagination .line-paginator .page-numbers:hover .page-next:before,
.pagination .line-paginator .page-numbers:hover .page-prev:before {
border-color: #fff !important;
}
.pagination .line-paginator .current {
background: #d12c2d;
color: #fff !important;
} .top_information{
}
.top_information time{
display: inline-block;
margin-top: 0.45rem;
margin-right: 1em;
}
.top_information li{
position: relative;
display: flex;
align-items: flex-start;
justify-content: space-between;
height: 100%;
padding-top: 0.9rem;
padding-right: calc(4.16667vw * 1);
text-decoration: none;
color: #000;
padding-bottom: 2.7rem;
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
transition-duration: 0.3s;
transition-property: all;
border-top: 1px solid rgb(209 44 45 / 0.1);
}
.top_information li::after {
font-family: 'takasago' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 1.8rem;
right: 0;
width: 16px;
height: 16px;
content: "\2b";
transform: translateY(-35%);
pointer-events: none;
color: #d12c2d;
font-size: 16px;
font-size: .8rem;
}
.top_information li:hover{
border-top: 1px solid rgb(209 44 45 / 1);
}
@media screen and (max-width: 781px) {
}
@media screen and (max-width: 599px) {
.top_information li{
padding-bottom: 2rem;
}
}
.top_wrap.wp-block-media-text{
margin: 0;
}
.top_wrap.wp-block-media-text .wp-block-media-text__content{
background: #f8f8ff;
padding: 6rem calc(4.16667vw * 2);
padding-top: 64px;
margin: 0;
}
.top_wrap.wp-block-media-text .wp-block-media-text__content h3{
margin-bottom: 2rem;
font-weight: 200;
}
.top_wrap.wp-block-media-text .wp-block-media-text__content .wp-block-buttons{
margin-top: 2rem;
}
@media screen and (min-width: 992px) {
.top_wrap.wp-block-media-text .wp-block-media-text__content{
padding-right: calc(4.16667vw * 1);
padding-left: calc(4.16667vw * 1);
}
}
@media screen and (min-width: 1200px) {
.top_wrap.wp-block-media-text .wp-block-media-text__content{
padding-right: calc(4.16667vw * 2);
padding-left: calc(4.16667vw * 2);
}
}
@media screen and (max-width: 599px) {
.top_wrap.wp-block-media-text.is-image-fill .wp-block-media-text__media{
min-height: 280px;
}
.top_wrap.wp-block-media-text:last-child{
background: #f8f8ff;
}
} #backimg{
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: -1;
background-repeat: no-repeat;
background-size: cover;
background-position: left top;
animation: b1 60s linear 1s 1,o1 10s linear 1s 6;
filter: blur(3px);
transform: scale(1.01);
} @keyframes o1{
0%   { opacity: 1; }
30%   { opacity: 1; }
70%  { opacity: .8; }
100% { opacity: 1; }
}
@keyframes o2{
0%   { opacity: .6; }
30%   { opacity: .6; }
70%  { opacity: .2; }
100% { opacity: .6; }
}
@keyframes s1 {
0%   { transform: scale(1.01); }
10%  { transform: scale(1.01); }
30%  { transform: scale(1.2); }
60%  { transform: scale(1.2); }
90%  { transform: scale(1.01); }
100% { transform: scale(1.01); }
}
@keyframes b1 {
0%   { background-position: left top; }
50%  { background-position: right bottom; }
100%  { background-position: left top; }
}
@keyframes b2 {
0%   { background-position: right bottom; }
50%  { background-position: left top; }
100%  { background-position: right bottom; }
}
#banner{
position: relative;
padding: 0!important;
height: 70vh;
min-height: 400px;
overflow: hidden;
}
#banner .wp-block-group__inner-container{
height: 100%;
display: flex;
align-items: center;
justify-content: center;
max-width: 82vw;
margin: 0 auto;
}
#banner h2{
font-size: 1.3333333333rem;
letter-spacing: -0.015em; line-height: 1.6;
font-weight: normal;
padding: 0;
margin-top: 64px;
width: 100%;
}
#banner h2::after{
display: none;
}
@media screen and (max-width: 599px) {
#banner h2{
text-align:center !important;
}
}
.pageacbody {
position: relative;
width: calc((100vw / 24) * 23);
}
@media screen and (min-width: 992px) {
.pageacbody{
width: calc((100vw / 24) * 22);
}
}
.pageacbody .pagetitle {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
min-height: calc(50vh - 64px);
margin-top: 64px;
padding-right: calc(4.16667vw * 2);
padding-left: calc(4.16667vw * 2);
}
.pageacbody .pagetitle h2{
letter-spacing: 0.03em;
color: #fff;
font-weight: 400;
font-size: 2.5rem;
}
.pageacbody .pagetitle h2 .parent{
font-size: 1.1rem;
display:block;
text-align: left;
}
@media screen and (min-width: 768px) {
.pageacbody .pagetitle {
padding-right: 0;
padding-left: calc(4.16667vw * 2);
}
}
@media screen and (max-width: 599px) {
.pageacbody .pagetitle h2{
font-size: 1.8666666667rem;
}
}
.pageacbody .pagecontents{
background: #f8f8ff;
padding-top: 3.6rem;
padding-right: calc(4.16667vw * 2);
padding-bottom: 3.6rem;
padding-left: calc(4.16667vw * 2);
}
@media screen and (min-width: 768px) {
.pageacbody .pagecontents{
padding-top: 7.2rem;
padding-right: calc(4.16667vw * 2);
padding-bottom: 7.2rem;
padding-left: calc(4.16667vw * 2);
}
}
@media screen and (min-width: 1200px) {
.pageacbody .pagecontents{
padding-right: calc(4.16667vw * 2);
padding-left: calc(4.16667vw * 2);
}
}
@media screen and (min-width: 1600px) {
.pageacbody .pagecontents{
padding-right: calc(4.16667vw * 3);
padding-left: calc(4.16667vw * 3);
}
}
.infolist{
}
.infolist ul{
}
.infolist ul li{
display: flex;
justify-content: flex-start;
padding: 20px 0;
border-bottom: 1px solid #e8ecf1;
}
.infolist ul li:last-child{
margin-bottom: 0;
}
.infolist ul li p a{
text-decoration: none;
color: #000;
}
.infolist ul li time{
flex-basis: 9em;
color: #637b96;
text-align: left;
font-family: 'Jost', sans-serif;
font-weight: normal;
}
.infolist ul li .category{
flex-basis: 140px;
}
.infolist ul li p{
color: #666;
}
@media screen and (max-width: 599px) {
.infolist ul li{
display: block;
}
.infolist ul li time{
margin-right: 10px;
}
.infolist ul li p{
display: block;
margin-top: 4px;
}
}
.info-list{
margin-top: 40px;
}
.info-list li{
padding: 30px 0;
border-top:	1px solid rgb(209 44 45 / 0.1);
}
.info-list li h4{
margin: 10px 0;
font-weight: normal;
font-size: 1rem;
}
.info-list li h4 a{
color: #000;
border: none;
}
.info-list .entry-meta{
flex-basis: 30%;
display: flex;
justify-content: flex-start;
align-items: center;
}
.info-list .excerpt{
display: none;
}
.info-list .time{
flex-basis: 9em;
}
.info-list li h4 a:hover{
color: #d12c2d;
border: none;
}
@media screen and (max-width: 781px) {
.info-list li{
display: block;
}
.info-list .time{
flex-basis: unset;
margin-right: 10px;
}
.info-list .category{
margin-left: 0;
}
.info-list .excerpt{
margin-left: 0;
}
}
@media screen and (max-width: 599px) {
.info-list li{
display: block;
}
.info-list .excerpt{
margin-left: 0;
}
}
.info{
}
.info .thumb{
margin-bottom: 10px;
}
.info .entry-meta{
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 20px;
}
.info .time{
flex-basis: 9em;
}
.info .category{
display: inline-block;
vertical-align: middle;
}
.pagelink{
display: flex;
justify-content: space-between;
align-items: center;
overflow: hidden;
border: 1px solid #d12c2d;
border-radius: 24px;
background-color: #f8f8ff;
margin-bottom: 40px;
}
.pagelink li{
flex-basis: 50%;
margin: 0 -1px;
border-left: 1px solid #d12c2d;
text-align: center;
}
.pagelink li:first-child{
border-left: none;
}
.pagelink li a{
display: block;
line-height: 48px;
font-weight: normal;
font-size: 1rem;
letter-spacing: .03rem;
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
transition-duration: 0.3s;
transition-property: background-color;
position: relative;
border: none !important;
}
.pagelink li a:hover{
background: #d12c2d;
color: #fff;
}
@media screen and (max-width: 599px) {
.pagelink{
flex-wrap: wrap;
}
.pagelink li{
flex-basis: 50%;
margin: -1px;
border-left: none;
border-right: 1px solid #d12c2d;
border-bottom: 1px solid #d12c2d;
text-align: center;
}
}
.list-content{
}
.list-content li{
position: relative;
align-items: flex-start;
justify-content: space-between;
height: 100%;
padding-right: calc(4.16667vw * 1);
text-decoration: none;
color: #000;
padding: 2rem 0;
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
transition-duration: 0.3s;
transition-property: all;
border-top: 1px solid rgb(209 44 45 / 0.1);
}
.list-content li .excerpt{
margin-top: 10px;
font-size: .9rem;
}
.pagemenu{
display: flex;
justify-content: space-between;
align-items: center;
overflow: hidden;
border: 1px solid #d12c2d;
border-radius: 24px;
background-color: #f8f8ff;
margin-bottom: 40px;
}
.pagemenu li{
flex-basis: 50%;
border-left: 1px solid #d12c2d;
text-align: center;
}
.pagemenu li:first-child{
border-left: none;
}
.pagemenu li a{
display: block;
padding: 10px 15px;
font-weight: normal;
font-size: 1rem;
letter-spacing: .03rem;
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
transition-duration: 0.3s;
transition-property: background-color;
position: relative;
border: none !important;
}
.pagemenu li a:hover{
background: #d12c2d;
color: #fff;
}
.pagemenu li.current_page_item a{
background: #f4cbc2;
color: #d12c2d;
}
@media screen and (max-width: 599px) {
.pagemenu{
flex-wrap: wrap;
}
.pagemenu li{
flex-basis: 100%;
margin: 0;
border-left: none;
border-bottom: 1px solid #d12c2d;
text-align: center;
}
.pagemenu li:last-child{
border-bottom: none;
}
}
.pageimgmenu{
display: flex;
justify-content: space-between;
align-items: start;
flex-wrap: wrap;
overflow: hidden;
}
.pageimgmenu li{
flex-basis: 47%;
text-align: left;
margin-bottom: 40px;
}
.pageimgmenu .img{
display: block;
}
.pageimgmenu .img {
cursor: pointer;
max-width: 500px;
overflow: hidden;
width: 100%;
}
.pageimgmenu .img img {
height: auto;
transition: transform .3s ease;
}
.pageimgmenu .img:hover img {
transform: scale(1.1);
}
.pageimgmenu .title{
margin-top: 1rem;
display: block;
color: #000;
position: relative;
padding-right: 50px;
transition: color .3s;
}
.pageimgmenu .excerpt{
display: block;
color: #000;
padding-right: 50px;
transition: color .3s;
}
.pageimgmenu .title::after{
position: absolute;
right: 0;
top: 0;
color: #d12c2d;
font-size: .9rem;
content: "\2b";
font-family: 'takasago' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border: 1px solid #d12c2d;
border-radius: 50%;
transition: all .3s ease;
}
.pageimgmenu a:hover .title{
color: #d12c2d;
}
.pageimgmenu a:hover .title::after{
color: #fff;
background: #d12c2d;
}
.pageimgmenu a:hover .excerpt{
color: #d12c2d;
}
@media screen and (max-width: 599px) {
.pageimgmenu li{
flex-basis: 100%;
}
}
.cover1.wp-block-cover{
}
.cover1.wp-block-cover .has-background-dim{
background: #1d2c6a;
opacity: .3;
}
.cover1.wp-block-cover .wp-block-cover__inner-container{
text-shadow: 0 0 15px #000;
color: #fff;
}
.cover1.wp-block-cover h3.title1,
.cover1.wp-block-cover h3.title1 em,
.cover1.wp-block-cover h2 em{
color: #fff;
}
.cover1.wp-block-cover h2::after{
background: #fff;
}
@media screen and (max-width: 599px) {
.cover1.wp-block-cover{
min-height: 300px;
}
}
.contactwrap{
}
.contactwrap h2{
margin-bottom: 30px;
}
.contactwrap .wp-block-columns{
margin-top: 30px;
margin-bottom: 0;
align-items: center;
}
.contactwrap .i-phone{
font-family: 'Jost', sans-serif;
display: block;
font-size: 3.6rem;
font-weight: 300;
letter-spacing: .2rem;
color: #1d2c6a;
text-transform: uppercase;
line-height: 1;
}
.contactwrap .i-phone::before{
font-size: 3rem;
}
.contactwrap .note{
font-size: 1rem;
color: #637b96;
margin-left: 50px;
}
@media screen and (max-width: 781px) {
.contactwrap .wp-block-button__link{
width: auto;
}
.contactwrap .i-phone{
font-size: 2.6rem;
}
.contactwrap .i-phone::before{
font-size: 2.1rem;
}
}
@media screen and (max-width: 599px) {
.contactwrap .wp-block-buttons{
justify-content: center;
text-align: center;
}
.contactwrap .wp-block-column{
text-align: center;
}
.contactwrap .wp-block-column:first-child{
margin-bottom: 20px;
}
.contactwrap .note{
margin-left: 0;
}
.contactwrap .wp-block-button__link{
font-size: 1rem;
max-width: 80%;
margin: 0;
width: 400px;
}
}
.actb li > div#privacycont{
width: auto;
height: 180px;
margin: 30px 0;
padding: 30px;
border: 1px solid #b0bac6;
background: #fff;
overflow: scroll;
text-align: left;
}
.actb li > div#privacycont h3{
font-size: 1.2rem;
margin: 20px 0;
padding: 0 20px;
}
.iconitem{
display: flex;
align-items: flex-end;
justify-content:space-between;
flex-wrap: wrap;
margin-top: 30px;
}
.iconitem li{
flex-basis: 28%;
text-align: center;
margin-top: 10px;
}
.iconitem a{
color: #000;
display: block;
text-align: left;
position: relative;
font-size: 1.1rem;
border: none;
}
.iconitem a:hover{
border: none;
color: #d12c2d;
}
.iconitem a::before{
display: block;
text-align: center;
font-size: 200px;
color: #d12c2d;
margin-bottom: 10px;
}
.iconitem a:hover::before{
color: rgb(209 44 45 / 0.5);
}
.iconitem a::after{
position: absolute;
right: 0;
bottom: .5rem;
color: #d12c2d;
font-size: .9rem;
}
@media screen and (max-width: 599px) {
.iconitem a::before{
font-size: 120px;
}
.iconitem li{
flex-basis: 45%;
}
}
.wraparrow1,
.wrapbottom1{
position:relative;
background:#fff;
padding: 3em;
text-align:left;
border:1px solid #d12c2d;
border-radius:24px;
margin-bottom: 40px;
}
.wraparrow1:after,.wraparrow1:before{
border: solid transparent;
content:'';
height:0;
width:0;
pointer-events:none;
position:absolute;
top:100%;
left:50%;
}
.wraparrow1:after{
border-top-width:29px;
border-bottom-width:29px;
border-left-width:29px;
border-right-width:29px;
margin-left: -29px;
border-top-color:#fff;
}
.wraparrow1:before{
border-top-width:30px;
border-bottom-width:30px;
border-left-width:30px;
border-right-width:30px;
margin-left: -30px;
margin-top: 1px;
border-top-color:#d12c2d;
}
.wraparrow2,
.wrapbottom2{
position:relative;
background:#f8f8ff;
padding: 3em;
text-align:left;
border:1px solid #d12c2d;
border-radius:24px;
margin-bottom: 40px;
}
.wraparrow2:after,.wraparrow2:before{
border: solid transparent;
content:'';
height:0;
width:0;
pointer-events:none;
position:absolute;
top:100%;
left:50%;
}
.wraparrow2:after{
border-top-width:29px;
border-bottom-width:29px;
border-left-width:29px;
border-right-width:29px;
margin-left: -29px;
border-top-color:#f8f8ff;
}
.wraparrow2:before{
border-top-width:30px;
border-bottom-width:30px;
border-left-width:30px;
border-right-width:30px;
margin-left: -30px;
margin-top: 1px;
border-top-color:#d12c2d;
}
@media screen and (max-width: 599px) {
.wraparrow1,
.wrapbottom1{
position:relative;
background:#fff;
padding: 2em;
text-align:left;
border:1px solid #d12c2d;
border-radius:24px;
margin-bottom: 40px;
}
.wraparrow2,
.wrapbottom2{
position:relative;
background:transparent;
padding: 0 0 30px;
text-align:left;
border: none;
border-radius: 0;
margin-bottom: 40px;
}
}
#pagebanner{
display: none;
}
#pagebanner div{
height: 100%;
}
#pagebanner .itemthumbin{
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
}
#pagebanner .contents{
display: none;
}
.parent-pageid-117{
}
.parent-pageid-117 #pagebanner{
height: 50vw;
max-height: 70vh;
margin-top: 64px;
display: block;
}
.parent-pageid-117 .pageacbody .pagetitle{
display: none;
}
.parent-pageid-117 .pageacbody {
position: relative;
width: 100vw;
}
.parent-pageid-117 .breadcrumbs {
position: relative;
width: 100vw;
}
.parent-pageid-117 .pageacbody .pagecontents{
padding-top: 3rem;
}
.page-id-115{
}
.page-id-115 #pagebanner{
height: 50vw;
max-height: 70vh;
margin-top: 64px;
display: block;
}
.page-id-115 .pageacbody .pagetitle{
display: none;
}
.page-id-115 .pageacbody {
position: relative;
width: 100vw;
}
.page-id-115 .breadcrumbs {
position: relative;
width: 100vw;
}
.page-id-115 .pageacbody .pagecontents{
padding-top: 3rem;
}
@media screen and (max-width: 599px) {
.parent-pageid-117 .pageacbody,
.parent-pageid-117 .breadcrumbs,
.page-id-115 .pageacbody,
.page-id-115 .breadcrumbs {
width: auto;
}
}
.voicetop{
}
.voicetop h2{
margin-bottom: 30px;
}
.voicefaq{
margin-top: 3.6rem !important;
margin-bottom: 0 !important;
border-top: 1px solid #d12c2d;
}
.voicefaq h3{
padding: 1.5rem 0;
color: #d12c2d;
font-size: 1.5rem;
line-height: 1.6;
margin: 0;
text-align: center;
}
.voicefaq h4{
text-align: center;
margin-bottom: 1.5rem;
}
.voicefaq .wp-block-group{
margin-top: 0 !important;
margin-bottom: 3.6rem !important;
padding: 2rem;
background-color: #f2f2ff;
}
.voicefaq .voiceq::before{
content: "Q." !important;
font-family: "Poppins", sans-serif;
font-weight: normal;
padding-right: 0.5em;
color: #d12c2d;
}
.voicefaq2{
margin-top: 3.6rem !important;
margin-bottom: 0 !important;
}
.voicefaq2 h3{
margin-bottom: 0 !important;
padding: 0.5rem 1rem;
text-align: center;
color: #d12c2d;
border: 1px solid #d12c2d;
background-color: #fff;
font-size: 1.3rem;
}
.voicefaq2 h4{
text-align: center;
margin-bottom: 1.5rem;
}
.voicefaq2 .wp-block-group{
margin-top: -1px !important;
margin-bottom: 3.6rem !important;
padding: 2rem;
border: 1px solid #d12c2d;
background-color: #fff;
}
@media screen and (max-width: 599px) {
.voicefaq{
margin-top: 2rem !important;
}
.voicefaq2{
margin-top: 2rem !important;
}
.voicefaq h3{
font-size: 1.3rem;
}
}
.galleryslider{
}
.voicefaq .galleryslider.wp-block-group{
margin: 3.6rem 10vw !important;
padding: 0;
background-color: transparent;
}
.galleryslider.wp-block-group .wp-block-gallery{
display: block !important;
}
.galleryslider.wp-block-group .wp-block-gallery .wp-block-image{
}
.galleryslider.wp-block-group .wp-block-gallery .wp-block-image img{
}
.galleryslider.wp-block-group .wp-block-gallery .wp-block-image figcaption {
background: transparent;
bottom: 0;
color: #000;
font-size: 1rem;
left: 0;
margin-bottom: 0;
max-height: unset;
overflow: auto;
padding: 5px;
position: static;
text-align: center;
width: 100%;
box-sizing: border-box;
}
@media screen and (max-width: 599px) {
.voicefaq .galleryslider.wp-block-group{
margin: 2rem 0 !important;
}
}
.flex-control-nav{
display: flex;
justify-content: center;
}
.flex-control-nav li{
margin: 0 4px;
}
.flex-control-nav li a{
width: 8px;
height: 8px;
display: inline-block;
border-radius: 50%;
background: #000;
opacity: 0.2;
overflow: hidden;
}
.flex-control-nav li a.flex-active{
background: #d12c2d;
opacity: 1;
}
.flex-direction-nav{
display: flex;
justify-content:space-between;
width: 180px;
margin: 0 auto;
margin-top: -24px;
}
.flex-direction-nav li a{
width: 20px;
height: 20px;
display: inline-block;
border-radius: 50%;
background: #fff;
border: 1px solid #d12c2d;
overflow: hidden;
}
.flex-direction-nav li a::before{
font-family: 'takasago' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 20px;
height: 20px;
display: block;
line-height: 20px;
text-align: center;
font-size: 11px;
}
.flex-direction-nav li a.flex-prev::before{
content: "\2e";
}
.flex-direction-nav li a.flex-next::before{
content: "\2f";
}