@charset "UTF-8";
@import url('ress.css');
/*@import url('https://fonts.googleapis.com/css?family=Kosugi+Maru&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
/*
font-family: 'Noto Sans JP', sans-serif; font-weight:400; Regular
font-family: 'Noto Sans JP', sans-serif; font-weight:500; Medium
font-family: 'Noto Sans JP', sans-serif; font-weight:700; Bold
font-family: 'Noto Sans JP', sans-serif; font-weight:900; Black

*/

/*

matchwork2023 おしごとフェスタ用

*/

/*-----------------------------------------------------------------
リセット
----------------------------------------------------------------- */
*, *:after, *:before {
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
border: 0;
outline: 0;
}
ol, ul, li {
list-style: none;
margin: 0;
padding: 0;
}
:focus, :active {
outline: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th, td {
padding: 8px; /*line-height:1.4em;*/
}
input {}
.switch {
visibility: hidden;
}
h1, h2, h3, h4, h5, h6, p, dt, dl, dd {
font-size: inherit;
margin: 0;
padding: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
margin: 0;
padding: 0;
}
* {
margin: 0;
padding: 0;
}
html {
font:62.5%/1.8 ArialMT;
font-family: 'Noto Sans JP', sans-serif;
}

body {
-moz-font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
letter-spacing: 0.05em;
font-size: 1.6rem;
line-height: 1.8;
font-weight:500;
}
h1, h2, h3, h4, h5, h6 {}
b, strong, .textB {
font-weight:700;
}

.Regular{font-weight: 400;}

.f_yugo{font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;}
.f_yugoB{font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;}


@media screen and (min-width: 360px) {
* {
-webkit-text-size-adjust: none;
}
}
/* ----------- anchor */
a {
color: #000;
text-decoration: none;
}
a:hover {
opacity: 0.8;
}
a .imgbt:hover {
opacity: 0.8;
filter: alpha(opacity=80);
cursor: pointer;
}
a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a.telLink:hover {
opacity: 1;
cursor: default;
}
/*img{image-rendering : crisp-edges;
-ms-interpolation-mode : nearest-neighbor;}*/
body {
display: flex;
flex-direction: column;
min-height: 100vh;
}
footer {
margin-top: auto;
}


.content_in{width:100%; max-width: 1000px; margin-left: auto; margin-right: auto;}

/* list */
.list_notes {
list-style: none;
}
.list_notes li {
position: relative;
padding-left: 1.6rem;
}
.list_notes li:before {
content: "※";
display: inline-block;
line-height: 1.6;
position: absolute;
margin-top: 1px;
left: 0;
}
.list_notes li:last-child {
margin-bottom: 0;
}

/*----------------------------------------------------
heater
----------------------------------------------------*/
body.noscroll,body.noscroll2{
overflow: hidden
/*position: fixed;
left: 0px;
right: 0px;
top: 0px;
bottom:0px;*/}
#nav_btn{display: none;}
#btn_menu {
position: fixed;
right: 2%;
top: 30px;
display: block;
width: 47px;
height: 27px;
cursor: pointer;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
    z-index: 3;
}
#btn_menu:before, #btn_menu:after {
position: absolute;
display: block;
width: 47px;
height: 3px;
content: '';
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-color: #231815;
left: 0;
right: 0;
margin: 0 auto;
}
#btn_menu:before{top:0; background-color: #231815;}
#btn_menu:after{bottom: 0; background-color: #231815;}


#btn_menu span:first-child {
position: relative;
margin: 11px 0;
display: block;
height: 3px;
background-color: #231815;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
opacity: 1;
}
body.noscroll #btn_menu:before {
-webkit-transform: translateY(13px) rotate(28deg);
transform: translateY(13px) rotate(28deg);
background-color: #fff;
}
body.noscroll #btn_menu:after {
-webkit-transform: translateY(-10px) rotate(-28deg);
transform: translateY(-10px) rotate(-28deg);
background-color: #fff;
}
body.noscroll #btn_menu span{
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

#navMenu{display: none;
opacity: 0;
background-color: #eb6fa2;
/*-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;*/
position: fixed;
top: 0;
left:0;
width:100%;
height:100%;
    z-index: 2;
}

body.noscroll #navMenu{
opacity: 0.97;
display: block;
/*-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;*/
padding: 20px;
/*! display: flex; */
}

#navMenu .menu{
display: flex;
flex-flow: column;
height: 100%;
justify-content:center;
align-items:center;
}

#navMenu .menu li{padding:12px 0;}
#navMenu .menu a{font-size: 20px; font-weight: bold;color: #fff; opacity: 1;}

#oshigoto-header .h_Box{
display: flex;
justify-content: space-between;
position: absolute;
top: 0;
left:0;
width:100%;
align-items: center;
padding: 20px;
}

#oshigoto-header .h_Box .logooita img{max-width: 133.5px; width:100%;}
#oshigoto-header .h_Box .logomain img{max-width: 201.5px; width:100%;}

#oshigoto-header .h_Box::after{content: "";width:100%;max-width: 133.5px;}


/*----------------------------------------------------

----------------------------------------------------*/

#main_img{padding: 0;
background:url(../img/matchwork/2025_oshigoto/bg01.png) #fff repeat center top; background-size:1366px;}
#main_img h1{text-align: center;}
#main_img h1 img{width: 100%; height: auto;}

@media only screen and (max-width:812px){
 #btn_menu { top:15px; right:15px; }
 #oshigoto-header .h_Box{ padding: 10px; }
 #oshigoto-header .h_Box .logomain img{max-width: 201.5px; width:100%;margin-left:2.5rem;}
 #main_img h1 {padding-top:40px;}
 #main_img h1 img{display: block;}
 #oshigoto-header .h_Box .logooita img{max-width: 90px;}
 #oshigoto-header .h_Box::after {max-width: 90px;}
}


#whats{padding: 60px 4%;
background:url(../img/matchwork/2025_oshigoto/bg02.png) #fff repeat center top; background-size:1366px;}

#whats h2{text-align: center; margin-bottom: 20px;}
#whats h2 img{width: 100%; max-width: 481.5px; height: auto;}
#whats h3{text-align: center; margin-bottom: 30px;}
#whats h3 img{width: 100%; max-width: 523px; height: auto;}
#whats .img01{max-width: 995px; width:100%; margin:0 auto 4.5rem;}
#whats .img01 img{width:100%; height: auto;}
#whats .textBox{font-weight: 700; font-size: 18px; margin-bottom: 40px;}
#whats .osusume {display:flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
#whats .osusume_soudan {width:28%;}
#whats .osusume_arrow {width: 6%;padding-right: 2%;padding-left: 1%;display: flex;justify-content: center;align-items: center;}
#whats .osusume_festa {width:64%;}
#whats .osusume_soudan img,
#whats .osusume_arrow img,
#whats .osusume_festa img {width:100%;}

@media only screen and (min-width:813px){
#whats .textBox{text-align: center;}	
}
@media only screen and (max-width:813px){
	#whats .osusume {display: block;}
	#whats .osusume_soudan,
	#whats .osusume_arrow,
	#whats .osusume_festa {width:100%;}
	#whats .osusume_arrow {padding: 0;}
	#whats .osusume_arrow img {width: 5%; min-width: 30px; transform: rotate(90deg);}

}


#point{padding: 60px 4%; background-color:#f5b7d0;}
#point h2{text-align: center; margin-bottom: 20px;}
#point h2 img{width: 100%; max-width: 735px; height: auto;}

