@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&family=Nunito&display=swap");  :root {
--theme: #186767;
--lightgreen: #12a79c;
--whitegreen: #f2faf4;
--sashi: #f29900;
--beige: #f9f6f1; --yellow: #edca0c;
--black: #202020;
--gray: #505050;
--pale: #707070;
--stone: #ccc;
--lightgray: #f2f2f2;
--red: #C70421;
--blue: #2ca9e1; 
--notosans: 'Noto Sans JP', sans-serif;
--notoserif: 'Noto Serif JP', serif;
--boxshadow_def: 0 1px 4px rgba(0,0,0,.2);
--buttonshadow_def: 0 5px 7px rgba(0,0,0,.2);
--iv_a: #54CEBE;
--iv_b: #EE91BB;
--iv_c: #74ABED;
--iv_d: #54CEBE;
} body {
background: #fff;
color: #202020;
float: none;
font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
width: 100%;
letter-spacing: 0;
margin: 0 auto;
padding: 50px 0 0;
position: relative;
text-decoration: none;
}
.pconly {	display: none !important;}
a.disabled{pointer-events: none;} .txtnavy {   color: #003953;}
.txtblue {   color: #2ca9e1;}
.txtred {    color: #C70421;}
.txtorange { color: #eb6100;}
.txtyellow { color: #f2ee05;}
.txtgold {   color: #b69848;}
.txtsmall55 { font-size:  55%;}
.txtsmall {   font-size:  75%;}
.txtsmall85 { font-size:  85%;}
.txtsmall95 { font-size:  95%;}
.txtbig120 {  font-size: 120%;}
.txtbig140 {  font-size: 140%;}
.txtbig {     font-size: 150%;}
.txtbig200 {  font-size: 200%;}
.txtbold {      font-weight: bold;}
.txtunderline { text-decoration: underline;}
.txtdeconone {  text-decoration: none;}
.txtcenter {    text-align: center;}
.txtright {     text-align: right;}
.txtleft {      text-align: left;}
.mb0   {margin-bottom:   0px;}
.mb20  {margin-bottom:  20px;}
.mb40  {margin-bottom:  40px;}
.mb60  {margin-bottom:  60px;}
.mb80  {margin-bottom:  80px;}
.mb100 {margin-bottom: 100px;}
.mb120 {margin-bottom: 120px;}
.mt20  {margin-top:  20px;}
.mt40  {margin-top:  40px;}
.mt60  {margin-top:  60px;}
.mt80  {margin-top:  80px;}
.mt100 {margin-top: 100px;}
.mt120 {margin-top: 120px;}
.pb20  {padding-bottom:  20px;}
.pb40  {padding-bottom:  40px;}
.pb60  {padding-bottom:  60px;}
.pb80  {padding-bottom:  80px;}
.pb100 {padding-bottom: 100px;}
.pb120 {padding-bottom: 120px;}
.pt20  {padding-top:  20px;}
.pt40  {padding-top:  40px;}
.pt60  {padding-top:  60px;}
.pt80  {padding-top:  80px;}
.pt100 {padding-top: 100px;}
.pt120 {padding-top: 120px;}
img {
width: 100%;
}
li {
list-style: none;
}
strong {
font-weight: bold;
}  header { position: fixed;
top: 0;
width: 100%;
z-index: 100;
background: rgba(255,255,255,.95);
border-bottom: 1px solid transparent;
}
header.change-color {
background-color: rgba(255,255,255,.95);
border-bottom: 1px solid var(--theme);
transition: .5s;
}
header .logo {
padding: 5px 0 5px 6%;
width: 20%;
clip-path: polygon(0 0, 100% 0, 88% 100%, 0% 100%);
background: var(--theme);
}
header .logo img {
max-width: 40px;
display: block;
}
header .logo img.pconly {
display: none;
}
header .gnav,
header .right {
display: none;
} .drawer-menu {
background: #fff;
margin-top: 0;
}
.drawer-menu li {
line-height: 54px;
border-bottom: 1px solid #ccc;
}
.drawer-menu li a {
text-decoration: none;
color: var(--theme);
display: block;
width: 90.625%;
height: 54px;
padding: 0 4.6875%;
}
.drawer-menu li:first-child {
background: var(--theme);
text-align: center;
border: none;
position: relative;
}
.drawer-menu li:first-child:after {
content: " ";
position: absolute;
top: 0;
right: 0;
bottom: 0;
color: #fff;
width: 54px;
height: 54px;
background: #fff;
}
.drawer-menu li:first-child a {
display: flex;
align-items: center;
justify-content: center;
}
.drawer-menu li:first-child img {
width: 50px;
}
.drawer .drawer-hamburger {
padding: 2% 0;
}
.drawer .drawer-hamburger img {
width: 32px;
} header ul li.nav_recbtn {
margin: 0 0px;
border: none;
padding: 20px 0 30px;
}
header ul li.nav_recbtn a {
display: flex;
position: relative;
color: #fff;
font-weight: bold;
width: auto;
padding: 5px 0px;
text-decoration: none;
align-items: center;
justify-content: center;
margin: 0 15%;
}
header .nav_recbtn a::before{
transform: skewX(-12deg);
content: ""; position: absolute; top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1; background-color: var(--sashi);
border: 1px solid var(--sashi);
transition: .2s;
} footer {
position: relative;
background: var(--theme);
padding: 5px 0 0;
color: #fff;
}
footer a {
text-decoration: none;
}
footer .box {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 100%;
margin: 0 auto;
padding: 0;
}
footer .logo {
margin: 0;
transition: .2s;
width: 100%;
text-align: center;
}
footer .logo img {
width: 100px;
}
footer .logo:hover {
opacity: .8;
}
footer .navbox {
position: relative;
margin: 0 0 0;
}
footer .navbox ul {
margin: 0 0 10px;
text-align: center;
font-size: .8rem;
max-width: 28em;
}
footer .navbox ul li {
display: inline-block;
margin: 0 0px 0px 0px;
text-align: center;
}
footer .navbox ul a {
position: relative;
z-index: 0;
padding: 5px 10px;
display: inline-block;
}
footer .navbox ul a:before {
content: ""; }
footer .navbox ul a:hover {
color: var(--theme);
}
footer .navbox ul a:hover:before {
transform: skewX(-12deg);
content: ""; position: absolute; top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #fff;
transition: .2s;
z-index: -1;
}
footer .navbox p {
margin: 0 0 40px;
text-decoration: underline;
text-align: center;
}
footer .nav_recbtn {
margin: 0 20px;
z-index: 0;
}
footer .nav_recbtn a {
display: flex;
position: relative;
color: #fff;
font-weight: bold;
width: auto;
padding: 10px 30px;
text-decoration: none;
align-items: center;
}
footer .nav_recbtn a::before{
transform: skewX(-12deg);
content: ""; position: absolute; top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1; background-color: var(--sashi);
border: 1px solid var(--sashi);
transition: .2s;
}
footer .nav_recbtn a:hover {
color: var(--sashi);
}
footer .nav_recbtn a:hover:before {
background-color: #fff;
}
footer .nav_recbtn svg {
fill: #fff;
margin-right: 10px;
height: auto;
width: 30px;
}
footer .nav_recbtn a:hover svg {
fill: var(--sashi);
}
footer .address {
text-align: center;
font-size: 10px;
line-height: 3;
letter-spacing: 1px;
background: #202020;
color: #fff;
width: 100%;
margin: 15px 0 0;
} .inner {
margin-bottom: 60px;
}
.inner_pt {
padding-top: 60px;
margin-bottom: 60px;
}
.inner_ptb {
padding-top: 60px;
padding-bottom: 60px;
margin-bottom: 60px;
} .idpt {
padding-top: 80px !important;
margin-top: -80px !important;
} .icon_red {
background: #ff6b6b;
margin: 0 0 0 1em;
padding: 1px 6px;
color: #fff;
border-radius: 3px;
font-size: 80%;
}
.icon_blue {
background: #317eb7;
margin: 0 0 0 1em;
padding: 1px 6px;
color: #fff;
border-radius: 3px;
font-size: 80%;
} .h2box {
text-align: center;
margin-bottom: 20px;
color: #202020;
}
.h2box h2 {
font-size: 1.6rem;
line-height: 1.2;
font-feature-settings: "palt";
letter-spacing: 0px;
position: relative;
display: inline-block;
}
.h2box h2::before{
transform: skewX(-12deg);
content: ""; position: absolute; top: 0;
bottom: 0;
left: -50px;
right: auto;
z-index: -1; background-color: var(--theme);
width: 20px;
}
.h2box h2::after{
transform: skewX(-12deg);
content: ""; position: absolute; top: 0;
bottom: 0;
left: auto;
right: -50px;
z-index: -1; background-color: var(--theme);
width: 20px;
}
.h2box .exp {
font-size: 1.2rem;
color: #333;
font-weight: bold;
}
.h2box .text {
font-size: 1rem;
color: var(--theme);
margin: 30px auto 0;
font-weight: bold;
} .h3box {
text-align: center;
margin-bottom: 20px;
color: #202020;
}
.h3box h3 {
font-size: 1.4rem;
line-height: 1;
font-feature-settings: "palt";
letter-spacing: 0px;
position: relative;
display: inline-block;
}
.h3box h3:after {
content: "";
display: block;
border-bottom: 2px solid var(--theme);
margin: 12px auto 10px;
width: 80px;
}
.h3box .exp {
color: var(--theme);
font-size: 1rem;
font-weight: bold;
margin: 0 4%;
} .part_icatch {
position: relative;
display: block;
width: 100%;
overflow: hidden;
margin: 0px 0 30px;
}
.part_icatch .pic {
margin: 0 0 10px;
}
.part_icatch .pic img {
display: block;
}
.part_icatch .box {
margin: 0 4%;
}
.part_icatch .box h1 {
margin: 0 0 10px;
font-size: 1.8rem;
color: var(--theme);
}
.part_icatch .box p {
} .part_intro {
margin: 0 auto 50px;
}
.part_intro .photo {
}
.part_intro .photo img {
width: 100%;
}
.part_intro .wrap {
position: relative;
z-index: 1;
margin: -4% 4% 0;
}
.part_intro .wrap:before {
transform: skewY(-6deg);
content: "";
position: absolute;
top: -20px;
bottom: -20px;
left: -40px;
right: 70px;
z-index: -1;
background-color: var(--whitegreen);
opacity: .95;
}
.part_intro .wrap h2 {
font-size: 1.6rem;
margin: 0 0 20px;
}
.part_intro .wrap p {
line-height: 1.8;
} .part_faq {
background: var(--beige);
padding: 30px 0;
position: relative;
}
.part_faq dl {
background: #fff;
margin: 0 4%;
padding: 20px 20px 1px;
}
.part_faq dl dt {
font-size: 1rem;
font-weight: bold;
margin: 0 0 10px;
}
.part_faq dl dt .ques {
padding-right: 20px;
}
.part_faq dl dt .blue {
color: var(--blue);
}
.part_faq dl dd {
font-size: 1rem;
margin: 0 0 15px;
padding: 0 0 20px;
border-bottom: 1px solid #ddd;
} .part_rec-info {
position: relative;
padding: 00px 0 10px;
margin: 40px 0;
}
.part_rec-info:before{
transform: skewY(3deg);
content: ""; position: absolute; top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1; background-color: var(--whitegreen);
}
.part_rec-info .text {
margin: 0 4% 0px;
}
.part_rec-info .text a {
color: blue;
font-weight: bold;
}
.part_rec-info ul {
}
.part_rec-info ul li {
margin: 0 4% 30px;
clip-path: polygon(12% 0, 100% 0%, 88% 100%, 0% 100%);
}
.part_rec-info ul li a {
text-decoration: none;
position: relative;
display: block;
}
.part_rec-info ul li img {
display: block;
position: relative;
width: 100%;
}
.part_rec-info ul li .box {
position: absolute;
left: 10%;
right: 16%;
bottom: 0;
margin: 0 auto;
padding: 10px 20px;
background-color: var(--theme);
color: #fff;
border-radius: 10px 10px 0 0;
}
.part_rec-info ul li .title {
font-size: 1.2rem;
text-align: center;
margin: 0 0 10px;
line-height: 1;
}
.part_rec-info ul li .exp {
font-size: .8rem;
} .morebtn01 {
display: block;
position: relative;
width: fit-content;
max-width: 84%;
margin: 0 auto;
padding: 10px 30px;
text-align: center;
text-decoration: none;
color: #fff;
transition: .2s;
font-size: 1rem;
}
.morebtn01::before{
transform: skewX(-12deg);
content: ""; position: absolute; top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1; background-color: var(--sashi);
border: 1px solid var(--sashi);
transition: .2s;
}
.morebtn01:hover {
color: var(--sashi);
}
.morebtn01:hover:before {
background-color: #fff;
}
.noanchor { } .morebtn02 {
display: block;
position: relative;
width: 200px;
margin: 0 auto;
padding: 10px 0px;
text-align: center;
text-decoration: none;
background: var(--sashi);
border: 1px solid var(--sashi);
color: #fff;
transition: .2s;
border-radius: 60px;
cursor: pointer;
}
.morebtn02:after {
display: inline-block;
content: "続きを見る　　▼";
}
.morebtn02.open:after {
content: "閉じる　　▲";
}
.morebtn02:hover {
background: #fff;
border: 1px solid var(--sashi);
color: var(--sashi);
}
.morebtn02:hover:after {
} .ib {
display: inline-block;
}
img.w-auto {
width: auto;
} #scroll {
position:fixed;
right:2%;
bottom: 10px;
cursor:pointer;
width:50px;
height:50px;
background-color:#a8a6a6; display:none;
z-index:99999999;
-webkit-border-radius:60px;
-moz-border-radius:60px;
border-radius:60px;
text-align: center;
color: #fff;
}
#scroll span {
position:absolute;
top: 70%;
left:50%;
margin-left:-8px;
margin-top: -16px;
height:0;
width:0;
border:8px solid transparent;
border-bottom-color:#fff;
}
#scroll:hover {background-color:#d1cfcf;}
#scroll a {
text-decoration: none;
margin-top: 6px;
display: block;
} .yline {
border-bottom: 3px solid #ffd700;
} .ilst {
position: absolute;
}    .u-fade-type-up{
transform: translateY(20px);
opacity: 0;
}
.u-fade-type-up.is-active{
transition: .6s;
transform: translateY(0);
opacity: 1;
} .u-fade-type-down{
transform: translateY(-20px);
opacity: 0;
}
.u-fade-type-down.is-active{
transition: 2s;
transform: translateY(0);
opacity: 1;
} .u-fade-type-slide{
position: relative;
}
.u-fade-type-slide::after{
content: '';
display: block;
width: 100%;
transform: scaleX(1);
transform-origin: 100% 0;
height: 100%;
background-color: #eee;
position: absolute;
top: 0;
right: 0;
}
.u-fade-type-slide.is-active::after {
transition: .6s;
transform: scaleX(0);
} .yureru {
animation: yureru 1s infinite ease-in-out .1s alternate;
}
@keyframes yureru {
0% {
transform:translate(0, 0) rotate(-4deg);
}
100% {
transform:translate(0, 0) rotate(4deg);
}
} .lbtort {
animation: lbtort 1s infinite ease-in-out .1s alternate;
}
@keyframes lbtort {
0% {
transform:translate(-10px, 10px);
}
100% {
transform:translate(10px, -10px);
}
} .border_hasami {
position: relative;
z-index: 1;
margin: 0px 0;
}
.border_hasami img {
position: relative;
left: -100%;
bottom: -14vw;
transition: 2s;
}
.border_hasami.is-active img {
left: 0;
bottom: 0;
} .front {
} .page-id-1586 header {
background-color: transparent;
}
.page-id-1586 header.change-color {
background-color: rgba(255,255,255,.95);
}
.page-id-1586 header .logo {
opacity: 0;
transition: .5s;
}
.page-id-1586 header.change-color .logo {
opacity: 100;
transition: .5s;
} .front_icatch { margin: 0 0 40px;}
.front_icatch .logo_icatch {
position: absolute;
top: 60px;
left: 5%;
width: 80px;
z-index: 3;
}
.front_icatch .logo_icatch::before{
transform: skewX(-12deg);
content: ""; position: absolute; top: -80px;
bottom: -260px;
left: -200px;
right: 0px;
z-index: -1; background-color: var(--theme);
} .front_icatch .front_slide {
max-width: 100%;
height: auto;
position: absolute;
top: 50px;
right: 0;
z-index: 2;
overflow: hidden;
}
.front_icatch .front_slide img {
object-fit: cover;
width: 100%;
} .front_icatch .text {
position: relative;
z-index: 3;
color: #fff;
padding: 8px 10px 8px 20px;
font-size: .8rem;
font-weight: bold; align-items: center;
letter-spacing: 0px;
margin: 0 10px 8px;
}
.front_icatch .text span {
font-size: 1.1rem;
margin-right: 6px;
}
.front_icatch .text::before{
transform: skewX(-12deg);
content: ""; position: absolute; top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: -1; background-color: var(--sashi);
}
.front_icatch .text1 {  margin-top: 180px;
}
.front_icatch .text2 {  }
.front_icatch .text3 {  }
.scroll {
display:none;
} .recnews {
position: relative;
margin: 0 0 40px;
}
.recnews .ilst1 {
top: 0;
right: 5%;
width: 40px;
}
.recnews .ilst2 {
top: 0;
left: 5%;
width: 40px;
}
.recnews .kiji { padding: 0px 0;
margin: 0 auto;
}
.recnews .kiji dl {
max-width: 92%;
margin: 0 auto 20px;
}
.recnews .kiji dl dt {
padding: 0px 0 5px;
}
.recnews .kiji dl dt .badge {
display: inline-block;
padding: 1px 20px;
border-radius: 6px;
color: #fff;
margin: 0 0 0 10px;
font-size: .6rem;
}
.recnews .kiji dl dd {
margin: 0px 0 10px;
padding: 0px 0 15px;
border-bottom: 1px dashed #ccc;
} .page-id-1586 .part_rec-info {
}
.page-id-1586 .part_rec-info::before {
content: none;
} .message {
margin: 0 0 0px;
padding: 0px 0 0;
} 
.message .photo {width: 100%;margin: 0 0 20px;} 
.message .photo img {
width: 100%;
} 
.message .wrap {
} 
.message .wrap::before{
transform: skewY(-6deg);
content: ""; position: absolute; top: 0px;
bottom: -100px;
left: 700px;
right: 0px;
z-index: -1; background-color: var(--whitegreen);
} 
.message .text { margin: 10px 4% 20px;
} .ourwork {
position: relative;
z-index: 2;
margin: 0px auto 0px;
}
.ourwork .read1 {
font-size: 1.3rem;
font-weight: bold;
color: var(--theme);
margin: 0 4% 20px;
}
.ourwork .read2 {
margin: 0 4% 20px;
} .front_welfare {
margin: 0 0 40px;
}
.front_welfare .txtbox {
width: fit-content;
margin: 0 auto 20px;
}
.front_welfare .text {
font-size: 1rem;
margin: 0 4% 20px; }
.front_welfare .read {
font-size: 1.2rem;
font-weight: bold;
color: var(--theme);
margin: 0 4% 5px;
line-height: 1.2;
}
.front_welfare .ichirei { justify-content: space-evenly;
margin: 0 4% 30px;
}
.front_welfare .ichirei h3 {
text-align: center;
font-size: 1.4rem;
margin: 0 0 20px;
}
.front_welfare .ichirei .kyuyorei { margin: 0 0 10px;
}
.front_welfare .ichirei .kyuyorei dl {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.front_welfare .ichirei .kyuyorei dl dt {
width: 30%;
color: #fff;
position: relative;
text-align: center;
margin: 0 0 20px;
padding: 20px 0;
font-size: 1rem;
}
.front_welfare .ichirei .kyuyorei dl dt::before{
transform: skewX(-12deg);
content: ""; position: absolute; top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1; background-color: var(--theme);
}
.front_welfare .ichirei .kyuyorei dl dd {
width: 60%;
font-size: 1rem;
text-align: left;
padding: 19px 0 19px 8%;
margin: 0 0 20px -12px;
border-bottom: 2px solid var(--theme);
font-weight: bold;
}
.front_welfare .ichirei .fukurirei { }
.front_welfare .ichirei .fukurirei ul {
}
.front_welfare .ichirei .fukurirei ul li {
margin: 0 0 20px;
border-bottom: 2px solid var(--theme);
display: flex;
align-items: center;
line-height: 1.2;
}
.front_welfare .ichirei .fukurirei ul li img {
width: 35%;
clip-path: polygon(12% 0, 100% 0%, 88% 100%, 0% 100%);
margin: 0 10px 0 0;
}
.front_welfare .ichirei .fukurirei ul li p {
font-size: .7rem;
}
.front_welfare .ichirei .fukurirei ul li p span {
font-size: 1.2rem;
font-weight: bold;
margin: 0 0 10px;
display: inline-block;
} .front_interview {
position: relative;
z-index: 2;
}
.front_interview .heading {
background: url(//avanti1000.com/wp-content/themes/avanti-2024/img/front/front_interview_heading.jpg) no-repeat center center;
background-size: cover;
height: 300px;
position: relative;
}
.front_interview .heading h2 {
position: absolute;
bottom: 4%;
left: 12%;
right: 10%;
font-size: 1.2rem;
color: #fff;
padding: 10px 20px;
z-index: 0;
text-align: center;
}
.front_interview .heading h2:before {
transform: skewX(-12deg);
content: ""; position: absolute; top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1; background-color: var(--theme);
}
.front_interview .text {
text-align: center;
margin: 20px 4%;
}
.front_interview ul {
margin: 0 4% 20px;
}
.front_interview ul li {
margin: 0 0 30px;
}
.front_interview ul li a {
text-decoration: none;
transition: .2s;
}
.front_interview ul li a:hover {
opacity: .8;
}
.front_interview ul li .photo {
margin: 0 0 30px;
filter: drop-shadow(20px 20px 0px var(--theme));
}
.front_interview ul li .photo img {
display: block;
clip-path: polygon(8% 0, 100% 0%, 92% 100%, 0% 100%);
}
.front_interview ul li .name {
font-size: 1.2rem;
font-weight: bold;
border-bottom: 1px solid var(--theme);
margin: 0 20% 0 10%;
padding: 0 0 5px;
}
.front_interview ul li .yomi {
margin: 0 20% 0 10%;
color: var(--theme);
font-size: 0.9rem;
}
.front_interview ul li .nyusha {
margin: 0 20% 0 10%;
} .treatment {
position: relative;
}
.treatment .ilst {
top: 280px;
right: 4%;
width: 60px;
}
.treatment .text {
margin: 0 4% 40px;
line-height: 1.6;
}
.treatment .comparison {
display: flex;
overflow-x: scroll;
}
.treatment .comparison table {
margin: 0 auto;
flex-shrink: 0;
}
.treatment .comparison table tr {
border-bottom: 1px solid var(--stone);
}
.treatment .comparison table th {
font-size: .8rem;
vertical-align: bottom;
}
.treatment .comparison table th img {
width: 50px;
}
.treatment .comparison table td {
font-size: .8rem;
padding: 8px 20px;
text-align: center;
vertical-align: middle;
line-height: 1;
}
.treatment .comparison table td svg {
width: 30px;
height: auto;
margin: 0 6px 0 0;
}
.treatment .comparison table td:nth-child(1) {
text-align: left;
}
.treatment .comparison table td:nth-child(2) {
background-color: var(--theme);
color: #fff;
font-weight: bold;
}
.treatment .comparison table tr:first-child th:nth-child(2) {
height: 150px;
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22480.206%22%20height%3D%22212.313%22%20viewBox%3D%220%200%20480.206%20212.313%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_824%22%20data-name%3D%22%E3%83%91%E3%82%B9%20824%22%20d%3D%22M0%2C14.253%2C480.206-40V172.313H.206Z%22%20transform%3D%22translate(0%2040)%22%20fill%3D%22%23186767%22%2F%3E%3C%2Fsvg%3E');
background-repeat: no-repeat;
background-position-y: top;
background-size: cover;
}
.treatment .comparison table tr:first-child th:nth-child(2) img {
width: 100px;
}
.treatment .comparison table tr:last-child td:nth-child(2) {
height: 20px;
background-color: transparent;
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22480.206%22%20height%3D%2267.725%22%20viewBox%3D%220%200%20480.206%2067.725%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_824%22%20data-name%3D%22%E3%83%91%E3%82%B9%20824%22%20d%3D%22M.206%2C970.313h480v13.471l-247.253%2C27.934L0%2C1038.037Z%22%20transform%3D%22translate(0%20-970.313)%22%20fill%3D%22%23186767%22%2F%3E%3C%2Fsvg%3E');
background-repeat: no-repeat;
background-position-y: bottom;
background-size: cover;
}
.treatment .comparison table tr:last-child {
border-bottom: none;
}
.treatment .comparison table tr th:nth-child(3),
.treatment .comparison table tr td:nth-child(3) {
border-right: 1px solid var(--stone);
}
.infograph {
margin: 30px auto;
padding: 30px 0;
background-color: var(--whitegreen);
text-align: center;
}
.infograph img {
} .igwrap {
display: flex;
text-align: center;
width: 92%;
margin: 0 auto;
flex-wrap: wrap;
}
.igwrap .fuchi { text-shadow: 
-1px -1px 0 var(--theme), 
-1px  0   0 var(--theme),
-1px  1px 0 var(--theme),
0   -1px 0 var(--theme),
0    1px 0 var(--theme),
1px -1px 0 var(--theme),
1px  0   0 var(--theme),
1px  1px 0 var(--theme);
}
.igwrap .spblock {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.igwrap .igcnt { position: relative;
}
.igwrap .igcnt::before {
transform: skewX(-4deg);
content: ""; position: absolute; top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1; background-color: #fff;
}
.igwrap .igcnt .title {
position: absolute;
top: 20px;
left: 0;
right: 0;
font-size: 1rem;
}
.igwrap .igcnt img {
}
.igwrap .igcnt .point {
}
.igwrap .ig01 {
width: 46%;
margin: 0 2% 4%;
height: 240px;
}
.igwrap .ig01 .title {
}
.igwrap .ig01 img {
width: 80%;
position: absolute;
top: 90px;
left: 0;
right: 0;
margin: 0 auto;
}
.igwrap .ig01 .p1,
.igwrap .ig01 .p2,
.igwrap .ig01 .p3 {
position: absolute;
color: #fff;
line-height: 1;
}
.igwrap .ig01 .p1 span,
.igwrap .ig01 .p2 span,
.igwrap .ig01 .p3 span {
font-size: 2rem;
font-weight: bold;
}
.igwrap .ig01 .p1 {
top: 125px;
left: 15px;
}
.igwrap .ig01 .p2 {
top: 155px;
left: 100px;
}
.igwrap .ig01 .p3 {
top: 85px;
left: 100px;
}
.igwrap .ig02 {
width: 40%;
margin: 0 2% 4%;
padding: 0 3% 0;
display: flex;
height: 240px;
}
.igwrap .ig02 .left {
width: 50%;
}
.igwrap .ig02 .right {
width: 50%;
}
.igwrap .ig02 .title {
position: relative;
font-size: .6rem;
top: 30px;
}
.igwrap .ig02 img {
width: 80%;
position: relative;
top: 60px;
display: inline-block;
}
.igwrap .ig02 .point {
position: relative;
top: 60px;
}
.igwrap .ig02 .point span {
font-size: 2rem;
font-weight: bold;
color: var(--theme);
}
.igwrap .ig03 {
width: 96%;
margin: 0 2% 4%;
height: 220px;
}
.igwrap .ig03 .title {
}
.igwrap .ig03 .box {
position: relative;
top: 100px;
display: flex;
justify-content: center;
flex-wrap: nowrap;
}
.igwrap .ig03 .box img {
width: auto;
height: 90px;
}
.igwrap .ig03 .box .tx {
text-align: center;
color: var(--theme);
margin: 0 0px 0 -10px;
}
.igwrap .ig03 .box .tx .danjo {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
margin: 0 0px;
font-size: 1.4rem;
line-height: 1;
}
.igwrap .ig03 .box .tx .danjo p {
}
.igwrap .ig03 .box .tx .num {
font-size: 4rem;
font-weight: bold;
line-height: 1;
font-feature-settings: "palt";
}
.igwrap .ig04 {
width: 100%;
margin: 0 -1% 4% auto;
height: 110px;
display: flex;
flex-wrap: nowrap;
}
.igwrap .ig04 .title {
right: auto;
left: 4%;
top: 40px;
}
.igwrap .ig04 img {
width: 60px;
position: absolute;
left: 28%;
top: 20px;
}
.igwrap .ig04 .point {
position: absolute;
left: 50%;
top: 20px;
font-size: 1.2rem;
color: var(--theme);
line-height: 1;
}
.igwrap .ig04 .point span {
font-size: 3rem;
font-weight: bold;
}
.igwrap .ig04 .kome {
position: absolute;
top: 68px;
left: 50%;
color: var(--theme);
}
.igwrap .ig05 {
width: 46%;
margin: 0 2% 4%;
height: 280px;
}
.igwrap .ig05 .title {
top: 10px;
}
.igwrap .ig05 img {
width: 130px;
position: relative;
top: 100px;
}
.igwrap .ig05 .p1,
.igwrap .ig05 .p2 {
position: absolute;
line-height: 1;
}
.igwrap .ig05 .p1 span,
.igwrap .ig05 .p2 span {
font-size: 2rem;
font-weight: bold;
}
.igwrap .ig05 .p1 {
top: 170px;
left: 30px;
color: #fff;
}
.igwrap .ig05 .p2 {
top: 80px;
right: 10px;
color: var(--theme);
}
.igwrap .ig06 {
width: 46%;
margin: 0 2% 4%;
height: 280px;
}
.igwrap .ig06 .title {
top: 20px;
}
.igwrap .ig06 img {
width: 130px;
position: relative;
top: 90px;
left: 0px;
}
.igwrap .ig06 .p1,
.igwrap .ig06 .p2,
.igwrap .ig06 .p3 {
position: absolute;
line-height: 1;
color: var(--theme);
}
.igwrap .ig06 .p1 span,
.igwrap .ig06 .p2 span,
.igwrap .ig06 .p3 span {
font-size: 2rem;
font-weight: bold;
}
.igwrap .ig06 .p1 {
top: 100px;
left: 60px;
color: #fff;
}
.igwrap .ig06 .p2 {
top: 170px;
left: 20px;
color: #fff;
text-shadow: 
-1px -1px 0 var(--theme), 
-1px  0   0 var(--theme), 
1px  1px 0 var(--theme), 
0   -1px 0 var(--theme), 
0    1px 0 var(--theme), 
1px -1px 0 var(--theme), 
1px  0   0 var(--theme), 
1px  1px 0 var(--theme);
}
.igwrap .ig06 .p3 {
top: 210px;
left: 90px;
text-shadow: 
-1px -1px 0 #fff, 
-1px  0   0 #fff, 
1px  1px 0 #fff, 
0   -1px 0 #fff, 
0    1px 0 #fff, 
1px -1px 0 #fff, 
1px  0   0 #fff, 
1px  1px 0 #fff;
}
.igwrap .ig07 {
width: 96%;
margin: 0 2% 4%;
height: 360px;
}
.igwrap .ig07 .title {
}
.igwrap .ig07 .box {
display: flex;
justify-content: center;
top: 100px;
position: relative;
}
.igwrap .ig07 .box .p1 {
text-align: right;
color: var(--theme);
line-height: 51px;
font-size: 1.2rem;
}
.igwrap .ig07 .box .p1 span {
font-size: 2rem;
font-weight: bold;
}
.igwrap .ig07 .box .p2 {
color: #fff;
line-height: 60px;
font-size: 1.4rem;
text-align: left;
margin: 0 0 0 20px;
}
.igwrap .ig07 .box .p2 p {
background-color: var(--theme);
height: auto;
margin: 0 0 10px;
padding: 5px 0 10px 12px;
line-height: 1;
}
.igwrap .ig07 .box .p2 .b1 {
width: 100px;
}
.igwrap .ig07 .box .p2 .b2 {
width: 68px;
}
.igwrap .ig07 .box .p2 .b3 {
width: 124px;
}
.igwrap .ig07 .box .p2 .b4 {
width: 172px;
}
.igwrap .ig07 .box .p2 p span {
font-size: 2rem;
font-weight: bold;
}
.igwrap .ig08 {
width: 92%;
margin: 0 auto 4%;
height: 410px;
}
.igwrap .ig08 .title {
}
.igwrap .ig08 img {
width: 250px;
position: relative;
top: 130px;
}
.igwrap .ig08 .p1,
.igwrap .ig08 .p2,
.igwrap .ig08 .p3 {
position: absolute;
color: #fff;
font-size: 1rem;
line-height: 1.2;
}
.igwrap .ig08 .p1 span,
.igwrap .ig08 .p2 span,
.igwrap .ig08 .p3 span {
font-size: 2rem;
font-weight: bold;
line-height: 60px;
}
.igwrap .ig08 .p1 {
top: 190px;
left: 70px;
}
.igwrap .ig08 .p2 {
top: 270px;
right: 90px;
}
.igwrap .ig08 .p3 {
top: 150px;
right: 30px;
text-align: left;
}
.igwrap .ig09 {
width: 92%;
margin: 0 4% 4%;
height: 160px;
}
.igwrap .ig09 .box {
display: flex;
align-items: flex-end;
justify-content: center;
height: fit-content;
margin: 20px 0;
}
.igwrap .ig09 .box .title {
position: relative;
top: auto;
margin: 0 10px 0 0;
}
.igwrap .ig09 .box img {
width: 50px;
}
.igwrap .ig09 .box .point {
color: var(--theme);
font-size: 1.4rem;
}
.igwrap .ig09 .box .point span {
font-size: 2rem;
font-weight: bold;
}
.igwrap .ig10,
.igwrap .ig11,
.igwrap .ig12 {
width: 29%;
margin: 0 2% 4%;
height: 200px;
}
.igwrap .ig10 .title,
.igwrap .ig11 .title,
.igwrap .ig12 .title {
}
.igwrap .ig10 img,
.igwrap .ig11 img,
.igwrap .ig12 img {
width: 50px;
position: relative;
top: 90px;
}
.igwrap .ig10 .point,
.igwrap .ig11 .point,
.igwrap .ig12 .point {
position: relative;
top: 90px;
color: var(--theme);
font-size: 1.2rem;
}
.igwrap .ig10 .point span,
.igwrap .ig11 .point span,
.igwrap .ig12 .point span {
font-size: 2rem;
font-weight: bold;
line-height: 1;
}
.igwrap .ig10 {
}
.igwrap .ig10 .title {
}
.igwrap .ig10 img {
}
.igwrap .ig10 .point {
}
.igwrap .ig10 .point span {
}
.igwrap .ig11 {
}
.igwrap .ig11 .title {
}
.igwrap .ig11 img {
}
.igwrap .ig11 .point {
}
.igwrap .ig11 .point span {
}
.igwrap .ig12 {
}
.igwrap .ig12 .title {
}
.igwrap .ig12 img {
}
.igwrap .ig12 .point {
}
.igwrap .ig12 .point span {
} .about_interview {
} .about_interview ul {
margin: 0 4% 20px;
}
.about_interview ul li {
margin: 0 0 30px;
}
.about_interview ul li a {
text-decoration: none;
transition: .2s;
}
.about_interview ul li a:hover {
opacity: .8;
}
.about_interview ul li .photo {
margin: 0 0 30px;
filter: drop-shadow(20px 20px 0px var(--theme));
}
.about_interview ul li .photo img {
display: block;
clip-path: polygon(8% 0, 100% 0%, 92% 100%, 0% 100%);
}
.about_interview ul li .name {
font-size: 1.2rem;
font-weight: bold;
border-bottom: 1px solid var(--theme);
margin: 0 20% 0 10%;
padding: 0 0 5px;
}
.about_interview ul li .yomi {
margin: 0 20% 0 10%;
color: var(--theme);
font-size: 0.9rem;
}
.about_interview ul li .nyusha {
margin: 0 20% 0 10%;
}
.about .part_rec-info {
padding: 30px 0 10px;
}
.about .part_rec-info .text {
margin: 0 4% 30px;
}
.history {
margin: 0 0 40px;
}
.history dl {
margin: 0 4%;
}
.history dt {
width: 5rem;
margin: 0 0 5px;
padding: 0 120px 0 0;
text-align: right;
position: relative;
}
.history dt:after {
content: "";
display: block;
position: absolute;
top: .8rem;
right: 10px;
border-bottom: 1px solid var(--stone);
width: 100px;
}
.history dd {
margin: 0 0 15px 26%;
}
.about .part_faq {
background-color: transparent;
}
.about .part_faq:before {
transform: skewY(3deg);
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
background-color: var(--beige);
} .welfare {
}
.part_intro_big {
margin-bottom: 100px;
}
.part_intro_big .photo {
margin: 0;
}
.part_intro_big .wrap {
margin-top: -36%;
}
.part_intro_big .wrap:before {
transform: skewY(-6deg);
content: "";
position: absolute;
top: 100px;
left: -40px;
right: 0%;
bottom: -40px;
z-index: -1;
background-color: #eee;
opacity: .95;
border: 10px solid #fff;
box-shadow: 50px 20px var(--theme);
}
.part_intro_big .wrap .copy {
margin: 0px 0 30px 0%;
}
.part_intro_big .wrap .copy img {
}
.part_intro_big .wrap h2 {
font-size: 1.4rem;
margin: 0 0 16px;
}
.part_intro_big .wrap p {
line-height: 1.4;
margin: 0 4% 30px 0%;
}
.fee {
position: relative;
}
.fee .ilst {
top: 390px;
right: 2%;
width: 50px;
}
.fee .text {
margin: 0 4% 40px;
}
.fee .breakdown {
margin: 0 4% 40px;
}
.fee .list {
}
.fee .list li {
justify-content: center;
margin: 0 0 50px;
}
.fee .list li:last-child {
margin-bottom: 20px;
}
.fee .list li .left {
}
.fee .list li .left .title {
margin: 0 0 20px;
font-size: 1.4rem;
font-weight: bold;
border-bottom: 1px solid var(--sashi);
}
.fee .list li .left .title span {
margin: 0 10px 0 0;
padding: 0 20px;
color: #fff;
background-color: var(--theme);
clip-path: polygon(12% 0, 100% 0%, 88% 100%, 0% 100%);
}
.fee .list li .left .exp {
margin: 0 4% 20px;
}
.fee .list li .right {
filter: drop-shadow(20px 20px 0px var(--theme));
margin: 0 4%;
}
.fee .list li .right img { display: block;
}
.welfare-info {
position: relative;
margin: 0 0 90px;
padding: 0px 0 0;
}
.welfare-info .h2box h2::before,
.welfare-info .h2box h2::after {
background-color: var(--sashi);
}
.welfare-info .text {
margin: 0 4% 20px;
}
.welfare-info ul {
}
.welfare-info ul li {
margin: 0 4% 40px;
position: relative;
filter: drop-shadow(20px 20px 0px var(--sashi));
}
.welfare-info ul li img {
display: block;
position: relative;
width: 100%;
clip-path: polygon(12% 0, 100% 0%, 88% 100%, 0% 100%);
}
.welfare-info ul li .box {
position: absolute;
left: 10%;
right: 16%;
bottom: 0;
margin: 0 auto;
padding: 10px 20px;
background-color: var(--theme);
color: #fff;
border-radius: 10px 10px 0 0;
}
.welfare-info ul li .title {
font-size: 1.1rem;
text-align: center;
margin: 0 0 10px;
line-height: 1;
}
.welfare-info ul li .exp {
font-size: .8rem;
text-align: center;
}
.outline {
padding: 20px 0;
position: relative;
}
.outline:before{
transform: skewY(-3deg);
content: ""; position: absolute; top: 50px;
bottom: 0;
left: 0;
right: 0;
z-index: -1; background-color: #fffdeb;
}
.outline table { margin: 0 4%;
}
.outline table tr {
border-bottom: 1px solid var(--stone);
}
.outline table th {
padding: 20px 4% 0;
text-align: left;
float: left;
width: 92%;
font-weight: bold;
}
.outline table td {
padding: 10px 4% 20px;
float: left;
width: 92%;
}
.flow {
padding: 30px 0 0;
}
.flow .h2box h2::before,
.flow .h2box h2::after {
background-color: #feed5e;
}
.flow ul {
display: flex;  overflow: scroll;
}
.flow ul li {margin: 0 0% 20px 4%;width: 80%;flex-shrink: 0;}
.flow ul li .pic { background-color: #feed5e;
}
.flow ul li .pic img {
display: block;
margin: 0 -3% 0 auto;
width: calc(100% - 2%);
border-top: 10px solid transparent;
clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0 100%, 0 0);
}
.flow ul li .box {
padding: 10px 4% 20px;
background-color: #feed5e;
}
.flow ul li .box .title {
margin: 0 0 10px;
text-align: center;
font-size: 1.4rem;
font-weight: bold;
}
.flow ul li .box .text {
}
.flow ul li.join {
}
.flow ul li.join .pic {
background-color: var(--theme);
box-shadow: 10px 10px var(--theme);
border-radius: 50%;
clip-path: none;
}
.flow ul li.join .pic img {
display: block;
width: auto;
border: none;
border-radius: 50%;
box-sizing: border-box;
clip-path: none;
}
.flow ul li.join .box {
margin: -130px 20px 0;
padding: 140px 20px 20px;
min-height: auto;
background-color: var(--theme);
color: #fff;
clip-path: none;
}
.flow ul li.join .box .title {
margin: 0 0 10px;
text-align: center;
font-size: 1.4rem;
font-weight: bold;
}
.flow ul li.join .box .text {
}
.welfare .part_faq {
background-color: transparent;
}
.welfare .part_faq:before {
transform: skewY(3deg);
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
background-color: var(--beige);
} .page-id-1709 header .logo,
.interview header .logo { opacity: 0;
transition: .5s;
}
.page-id-1709 header.change-color .logo,
.interview header.change-color .logo {
opacity: 100;
transition: .5s;
}
.interview .front_icatch .text2::before,
.interview .front_icatch .text3::before { background-color: #1E93CF;
}
.interview .h2box h2 {
font-size: 1.2rem;
}
.interview .jobchange {
position: relative;
margin: 0 4% 30px;
}
.interview .jobchange .ilst1 {
top: 40px;
right: 15%;
width: 100px;
display: none;
}
.interview .jobchange .ilst2 {
bottom: 0;
left: 15%;
width: 100px;
display: none;
}
.interview .jobchange .text {
width: fit-content;
margin: 0 auto 0px;
}
.interview .pickup { margin: 0px auto;
padding: 0 0 50px;
flex-direction: row-reverse;
align-items: center;
background-color: #444;
clip-path: polygon(0 4%, 100% 0%, 100% 96%, 0% 100%);
}
.interview .pickup.pu01 { background-color: var(--iv_a);}
.interview .pickup.pu02 { background-color: var(--iv_b);}
.interview .pickup.pu03 { background-color: var(--iv_c);}
.interview .pickup.pu04 { background-color: var(--iv_d);}
.interview .pickup .pic {   }
.interview .pickup .text { color: #fff;
padding: 0 4%;
}
.interview .pickup .text .heading {
font-size: 1.2rem;
margin: 10px 0 10px;
line-height: 1.2;
}
.interview .pickup .text .reki {
margin: 0 0 20px;
}
.interview .pickup .text .comment {
font-size: 1.6rem;
font-weight: bold;
margin: 0 0 20px;
position: relative;
font-feature-settings: "palt";
}
.interview .pickup.pu01 .text .comment { text-shadow: 1px 1px 0px #2a9284;}
.interview .pickup.pu02 .text .comment { text-shadow: 1px 1px 0px #d64c84;}
.interview .pickup.pu03 .text .comment { text-shadow: 1px 1px 0px #2680c5;}
.interview .pickup.pu04 .text .comment { text-shadow: 1px 1px 0px #2a9284;}
.interview .pickup .text .morebtn01:before {
background-color: transparent;
border-color: #fff;
}
.interview .pickup.pu01 .text .morebtn01:hover { color: var(--iv_a);}
.interview .pickup.pu02 .text .morebtn01:hover { color: var(--iv_b);}
.interview .pickup.pu03 .text .morebtn01:hover { color: var(--iv_c);}
.interview .pickup.pu04 .text .morebtn01:hover { color: var(--iv_d);}
.interview .pickup .text .morebtn01:hover:before {
background-color: #fff;
color: #999;
}
.interview .part_intro_big {
}
.interview .part_intro_big .photo {
}
.interview .part_intro_big .wrap {
color: #fff;
margin-top: -64%;
}
.interview .part_intro_big .wrap:before {
background-color: var(--theme);
box-shadow: 50px 20px var(--sashi);
top: 210px;
opacity: 1;
}
.interview .part_intro_big .copy {
margin: 0 0 140px -4%;
}
.interview .part_intro_big .copy img {
width: 64%;
}
.interview .part_intro_big h2 {
}
.interview .part_intro_big p {
}
.staff {
}
.staff .text {
margin: 0 4% 30px;
}
.staff .box {
}
.staff .box ul {
}
.staff .box li {   }
.staff .box li .photo {
width: 92%;
filter: drop-shadow(20px 20px 0px var(--theme));
margin: 0 auto;
}
.staff .box li .photo img {
display: block;
clip-path: polygon(0 8%, 100% 0%, 100% 92%, 0% 100%);
}
.staff .box li .right {  position: relative;   margin: 0 4% 6%;
padding: 40px 6% 80px;
}
.staff .box li .right:before {
transform: skewY(-4deg);
content: ""; position: absolute; top: -10%;
bottom: 0;
left: 0%;
right: 0;
z-index: -1; background-color: var(--whitegreen);
}
.staff .box li .right .name {
width: 100%;
font-size: 1.6rem;
font-weight: bold;
}
.staff .box li .right .tenpo {
width: 100%;
font-size: 1.4rem;
font-weight: bold;
}
.staff .box li .right .position {
margin: 0 0 20px;
width: 100%;
font-size: 1.4rem;
font-weight: bold;
}
.staff .box li .right .title {
margin: 0 0 10px;
width: 100%;
font-size: 1.2rem;
}
.staff .box li .right .comment {
line-height: 1.6;
margin: 0;
}
.staff .box li .right dl.info {
font-size: 1rem;
margin: 0 0 20px;
}
.staff .box li .right dl.info dt {
float: left;
padding: 0 0 0 20px;
color: var(--theme);
font-weight: bold;
}
.staff .box li .right dl.info dd {
padding: 0 20px 10px 120px;
margin: 0 0 10px;
border-bottom: 1px solid var(--stone);
}
.staff .box li .right .toggle { position: absolute;
bottom: 30px;
}
.staff .box li .right dl.detail {
display: none;
}
.staff .box li .right dl.detail dt{
font-weight: bold;
padding: 0 0 10px;
font-size: 1rem;
color: var(--theme);
}
.staff .box li .right dl.detail dd{
padding: 0 0px 12px;
margin: 0 0 10px;
border-bottom: 1px solid var(--stone);
font-size: 1rem;
line-height: 1.6;
}
.staff .box li:nth-child(even) {
flex-direction: row-reverse;
}
.staff .box li:nth-child(even) .photo {
filter: drop-shadow(30px 20px 0px var(--sashi));
}
.staff .box li:nth-child(even) .right { }
.staff .box li:nth-child(even) .right:before {  }
.interview .part_rec-info {
padding: 0px 0 0;
margin: 0px 0;
}
.interview .part_rec-info:before {
content: none;
}
.interview .part_rec-info .text {
margin-bottom: 30px;
} .iv_h2box h2 {
font-size: 1.4rem;
} .iv_a .front_icatch .text::before { background-color: var(--iv_a);}
.iv_b .front_icatch .text::before { background-color: var(--iv_b);}
.iv_c .front_icatch .text::before { background-color: var(--iv_c);}
.iv_d .front_icatch .text::before { background-color: var(--iv_d);}
.iv .front_icatch .text1 {
top: 30%;
color: #999;
text-align: center;
padding: 20px 10px;
}
.iv_a .front_icatch .text1 { color: var(--iv_a);}
.iv_b .front_icatch .text1 { color: var(--iv_b);}
.iv_c .front_icatch .text1 { color: var(--iv_c);}
.iv_d .front_icatch .text1 { color: var(--iv_d);}
.iv .front_icatch .text1::before {
transform: none;
background-color: #fff;
}
.iv .front_icatch .text2 {
top: 48%;
}
.iv .front_icatch .text3 {
top: 58%;
}
.iv_a .iv_h2box h2::before,.iv_a .iv_h2box h2::after { background-color: var(--iv_a);}
.iv_b .iv_h2box h2::before,.iv_b .iv_h2box h2::after { background-color: var(--iv_b);}
.iv_c .iv_h2box h2::before,.iv_c .iv_h2box h2::after { background-color: var(--iv_c);}
.iv_d .iv_h2box h2::before,.iv_d .iv_h2box h2::after { background-color: var(--iv_d);}
.iv .jobchange {
position: relative;
margin: 0 4% 60px;
}
.iv .jobchange .text {
width: fit-content;
margin: 0 auto 0px;
}
.iv .jobchange .ilst {
top: 360px;
left: 8%;
width: 140px;
display: none;
}
.iv .careerstep {
position: relative;
width: fit-content;
margin: 0 auto 60px;
}
.iv .careerstep ul { justify-content: space-between; margin: 0 auto;
z-index: 2;
position: relative;
}
.iv .careerstep li { border: 1px solid var(--stone);
border-radius: 20px;
background-color: #fff;
padding: 20px 20px 21px;
margin: 0 4% 30px;
}
.iv .careerstep li .heading {
text-align: center;
font-size: 1.4rem;
margin: 0 0 20px;
}
.iv .careerstep li .text {
}
.iv_a .careerstep li .text span { color: var(--iv_a);}
.iv_b .careerstep li .text span { color: var(--iv_b);}
.iv_c .careerstep li .text span { color: var(--iv_c);}
.iv_d .careerstep li .text span { color: var(--iv_d);}
.iv .careerstep .border_hasami {
bottom: 100px;
position: absolute;;
}
.iv .private {
position: relative;
width: fit-content;
margin: 0 auto 60px;
}
.iv .private .box {
margin: 0 4%;
}
.iv .private .box .left {
}
.iv .private .box .left img {
width: 100%;
border-radius: 20px;
display: block;
margin: 0 0 30px;
}
.iv .private .box .left p {
margin: 20px 10px;
}
.iv_a .private .box .left p  span { color: var(--iv_a);}
.iv_b .private .box .left p  span { color: var(--iv_b);}
.iv_c .private .box .left p  span { color: var(--iv_c);}
.iv_d .private .box .left p  span { color: var(--iv_d);}
.iv .private .box .right {     }
.iv .private .box .right .part {
display: flex;
width: 84%;
margin: 0 0 20px;
align-items: center;
padding: 8px 28px;
}
.iv .private .box .right .part .title {
font-size: 1.2rem;
font-weight: bold;
width: 6em;
}
.iv .private .box .right .part .text {
width: calc(100% - 8em);
}
.iv .private .box .right .part.bg {
position: relative;
z-index: 3;
color: #fff;
padding: 8px 28px;
font-weight: bold;
}
.iv .private .box .right .part.bg:before {
transform: skewX(-6deg);
content: "";
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: -1;
background-color: var(--iv_a);
}
.iv_a .private .box .right .part.bg:before { background-color: var(--iv_a);}
.iv_b .private .box .right .part.bg:before { background-color: var(--iv_b);}
.iv_c .private .box .right .part.bg:before { background-color: var(--iv_c);}
.iv_d .private .box .right .part.bg:before { background-color: var(--iv_d);}
.iv_a .part_intro .wrap:before { background-color: #ccf0eb;}
.iv_b .part_intro .wrap:before { background-color: #fce9f1;}
.iv_c .part_intro .wrap:before { background-color: #cde1f9;}
.iv_d .part_intro .wrap:before { background-color: #ccf0eb;}
.iv .part_intro .wrap h2 {
font-size: 1.4rem;
margin: 0 0 20px;
}
.iv .part_rec-info {
padding: 30px 0 10px;
} .listbox {
overflow: hidden;
width: 100%;
margin: 20px auto 0;
padding: 0;
}
.article_list {
margin: 0 4% 20px;
}
.article_list {
}
.article_list h2 {
margin-bottom: 10px;
font-size: 1.2rem;
text-align: left;
}
.article_list ul {
overflow: hidden;
display: flex;
flex-wrap: wrap;
border-top: 1px solid var(--stone);
width: 100%;
}
.article_list ul li {
border-bottom: 1px solid var(--stone);
margin: 0 0;
}
.article_list ul li a {
text-decoration: none;
display: flex;
width: 100%;
padding: 6% 0%;
align-items: center;
}
.article_list ul li a:hover {
background: #fffae5;
}
.article_list ul li .pic {
width: 26%;
margin: 0 4% 10px 0;
}
.article_list ul li .pic img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
}
.article_list ul li .daybox {
width: 70%;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.article_list ul li .cate {
width: fit-content;
margin: 0 0 0px;
padding: 0px 20px;
border-radius: 4px;
font-size: .8rem;
color: #fff;
} .article_list ul li .uncategorized {
}
.article_list ul li h6 {
font-size: 1rem;
margin: 0 0 10px;
}
.article_list ul li .date {
font-size: .8rem;
margin: 0 0 0px;
}
.article_list ul li .entry-icon-new {
display: inline-block;
color: var(--red);
font-weight: bold;
margin: 0 0 0 10px;
}
.article_list ul li .txt {
font-size: 1rem;
}
.sidebar {
margin: 0 0 0px;
padding: 20px 4% 10px;
background-color: var(--whitegreen);
}
.sidebar .box {
margin: 0 0 20px;
padding: 0 0 0px;
}
.sidebar h2 {
margin-bottom: 10px;
font-size: 1.2rem;
text-align: left;
}
.sidebar .box ul {
padding: 0 0;
display: flex;
}
.sidebar .box ul li {
font-size: .9rem;
margin: 0 4% 0px;
padding: 0 0 0px;
}
.sidebar .box ul li a {
text-decoration: none;
}
.sidebar .box ul li.cat-item a {
width: fit-content;
margin: 0 0 0px;
padding: 8px 20px;
border-radius: 4px;
font-size: .9rem;
display: block;
color: #fff;
} .sidebar .box select {
font-size: 1rem;
padding: 6px 10px;
margin: 0px 0 0 20px;
}
.sidebar .box option {
}
.article {
margin-bottom: 30px;
border-bottom: 1px solid;
padding: 0 0 10px;
}
.article p {
margin: 0 0 20px;
}
.article p img {
max-width: 100%;
height: auto;
}
.article p iframe {
max-width: 100%;
height: auto;
}
.article .wp-post-image {
height: auto;
}
.article .titlebox {
border-left: 5px solid #7eb466;
}
.article .date {
}
.article .author {
font-size: 90%;
margin: 0 0 10px;
padding: 0 0 0 10px;
}
.article .author a {
display: inline-block;
padding: 1px 20px;
border: 2px solid #5b824a;
border-radius: 4px;
background: #7eb466;
color: #fff;
font-weight: bold;
}
.article .author a:hover {
background: #fff;
color: #7eb466;
} .kiji .noicatch {
background: var(--blue);
}
.kiji .noicatch .textbox {
display: flex;
align-items: center;
justify-content: center;
}
.kiji .noicatch .textbox .pic {
margin: 0 0 0 0px;
width: 120px;
}
.kiji .noicatch .textbox .text {
text-align: center;
margin: 0 20px 0 0;
line-height: 1;
}
.kiji .article {
margin: 0 4%;
}
.kiji h2 {
margin-bottom: 20px;
border-bottom: 1px solid var(--stone);
padding: 0 0 15px;
font-size: 1.2rem;
text-align: left;
}
.kiji .article .daybox {
display: flex;
margin: 0 0 0px;
padding: 0 0 8px;
}
.kiji .article .date {
font-size: .8rem;
margin: 0 0 0px;
padding: 0 10px 0px 0;
}
.kiji .cate {
width: fit-content;
margin: 0 10px 0 0;
padding: 0px 20px;
border-radius: 4px;
font-size: .9rem;
color: #fff;
} .kiji .uncategorized {
}
.kiji .entry-icon-new {
display: inline-block;
color: var(--red);
font-weight: bold;
margin: 0 0 0 10px;
}
.kiji .article .blog-detail__image {
margin: 0 0 30px;
}
.kiji .article .blog-detail__image img {
display: block;
margin: 0 auto;
}
.kiji .article .blog-detail__body {
}
.kiji .article .blog-detail__body .blog-content {
} .archive .noicatch {
background: var(--blue);
}
.archive .noicatch .textbox {
display: flex;
align-items: center;
justify-content: center;
}
.archive .noicatch .textbox .pic {
margin: 0 0 0 0px;
width: 120px;
}
.archive .noicatch .textbox .text {
text-align: center;
margin: 0 20px 0 0;
line-height: 1.4;
} .cat-item-1 a,  .cat-bg-1 {  background-color: #59740C; }
.cat-item-2 a,  .cat-bg-2 {  background-color: #560573; }
.cat-item-3 a,  .cat-bg-3 {  background-color: #744A0C; }
.cat-item-4 a,  .cat-bg-4 {  background-color: #AD4E00; }
.cat-item-5 a,  .cat-bg-5 {  background-color: #AD7400; }
.cat-item-6 a,  .cat-bg-6 {  background-color: #0C1377; }
.cat-item-7 a,  .cat-bg-7 {  background-color: #0C4D74; }
.cat-item-8 a,  .cat-bg-8 {  background-color: #A11F11; }
.cat-item-9 a,  .cat-bg-9 {  background-color: #0A6124; }
.cat-item-10 a, .cat-bg-10 { background-color: #8E0048; }
.cat-item-11 a, .cat-bg-11 { background-color: #59740C; }
.cat-item-12 a, .cat-bg-12 { background-color: #560573; }
.cat-item-13 a, .cat-bg-13 { background-color: #744A0C; }
.cat-item-14 a, .cat-bg-14 { background-color: #AD4E00; }
.cat-item-15 a, .cat-bg-15 { background-color: #AD7400; }
.cat-item-16 a, .cat-bg-16 { background-color: #0C1377; }
.cat-item-17 a, .cat-bg-17 { background-color: #0C4D74; }
.cat-item-18 a, .cat-bg-18 { background-color: #A11F11; }
.cat-item-19 a, .cat-bg-19 { background-color: #0A6124; }
.cat-item-20 a, .cat-bg-20 { background-color: #8E0048; } form table {
margin: 0 4% 20px;
}
form table th {
line-height: 2;
margin: 0 0 0px;
padding: 0px 20px 0 0;
vertical-align: top;
float: left;
font-weight: bold;
text-align: right;
}
form table td {
text-align: left;
line-height: 2;
float: left;
width: 100%;
margin: 0 0 20px;
}
form table input {
width: 100%;
box-sizing: border-box;
border: 1px solid #ccc;
line-height: 2.4;
padding: 1px 10px;
}
form table textarea {
width: 100%;
box-sizing: border-box;
border: 1px solid #ccc;
height: 120px;
padding: 1px 10px;
}
form .att {
margin: 0 8% 40px;
border: 1px solid #ccc;
padding: 20px 20px;
}
form .att .title {
margin: 0 auto 20px;
font-size: 1.2rem;
}
form .att .text {
margin: 0 auto 20px;
font-size: .9rem;
}
form .sendbtn {
margin: 0 auto;
}
form .sendbtn p {
text-align: center;
}
form .sendbtn input {
cursor: pointer;
transition: .2s;
}
form .sendbtn input:hover {
background: #003953;
color: #fff;
} .contact {
} .oto {
float: left;
width: 100%;
padding: 0 12px;
margin-top: 18px;
position: relative;
}
.wpcf7-response-output {
color: #f00;
}
.page-id-20 .wpcf7-response-output{
bottom: -80px;
}
.page-id-184 .wpcf7-response-output {
bottom: -80px;
}
div.wpcf7-mail-sent-ok {
color: #398f14;
position: relative;
margin-bottom: 20px !important;
}
.oto table {
width: 100%;
margin: 0;
border: none;
}
.oto table td {
border: none;
}
.oto table tr td:first-child {
width: 28%;
background: #E2E6E4;
font-weight: bold;
}
.oto table tr td:last-child {
width: 72%;
}
.oto table tr td {
border-top: 1px solid #41594D;
border-bottom: 1px solid #41594D;
padding: 8px 10px;
line-height: 160%;
vertical-align: top;
}
.oto table tr td input {
width: 100%;
padding: 2px 5px;
}
.oto table tr td textarea {
width: 100%;
height: 200px;
resize: none;
}
span.oto-note {
color: #E84E19;
display: inline-block;
padding-left: 10px;
}
span#sp-ct-1 {
padding-left: 0;
display: block;
}
span.oto-contact {
display: inline-block;
text-decoration: underline;
color: #E84E19;
font-weight: bold;
margin-top: 15px;
}
span.oto-note-text {
display: block;
margin-top: 15px;
text-align: center;
font-weight: bold;
}
input.btn-ct {        }
input.btn-ct:hover {
background: url(//avanti1000.com/wp-content/themes/avanti-2024/css/assets/images/btn-contact.png) left center no-repeat !important;
}
input.btn-ct-modoru {  }
input.btn-ct-modoru:hover {
background: url(//avanti1000.com/wp-content/themes/avanti-2024/css/assets/images/btn-contact-modoru.png) left center no-repeat !important;
margin-right: 0;
}
input.btn-ct-kakunin { }
input.btn-ct-kakunin:hover {
background: url(//avanti1000.com/wp-content/themes/avanti-2024/css/assets/images/btn-contact-kakunin.png) left center no-repeat !important;
}
.okurugamen {
display: block;
}
.kakuningamen {
display: none;	
}
.custom-wpcf7c-confirmed .okurugamen {
display: none;
}
.custom-wpcf7c-confirmed .kakuningamen {
display: block;
} .sspace {
width: 0;
height: 4px;
}
.wpcf7c-conf {
background-color: #fff !important;
}
span.btn-submit {    }
.pc-hide {
display: none;
}
.sp-hidden {
display: inline;
}
span.btn-submit:hover {
background-color: none;
text-shadow: none;
}
.oto form {
margin: 0;
position: relative;
}
div.wpcf7-validation-errors {
width: 95% !important;
float: left !important;
border: 2px solid #f7e700 !important;
text-align: center !important;
font-size: 18px !important;
box-sizing: border-box !important;
}
div.wpcf7-mail-sent-ok {
width: 95% !important;
float: left !important;
border: 2px solid #398f14 !important;
text-align: center !important;
font-size: 18px !important;
box-sizing: border-box !important;
}  .pri-content {
padding: 0 12px;
border-bottom: 2px dashed #ccc;
}
.pri-content h3 {
font-size: 15px;
line-height: 160%;
float: left;
width: 100%;
padding-top: 10px;
margin-bottom: 15px;
color: #336666;
}
.pri-content p {
margin: 0 0 12px;
}
#pri-content .h2box {
margin-bottom: 30px;
}
#pri-content .h3box {
margin-bottom: 30px;
}
span.pri-text {
line-height: 160%;
}
span.pri-text-r {
float: left;
width: 100%;
text-align: right;
margin: 35px 0;
}
#pri-ct {
margin-top: 25px;
}
#pri-content h2 {
color: #336666;
font-size: 1.4rem;
}
span.pri-note {
color: #f00;
}
span.pr-2 {
padding-left: 28px;
display: inline-block;
}
span.pr-2-1 {
display: inline-block;
padding-left: 18px;
}
span.pr-2-1-1 {
display: inline-block;
padding-left: 10px;
}
span.fz-18 {
font-size: 24px;
}
.sai-content > ul li {
float: left;
width: 25%;
text-align: center;
background: url(//avanti1000.com/wp-content/themes/avanti-2024/css/assets/images/bg-tab.png) left center repeat;
color: #fff;
font-weight: bold;
font-size: 16px;
padding: 15px 0;
border-right: 1px solid #fff;
list-style: none;
}
.sai-content > ul li a {
color: inherit;
}
.sai-content > ul li.active {
background: none;
color: #3F5A4F;
}
.sai-content > ul li:last-child {
border-right: none;
}
.sai-content > ul li:hover {
cursor: pointer;
}
.sai-content > ul li:hover a {
text-decoration: none;
}
.sai-pro {
position: relative;
margin: 0 4%;
}
.sai-pro table {
margin-left: 0;
margin-right: 0;
}
span.sai-pro-text-1 {
font-size: 22px;
line-height: 160%;
display: block;
}
span.sai-pro-text {
display: block;
line-height: 140%;
margin-top: 10px;
margin-bottom: 35px;
font-size: 13px;
}
.sai-pro-text-st {
display: block;
line-height: 140%;
margin-top: 10px;
font-size: 13px;
}
span.sai-pro-img {
position: absolute;
top: -25px;
right: 10px;
}
.st-col-sm-3,
.st-col-sm-9 {
float: left;
margin: 12px 0;
}
.st-col-sm-3 {
width: 28%;
}
.st-col-sm-9 {
width: 72%;
}
.st-col-sm-9 h3 {
float: left;
width: 100%;
border-bottom: 2px dotted #E94B17;
font-size: 15px;
font-weight: bold;
line-height: 160%;
margin-bottom: 10px;
}
span.st-voice {
color: #E94B17;
font-size: 12px;
display: inline-block;
padding-right: 18px;
padding-left: 8px;
}
span.st-voice strong {
font-size: 22px;
padding-left: 8px;
}
span.st-tar {
float: right;
display: inline-block;
font-size: 12px;
font-weight: normal;
}
.sai-item {
float: left;
width: 100%;
}
.st-col-sm-9 p {
float: left;
width: 100%;
padding: 0 5px;
}
.bo-content-1 {
float: left;
width: 100%;
background: #E2E6E4;
height: 148px;
overflow-y: scroll;
padding: 10px;
}
.bo-content-1 table {
width: 100%;
font-size: 16px;
line-height: 160%;
}
.bo-content-1 table tr td:first-child {
width: 15%;
color: #E84713;
font-weight: bold;
}
.bo-content-1 table tr td:last-child {
width: 85%;
}
.bo-content-1 table tr td:last-child a {
padding-right: 20px;
color: #551A8B;
}
span.bo-text {
display: block; padding: 8px 0;
}
.bo-red {
display: inline-block;
color: #f00;
} .contact-srcoll {
height: 350px;
overflow-y: scroll;
border: 1px solid #999;
border-radius: 4px;
padding: 20px 10px;
}
.soushinbtn {
text-align: center;
}
input.btn-ct {
display: block;
position: relative;
width: 60%;
margin: 0 auto;
padding: 20px 0px;
text-align: center;
text-decoration: none;
transition: .2s;
font-size: 1.2rem;
color: #fff;
border: 1px solid var(--sashi);
background: var(--sashi);
cursor: pointer;
}
input.btn-ct:hover {
color: var(--sashi);
background: #fff;
} div#wpcf7cpcnf {
}
div#wpcf7cpcnf table {
margin: 0 4%;
text-align: left;
border-top: 1px solid #ccc;
}
div#wpcf7cpcnf th {
padding: 20px 4% 11px;
font-weight: bold;
float: left;
width: 92%;
border-bottom: 1px dashed #eee;
}
div#wpcf7cpcnf td {
padding: 10px 4% 20px;
border-bottom: 1px solid #ccc;
width: 92%;
float: left;
}
div#wpcf7cpcnf .wpcf7cp-btns {
margin: 60px auto 0;
width: fit-content;
}
div#wpcf7cpcnf button.wpcf7cp-cfm-submit-btn {
padding: 10px 30px;
font-size: 1.4rem;
background: #f99213;
color: #fff;
font-weight: bold;
border: none;
box-shadow: 0 3px 5px #ccc;
border-radius: 10px;
cursor: pointer;
} .privacy {
}
.privacy .icatch .eng {
}
.privacy .ppbox {
margin: 0 4% 0px;
padding: 60px 0;
background: #f9f9f9;
}
.privacy .ppbox .mb5 {
margin-bottom: 5px;
}
.privacy .ppbox p {
margin: 0 0 20px;
}
.privacy .ppbox h3 {
background: #eee;
padding: 10px 20px;
margin: 0 0 20px;
}
.privacy .ppbox h4 {
margin: 0 0 10px;
}
.privacy .ppbox ol {
padding-left: 30px;
}
.privacy .ppbox ol.abc > li {
list-style-type: lower-alpha;
}
.privacy .ppbox ol > li {
margin-bottom: 10px;
list-style-type: decimal;
}
.privacy .ppbox ol > li > ul {
padding: 5px 0 0 0px;
}
.privacy .ppbox ol > li > ul > li {
margin: 0 0 5px;
}
.privacy .ppbox ul {
margin: 0 0 20px 20px;
}
.privacy .ppbox ul > li {
list-style-type: square;
} .pr {
}
.pr .sidebtn {
display: none;
}
.pr .bottombtn {
background-color: var(--theme);
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
}
.pr .bottombtn a {
display: block;
width: 50%;
margin: 6px auto;
}
.pr .bottombtn img {
}
.pr img {
display: block;
}
.pr p {
font-size: 1rem;
line-height: 1.6;
}
.pr .h2box h2 {
z-index: 1;
} .pr .icatch {margin: -50px 0 0px;height: 400px;overflow: hidden;}
.pr .icatch .pic {
height: 400px;
object-fit: cover;
width: 100%;
}
.pr .icatch .text {
}
.pr .icatch .text .text1 {
}
.pr .icatch .text .text2 {
} .pr .contact1 {
position: relative;
overflow: hidden;
}
.pr .contact1 .box { margin: 20px 2% 40px;
border: 4px solid #06C755;
border-radius: 20px;
padding: 6% 2%;
}
.pr .contact1 .box .title {
margin: 0 auto 30px;
width: 80%;
}
.pr .contact1 .box .text {
text-align: left;
margin: 0 10px 20px;
}
.pr .contact1 .box .btn {
}
.pr .contact1 .box .btn a {
}
.pr .contact1 .box .btn img {
width: 80%;
margin: 0 auto;
} .pr .contact2 {
position: relative;
overflow: hidden;
}
.pr .contact2 .box {       margin: 20px 2% 20px;
border: 4px solid #06C755;
border-radius: 20px;
padding: 6% 2%;
}
.pr .contact2 .box .title {
margin: 0 auto 30px;
width: 80%;
}
.pr .contact2 .box .text {   background-color: rgba(255,255,255,.95);
padding: 20px 10px;
border-radius: 10px;
text-align: left;
margin: 0 10px 20px;
}
.pr .contact2 .box .btn {
margin: 0 auto;  justify-content: center;
}
.pr .contact2 .box .btn a {
}
.pr .contact2 .box .btn img {
width: 80%;
margin: 0 auto;
}
.pr .contact2 .att { margin: 0 4% 60px;
font-size: .8rem;
} .pr .outline {
background-color: var(--whitegreen);
} .page-id-2655 header .logo { opacity: 0;
transition: .5s;
}
.page-id-2655 header.change-color .logo {
opacity: 100;
transition: .5s;
} .pr_f .front_icatch .front_slide {
top: 0;
}
.pr_f .front_icatch .text {
position: relative;
z-index: 3;
color: #fff;
padding: 8px 10px 8px 20px;
font-size: .9rem;
font-weight: bold;
letter-spacing: 0px;
margin: 0 10px 8px;
}
.pr_f .front_icatch .text span {
font-size: 1.1rem;
margin-right: 6px;
}
.pr_f .front_icatch .text.text1 {
margin-top: 280px;
}
.pr_f .front_icatch .text.text2 {
} .pr_f .wish {
overflow: hidden;
background: url(//avanti1000.com/wp-content/themes/avanti-2024/img/pr/f/wish_bg.jpg) no-repeat center left;
background-size: cover;
position: relative;
height: 340px;
}
.pr_f .wish .heading {
margin: 0 -18% 0;
overflow: hidden;
width: 150%;
max-width: 150%;
}
.pr_f .wish .text {
position: absolute;
right: 60px;
bottom: 20px;
}
.pr_f .wish .text .text1 {
margin-left: 50px;
margin-bottom: 10px;
}
.pr_f .wish .text .text2 {
margin-left: 30px;
margin-bottom: 12px;
}
.pr_f .wish .text .text3 {
margin-left: 10px;
} .pr_f .solution {
overflow: hidden;
background: url(//avanti1000.com/wp-content/themes/avanti-2024/img/pr/f/solution_bg.jpg) no-repeat center 0;
background-size: cover;
position: relative;
}
.pr_f .solution .heading { left: 0;
right: 0;
top: 65px;
margin: 80px auto 20px;
width: 80%;
}
.pr_f .solution .text {
width: 100%;
}
.pr_f .solution .text .text1 {
width: 70%;
height: auto;
margin: 0 auto -20px;
filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, .2));
}
.pr_f .solution .text .text2 {
width: 70%;
height: auto;
margin: 0 auto -20px;
filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, .2));
}
.pr_f .solution .text .text3 {
width: 80%;
height: auto;
margin: 0 auto 30px;
filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, .2));
} .pr_f .contact1 .box {
background: url(//avanti1000.com/wp-content/themes/avanti-2024/img/pr/f/contact_1_bg.jpg) no-repeat center center;
background-size: cover;
}
.pr_f .contact1 .hasami1 {
display: none;
}
.pr_f .contact1 .hasami2 {
display: none;
} .pr_f .merit {
overflow: hidden;
}
.pr_f .merit .pic {
height: auto;
width: 100%;
object-fit: cover;
}
.pr_f .merit .box {
position: relative;
background-color: rgba(0,0,0,.4);
backdrop-filter: blur(24px);
}
.pr_f .merit .box .info {
margin: 0;
padding: 4%;
background: #fff;
}
.pr_f .merit .box .info:before {   position: absolute; top: 0;
bottom: 0; right: 0;
z-index: -1; background-color: #fff;
}
.pr_f .merit .box .info img {
margin: 0 0 30px;
width: 86%;
}
.pr_f .merit .box .info p {
margin: 0 0 20px;
}
.pr_f .merit .box .fig {
padding: 40px 4% 40px;
}
.pr_f .merit .box .fig img {
width: 70%;
margin: 0 auto;
}
.pr_f .merit .box .fig .text {
color: #fff;
margin: -20px 0 0;
}
.pr_f .merit .box .fig .text h3 {
font-size: 1.4rem;
margin: 0 0 10px;
}
.pr_f .merit .box .fig .text p {
}
.pr_f .merit1 {
background-image: url(//avanti1000.com/wp-content/themes/avanti-2024/img/pr/f/merit_1_bg.jpg);
}
.pr_f .merit2 {
background-image: url(//avanti1000.com/wp-content/themes/avanti-2024/img/pr/f/merit_2_bg.jpg);
}
.pr_f .merit3 {
background-image: url(//avanti1000.com/wp-content/themes/avanti-2024/img/pr/f/merit_3_bg.jpg);
}
.pr_f .merit4 {
background-image: url(//avanti1000.com/wp-content/themes/avanti-2024/img/pr/f/merit_4_bg.jpg);
}
.pr_f .merit1,
.pr_f .merit2,
.pr_f .merit3,
.pr_f .merit4 {
background-repeat: no-repeat;
background-position: center bottom;
overflow: hidden;
}
.pr_f .merit2 .box .info,
.pr_f .merit4 .box .info {
}
.pr_f .merit4 .box .info {
top: -30%;
}
.pr_f .merit2 .box .info:before,
.pr_f .merit4 .box .info:before {
transform: skewX(-12deg);  position: absolute; top: 0;
bottom: 0;
left: 0;
right: -300px;
z-index: -1; background-color: #fff;
}
.pr_f .merit2 .box .fig,
.pr_f .merit4 .box .fig {}
.pr_f .merit4 .box {
height: 600px;
} .pr_f .case {
overflow: hidden;
background-color: #DFF2FE;
padding: 10px 0 60px;
}
.pr_f .case .main {
display: flex;
flex-direction: column-reverse;
align-items: center;
}
.pr_f .case .main .titlebox {
position: relative;
z-index: 1;
margin: -40px 0px 0 0;
padding: 10px 30px;
}
.pr_f .case .main .titlebox:before {
transform: skewX(-8deg);
content: ""; position: absolute; top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1; background-color: #fff;
border: 2px solid #f1d6c8;
}
.pr_f .case .main .titlebox .age {
line-height: 1.4;
margin: 0 0 4px;
}
.pr_f .case .main .titlebox .title {
font-size: 1.3rem;
font-weight: bold;
}
.pr_f .case .main img {
position: relative;
}
.pr_f .case .box {   }
.pr_f .case .box .pic {
width: 40%;
float: left;
margin: 0 10px;
position: relative;
z-index: 1;
}
.pr_f .case .box .textbox {
margin: 20px 2%;
position: relative;
}
.pr_f .case .box .textbox h3 {
font-size: 1.2rem;
margin: 0 0 30px;
padding: 30px 10px 10px;
border-bottom: 2px solid #f1d6c8;
}
.pr_f .case .box .textbox p {    }
.pr_f .case .box.up {
}
.pr_f .case .box.up .pic {
}
.pr_f .case .box.up .textbox {
}
.pr_f .case .box.up .textbox h3 {
}
.pr_f .case .box.up .textbox p {
}
.pr_f .case .box.down {
padding-bottom: 20px;
}
.pr_f .case .box.down .pic {
}
.pr_f .case .box.down .textbox {
}
.pr_f .case .box.down .textbox h3 {
}
.pr_f .case .box.down .textbox p {
}
.pr_f .case .plus {
text-align: center;
line-height: 0;
}
.pr_f .case .plus img {
display: inline-block;
width: 60px;
}
.pr_f .case1,
.pr_f .case2,
.pr_f .case3 {
background-color: #fff;
position: relative;
margin: 40px 2% 0;
padding: 30px 0 0;
border-radius: 60px;
box-shadow: 0px 5px 20px rgba(0, 0, 0, .2);
}
.pr_f .case1 {
}
.pr_f .case1 .box.up {
background: url(//avanti1000.com/wp-content/themes/avanti-2024/img/pr/f/case_1_up_bg.jpg) no-repeat center bottom;
}
.pr_f .case1 .box.down {
background: url(//avanti1000.com/wp-content/themes/avanti-2024/img/pr/f/case_1_down_bg.jpg) no-repeat center bottom;
flex-direction: row-reverse;
border-radius: 0 0 60px 60px;
}
.pr_f .case2 {
}
.pr_f .case2 .box.up {
background: url(//avanti1000.com/wp-content/themes/avanti-2024/img/pr/f/case_2_up_bg.jpg) no-repeat center bottom;
flex-direction: row-reverse;
}
.pr_f .case2 .box.down {
background: url(//avanti1000.com/wp-content/themes/avanti-2024/img/pr/f/case_2_down_bg.jpg) no-repeat center bottom;
border-radius: 0 0 60px 60px;
}
.pr_f .case3 {
}
.pr_f .case3 .box.up {
background: url(//avanti1000.com/wp-content/themes/avanti-2024/img/pr/f/case_3_up_bg.jpg) no-repeat center bottom;
}
.pr_f .case3 .box.down {
background: url(//avanti1000.com/wp-content/themes/avanti-2024/img/pr/f/case_3_down_bg.jpg) no-repeat center bottom;
border-radius: 0 0 60px 60px;
flex-direction: row-reverse;
}
.pr_f .case2 .main {  }
.pr_f .case2 .main .titlebox {    }
.pr_f .case2 .main .titlebox:before, .pr_f .case2 .box .textbox h3 {
border-color: #88BFD6;
}
.pr_f .case3 .main .titlebox:before,
.pr_f .case3 .box .textbox h3 {
border-color: #B2D9A7;
} .pr_f .message {
background: url(//avanti1000.com/wp-content/themes/avanti-2024/img/pr/f/message_bg.jpg) no-repeat center center; background-size: cover;  text-align: left;
display: flex;
padding: 0;
padding: 40px 4% 80px;
}
.pr_f .message p {
margin: 0px auto 0;
font-size: 1.2rem;
color: #fff;
font-weight: bold;
line-height: 2;
} .pr_f .contact2 .box {
background: url(//avanti1000.com/wp-content/themes/avanti-2024/img/pr/f/contact_2_bg.jpg) no-repeat center center;
background-size: cover;
}
.pr_f .contact2 .hasami1 {
position: absolute;
left: -150px;
top: 0;
}
.pr_f .contact2 .hasami2 {
position: absolute;
right: -160px;
bottom: 0;
} .page-id-2657 header .logo { opacity: 0;
transition: .5s;
}
.page-id-2657 header.change-color .logo {
opacity: 100;
transition: .5s;
}
.pr_h {
font-family: var(--notoserif);
} .pr_h .front_icatch .front_slide {
top: 0;
}
.pr_h .front_icatch .text {
position: relative;
z-index: 3;
color: #fff;
padding: 8px 10px 8px 20px;
font-size: .9rem;
font-weight: bold;
letter-spacing: 0px;
margin: 0 10px 8px;
width: fit-content;
}
.pr_h .front_icatch .text::before {
background-color: #020A0A;
background-image: linear-gradient(90deg, #020a0a, #2f4343 40%, #092424);
}
.pr_h .front_icatch .text span {
font-size: 1.1rem;
margin-right: 6px;
}
.pr_h .front_icatch .text.text1 {
margin-top: 280px;
}
.pr_h .front_icatch .text.text2 {
} .pr_h .numeral {
background: url(//avanti1000.com/wp-content/themes/avanti-2024/img/pr/h/numeral_bg.jpg) no-repeat center center;
background-size: cover;
position: relative; padding: 0 0 20px;
}
.pr_h .numeral .heading {
margin: 0 auto;
padding: 20px 0 0;
position: relative;
z-index: 1;
width: 92%;
}
.pr_h .numeral .text1 {   width: 90%;
margin: 0 auto 0 2%;
}
.pr_h .numeral .text2 {   margin: -10px auto 0;
width: 76%;
} .pr_h .contact1 {
position: relative;
overflow: hidden;
z-index: 0;
}
.pr_h .contact1:before {
content: '';
background-image: url(//avanti1000.com/wp-content/themes/avanti-2024/img/pr/h/icatch_pic_1.jpg);
position: absolute;
top: -10px;
bottom: -10px;
left: -10px;
right: -10px;
filter: blur(10px);
z-index: -1;
opacity: .5;
}
.pr_h .contact1 .box {
background: url(//avanti1000.com/wp-content/themes/avanti-2024/img/pr/h/contact_1_bg.jpg) no-repeat center center;
background-size: cover;
margin-bottom: 60px;
}
.pr_h .contact1 .box .text {
color: #fff;
line-height: 2;
} .pr_h .detail {
}
.pr_h .detail .main {
}
.pr_h .detail .box {
text-align: center;
padding-bottom: 70px;
}
.pr_h .detail .box .heading {
margin: 0px auto 10px;
position: relative;
top: -60px;
width: 80%;
}
.pr_h .detail .box .skew { position: relative;
z-index: 0;
margin: 0 auto;
padding: 20px 10%;
width: 70%;
}
.pr_h .detail .box .skew:before {
transform: skewX(-4deg);
content: ""; position: absolute; top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1; background-color: #fff;
}
.pr_h .detail .box .plus {
margin: 10px auto;
width: 40px;
}
.pr_h .detail .box .skew img,
.pr_h .detail .box .plus img {
margin-left: auto;
margin-right: auto;
} .pr_h .detail1 {
background: url(//avanti1000.com/wp-content/themes/avanti-2024/img/pr/h/detail_1_main.jpg) no-repeat center top;
background-size: cover;
}
.pr_h .detail1 .box {
backdrop-filter: blur(30px);
}
.pr_h .detail1 .box .info1 {
margin-top: -40px;
}
.pr_h .detail1 .box .info1 .title {
margin: 0 auto 20px;
max-width: 80%;
}
.pr_h .detail1 .box .infobox {
display: flex;
flex-direction: column;
}
.pr_h .detail1 .box .info2 {
margin: 0 auto 20px;
}
.pr_h .detail1 .box .info2 .title {
margin: 0 auto;
width: 70%;
}
.pr_h .detail1 .box .info2 .text {
width: 54%;
}
.pr_h .detail1 .box .info3 { }
.pr_h .detail1 .box .info3 .title {
margin: 0 auto 0px;
width: 80%;
}
.pr_h .detail1 .box .info3 .text {
width: 70%;
} .pr_h .detail2 {
background: url(//avanti1000.com/wp-content/themes/avanti-2024/img/pr/h/detail_2_main.jpg) no-repeat center top;
background-size: cover;
}
.pr_h .detail2 .box {
backdrop-filter: blur(30px);
}
.pr_h .detail2 .box .info1 {
margin-top: -40px;
}
.pr_h .detail2 .box .info2 {
}
.pr_h .detail2 .box .info2 .title {
margin-bottom: 20px;
} .pr_h .detail3 {
background: url(//avanti1000.com/wp-content/themes/avanti-2024/img/pr/h/detail_3_main.jpg) no-repeat center top;
background-size: cover;
}
.pr_h .detail3 .box {
backdrop-filter: blur(30px);
padding-bottom: 40px;
}
.pr_h .detail3 .box .infobox {
margin: -50px auto 0;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.pr_h .detail3 .box .infobox .skew {
margin: 0 2% 4%;
padding: 20px 3%;
width: 40%;
}
.pr_h .detail3 .box .infobox .title {
margin-bottom: 20px;
}
.pr_h .detail3 .box .infobox .icon {
margin-bottom: 20px;
width: 50px;
}
.pr_h .detail3 .box .infobox p {
font-size: .9rem;
line-height: 1.4;
} .pr_h .case {
padding: 0 0 0;
overflow: hidden;
}
.pr_h .case .main {
position: relative;
margin: 0 0 20px;
}
.pr_h .case .main .titlebox {
position: relative;
z-index: 0;
margin: -50px auto 0;
padding: 10px 50px;
width: fit-content;
}
.pr_h .case .main .titlebox:before {
transform: skewX(-12deg);
content: ""; position: absolute; top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1; background-color: #092424;
background-image: linear-gradient(90deg, #020a0a, #2f4343 40%, #092424);
}
.pr_h .case .main .titlebox .age {
line-height: 1.4;
margin: 0 0 4px;
color: #fff;
}
.pr_h .case .main .titlebox .title {
font-size: 1.4rem;
font-weight: bold;
color: #AF9959;
width: fit-content;
}
.pr_h .case .main img {
width: 100%; }
.pr_h .case .casebox {
background: url(//avanti1000.com/wp-content/themes/avanti-2024/img/pr/h/case_bg.jpg) no-repeat center center;
background-size: cover;
margin: 0 0 40px;
}
.pr_h .case .box { justify-content: center; background-color: #092424;
background-image: linear-gradient(90deg, #020a0a, #2f4343 40%, #092424);
color: #fff;
width: 96%;
margin: 0 auto 0;
position: relative;
border-radius: 20px 20px 0 0;
}
.pr_h .case .box .pic {
width: 50%;
}
.pr_h .case .box .textbox {
margin: 20px 4%;
}
.pr_h .case .box .textbox h3 {
font-size: 1.4rem;
margin: 0 0 20px;
padding: 0 0 10px;
border-bottom: 1px solid var(--stone);
}
.pr_h .case .box .textbox p {
}
.pr_h .case .box.up {
clip-path: polygon(0 0vw, 100% 0, 100% calc(100% - 4vw), 0 100%);
}
.pr_h .case .box.up .pic {
}
.pr_h .case .box.up .star {
position: absolute;
right: 10%;
top: 4%;
width: 30%;
}
.pr_h .case .box.up .textbox {
padding: 0 0 40px;
}
.pr_h .case .box.up .textbox h3 {
}
.pr_h .case .box.up .textbox p {
margin: 0;
}
.pr_h .case .box.down {
clip-path: polygon(0 4vw, 100% 0, 100% calc(100% - 0vw), 0 100%);
}
.pr_h .case .box.down .pic {
position: absolute;
top: -47px;
right: 0;
}
.pr_h .case .box.down .textbox {
margin-top: 120px;
}
.pr_h .case .box.down .textbox h3 {
}
.pr_h .case .box.down .textbox p {
}
.pr_h .case .plus {
text-align: center;
line-height: 0;
width: 40px;
margin: -10px auto 10px;
}
.pr_h .case .plus img {
display: inline-block;
}
.pr_h .case1,
.pr_h .case2,
.pr_h .case3 {
background-color: #fff;
position: relative;
}
.pr_h .case1 {
}
.pr_h .case1 .box.up {
}
.pr_h .case1 .box.down {
border-radius: 0 0 20px 20px;
padding: 1px 0 30px;
}
.pr_h .case2 {
}
.pr_h .case2 .box.up { }
.pr_h .case2 .box.down { border-radius: 0 0 20px 20px;
padding: 1px 0 30px;
}
.pr_h .case3 {
}
.pr_h .case3 .box.up { }
.pr_h .case3 .box.down {
border-radius: 0 0 20px 20px;
flex-direction: row-reverse;
padding: 1px 0 30px;
}
.pr_h .case2 .main { }
.pr_h .case2 .main .titlebox {   }
.pr_h .case2 .main .titlebox:before {  } .pr_h .message {
background: url(//avanti1000.com/wp-content/themes/avanti-2024/img/pr/h/message_bg.jpg) no-repeat center center;         background-size: cover;  text-align: left;
display: flex;
padding: 0;
padding: 40px 4% 80px;
}
.pr_h .message p {
margin: -60px auto 0;
font-size: 1.8rem;
color: #fff;
font-weight: bold;
line-height: 2;
margin: 0px auto 0;
font-size: 1.2rem;
color: #fff;
font-weight: bold;
line-height: 2;
} .pr_h .contact2 .box {
background: url(//avanti1000.com/wp-content/themes/avanti-2024/img/pr/h/contact_2_bg.jpg) no-repeat center center;
background-size: cover;
}
.pr_h .contact2 .hasami1 {
position: absolute;
left: -150px;
top: 0;
}
.pr_h .contact2 .hasami2 {
position: absolute;
right: -160px;
bottom: 0;
}