#point .pointBox{ margin-bottom: 40px;}
#point .pointBox dl{border: 3px solid #eb6fa2; background-color: #fffdef;
border-radius: 30px; padding: 30px;
margin-right: 5px;
/*! margin-bottom: 5px; */
-moz-box-shadow: 5px 5px 0px 0px rgba(235, 111, 162, 1);
-webkit-box-shadow: 5px 5px 0px 0px rgba(235, 111, 162, 1);
-ms-box-shadow: 5px 5px 0px 0px rgba(235, 111, 162, 1);
box-shadow: 5px 5px 0px 0px rgba(235, 111, 162, 1);
}
#point .pointBox dl dt{color: #eb6fa2;font-weight: 900;font-size: 28px;line-height: 1.5; margin-bottom: 5px;}
#point .pointBox dl dt span{font-size: 36px;}
#point .pointBox dl dt span:not(.nounder){
background:linear-gradient(transparent 70%, #faed00 70%);
}
#point .pointBox dl dd{}
#point .pointBox dl dd figure{}
#point .pointBox li{padding-top: 30px; position: relative;}
#point .pointBox li::before{content: ""; display: block; background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; left: 0; right: 0; top:0; margin:0 auto;z-index: 1;}
#point .pointBox li:nth-of-type(1)::before{background-image:url(../img/matchwork/2025_oshigoto/ico-point01.png); width:143.5px; height:58.5px;}
#point .pointBox li:nth-of-type(2)::before{background-image:url(../img/matchwork/2025_oshigoto/ico-point02.png); width:143.5px; height:58.5px;}
#point .pointBox li:nth-of-type(3)::before{background-image:url(../img/matchwork/2025_oshigoto/ico-point03.png); width:143.5px; height:58.5px;}
#point .pointBox li:nth-of-type(4)::before{background-image:url(../img/matchwork/2025_oshigoto/ico-point04.png); width:143.5px; height:58.5px;}
#point .pointBox li:nth-of-type(5)::before{background-image:url(../img/matchwork/2025_oshigoto/ico-point05.png); width:143.5px; height:58.5px;}
#point .pointBox li figure{}
#point .pointBox li figure img{width:100%; height: auto;}
#point .pointBox li:nth-of-type(1) figure img{max-width:95.5px;}
#point .pointBox li:nth-of-type(2) figure img{max-width:112.5px;}
#point .pointBox li:nth-of-type(3) figure img{max-width:120.5px;}
#point .pointBox li:nth-of-type(4) figure img{max-width:200px;}
#point .pointBox li:nth-of-type(5) dd .soudan_booth {display: flex; justify-content: space-between; align-items: flex-start; margin-top: 2rem;flex-wrap: wrap;}
#point .pointBox li:nth-of-type(5) dd .soudan_booth div {width:23.5%; margin-bottom: 1rem;text-align: center;}
#point .pointBox li:nth-of-type(5) dd .soudan_booth div b {display: block; width:100%;color:#fff;background:#ff9989;border-radius:20px;}
#point .pointBox li:nth-of-type(5) dd .soudan_booth div img {display:inline-block; margin: 20px 0;width:auto;height:60px;}
#point .pointBox li:nth-of-type(5) dd .soudan_booth div p {text-align: left;font-size: 14px;font-weight: bold;}

.carddl { display: flex; justify-content: space-between; max-width:320px;margin:1rem 0; }
.carddl  a {width:49%;}
.carddl  a img{width:100%;}

@media only screen and (min-width:813px){
#point .pointBox{display: flex; flex-wrap: wrap;}
#point .pointBox > li{width: calc((100% - 20px) / 2); padding-bottom: 10px}
#point .pointBox > li:not(:nth-of-type(2n)){margin-right: 20px;}
#point .pointBox dl{height: 100%; position: relative;}
#point .pointBox dl dt{padding-right:0;}
#point .pointBox dl dd{padding-right:116px;}
#point .pointBox li:nth-of-type(1) dt{}
#point .pointBox li:nth-of-type(1) dd{}
#point .pointBox li:nth-of-type(2) dt{}
#point .pointBox li:nth-of-type(2) dd{padding-right:170px;padding-bottom: 25px;}
#point .pointBox li:nth-of-type(3) dt{}
#point .pointBox li:nth-of-type(3) dd{padding-right: 120px;}
#point .pointBox li:nth-of-type(4) dd{padding-right: 216px;}
#point .pointBox li:nth-of-type(4) dd{}
#point .pointBox li dl figure{position:absolute;right:15px; bottom: 15px;}
#point .pointBox li:nth-of-type(1) dl figure{}
#point .pointBox li:nth-of-type(2) dl figure{bottom: 10px;right: 20px;}
#point .pointBox li:nth-of-type(3) dl figure{top: 40px;bottom:inherit;}
#point .pointBox li:nth-of-type(4) dl figure{}
#point .pointBox li:nth-of-type(5) {width:100%; margin-right:0;}
#point .pointBox li:nth-of-type(5) dt {text-align: center;}
#point .pointBox li:nth-of-type(5) dd {padding-right:0;}
}
@media only screen and (max-width:812px){
#point .pointBox dl {padding:20px;}
#point .pointBox dl dd{display: flex;}
#point .pointBox dl dd figure{margin-left:20px;}
#point .pointBox dl dd p{flex:1;}
#point .pointBox dl dt {font-size: 24px;}
#point .pointBox dl dt span{font-size: 30px;}
#point .pointBox li{padding-bottom: 20px;}
#point .pointBox li:nth-of-type(1) figure{width:95.5px;}
#point .pointBox li:nth-of-type(2) figure{width:112.5px;}
#point .pointBox li:nth-of-type(3) figure{width:120.5px;}
#point .pointBox li:nth-of-type(4) figure{width:149px;}
#point .pointBox li:nth-of-type(5) dd .soudan_booth div {width:48%;}
}

#point .kidsBox{border: 3px solid #faed00; background-color:#eb6fa2; color:#fff;
border-radius: 30px; padding: 30px;}
#point .kidsBox h3{text-align: center; margin-bottom: 20px;}
#point .kidsBox h3 img{width: 100%; max-width: 351.5px; height: auto;}
#point .kidsBox ul li{font-size: 32px; font-weight: 700;}
#point .kidsBox ul li{}
#point .kidsBox ul li{padding-left: 20px; position: relative;}
#point .kidsBox ul li::before{content: ""; width:10px; height: 10px; background-color: #faed00; display: block; position: absolute; left: 0; top: 29px;
margin-top: -5px;
transform: rotate(45deg);}
#point .kidsBox ul li span:first-of-type{font-size: 20px; display:inline-block; border: 1px solid #fff; padding:3px 5px;line-height: 1.2;margin-left: 10px;margin-right:10px;}
#point .kidsBox ul li small{font-size: 14px; display:inline-block;}
#point .kidsBox ul li span:nth-of-type(2){font-size: 16px; font-weight: 500;margin-left: 10px;}
#point .kidsBox p{font-weight: 500;}
@media only screen and (min-width:813px){
#point .kidsBox ul{display: flex; flex-wrap: wrap;}
#point .kidsBox ul li:first-of-type{width:100%;}
#point .kidsBox ul li:not(:last-of-type){padding-right:20px;}
}
@media only screen and (max-width:812px){
  #point .kidsBox{padding: 15px;}
  #point .kidsBox h3 {margin-bottom: 5px;}
  #point .kidsBox ul li{font-size:24px;line-height: 1.5;margin-bottom:5px;}
  #point .kidsBox ul li::before {top:22px;}
}

.bnr_list{padding: 60px 4%; text-align: center;}
.bnr_list figure:not(:last-of-type){margin-bottom: 20px;}
.bnr_list figure img{width:100%; height: auto; max-width:800px; }

#voice{padding:60px 4%;}
#voice h2{text-align: center; margin-bottom: 20px;}
#voice h2 img{width: 100%; max-width: 323px; height: auto;}
#voice .voice-list{margin-bottom: 30px;}
#voice .voice-list li img{width:100%; height: auto;}
#voice .voice-list li:nth-of-type(1) img{max-width: 322.5px;}
#voice .voice-list li:nth-of-type(2) img{max-width: 337.5px;}
#voice .voice-list li:nth-of-type(3) img{max-width: 319.5px;}
#voice .voice-list li:nth-of-type(4) img{max-width: 345.5px;}
#voice .voice-list li:nth-of-type(5) img{max-width: 318.5px;}
#voice .voice-list li:nth-of-type(6) img{max-width: 331.5px;}
#voice .voice-list{
display: flex; justify-content: center; flex-wrap: wrap;
align-items: baseline;
}
@media only screen and (min-width:813px){
#voice .voice-list li{ width: calc(100% / 3);}

}
@media only screen and (max-width:812px){
#voice{padding:30px 4%;}
#voice .voice-list li{ width: calc(100% / 2);}
#voice .voice-list li:nth-of-type(1) {order:1;}
#voice .voice-list li:nth-of-type(2) {order:2; }
#voice .voice-list li:nth-of-type(3) {order:4;}
#voice .voice-list li:nth-of-type(4) {order:3; }
#voice .voice-list li:nth-of-type(5) {order:5;}
#voice .voice-list li:nth-of-type(6) {order:6; }
}

#voice .btn_voiceBox{margin-bottom: 50px;}
#voice .btn_voiceBox figure img{width:100%; height: auto;}
#voice .btn_voiceBox a, .douji a{display: inline-block; text-align: center; font-size: 18px;
padding: 14px 20px;line-height: 1.3;border: 2px solid #595757; background-color:#eb6fa2; max-width: 300px;
border-radius: 30px; color: #fff; margin-left: 20px; margin-right: 20px;}
#voice .btn_voiceBox figure:first-of-type{max-width:304px;}
#voice .btn_voiceBox figure:last-of-type{max-width:304px;}
@media only screen and (min-width:813px){
#voice .btn_voiceBox{display: flex; align-items: center; justify-content:center;}
#voice .btn_voiceBox a{order: 2;}
#voice .btn_voiceBox figure:first-of-type{order: 1;flex: 1;}
#voice .btn_voiceBox figure:last-of-type{order: 3;flex: 1;}
}
@media only screen and (max-width:812px){
#voice .btn_voiceBox{display: flex; flex-wrap: wrap;}
#voice .btn_voiceBox a{margin:0 auto; display: block; width: 100%;}
#voice .btn_voiceBox figure{width: 50%; margin-top: 30px;}
}

.douji{ padding: 40px 4%;}
.douji #douji01{background-color: #ffccc4; padding: 20px 40px 100px 40px; border-radius: 30px 30px 0 0;
max-width: 1000px; width: 100%;
    margin: 0 auto;
    position: relative;
}
.douji a {background:#FAED00;color:#EA604E;font-weight:bold;border-color:#e5717b;display:block;margin:3rem auto;max-width: 340px}

#douji01 h2{margin: 0 auto 10px;max-width: 732.5px; width: 100%;}
#douji01 img{width: 100%; height: auto;}
#douji01 .img_douji01_text01{max-width: 878px; margin: 0 auto 30px;}
#douji01 .img_douji01_text02{max-width: 844px; margin: 0 auto 30px;}
#douji01 .img_douji01_text03{max-width: 856.5px; margin: 0 auto;}

.douji #douji02{background-color: #f19abe; padding: 20px 40px 40px 40px; border-radius: 30px;
max-width: 1000px; width: 100%;
    margin: -30px auto 0 auto;
    position: relative;
}


#douji02 h2{margin: 0 auto 30px;max-width: 732.5px; width: 100%;}
#douji02 img{width: 100%; height: auto;}
#douji02 .img_douji02_text01{max-width: 878px; margin: 0 auto 30px;}
#douji02 .img_douji02_text02{max-width: 844px; margin: 0 auto 30px;}
#douji02 .img_douji02_text03{max-width: 856.5px; margin: 0 auto;}
@media only screen and (min-width:813px){
.douji #douji01::before{position:absolute;
    content: "";
    background-color: #ffccc4;
    width: 460px;
    height: 280px;
    top: -40px;
  left: 50%;
  margin-left: -230px;
  border-radius: 50%;
}
.douji #douji02::before{position:absolute;
    content: "";
    background-color: #f19abe;
    width: 460px;
    height: 280px;
    top: -40px;
  left: 50%;
  margin-left: -230px;
  border-radius: 50%;
}
}
@media only screen and (max-width:812px){
.douji #douji01 {padding-left:2rem; padding-right:2rem;}
.douji #douji01::before{position:absolute;
    content: "";
    background-color: #f8cec4;
width: 200px;
    height: 70px;
    top: -25px;
    left: 50%;
  margin-left: -100px;
  border-radius: 50%;
}
.douji #douji02 {padding-left:2rem; padding-right:2rem;}
.douji #douji02::before{position:absolute;
    content: "";
    background-color: #f19abe;
    width: 200px;
    height: 70px;
    top: -25px;
  left: 50%;
  margin-left: -100px;
  border-radius: 50%;
}
}


#adviser{padding:50px 4%;
background-color:#f19abe;
min-height:300px;
border-top-right-radius:2000px 700px;
border-top-left-radius:2000px 700px;
border-bottom-right-radius: 2000px 700px;
border-bottom-left-radius: 2000px 700px;
margin-left:-200px;
margin-right:-200px;
padding-left:calc(200px + 4%);
padding-right:calc(200px + 4%);
margin-top:30px;
padding-bottom: 140px;
padding-top: 80px;
position: relative;
}

#adviser h2{text-align: center; margin-bottom: 40px;}
#adviser h2 img{width:100%; max-width:313px; height: auto; }


.adviserBox{}


.adviserBox > div > div{width:100%; background-color: #fff; padding: 20px;
border-radius: 15px; text-align: center; margin-top: 20px;}
.adviserBox > div > div > span{font-weight: 900; color: #ea604e; text-decoration: underline; margin-bottom: 10px;}
.adviserBox > div > div p{text-align: left;}
.adviserBox > div figure{text-align: center;}
.adviserBox > div figure img{max-width:160px; width:100%; height: auto;}

.adviserBox > div dl dt{color: #fff; font-size:14px; font-weight:900; margin-bottom: 5px;}
.adviserBox > div dl dt p{font-size: 22px;line-height: 1; margin-bottom: 1rem;}
.adviserBox > div dl dt p span{font-size: 14px;}
.adviserBox > div dl dd{font-size: 14px; text-align: justify;
text-justify: inter-ideograph; /* IE */
text-justify: inter-character; /* Firefox */ line-height: 1.6;}

@media screen and (min-width:813px){
.adviserBox > hr{content: ""; width:100%;  border: 1px dashed #fff; margin:40px 0;}
.adviserBox{display: flex; flex-wrap: wrap;}
.adviserBox > div{display: flex;
flex-wrap: wrap;
align-items: flex-start;}
.adviserBox > div{width: 48%;}
    .adviserBox > div > div{min-height: 98px;}
.adviserBox > div:not(:nth-of-type(2n)){margin-right: 2%; padding-right: 2%; border-right:1px dashed #fff; }
.adviserBox > div dl{
width: calc(100% - 200px);
margin-left: 15px;}
}
@media only screen and (max-width:812px){
#adviser{padding-top:50px;padding-bottom:70px;}
.adviserBox > div{margin-top: 25px; }
.adviserBox > div:not(:last-of-type){border-bottom:1px dashed #fff;padding-bottom: 25px;}
    .adviserBox > div{display: flex; flex-wrap: wrap;}
    .adviserBox > div figure{width: 100px; margin-right: 20px;}
    .adviserBox > div dl{
width: calc(100% - 120px);
/*margin-left: 15px;*/}
    .adviserBox > hr{display: none;}
    .adviserBox > div > div{padding:10px 15px;border-radius:15px; width: 100%; margin-top: 20px;}
}

.bkBox{
background-image: url(../img/matchwork/2025_oshigoto/bg02.png);
background-repeat: repeat;
background-position: center top 0;
background-size:1366px;
position: relative;
    overflow-x: hidden;
}
.bkBox::before{content: ""; width:100vw; height: 400px;display: block; background-color: #fff;position: absolute;top: 0;/*! z-index: ; */}


#business{padding:60px 4%;}
#business h2{text-align: center;}
#business h2 img{width: 100%; max-width:681.5px; height: auto;}
#business .title07list{display: flex; justify-content:center; flex-wrap: wrap;}
#business .title07list li{margin: 10px 5px;
background-color: #eb6fa2;
text-align: center;
color: #fff;
font-weight: 900;
padding: 10px 20px;
line-height: 1;
border-radius: 30px;
font-size: 24px;}

.businessBox{width:100%; max-width: 1080px; margin:40px auto 0; padding:0; background-color: #fff;}

.coming{font-size: 4.8rem; text-align: center; font-weight: 900;}

#consultation{padding:60px 4%;}
#consultation h2{text-align: center;}
#consultation h2 img{width: 100%; max-width:558.5px; height: auto;}


#consultation .consultationBox{display: flex; flex-wrap: wrap; max-width: 1000px; margin:0 auto;justify-content: center;}
#consultation .consultationBox > div{border: 3px solid #ef8d93; background-color: #fff; padding:0 20px 20px 20px;
border-radius: 30px; margin-bottom: 30px;}

#consultation .consultationBox > div p{font-weight: 400; font-size: 1.8rem;text-align: justify;
text-justify: inter-ideograph; /* IE */
text-justify: inter-character; /* Firefox */}

#consultation .consultationBox h3{text-align: center;margin-bottom: 30px;}
#consultation .consultationBox h3 img{width:100%; max-width: 236px; height: auto;}
@media screen and (min-width:813px){
#consultation .consultationBox > div{width: calc((100% - 60px) / 2); margin-right: 30px;}
#consultation .consultationBox > div:nth-of-type(2){margin-right: 0;}
#consultation .consultationBox > div:nth-of-type(4){margin-right: 0;}
}
@media only screen and (max-width:812px){
#business .title07list{flex-wrap: wrap;}
}

#outline{background-color: #fcf25b;min-height: 300px;border-top-right-radius: 2000px 700px;border-top-left-radius: 2000px 700px;margin-left: -200px;margin-right: -200px;padding-left: calc(200px + 4%);padding-right: calc(200px + 4%);margin-top: 40px;padding-top: 40px;position: relative;/*! margin-top: 60px; */}
#outline > div{max-width: 800px; margin:0 auto;padding: 30px; background-color: #fff;border: 4px solid #faed00;margin-top: -80px;}
#outline .outline_soudan {margin-top: 2rem; border-color:#ff9989;}
#outline > div h2{text-align: center;margin-bottom: 30px;}
#outline > div h2 img{max-width: 430px; height: auto; width:100%;}

#outline > div > dl > dt{background-color: #faed00;padding: 10px;text-align: center;font-weight: 700;}
#outline .outline_soudan dl dt {background: #ff9989;color:#fff;}
#outline > div > dl > dd:last-of-type{padding: 0;}
#outline > div > dl > dd > b.text22{font-size: 2.2rem;}
#outline > div > dl > dd > dl{display: flex; flex-wrap: wrap;}
#outline > div > dl > dd > dl > dt{border: 2px solid #faed00;width: 82px;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;padding: 5px;font-size: 12px;font-weight: 700;}
#outline > div > dl > dd > dl > dd{margin-bottom: 5px;width: calc(100% - 97px);margin-left: 15px;}
#outline > div > dl > dd > dl > dt:last-of-type{margin-bottom: 0;}
#outline > div > dl > dd > dl > dd:last-of-type{margin-bottom: 0;}
@media screen and (min-width:813px){
#outline > div > dl{display: flex; flex-wrap: wrap;}
#outline > div > dl > dd{padding: 10px 0; width: calc(100% - 145px);margin-bottom: 15px;}
#outline > div > dl > dt{width: 125px;display: flex;align-items: center;justify-content: center;margin-bottom: 15px; margin-right: 20px;}
#outline > div > dl > dd > b.text22{margin-right: 15px;}
}
@media only screen and (max-width:812px){
#outline > div > dl > dt{margin-bottom: 10px; }
#outline > div > dl > dd{margin-bottom: 15px;}
}

#qa{background-color: #fcf25b; padding: 50px 4%;}
#qa h2{text-align: center; margin-bottom: 40px;}
#qa h2 img{width: 100%; height: auto; max-width:151px; }

.faqList{width:100%; max-width: 1000px; margin:0 auto;}
.faqList dl{margin-bottom: 20px;}
.faqList dl dt{font-weight: 700; /*! margin-bottom: 10px; */font-size: 2.6rem;padding-top: 15px;padding-right: 50px;line-height: 1.3;
color: #eb6fa2;
padding: 15px 50px 15px 70px;
border: 3px solid #eb6fa2;
background-color: #fff;
border-radius: 40px;
}

.faqList dl dd{
display: none;
padding-left: 7rem;
}

.faqList dl dt,
.faqList dl dd{
/*! padding-left:100px; */
/*! padding-bottom:10px; */
position:relative;
/*! min-height: 100px; */
}
.faqList dl dd > div{
/*! background-color: rgba(102,195,207,0.2); */
padding: 15px 15px 15px 0;
font-size: 1.6rem;
font-weight: 700;
position: relative;
}

.faqList dl dt:before,
.faqList dl dd:before{
position:absolute;
left:20px;
display:inline-block;
margin-right:5px;
width:42px;
height:42px;
top: 9px;
}
.faqList dl dt:after {
content:"";
width: 27.5px;
height: 24px;
display: block;
position: absolute;
right: 25px;
top: 50%;
margin-top: -15px;
transition: 0.8s;
background:url(../img/matchwork/2025_oshigoto/ico-arrow.png) no-repeat center center;
background-size:
27.5px;
}

.faqList dl dt.fa-plus-square::after{
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}


.faqList dl dt:before{
content: "";
background-image:url(../img/matchwork/2025_oshigoto/ico-Q.png);
background-size: 24px 40px;
background-position: center center;
background-repeat: no-repeat;
}
.faqList dl dd:before {
content: "";
background:url(../img/matchwork/2025_oshigoto/ico-A.png) no-repeat center center;
background-size: 28.5px 40.5px;
}

.pop_qa h3 {text-align: center;margin-bottom: 1rem;}
.pop_qa h3 img {width: 110px;}
.pop_qa .faqList dl dt { color: #e5717b; border: 3px solid #e5717b;}
.pop_qa .faqList dl dt:after { background-image:url(../img/matchwork/2025_oshigoto/pop_ico-arrow.png); }
.pop_qa .faqList dl dt:before{ background-image:url(../img/matchwork/2025_oshigoto/pop_ico-Q.png); }
.pop_qa .faqList dl dd:before { background-image:url(../img/matchwork/2025_oshigoto/pop_ico-A.png); }
.pop_qa .faqList dl dd a {text-decoration: underline;}

.faqList dl dd p{margin-bottom: 10px;}
@media only screen and (max-width: 768px){
.faqList dl dt{font-size: 18px;}
.faqList dl dt,
.faqList dl dd{
padding-left:70px;
min-height: 60px;
position: relative;
}
.faqList dl dt{border-radius: 30px;}
.faqList dl dt:before,
.faqList dl dd:before{
width:45px;
height:45px;
line-height:45px;
text-align:center;
color:#fff;
font-size:20px;
top: 4px;
}

.faqList dl{padding-bottom: 10px;}
}


#reservations{background-color:#f19abe; padding: 50px 4%;}
#reservations h2 img{max-width:410px; width: 100%; height: auto;}

#entry{background-color:#fff; padding: 50px 4% 0;}
#entry h2{text-align: center; margin-bottom: 50px;}
#entry h2 img{max-width:360px; width: 100%; height: auto;}

.forBox h2{text-align: center; margin-bottom: 20px;}

.forBox .content_in > div{
  margin-bottom: 50px;
}
.forBox .content_in > div figure {text-align: center;}
.forBox .content_in > div figure img{width: 100%;height: auto;max-width: 600px;margin: 0 auto;display: inline-block;margin: 3rem auto 1rem;}
.forBox .content_in > div dl{padding: 0 30px;text-align: center;}
.forBox .content_in > div dt{color: #fff;line-height: 1.6;margin-bottom: 20px;}
.forBox .content_in > div dt span{font-weight: 700;display: block;font-size: 2.0rem;}
.forBox .content_in > div dd{}
.forBox .btn_entry{display: block; margin:0 auto 40px; max-width: 1000px; width:100%;}
.forBox .btn_entry img{width:100%; height: auto;}
@media screen and (min-width:813px){
.forBox .content_in > div{/*display: flex;justify-content: center;align-items: center;*/}
}
@media only screen and (max-width:812px){
    .forBox .content_in > div dl{margin-bottom: 40px;}
    .forBox .content_in > div figure{text-align: center;}
}


.btn01,.btn03{
display: inline-block;
text-align: center;
font-size: 18px;
padding: 10px 20px;
line-height: 1.3;
border: 2px solid #ccc;
background-color: #ccc;
max-width: 300px;
border-radius: 30px;
color: #fff;
  width: 100%;
  font-size: 2.2rem;
  font-weight: 700;
}
.btn02,.btn04{
display: inline-block;
text-align: center;
font-size: 18px;
padding: 14px 20px;
line-height: 1.3;
border: 2px solid #fff;
background-color: #fff;
max-width: 300px;
border-radius: 30px;
color: #eb6fa2;
  width: 100%;
}

.btn01{
border: 2px solid #faed00;
background-color: #faed00;
color: #ea604e;
}
.btn03{
  border: 2px solid #faed00;
background-color: #faed00;
color: #ef8d93;
}
.btn04{
  color: #ef8d93;
}

.btn05,.btn06{
display: inline-block;
text-align: center;
font-size: 18px;
padding: 14px 20px;
line-height: 1.3;
border: 2px solid #eb6fa2;
background-color: #eb6fa2;
max-width: 220px;
border-radius: 30px;
color: #fff;
width: 100%;
}

.btn06{
border: 2px solid #ff9989;
background-color: #ff9989;
}

#footerBox{background-color:#fff; padding:60px 4% 10px 4%;}
#footerBox .f_btnBox{margin-bottom: 50px;}

dl.footerdl01{display: flex; line-height:1.6; margin-bottom:60px;}
dl.footerdl01 > dt{width:20%; background-color:#DBDCDC; text-align: center; font-size:1.8rem; font-weight:bold; padding:10px; display: block; display: flex; align-items: center;}
dl.footerdl01 > dd{width:80%; padding:10px;}

dl.footerdl01 > dd li {text-indent:-1em; padding-left:1em; margin-bottom:2px; font-size:1.4rem;}
dl.footerdl01 > dd li::before {content: '・'; font-weight: bold; font-size:100%; margin-right:0;}
dl.footerdl01 > dd li:last-child{margin-bottom:0;}
dl.footerdl02{display: flex; align-items: center; line-height:1.6; margin-bottom:0; margin-top: 50px;}
dl.footerdl02 > dt{
padding: 5px 15px;
background-color: #231815;
color: #fff;
text-align: center;
font-size: 1.6rem;}
dl.footerdl02 > dd{ padding:10px;}
dl.footerdl02 > dd strong{font-size:1.7rem;}
dl.footerdl02 > dd strong span{font-size:1.6rem;}

.f_telNo{line-height:30px; font-weight: bold; text-align: center; margin-bottom:40px;}
.f_telNo dt{display: inline-block;
background-color: #fff;
color: #000;
border: 1px solid #000;
text-align: center;
font-size: 1.6rem;
padding: 30px 5px;
}

.f_telNo dd{font-size: 1.1rem; text-align: left;}
.f_telNo dd b{font-weight: bold; font-size:1.8rem;}
.f_telNo dd span{font-size: 1.4rem;}
.f_telNo dd a{font-size: 40px; font-weight: bold;}
.f_telNo dd a span{font-size:3.0rem;}
@media only screen and (min-width: 813px){
#footerBox .f_btnBox a:first-of-type{margin-right: 20px;}
#footerBox .f_btnBox{display: flex; justify-content: center;}
dl.footerdl02{justify-content: center;}
dl.footerdl02 > dd:first-of-type{margin-right: 20px;}
.f_telNo{display: flex;align-items: center;justify-content: center;}
.f_telNo dt{width: 120px;margin-right: 10px;}
a[href^="tel:"] {
pointer-events: none;
}
}
@media only screen and (max-width:812px){
#footerBox .f_btnBox a{margin:0 auto 20px; display: block;}

dl.footerdl01{display: block;}
dl.footerdl01 dt{font-size:4.6vw; text-align: center;}
dl.footerdl01 dt,dl.footerdl01 dd{width:100%;}


dl.footerdl02{align-items:flex-start; flex-wrap: wrap;}
dl.footerdl02 dt{width:29%; margin-right:3%; margin-bottom:10px;font-size: 1.2rem; padding:5px 1px; }
dl.footerdl02 dd{width:68%; padding:0 0; margin-bottom:10px;font-size: 1.2rem;}
.f_telNo dt{width: 100%; margin-bottom: 8px; }
.f_telNo dd a span{font-size:1.4rem; }
.f_telNo dd a{font-size:8.5vw;}

.img08Box{display: flex; flex-flow: column;}
#schedule .schedule_ico{order: 1; margin-bottom: 20px;}
.img08Box figure{order: 2;}

}

.lineadd {
  display: block;
  width:100%;
  max-width:800px;
  margin:0 auto;
}
.lineadd img {
  width:100%;
}

#kengaku {
  background: rgba(234, 101, 118, 0.7);
  padding:7rem;
  max-width: 1000px;
  margin: 0 auto;
  border-radius: 20px;
}
#kengaku h2 {
  text-align: center;
}
#kengaku h2 img {
  width:100%;
  max-width: 750px;
}
#kengaku h2+p {
  color:#fff;
  font-size: 18px;
  text-align: center;
  margin-bottom: 4.5rem;
}
.kengaku_btn {
  display: block;
  width: 90%;
  max-width: 360px;
  margin: 1rem auto;
}
.kengaku_btn img {
  width: 100%;
}
.kengaku_dtl {
  background:rgba(255,255,255,0.7);
  padding: 3rem;
  border-radius: 20px;
  margin: 5rem 0;
}
.kengaku_dtl img {
  width: 100%;
  max-width: 480px;
}
.kengaku_com {
  text-align: center;
}
.kengaku_com img {
  width:100%;
  max-width: 620px;
}
#kengaku ul {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  margin-top: 3rem;
}
#kengaku ul li {
  width: 32%;
  height:90px;
  background: #fff;
  border-radius: 10px;
  border: solid 1px #F65A74;
  box-shadow: 5px 5px #F65A74;
  margin-bottom: 1.5rem;
}
#kengaku ul li a {
  display: flex;
  height: 100%;
  padding-right: 1rem;
  justify-content: space-between;
  align-items: center;
}
#kengaku ul li a div {
  text-align: center;
  width: calc(100% - 28px);
  line-height: 1.2;
  font-weight: bold;
}
#kengaku ul li a div span {
  display: block;
  font-size:12px;
  font-weight: normal;
  margin-top: 5px;
}
#kengaku ul li a .kengaku_arw {
  width: 28px;
  height: 28px;
  background: url(../img/matchwork/2023_oshigoto/kengaku_arw.png);
  background-size: contain;
}
@media only screen and (max-width:812px){
  #kengaku {
    background: rgba(234, 101, 118, 0.7);
    padding:2rem;
    margin: 0 1rem;
    border-radius: 12px;
  }
  #kengaku h2+p {
    font-size: 14px;
    margin-bottom: 2.5rem;
  }
  .kengaku_dtl {
    padding: 1.5rem;
    border-radius: 12px;
    margin: 2.5rem 0;
  }
  #kengaku ul {
    margin-top: 1.5rem;
  }
  #kengaku ul li {
    width: 100%;
    margin-bottom: 1.5rem;
  }
}

/*============================ */

.copyright{font-size:10px; margin-top: 30px;text-align: center;}

/*----------------------------------------------------
popdeta
----------------------------------------------------*/

#popdeta,
#popdeta2 {display: none;
opacity: 0;
background-color: #ed9ca3;
/*-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;*/
position: fixed;
top: 0;
left:0;
width:100%;
height:100%;
    z-index: 4;
}
#popdeta2 {
background-color: #faed00;
}

body.noscroll2 #popdeta,
body.noscroll2 #popdeta2{
opacity: 1;
display: block;
/*-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;*/
padding: 20px;
z-index: 3;
height: 100%;
overflow-y: scroll;
padding-bottom: 100px;
}

#popdeta .content_in > h3{text-align: center; margin-bottom: 40px;}

#popdeta .pop_title01 {margin-bottom: 40px;}
#popdeta .pop_title01 img {width: 100%;}
@media only screen and (max-width:812px){
	#popdeta .pop_title01 {margin-top: 40px;margin-bottom: 10px;}
}

#popdeta .clase,
#popdeta2 .clase{
position: fixed;
right: 20px;
top: 0px;
display: inline-block;
color: #fff;
text-decoration: none;
font-size: 4em;
line-height: 1;}
#popdeta .modoru,
#popdeta2 .modoru{
position: static;
display: block;
margin: 4rem auto 0;
width: 160px;
padding: 1.5rem;
background: #fff;
color:#EF8D93;
font-size: 2rem;
font-weight: bold;
border-radius: 30px;
text-align: center;
}
#popdeta2 .clase{ color:#000; }
#popdeta .content_in > h3 img{max-width:825.5px; width:100%; height: auto;}

#popdeta .daytimeBox{margin-bottom: 30px;}
#popdeta .daytimeBox h4{color: #fff;}
#popdeta .daytimeBox dl{}
#popdeta .daytimeBox dt{font-weight: 700;font-size: 3.6rem;line-height: 1.2;letter-spacing: 0;margin-bottom: 3px;}
#popdeta .daytimeBox dt b{font-size: 5.6rem;}
#popdeta .daytimeBox dd{font-size: 2.0rem; line-height: 1;display: flex;align-items: center;}
#popdeta .daytimeBox dd span{display: inline-block;font-size: 1.6rem;border: 1px solid;padding: 5px 10px;margin-top: 0px;margin-right: 10px;}
#popdeta .daytimeBox dd b{font-size:3.2rem;}
@media only screen and (min-width: 813px){
#popdeta .daytimeBox{display: flex;}
    #popdeta .daytimeBox > div{width: 50%;padding: 0 20px;display: flex;justify-content: center;align-items: flex-start;}
    #popdeta .daytimeBox > div:first-of-type{border-right: 1px solid #000;}
#popdeta .daytimeBox h4{margin-right: 20px;padding: 20px 0;}
}
@media only screen and (max-width:812px){
#popdeta .daytimeBox h4{}
#popdeta .daytimeBox dl{margin-bottom: 1rem;}
#popdeta .daytimeBox dt{}
#popdeta .daytimeBox dd{}
}

#popdeta .pointBox{ margin-bottom: 40px;}
#popdeta .pointBox dl{border: 3px solid #ef8d93; background-color: #fff;
border-radius: 30px; padding: 30px 20px 20px 20px;
}
#popdeta .pointBox dl dt{color: #ef8d93;font-weight: 900;font-size: 26px;line-height: 1.5; margin-bottom: 5px;}
#popdeta .pointBox dl dd{font-size: 1.4rem;}
#popdeta .pointBox dl dd figure{}
#popdeta .pointBox li{padding-top: 30px; position: relative;}
#popdeta .pointBox li::before{content: ""; display: block; background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; left: 0; right: 0; top:0; margin:0 auto;z-index: 1;}
#popdeta .pointBox li:nth-of-type(1)::before{background-image:url(../img/matchwork/2025_oshigoto/pop_ico-point01.png); width:143.5px; height:58.5px;}
#popdeta .pointBox li:nth-of-type(2)::before{background-image:url(../img/matchwork/2025_oshigoto/pop_ico-point02.png); width:143.5px; height:58.5px;}
#popdeta .pointBox li:nth-of-type(3)::before{background-image:url(../img/matchwork/2025_oshigoto/pop_ico-point03.png); width:143.5px; height:58.5px;}
#popdeta .pointBox li:nth-of-type(4)::before{background-image:url(../img/matchwork/2025_oshigoto/pop_ico-point04.png); width:143.5px; height:58.5px;}
#popdeta .pointBox li figure{}
#popdeta .pointBox li figure img{width:100%; height: auto;}
#popdeta .pointBox li:nth-of-type(1) figure img{max-width:156.5px;}
#popdeta .pointBox li:nth-of-type(2) figure img{max-width:97.5px;}
#popdeta .pointBox li:nth-of-type(3) figure img{max-width:66px;}
#popdeta .pointBox li:nth-of-type(4) figure img{max-width:114px;}

@media only screen and (min-width:813px){
#popdeta .pointBox{display: flex; flex-wrap: wrap;}
#popdeta .pointBox > li{width: calc((100% - 20px) / 2); padding-bottom: 10px}
#popdeta .pointBox > li:not(:nth-of-type(2n)){margin-right: 20px;}
    #popdeta .pointBox li:nth-of-type(5){margin-right: 0; width: 100%;}
#popdeta .pointBox dl{height: 100%; position: relative;}
#popdeta .pointBox dl dt{/*! padding-right:0; */}
#popdeta .pointBox dl dd{padding-right:145px;}
#popdeta .pointBox li:nth-of-type(1) dt{}
#popdeta .pointBox li:nth-of-type(1) dd{}
#popdeta .pointBox li:nth-of-type(2) dt{padding-right:80px;}
#popdeta .pointBox li:nth-of-type(2) dd{padding-right:100px;}
#popdeta .pointBox li:nth-of-type(3) dt{}
#popdeta .pointBox li:nth-of-type(3) dd{padding-right: 74px;}
#popdeta .pointBox li:nth-of-type(4) dt{padding-right: 126px;}
#popdeta .pointBox li:nth-of-type(4) dd{padding-right: 111px;}
#popdeta .pointBox li:nth-of-type(5) dt{padding-right:100px;}
#popdeta .pointBox li:nth-of-type(5) dd{padding-right:100px;}
#popdeta .pointBox li dl figure{position:absolute;right:25px; bottom: 0;}
#popdeta .pointBox li:nth-of-type(1) dl figure{}
#popdeta .pointBox li:nth-of-type(2) dl figure{bottom: 0;right: 20px;}
#popdeta .pointBox li:nth-of-type(3) dl figure{right: 25px;}
#popdeta .pointBox li:nth-of-type(4) dl figure{bottom: 34px;}
#popdeta .pointBox li:nth-of-type(5) dl figure{bottom: 0; right: 20px;}
}
@media only screen and (max-width:812px){
#popdeta .pointBox dl dt{}
#popdeta .pointBox dl dd{display: flex;}
#popdeta .pointBox dl dd figure{margin-left:20px;}
#popdeta .pointBox dl dd p{flex:1;}
#popdeta .pointBox li{padding-bottom: 20px;}
#popdeta .pointBox li:nth-of-type(1) figure{width:95.5px;}
#popdeta .pointBox li:nth-of-type(2) figure{width:112.5px;}
#popdeta .pointBox li:nth-of-type(3) figure{width:120.5px;}
#popdeta .pointBox li:nth-of-type(4) figure{width:119px;}
#popdeta .pointBox li:nth-of-type(5) figure{width:100%;margin-left: 0;
    text-align: center;}
    #popdeta .pointBox li:nth-of-type(5) dl dd{display: block;}
    #popdeta .pointBox li:nth-of-type(5) dl{padding-bottom: 0;}
}

#popdeta .imgBox{display: flex; align-items: center; margin-bottom: 50px;}
#popdeta .imgBox img{width: 100%; height: auto;}
@media only screen and (min-width:813px){
#popdeta .imgBox h3{padding: 0 20px;width: 207.5px;}
/*#popdeta .imgBox figure{width: calc((100% - 227.5px) / 3);}*/
#popdeta .imgBox figure:nth-of-type(1){width:204px; margin-right: -5px; }
#popdeta .imgBox figure:nth-of-type(2){width:232.5px; margin-right: 12px;margin-left: 8px;}
#popdeta .imgBox figure:nth-of-type(3){width:258px; }
/*#popdeta .imgBox figure:nth-of-type(1){margin-right: 10px;}
#popdeta .imgBox figure:nth-of-type(2){margin-right: 10px;}*/
#popdeta .imgBox figure:nth-of-type(3){}
}
@media only screen and (max-width:812px){
   #popdeta .imgBox{flex-wrap: wrap;}
    #popdeta .imgBox h3{padding: 10px; width: 50%;}
    #popdeta .imgBox figure{width: 44%; padding: 5px;}
	#popdeta .imgBox .b_voice02 {width: 48%;}
	#popdeta .imgBox .b_voice03 {width: 52%;}
}

#popdeta .pop_txtsetumei img{width:100%; height: auto;}

#popdeta .setumeikaiBox{border: 3px solid #ea604e; padding: 120px 20px 20px 20px;
background-color: #fff; margin-bottom: 40px;}
#popdeta .setumeikaiBox h3{text-align: center; margin-bottom: 10px; margin-top: -140px;}
#popdeta .setumeikaiBox h3 img{width:100%; max-width: 1000px; }
#popdeta .setumeikaiBox .days{margin-bottom: 20px;}
#popdeta .setumeikaiBox .days p:first-of-type{font-size: 1.8rem;line-height: 1.3;}
#popdeta .setumeikaiBox .days p:first-of-type b{font-size: 3.6rem;}
#popdeta .setumeikaiBox .days p:nth-of-type(2){font-size: 1.8rem;line-height: 1.2;}
#popdeta .setumeikaiBox .days p:nth-of-type(2) span{display: inline-block;
font-size: 1.6rem;
border: 1px solid;
padding: 5px 10px;
margin-top: 0px;
margin-right: 10px;}
#popdeta .setumeikaiBox .days p:nth-of-type(2) b{font-size: 3.2rem;}
#popdeta .setumeikaiBox .days dl{display: flex;margin-top: 10px;}
#popdeta .setumeikaiBox .days dl dt{text-align: center; border-left: 1px solid #000; border-right: 1px solid #000; padding:0 10px;}
#popdeta .setumeikaiBox .days dl dd{font-size: 1.8rem; padding:0 10px;}
#popdeta .setumeikaiBox > ul{display: flex;margin-bottom: 10px; }
#popdeta .setumeikaiBox > ul li{margin: 0;
background-color: #ea604e;
text-align: center;
color: #fff;
font-weight: 700;
padding: 10px 20px;
line-height: 1;
border-radius: 30px;
font-size: 1.8rem;}
#popdeta .setumeikaiBox > ul li{margin-right: 10px;}
#popdeta .setumeikaiBox .textBox dl{display: flex;align-items: center;}
#popdeta .setumeikaiBox .textBox dl dt{text-align: center; border-left: 1px solid #000; border-right: 1px solid #000; padding:10px;font-size: 1.3rem;width: 65px;}
#popdeta .setumeikaiBox .textBox dl dd{padding:0 10px; font-weight: 700; line-height: 1.4;flex: 1;}
#popdeta .setumeikaiBox .textBox dl dd span{
    font-weight: 500;
}
@media only screen and (min-width:813px){
    #popdeta .setumeikaiBox .days{display: flex; flex-wrap: wrap; margin-top: -50px;}
    #popdeta .setumeikaiBox .days p:first-of-type{margin-right: 20px;}
    #popdeta .setumeikaiBox .textBox{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #popdeta .setumeikaiBox .textBox p{flex:1;margin-right: 20px;}
    #popdeta .setumeikaiBox .textBox dl{width: 240px;}

}
@media only screen and (max-width:812px){
    #popdeta .setumeikaiBox > ul{display: flex; flex-wrap: wrap;}
    #popdeta .setumeikaiBox .textBox p{margin-bottom:20px;}
    #popdeta .setumeikaiBox > ul li{margin-bottom: 10px;}
}

#popdeta .pop_flow {width:100%;max-width: 1000px; margin: 0 auto 2.5rem; display: block;}
#popdeta .pop_flow img {width:100%;}

#popdeta .pop_btn {margin-top: 6rem;}
#popdeta .pop_btn a {max-width: 500px;font-size:32px;border:solid 2px #f1976a;}
#popdeta .pop_btn a span {display: block;color:#000;font-size:20px;font-weight: normal;}


#popdeta2 .pop2_title { text-align: center; max-width: 800px; margin:0 auto 2rem;}
#popdeta2 .pop2_title img { width:100%; }

#popdeta2 .pop2_arrow {text-align: center; margin: 3rem 0;}
#popdeta2 .pop2_arrow img {width:90px;}

#popdeta2 figure img {width:100%;}

@media only screen and (max-width:812px){
	#popdeta2 .pop2_arrow {margin: 2rem 0;}
	#popdeta2 .pop2_arrow img {width:60px;}
}


.btn_pagetop {position: fixed; bottom: 10px; right: 10px;text-align: center; transition: 0.3s 0;}
.btn_pagetop img{display: block;width:32px;height:32px;}
.btn_pagetop:hover {opacity: 0.8;}
html{ scroll-behavior: smooth;}

.btn_contacts img{width:138px;}
.btn_contacts{display: block; position:fixed;bottom: 10px;right: 3%;
/*animation: fuwafuwa 2s infinite;*/
}

@media only screen and (max-width:812px){
	.btn_contacts {bottom: 10px; right: 15px;}
	.btn_contacts img{width:100px;}
	.btn_pagetop {bottom:0; right:0;}
}

.company_data_list{width:100%; max-width: 1080px; margin:0 auto;}
.company_data_list a{display: block; position:relative;}
.company_data_list a span{
position: absolute;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background-color: #eb7288;
  top: -10px;
  left: -10px;
  z-index: 9;
  text-align: center;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

.timescedule {
  width:100%;
  max-width: 1000px;
  margin: 4rem auto 2rem;
}
.timescedule table {
  width: 100%;
}
.timescedule tr:nth-child(2n) td {
  background: rgba(225, 225, 225, 0.55);
}
.timescedule tr td:nth-child(3) {
  border-left: solid 1px #ccc;
  padding-left:2rem;
}

.company_data_list li{margin-bottom: 30px;}
.company_data_list li img{width:100%; height: auto;}
@media only screen and (min-width:813px){
    .company_data_list{display: flex; flex-wrap: wrap; justify-content:flex-start;}
.company_data_list li{width:calc(94% / 4); margin-bottom: 30px;}
 .company_data_list li:not(:nth-of-type(4n)){margin-right: 2%;}

}
@media only screen and (max-width:812px){
    .company_data_list li{width:100%; max-width: 360px; margin:0 auto 30px;}
}

section#mt_company_data{max-width:800px; width:100%; background:url(../img/matchwork/img23.png) no-repeat left top; background-size:50px; padding:0; font-family: 'Kosugi Maru', sans-serif;}
section#mt_company_data h4{/*width:100%; max-width:300px; margin:0 auto 10px;*/ text-align: center;
font-size:24px;}
section#mt_company_data h4 img{width:100%; max-width:300px;}
section#mt_company_data hr{width:40px; border-bottom:1px solid #000; margin:0 auto 5px;}
.whitebg{padding:30px 30px 0 30px;}
section#mt_company_data .cat_text{font-size: 25px;
font-weight: 600;
text-align: center;
}
section#mt_company_data .cat_text::before{content:"“"; color:#2289ce; font-size:40px; margin-right:5px;}
section#mt_company_data .cat_text::after{content:"”"; color:#e96da7; font-size:40px; margin-left:5px;}
section#mt_company_data .mt_company_tags{margin-left:-8px;}
section#mt_company_data .mt_company_tags li{display:inline-block; text-align: center; background-color:#e96da7; color:#fff; padding:5px 10px; margin-left:8px; font-size:12px;-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px; margin-bottom:5px;}

.messageBox{display: flex; margin-top:20px; margin-bottom:40px;}
.messageL{margin-right:4%; flex-basis:48%; width:48%;}
.messageL p{text-align: justify;}
.messageR {flex-basis:48%; width:48%;}
.messageR img{width:100%;}
.title_kigyou{width:100%; -moz-border-radius: 100px;
-webkit-border-radius: 100px;
-ms-border-radius: 100px;
border-radius: 100px; border:3px solid #2289ce; padding:10px; text-align: center; color:#2289ce; font-size:1.2rem; font-weight:600; margin-bottom: 20px;}

.title_experience_text{font-size:1.2rem; font-weight:600; margin-bottom: 15px; color:#eb7288; text-align: center;}
.experienceBox{display: flex; margin-top:20px; margin-bottom:40px;}
.experienceL{margin-right:4%; flex-basis:48%; width:48%;}
.experienceL dl{display: flex; flex-wrap:wrap; align-items:center;}
.experienceL dt{line-height: 1.5; margin-bottom:10px; text-align: center; vertical-align: top; padding:10px; font-size:1.2rem; font-weight:600; background-color:#ee847d; color:#fff; display: inline-block; width:30%;}
.experienceL dd{margin-bottom:10px; padding:10px; font-size:31px; font-weight:600; display: inline-block; width:70%;}
.experienceL dd span{font-size:1.2rem; font-weight:600; display: block;}
.experienceR {flex-basis:48%; width:48%;}
.experienceR ul{
	padding:0.5em;
	list-style-type:none;
}
.experienceR ul li {
	position:relative;
	padding: 0em 0.3em 0.3em 1.3em;
}
.experienceR ul li:before {
	position:absolute;
	content:'';
	top: 0.5em;
	left: 0.2em;
	height:0;
	width:0;
	border-style: solid;
	border-width: 6px 0 6px 9px;
	border-color: transparent transparent transparent #eb7288;
}


.pr_box{background:url(../img/matchwork/img24.png) no-repeat left bottom; background-size:22%; min-height:300px;}
.pr_text{position: relative;text-align: justify; margin-left:28%; padding:20px;
background-color:#fbe3e1;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-ms-border-radius: 30px;
border-radius: 30px;}
.pr_box .btn_boxs{margin-top:40px;}
.pr_text:after{
left:-40px;
top:60%;
  content: "";
  position: absolute;
  width: 0;
height: 0;
border-style: solid;
border-width: 0 0 30px 50px;
border-color: transparent transparent #fbe3e1 transparent;
line-height: 0px;
_border-color: #000000 #000000 #fbe3e1 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.company_data{background-color:#f1f1f1; padding:25px 30px 30px 30px;}

.company_data dl{display: flex; flex-wrap: wrap; border-bottom:1px solid #000;}
.company_data dt{width:15%; flex-basis:15%; padding:5px 0; text-align:top;}
.company_data dd{width:85%; flex-basis:85%; padding:5px 0; text-align:top;}
.company_data dt,.company_data dd{border-top:1px solid #000;}
.company_data dt:first-of-type,.company_data dd:first-of-type{border-top:none;}
@media only screen and (max-width:812px){
    section#mt_company_data h4{font-size: 18px;}
section#mt_company_data{padding:0 !important;}
section#mt_company_data .cat_text{font-size: 16px;
line-height:1.6;
font-weight: 600;
text-align: center;
	position: relative;
	display: block;
padding:20px 10px 20px;
}
section#mt_company_data .cat_text::before{position: absolute; top:0; left:-25px; content:"“"; color:#2289ce; font-size:40px; margin-right:5px;}
section#mt_company_data .cat_text::after{position: absolute; content:"”"; color:#e96da7; font-size:40px; margin-left:5px; top:0; right:-25px;}
	.messageBox{flex-direction:column;}
	.messageL{margin-bottom:20px;}
	.messageL,.messageR{width:100%; margin-right:0;}
	.pr_box .btn_boxs{padding-left:30%; margin-top:20px;}

.pr_box{background:url(../img/matchwork/img24.png) no-repeat left bottom; background-size:80px; min-height:350px;padding-bottom: 150px;}
.pr_text{position: relative;text-align: justify; margin-left:0; padding:20px;
background-color:#fbe3e1;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-ms-border-radius: 30px;
border-radius: 30px;}

.pr_text:after{
top:100%;
left:20%;
  content: "";
  position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 5px 0 5px;
border-color: #fbe3e1 transparent transparent transparent;
line-height: 0px;
_border-color: #fbe3e1 #000000 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

	.experienceBox{flex-direction:column;}
	.experienceL,.experienceR{width:100%; margin-right:0;}
.experienceL dl{display: flex; flex-wrap:wrap; align-items:center; margin-bottom:30px;}
.experienceL dt{line-height: 1.5; margin-bottom:10px; text-align: center; vertical-align: top; padding:6px; font-size:1rem; font-weight:600; background-color:#ee847d; color:#fff; display: inline-block; width:30%;}
.experienceL dd{margin-bottom:10px; padding:6px; font-size:1.2rem; font-weight:600; display: inline-block; width:70%;}
.experienceL dd .times{font-size:1.2rem; font-weight:600; display: block;}

.company_data dl{flex-direction:column;}
.company_data dt{width:100%; flex-basis:100%; padding:5px 0 0 0; text-align:top; font-weight:bold;}
.company_data dd{width:100%; flex-basis:100%; padding:5px 0; text-align:top; font-size:12px;}
.company_data dd{border-top:none;}
.company_data dt:first-of-type,.company_data dd:first-of-type{border-top:none;}
}
/*----------------------------------------------------
 Animation
----------------------------------------------------*/
.fadeUp.play{
animation-name:fadeUpAnime;
animation-duration:0.8s;
animation-fill-mode:forwards;
opacity:0;
animation-delay: 0.8s;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}
.fadeUp{
opacity: 0;
}

@keyframes fuwafuwa {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(0px);
  }
}




/*----------------------------------------------------
common
----------------------------------------------------*/
.fl {
float: left;
}
.fr {
float: right;
}
/* placeholder */
input::-webkit-input-placeholder {
font-size: smaller;
}
input:-moz-placeholder {
font-size: smaller;
}
@media only screen and (min-width:813px){
.pcNone,.pcnone{
display: none !important;
}
a[href*="tel:"] {
pointer-events: none;
}
}
@media only screen and (max-width:812px) {
.spNone,spnone{
display: none !important;
}
.spOnly {
display:inline !important;
}
}

@media only screen and (max-width: 812px) {
a[href*="tel:"] {
pointer-events: initial;
}
/* フッターの電話SPでも押せない様に指定 */
/*address a[href*="tel:"] {pointer-events: none;}*/
}
.mb0 {
margin-bottom: 0 !important;
}
.mb5 {
margin-bottom: 5px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.mb60 {
margin-bottom: 60px !important;
}
.mb70 {
margin-bottom: 70px !important;
}
.mb80 {
margin-bottom: 80px !important;
}
.mb90 {
margin-bottom: 90px !important;
}
.ml0 {
margin-left: 0 !important;
}
.ml5 {
margin-left: 5px !important;
}
.ml10 {
margin-left: 10px !important;
}
.ml12 {
margin-left: 12px !important;
}
.ml13 {
margin-left: 13px !important;
}
.ml15 {
margin-left: 15px !important;
}
.ml20 {
margin-left: 20px !important;
}
.ml25 {
margin-left: 25px !important;
}
.ml30 {
margin-left: 30px !important;
}
.mr0 {
margin-right: 0 !important;
}
.mr5 {
margin-right: 5px !important;
}
.mr10 {
margin-right: 10px !important;
}
.mr15 {
margin-right: 15px !important;
}
.mr20 {
margin-right: 20px !important;
}
.mr30 {
margin-right: 30px !important;
}
.mt0 {
margin-top: 0 !important;
}
.mt5 {
margin-top: 5px !important;
}
.mt10 {
margin-top: 10px !important;
}
.mt15 {
margin-top: 15px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mt30 {
margin-top: 30px !important;
}
.mt40 {
margin-top: 40px !important;
}
.mt50 {
margin-top: 50px !important;
}
.mt60 {
margin-top: 60px !important;
}
.pt0 {
padding-top: 0px !important;
}
.pt5 {
padding-top: 5px !important;
}
.pt10 {
padding-top: 10px !important;
}
.pt20 {
padding-top: 20px !important;
}
.pt30 {
padding-top: 30px !important;
}
.pt40 {
padding-top: 40px !important;
}
.pb5 {
padding-bottom: 5px !important;
}
.pb10 {
padding-bottom: 10px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.pb100 {
padding-bottom: 100px !important;
}
.text08 {
font-size: 0.8rem !important;
}
.text09 {
font-size: 0.9rem !important;
}
.text10 {
font-size: 1rem !important;
}
.text11 {
font-size: 1.1rem !important;
}
.text12 {
font-size: 1.2rem !important;
}
.text13 {
font-size: 1.3rem !important;
}
.text14 {
font-size: 1.4rem !important;
}
.text15 {
font-size: 1.5rem !important;
}
.text16 {
font-size: 1.6rem !important;
}
.text18 {
font-size: 1.8rem !important;
}
.text20 {
font-size: 2rem !important;
}
.text24 {
font-size: 2.4rem !important;
}
.text28 {
font-size: 2.8rem !important;
}
.text30 {
font-size: 3rem !important;
}
.textC {
text-align: center !important;
}
.textR {
text-align: right !important;
}
.textL {
text-align: left !important;
}
.textB { /*font-weight:bolder;*/ font-weight: 700 !important;
}
.textN {
font-weight: normal !important;
}
.textU {
text-decoration: underline !important;
}
.textI {
padding-left: 1rem !important;
text-indent: -1rem !important;
}
.textI2 {
padding-left: 1.6rem !important;
text-indent: -1.6rem !important;
}
.red {
color: #ff0000;
}
.blue {
color: #639fdf;
}
.yellow {
color: #fffa00;
}
.green {
color: #009944;
}
.pink {
color: #FF505A;
}
.orange {
color: #DE4E2C;
}
.orange2 {
color: #f39700;
}
.brown {
color: #41342b;
}
.gray {
color: #555;
}
.white{
    color: #fff;
}
.box10p {
width: 10%;
}
.box15p {
width: 15%;
}
.box20p {
width: 20%;
}
.box35p {
width: 35%;
}
.box40p {
width: 40%;
}
.box45p {
width: 45%;
}
.box48p {
width: 48%;
}
.box49p {
width: 49%;
}
.box50p {
width: 50%;
}
.box55p {
width: 55%;
}
.box60p {
width: 60%;
}
.box65p {
width: 65%;
}
.box70p {
width: 70%;
}
.box75p {
width: 75%;
}
.box80p {
width: 80%;
}
.box100p {
width: 100%;
}
.lrAuto {
margin-left: auto;
margin-right: auto;
}
/*a.link { color:#e60012; text-decoration:underline;}
a.link:hover{ text-decoration:none;}*/
a.link {
display: inline;
/*padding-bottom: 2px;*/
border-bottom: 1px solid #df8b6e;
color: #df8b6e;
}
a.link:hover {
border: none;
}
@media only screen and (min-width:813px) {
a[href*="tel:"].link {
pointer-events: none;
border-bottom: none;
}
}
a.linkw {
display: inline;
/*padding-bottom: 2px;*/
border-bottom: 1px solid #fff;
color: #fff;
}
a.linkw:hover {
border: none;
}
.va_b {
vertical-align: bottom;
}
.va_m {
display: inline-block;
vertical-align: middle;
}
.va_t {
vertical-align: top;
}
@media only screen and (max-width:812px) {
.textCsp {
text-align: center !important;
}
.textRsp {
text-align: right !important;
}
.textLsp {
text-align: left !important;
}
.mb20sp {
margin-bottom: 20px !important;
}
}

.end_bnr{font-size: 3.0rem;font-weight:900; text-align: center;
color: #fff;
display: block;
width: 100%; padding: 5px 10px; background-color: #ff0000;
max-width: 400px; margin: 0 auto 20px;}