@charset "utf-8";
/* CSS Document */

/*---------------------------------------------*
* ページmv
*----------------------------------------------*/
.compe header.peage.mv,
.proce header.peage.mv,
.consult header.peage.mv{
background-image: url("../images/page/consult_mv.jpg");
background-size: cover;
}
.care header.peage.mv{
background-image: url("../images/page/care_mv.jpg");
background-size: cover;
}
.medical header.peage.mv{
background-image: url("../images/page/medical_mv.jpg");
background-size: cover;
}
.service header.peage.mv{
background-image: url("../images/page/service_mv.jpg");
background-size: cover;
}

html {
  -webkit-text-size-adjust: 100%;
}

/*---------------------------------------------*
* blogページ用
*----------------------------------------------*/
main.blog-list,
main.blog{
    width: 96%;
    margin: 0 auto 3vw auto;
    padding:5vw 0;
}
/*---------------------------------------------*
* blog 追加21/11/20
*----------------------------------------------*/
main.blog .wrap .leftbox strong{background:linear-gradient(rgba(254,254,152,0) 30%,#FEFE98 90%);}
main.blog .wrap .leftbox div.frg{border:1px solid #ccc; padding:10px;}
main.blog .wrap .leftbox ul.frg{
margin:0.5vw 0;
padding:0 0 0 20px;}
main.blog .wrap .leftbox ul.frg li{position:relative; padding-left:15px; list-style:none; line-height:2.0; font-size:1.4rem;}
main.blog .wrap .leftbox ul.frg li:before{content:""; position:absolute; top:.5em; left: -5px; width:15px; height:15px; border-top:1px solid #fff; border-right:1px solid #fff; border-radius:50%; background-color:#1884c4;}
main.blog .wrap .leftbox ul.frg li:after{content:""; position:absolute; top:.9em; left:-1px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); width:5px; height:5px; border-top:2px solid #fff; border-right:2px solid #fff;}
main.blog .wrap .leftbox p.ul{margin-bottom:5px; padding-left:5px; font-size:1.5rem;}
main.blog .wrap .leftbox h3.frg{margin-top:40px; padding-left:10px; padding-top:0; border-left:4px solid #1884c4; border-bottom:1px solid #1884c4;}
main.blog .wrap .leftbox h4.frg{text-align:left; padding-left:10px; padding-top:0; border-left:2px solid #1884c4; border-bottom:1px solid #1884c4;}
main.blog .wrap .leftbox blockquote{position: relative;margin: 1em 0;padding: 1.5em;font-size: .9em;border: 1px solid #CCC;border-radius: 6px; line-height:1.3;}
main.blog .wrap .leftbox blockquote:before,blockquote:after{position: absolute;font-size: 4em;opacity: .1;}
main.blog .wrap .leftbox blockquote:before{top: -12px;left: 1px;content: '“';}
main.blog .wrap .leftbox blockquote:after{bottom: -35px;right: 1px;content: '”';}



/*---------------------------------------------*
* proceページ用
*----------------------------------------------*/
main.proce{
    width: 96%;
    margin: 0 auto 3vw auto;
    padding:0;
}

/*---------------------------------------------*
* serviceページ用
*----------------------------------------------*/
main.service{
    width: 96%;
    margin: 0 auto 3vw auto;
    padding:0;
}
.service > section.feature section:nth-of-type(1){
    margin: 0;
    padding:0 0 0 0;
}
main.service > .inner{
background-color: #ffffff;
}
main.service > .inner > .flex{
width: 1300px;
margin: 0 auto;
padding: 5vw 0 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

main.service .leftbox{
width:970px;
}
main.service .leftbox > section{
padding:0 0 6vw 0;
line-height: 2;
}
main.service .leftbox > section >p.txtR{
margin: 0;
padding: 0 1em 0 0;
text-align: right;
display: inline-block;
float: right;
}
main.service .leftbox > section >p.txtR time{
color: #AAAAAA;
font-size: 1.2rem;
}
main.service .leftbox .kakunin + div{
display: none;
}


section .service-box{
width:100%;
max-width:100%;
line-height: 2;
padding-bottom:2vw;
}
section .service-box .white-box img {
    max-width: 100%;
    width:auto;
    height: auto;
}

section .service-box p{
margin-bottom:1em;
letter-spacing: .07rem;
}


section .service-box p a{
color:#1884C4;
}
section .service-box p a:hover{
text-decoration: underline;
}
section .service-box:nth-child(n+3){
margin-top:3vw;
}


.bg-gray{
background-color:#F2F4F5;
padding:3vw 2vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
section .service-box.bg-gray{
max-width: inherit;
}
.service section > section {
    margin: 0;
    padding:1vw 0;
}



.service section.how_to_choose > section{
background-color: #F2F4F5;
padding: 2vw;
margin-bottom: 2vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.service section.how_to_choose > section:nth-last-of-type(1){
margin-bottom: inherit;
}
.service section.how_to_choose section section {
    margin: 0;
    padding: 1.5vw 0 0 0;
    background-color:transparent;
}
.service section.how_to_choose .wrap{
counter-reset:choose_num;
}
.service section.how_to_choose > section> h3{
position: relative;
padding-left:45px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.service section.how_to_choose > section> h3:before{
  counter-increment:choose_num;
  content: counter(choose_num);
  margin-right: 1em;
  color: #ffffff;
  background-color: #1884C4;
  width: 30px;
  height:30px;
display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top:5px;
  left: 0;  
 }

.service section#p02 h3:nth-of-type(n+2){
    margin:2vw 0 0 0;
}
.service section h2.s-title {
    line-height: 2;
}
.service section#p12  h3{
font-size: 1.6rem;
color: #222222;
}


.service > section.case-study section {
    margin: 0;
    padding:0 0 1vw 0;
}
.service > section.case-study section section h4 {
margin-bottom: 1vw;
}
.service > section.case-study p{
margin-bottom: 2em;
}



/*---------------------------------------------*
* caseページ用
*----------------------------------------------*/

main.case{
width: 96%;
margin: 0 auto 3vw auto;
padding: 5vw 0; 
line-height: 2;
}
main.case > section {
    margin-top:0;
    padding:0;
    background-color: #ffffff;
    line-height: 1.75;
}

.case .catch br{
display: none;
}
.case section section{
padding: 0;
}
.case section section h3 {
    text-align: left;
    color: #010101;
    font-size: 1.4rem;
    font-weight: normal;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

/*---------------------------------------------*
* careページ用
*----------------------------------------------*/
main.care{
    width: 96%;
    margin: 0 auto 3vw auto;
    padding:0;
}
section.target section:nth-of-type(1){
margin: 0;
padding: 0;
}
section.target section h3 {
    text-align: left;
    color: #010101;
    font-size: 1.8rem;
    font-weight: normal;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
 

/*---------------------------------------------*
* consultページ用
*----------------------------------------------*/
main.consult{
    width: 96%;
    margin: 0 auto 3vw auto;
    padding:0;
}
ul.point-list{
margin-bottom:1vw;
}
ul.point-list li{
	display:flex;
	justify-content:flex-start;
	align-items: center;
    margin-bottom: 1em;
}
ul.point-list li p{
margin: 0;
color: #122243;
font-size: 1.6rem;
font-weight: bold;
}
ul.point-list li img{
margin-right: 1em;
}

/*---------------------------------------------*
* companyページ用
*----------------------------------------------*/

main.company{
width: 96%;
margin: 0 auto 3vw auto;
padding: 5vw 0; 
line-height: 2;
}
.catch.blue{
line-height: 2;
}

ul.philosophy{
width: 940px;
margin: 0 auto 5vw auto;
}
ul.philosophy li{
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
    margin-bottom: 2em;
}
ul.philosophy li p:nth-of-type(1){
width: 44%;
min-width: 44%;
font-weight: bold;
font-size: 1.6rem;
}
.company h2.s-title{
	display:flex;
	justify-content:flex-start;
	align-items: center;
    margin-bottom:1.5vw;
}
.company h2.s-title:before {
    content: "";
    display: block;
    left: 0;
    float: left;
    width: 40px;
    height: 1px;
    margin:0 1em 0 0;
    background-color: #1884c4;
}
.company table{
display: table;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
width: 100%;
}
.company table th,.company table td{
border: 1px solid #aaaaaa;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding:1em 2em;
}
.company table th{
background-color: #F2F4F5;
width:24%;
text-align: center;
color: #1884C4;
font-weight: bold;
}
.company table td{
background-color: #FFFFFF;
width:76%;
}
.company strong{
background:none;
}
.company section{
margin-bottom: 5vw;
}
.company iframe{
width: 100%;
}
.company iframe:nth-of-type(1){
margin-bottom: 3vw;
}
.company .policy p{
color: #000000;
font-size:14px;
}
.company .declaration p{
color: #000000;
font-size:16px;
}

/*---------------------------------------------*
* recruitページ用
*----------------------------------------------*/
main.recruit{
width: 96%;
margin: 0 auto 3vw auto;
padding: 5vw 0;
}

.recruit .catch{
margin-top: 1.7rem;
font-size: 2rem;
font-weight: 600;
letter-spacing: .1rem;
display: inline-block;
left:50%;
transform: translateX(-50%);
position: relative;
}
.recruit .catch:after {
    width:80%;
    height: 1px;
    position: absolute;
    content: "";
    font-weight: 900;
    bottom:-2em;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    background-color: #1884c4;
}
.recruit table{
display: table;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
width: 100%;
line-height: 2;
font-size: 1.6rem;
}
.recruit table th,.recruit table td{
border: 1px solid #aaaaaa;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding:1em 2em;
}
.recruit table th{
background-color: #F2F4F5;
width:24%;
text-align: center;
color: #1884C4;
font-weight: bold;
}
.recruit table td{
background-color: #FFFFFF;
width:76%;
}
.recruit strong{
background:none;
}

.recruit .contact{
margin-top: 5vw;
display: flex;
  justify-content: center;
  align-items:flex-start;
    -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.recruit .contact h2{
width: 100%;
    font-size: 2rem;
    line-height: 2;
    letter-spacing: .1rem;
    text-align: center;
    margin-bottom:3vw;
    font-weight: bold;
font-family: "Noto Serif JP",Yu Mincho,YuMincho,Hiragino Mincho ProN,"NotoSerifCJKjp",HGS明朝E,HG明朝E,serif;    
}

.recruit .contact .gray-box{
width: 750px;
    padding:2vw 3vw;
    background-color: #f2f4f5;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.recruit .contact .gray-box .contact-list{
    border-left: 3px solid #1884c4;
    padding-left:2vw;
}
.recruit .contact .gray-box .contact-list li{
	display:flex;
	justify-content:flex-start;
	align-items: center;	
}
.recruit .contact .gray-box .contact-list li p{
    font-size: 1.8rem;
    font-weight:bold;
    line-height: 2.67;
    letter-spacing: .09rem;
    color: #1884c4;
    width:35%;
}


/*---------------------------------------------*
* contactページ用
*----------------------------------------------*/
main.contact{
width: 96%;
margin: 0 auto 3vw auto;
padding: 5vw 0; 
}

.contact h1{
    font-size: 2.8rem;
    font-weight:bold;
    letter-spacing: .14rem;
}
.contact header.peage p.catch{
    margin:1.7rem 0 2.5em 0;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: .1rem;
    font-family: "Noto Serif JP",Yu Mincho,YuMincho,Hiragino Mincho ProN,"NotoSerifCJKjp",HGS明朝E,HG明朝E,serif;
    color:#1884c4;
}
.contact header.peage{
text-align: center;
line-height:2;
}
.contact header.peage p{
margin-bottom:0;
}
.contact header.peage p:nth-child(even){
margin-bottom: 1.5em;
}
.contact header.peage p br{
display: none;
}
.contact header.peage a{
margin: 0 0.5em;
}
.contact header.peage a:hover{
text-decoration: underline;
}
.contact header.peage a.download,
.contact header.peage .big{
    font-size: 1.8rem;
    letter-spacing: .09rem;
    color: #222;
}
.contact header.peage a.download{
color: #1884C4;
}

.contact .wrap{
background-color: #F2F4F5;
margin: 3vw auto;
padding: 5vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.contact table{
font-size: 1.6rem;
}
.contact table th,.contact table td{
padding: 1em;
}
.contact table th{
font-weight: bold;
}
.contact table .caution{
color: #1884C4;
margin-left:0.5em;
}
.contact table input,.contact table textarea{
width: 100%;
padding:1em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: none;
background-color: #ffffff;
font-size: 1.6rem;
}
.contact table input::-webkit-input-placeholder {
    color:#c6c6c6;
}
.contact table input:-ms-input-placeholder {
   color:#c6c6c6;
}
.contact table input::placeholder{
 color:#c6c6c6;
}
.contact table tr:nth-last-of-type(1) th{
vertical-align:top;
padding-top:2em;
}
.contact .policy{
background-color: #ffffff;
border: 1px solid #aaaaaa;
margin: 2vw;
padding: 2vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-height: 330px;
overflow-y: auto;
}
.contact .policy .inner{
line-height: 2;
font-family: Libre Baskerville,"Noto Serif JP",Yu Mincho,YuMincho,Hiragino Mincho ProN,"NotoSerifCJKjp",HGS明朝E,HG明朝E,serif;
}
.contact .policy .inner section{
margin:3em 0 0 0;
}
.contact .policy .inner section:nth-of-type(1){
margin: 0;
}
.contact .policy .inner h2{
font-size: 1.8rem;
margin:0 0 0.5em 0;
}
.contact .policy .inner p{
margin-bottom: 2em;
}

.contact .doi-chk input[type=checkbox]{
display: none;
}
.contact .doi-chk{
text-align: center;
margin:3vw 0;
}
.contact .doi-chk label{
display:inline-block;
font-size: 1.6rem;
color: #1884c4;
position: relative;
padding-left:35px;
cursor: pointer;
}
.contact .doi-chk span:before{
content: "";
width:25px;
height:25px;
display: block;
background-image: url("../images/icon-check-no.svg");
background-size: cover;
left: 0;
top:-5px;
position: absolute;
}
.contact .doi-chk input[type=checkbox]:checked ~ span:before{
background-image: url("../images/icon-check.svg");
}

.contact p.btn button{
    width: 380px;
    height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.6rem;
    background-color: #1884c4;
    position: relative;
    z-index: 200;
    margin: 1em auto;
    border: none;
    z-index:0;
    cursor: pointer;
}

.contact p.btn button:after{
position: absolute;
content: "";
display: block;
width:100%;
height: 100%;
left: 0;
top: 0;
z-index:-1;
  transform-origin:left top;
  transform:scale(0, 1);
  transition:transform .5s;
background-color: #2A9FE5;
}
.contact p.btn button:hover:after{
  transform-origin: left top;
  transform:scale(1, 1);
  opacity: 1;
}


/*---------------------------------------------*
* staffページ用
*----------------------------------------------*/
main.staff{
width: 96%;
margin: 0 auto 3vw auto;
padding: 5vw 0; 
}
.staff section{
margin:1vw 0;
line-height: 2;
min-height: 397px;
	display:flex;
	justify-content:flex-end;
	align-items: center;
    padding: 3.5vw 4.5vw;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.staff section .text-box{
width: 55%;
}
.staff section:nth-child(even){
	justify-content:flex-start;
}
.staff section:nth-of-type(1){
margin-top: 5vw;
background-image: url("../images/page/staff_consultant_img_01.jpg");
background-size: cover;
}
.staff section:nth-of-type(2){
background-image: url("../images/page/staff_consultant_img_04.jpg");
background-size: cover;
}
.staff section:nth-of-type(3){
background-image: url("../images/page/staff_consultant_img_03.jpg");
background-size: cover;
}
.staff section:nth-of-type(4){
background-image: url("../images/page/staff_consultant_img_05.jpg");
background-size: cover;
margin-bottom:0;
}


.staff .jp-name {
    font-size: 2.4rem;
    font-weight:bold;
font-family: Libre Baskerville,"Noto Serif JP",Yu Mincho,YuMincho,Hiragino Mincho ProN,"NotoSerifCJKjp",HGS明朝E,HG明朝E,serif;
}

.staff .details {
    margin-top: 2.5rem;
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;
    font-size: 1.3rem;
    letter-spacing: .07rem;
    color: #000000;
    border-bottom: 1px solid #1884c4;
}

/*---------------------------------------------*
* faqページ用
*----------------------------------------------*/
main.faq{
width: 96%;
margin: 0 auto 3vw auto;
padding: 5vw 0; 
}
ul.qanda{
line-height: 2;
font-size: 1.6rem;
}
ul.qanda li{
border-top: 1px solid #C9C9C9;
}
ul.qanda li:nth-last-of-type(1){
border-bottom: 1px solid #C9C9C9;
}
ul.qanda label{
color: #222222;
}
.qanda-area h2{
    color: #222;
    font-size: 2.2rem;
    font-weight: 600;
    letter-spacing: .11rem;
    text-align: center;
    font-family: "Noto Serif JP",Yu Mincho,YuMincho,Hiragino Mincho ProN,"NotoSerifCJKjp",HGS明朝E,HG明朝E,serif;
    line-height: 2;
    margin-bottom:3vw;
}
.qanda-area h2 br{
display: none;
}

/*---------------------------------------------*
* compeページ用
*----------------------------------------------*/
main.compe{
    width: 96%;
    margin: 0 auto 3vw auto;
    padding:0;
}
.compe > section.tsuyomi section {
	display:flex;
	justify-content:flex-start;
	align-items:center;
    padding:2vw 5vw;
    min-height:150px;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #F2F4F5;
margin-bottom: 2vw;
justify-content: space-between;
}
.compe > section.tsuyomi{
counter-reset:compe_num;
}
.compe > section.tsuyomi section h3{
position: relative;
	display:flex;
	justify-content:flex-start;
	align-items: center;	
}
.compe > section.tsuyomi section h3:before{
  counter-increment:compe_num;
  content: counter(compe_num);
  color: #ffffff;
  background-color: #1884C4;
  width: 30px;
  height: 30px;
display: flex;
  justify-content: center;
  align-items: center;
  margin-right:0.5em;
}
  
.compe > section.tsuyomi section .pic{
padding: 0;
margin:0 2vw 0 0;
display: flex;
  justify-content: center;
  align-items: center;
  min-height:inherit;
  min-width:215px;
}

/*---------------------------------------------*
* medicalページ用
*----------------------------------------------*/
main.medical{
    width: 96%;
    margin: 0 auto 3vw auto;
    padding:0;
}
main> .whats h3{
font-size: 2.2rem;
text-align:center;
color: #010101;
font-family: "Noto Serif JP",Yu Mincho,YuMincho,Hiragino Mincho ProN,"NotoSerifCJKjp",HGS明朝E,HG明朝E,serif;
margin-bottom: 2em;
}
main > .whats h3:before{
background-image: none;
}
main> .whats h4{
   font-size: 1.8rem;
margin-bottom: 1em;
}
main> .whats .merit h4{
    text-align: left;
    font-size: 1.6rem;
    margin-bottom: 1rem;
    letter-spacing: .08rem;
    color: #010101;
    padding-left: 2em;
    position: relative;
}
main> .whats .merit h4:before{
content:"";
background-image: url("../images/page/icon_check_blue.png");
background-size: cover;
width:25px;
height:25px;
display: block;
left: 0;
top:2px;
position: absolute;
}

.osusume section{
	display:flex;
	justify-content:flex-start;
	align-items: center;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.osusume section img{
margin-right: 2vw;
}
.osusume section div{
display: flex;
  justify-content:flex-start;
  align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.osusume section div h3{
color: #010101;
}


/*---------------------------------------------*
* blog h2-h5
*----------------------------------------------*/
main.sidepage.blog .leftbox > h2{
margin: 2em 0 1em 0;
padding:0.5em 0 0.5em 0.5em;
font-size: 2rem;
color: #333333;
background-color: #F9F9F9;
border: none;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
text-align: left;
border-top:2px solid #1884C4;
border-bottom:2px solid #1884C4;
font-weight: normal;
}
main.sidepage.blog .leftbox > h3{
margin: 2em 0 1em 0;
padding: 0 0 0 0.5em;
font-size: 2rem;
color: #286090;
border: none;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
text-align: left;
border-bottom: 2px solid #1884C4;
position: relative;
}
main.sidepage.blog .leftbox > h4{
margin: 2em 0 1em 0;
padding:0 0 0 0.5em;
font-size:2rem;
line-height:2;
color: #333333;
background-color:#E9F5FC;
border: none;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
text-align: left;
font-weight: normal;
}
main.sidepage.blog .leftbox > h5{
margin:2em 0 1em 0;
padding:0 0;
font-size:1.8rem;
color: #333333;
border: none;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
text-align: left;
font-weight: normal;
border-bottom: 1px solid #333333;
}


main.sidepage.blog .leftbox aside.related > h2 {
    padding-top: 0;
    margin: 0 0 1em 0;
    font-size: 2rem;
    line-height: 1.5;
    font-weight: bold;
    padding-bottom: .7em;
    border-bottom: none;
    color: #1884C4;
}

.relation-articals-title1{
    padding-top: 0;
    margin: 0 0 1em 0;
    font-size: 2rem;
    line-height: 1.5;
    font-weight: bold;
    padding-bottom: .7em;
    border-bottom: none;
    color: #1884C4;
}

main.sidepage.blog .leftbox aside.related ul.related-list li h3.title {
    text-align: left;
    font-size: 1.6rem;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-weight: normal;
}
main.sidepage.blog .leftbox > div:nth-last-of-type(2){
margin-top: 2em;
}
main.sidepage.blog .leftbox > div:nth-last-of-type(2) p{
line-height:2;
}

main.blog .wrap .leftbox table{
max-width: 100%;
width: auto;
display:table;
height: auto;
table-layout: fixed;
border-collapse: separate;
border-spacing:0;
}


main.blog .wrap .leftbox table th{
min-width: 5em;
padding: 0 0.5em;
border: 1px solid #F2F4F5;
background-color: #fdfdfd;
line-height: 1.5;
}

main.blog .wrap .leftbox table td{
min-width:4em;
padding: 0 0.25em;
border: 1px solid #F2F4F5;
text-align: center;
line-height: 1.5;
}

main.blog .wrap .leftbox table.left td{
text-align: left;
}
main.blog .wrap .leftbox table.right td{
text-align: right;
}
main.blog .wrap .leftbox table.center td{
text-align: center;
}
main.blog .wrap .leftbox table{
padding: 1em 0;
max-width: 100%!important;
min-width:100%!important;
overflow-x:auto!important;
display:block;
table-layout:inherit!important;
border-collapse: separate;
border-spacing:0;
}
main.blog .wrap .leftbox table th,
main.blog .wrap .leftbox table td{
width: auto;
min-width:4em;
white-space: nowrap;
}



main.blog .wrap .leftbox table.fxt{

padding: 1em 0;
max-width: 100%!important;
min-width:100%!important;
width: auto;
display:block;
table-layout: fixed!important;
border-collapse:collapse!important;
border-spacing:0!important;

    padding: 1em;
    min-width: 100%!important;
    overflow-x: auto!important;
    table-layout:fixed!important;
    margin:2em auto;
}

main.blog .wrap .leftbox table.fxt th{
min-width: 5em;
padding:0.25em 0.5em;
border:1px solid #999;
background-color: #f2f2f2;
border-collapse: collapse!important;
line-height: 1.5;
}

main.blog .wrap .leftbox table.fxt td{
min-width:4em;
padding:0.25em;
border:1px solid #999;
text-align: center;
border-collapse: collapse!important;
line-height: 1.5;
}
main.blog .wrap .leftbox table.fxt tr{
padding: 0 0.25em;
}

main.blog .wrap .leftbox table.fxt.left td{
text-align: left;
}
main.blog .wrap .leftbox table.fxt.right td{
text-align: right;
}
main.blog .wrap .leftbox table.fxt.center td{
text-align: center;
}


main.blog .wrap .leftbox table.tb01{
  border-collapse: collapse;
  width: 100%;
max-width: 100%!important;
width: auto;
display:block;
table-layout: fixed!important;
border-collapse:collapse!important;
border-spacing:0!important;

    padding: 1em;
    min-width: 100%!important;
    overflow-x: auto!important;
    margin:2em auto;  
}

main.blog .wrap .leftbox table.tb01 th,
main.blog .wrap .leftbox table.tb01 td{
  padding: 10px;
  border: solid 1px #ccc!important;
  text-align:center;
  box-sizing:border-box;
}
main.blog .wrap .leftbox table.tb01 th {
  background: #1884C4!important;
  color: #fff!important;
  
}
main.blog .wrap .leftbox table.tb01 td:first-child{
    background: #1884C4;
    color:#fff;
    font-weight:bold;
  }
main.blog .wrap .leftbox table.tb01 tr:last-child{
    border-bottom: solid 1px #ccc;
  }


@media screen and (max-width: 640px) {
main.blog .wrap .leftbox table.tb01 .head{
    display:none;
  }
main.blog .wrap .leftbox table.tb01 {
    width: 100%;
  }
main.blog .wrap .leftbox table.tb01 td {
display: table-cell;
    border-bottom:none;
  }
main.blog .wrap .leftbox table.tb01 td:first-child{
    background: #1884C4;
    color:#fff;
    font-weight:bold;
  }
main.blog .wrap .leftbox table.tb01 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}

.frg li{
list-style-type: none;
}

.staff .declaration .sl1 {
    margin-bottom:70px;
}
.staff .declaration p {
 margin: 10px 275px;
  margin-bottom: 30px;
    white-space: nowrap;
    color: #000000;
    font-size: 16px;
    line-height: 2em;
}
.staff .declaration .sl1 p {
 margin-left:0px;
text-align: right;
    color: #000000;
    font-size: 20px;
}
@media screen and (max-width:1200px) {
.staff .declaration .sl1 {
    margin-bottom:70px;
}
.staff .declaration p {
 margin: 10px 215px;
  margin-bottom: 30px;
    white-space: nowrap;
    color: #000000;
    font-size: 16px;
    line-height: 2em;
}
.staff .declaration .sl1 p {
 margin-left:0px;
text-align: right;
    color: #000000;
    font-size: 20px;
}
}
@media screen and (max-width:1000px) {
.staff .declaration .sl1 {
    margin-bottom:70px;
}
.staff .declaration p {
 margin: 10px 135px;
   margin-bottom: 30px;
    white-space: nowrap;
    color: #000000;
    font-size: 16px;
    line-height: 2em;
}
.staff .declaration .sl1 p {
 margin-left:0px;
text-align: right;
    color: #000000;
    font-size: 20px;
}
}
@media screen and (max-width:768px) {
.staff .declaration .sl1 {
    margin-bottom:70px;
}
.staff .declaration p {
margin: 0px 0px;
    white-space: normal;
    color: #000000;
    font-size: 16px;
    line-height: 2em;
}
.staff .declaration .sl1 p {
 margin-left:0px;
text-align: right;
    color: #000000;
    font-size: 20px;
}
}

/*---------------------------------------------*
* width 1350px
*----------------------------------------------*/
@media screen and (max-width:1350px) {

main.service > .inner > .flex {
    width:96%;
    margin: 0 auto;
    padding: 5vw 0 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
main.service .leftbox {
    width:70%;
}


}
/* width 1350px end --------------------------------------------*/



/*---------------------------------------------*
* width 1200px
*----------------------------------------------*/
@media screen and (max-width:1200px) {

.flex {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: stretch;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.half-box img{
max-width: 100%;
}

section.proce-s .nagare {
    width:96%;
    display: flex;
    justify-content: flex-start;
    align-items:stretch;
    margin:5vw auto 0 auto;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
section.proce-s .nagare li {
    width:25%;
    height:auto;
    counter-increment: step-number;
    position: relative;
 padding: 3vw 2vw;
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    display: block;
    position: relative;
    z-index: 1;
}

section.proce-s .nagare li img {
    height:6vw;
    width: auto;
    margin: 1em 0;
}
section.proce-s .nagare li h3 {
    letter-spacing:normal;
    line-height: 1.5;
}

}
/* width 1200px end --------------------------------------------*/

/*---------------------------------------------*
* width 1000px
*----------------------------------------------*/
@media screen and (max-width:1000px) {

ul.philosophy {
    width:100%;
    margin: 0 auto 5vw auto;    
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

ul.philosophy li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 2em;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
ul.philosophy li p:nth-of-type(1),
ul.philosophy li p{
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

}
/* width 1000px end --------------------------------------------*/

/*---------------------------------------------*
* width 768px
*----------------------------------------------*/
@media screen and (max-width:768px) {
.service header.peage.mv {
    background-image: url("../images/page/service_mv_sp.jpg");
}
.catch.black, .catch.blue {
    font-size:1.6rem;
}
/*section p br,*/
.catch.black br, .catch.blue br{
display: none;
}

header.peage{
width: 96%;
margin: 0 auto;
line-height: 2;
}
.half-box img{
    display:block;
    margin:1em auto;
}

.contact .wrap {
    padding:1vw;
}
.contact h1 {
font-size: 2rem;
}
.contact header.peage p.catch {
    font-size:1.6rem;
}
.contact header.peage .big {
    font-size: 1.6rem;
}
.contact header.peage p br {
    display:block;
}
.contact table td,.contact table th {
width: 100%;
padding: 0.5em;
display: block;
clear: both;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.contact .doi-chk {
    text-align: center;
    margin:5vw 0;
    padding: 5vw 0;
}
.contact .btn{
padding: 5vw 0;
margin-bottom: 5vw;
}

main.service .leftbox {
    width:100%;
}

.recruit .catch {
    font-size:1.6rem;
}
.recruit table th,
.recruit table td{
width:100%;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: none;
text-align: left;
padding: 0.5em;
font-size: 1.4rem;
}
.recruit .contact h2 {
    font-size:1.6rem;
}
.recruit .contact h2 br{
display: none;
}
.recruit .contact .gray-box .contact-list{
border: none;
padding:3vw 0;
}
.recruit .contact .gray-box .contact-list li{
display: block;
border-bottom: 1px solid #1884c4;
}
.recruit .contact .gray-box .contact-list li p {
    font-size: 1.6rem;
    line-height: 2;
    width:100%;
}


.staff section{
	display:block;
}
.staff section .text-box{
width:100%;
}

.staff .details {
    margin-top:1rem;
    padding-bottom:1rem;
    margin-bottom:1rem;
}
.staff section:nth-of-type(1),
.staff section:nth-of-type(2),
.staff section:nth-of-type(3),
.staff section:nth-of-type(4){
background-image:none;
margin-bottom: 5vw;
}

.company .policy p, .company .declaration p {
  margin-bottom: 1em;
}

.half-box img.pc,
.half-box img.pc.img,
.pc,
ul.point-list li img.pc{
display: none;
}
ul.point-list li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1em;
}
ul.point-list li img{
margin:0 1em 0 0;
max-width: 30%;
}




/*---------------------------------------------*
* blog h2-h5
*----------------------------------------------*/
main.sidepage.blog .leftbox > h2{
font-size:1.7rem;
}
main.sidepage.blog .leftbox > h3{
font-size:1.7rem;
}
main.sidepage.blog .leftbox > h4{
font-size:1.6rem;
}
main.sidepage.blog .leftbox > h5{
font-size:1.4rem;
font-weight: bold;
}


main.sidepage.blog .leftbox aside.related > h2 {
    padding-top: 0;
    margin: 0 0 1em 0;
    font-size: 2rem;
    line-height: 1.5;
    font-weight: bold;
    padding-bottom: .7em;
    border-bottom: none;
    color: #1884C4;
}
main.sidepage.blog .leftbox aside.related ul.related-list li h3.title {
    text-align: left;
    font-size: 1.6rem;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-weight: normal;
}

main.service .leftbox > section >p.txtR{
display:block;
width: 100%;
padding-bottom:1em;
}


main.blog .wrap .leftbox table th,
main.blog .wrap .leftbox table td{
padding: 0 1em;
}

main.blog .wrap .leftbox table.fxt th,
main.blog .wrap .leftbox table.fxt td{
padding: 0 1em;
}


}
/* width 768px end --------------------------------------------*/

/*---------------------------------------------*
* width 640px
*----------------------------------------------*/
@media screen and (max-width:640px) {

.company table td,
.company table th {
display: block;
    width:100%;    
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: none;
text-align: left;
padding: 0.5em;
}

.compe > section.tsuyomi section {
    display:block;
    padding:5vw;
    min-height:inherit;
}
.compe > section.tsuyomi section .pic{
height: auto;
line-height: normal;
padding:0 0 5vw 0;
}
.compe > section.tsuyomi section img{
max-width:90px;
}

main > .whats h3{
    font-size:1.8rem;
}

main > .whats h4{
    font-size:1.6rem;
}
 .merit h3 {
 padding: 0 0 0 2em;
 }

section h3 {
    font-size:1.6rem;
    letter-spacing:normal;
    margin: 0 0 1em 0;    
}
section section h3 {
    margin: 0 0 1em 0;
}

.qanda-area h2 {
    color: #222;
    font-size:1.6rem;
    letter-spacing:normal;
}

section.proce-s .nagare {
    width: 96%;
    display:block;
    margin: 10vw auto;
}
section.proce-s .nagare li:nth-child(n+2),
section.proce-s .nagare li {
    width:100%;
    height: auto;
    margin-bottom: 2em;
    padding: 5% 5vw;
    position: relative;
}
section.proce-s .nagare li:nth-of-type(1):after,
section.proce-s .nagare li:nth-of-type(2):after,
section.proce-s .nagare li:nth-of-type(3):after,
section.proce-s .nagare li:nth-of-type(4):after {
background-image: none;
}

section.proce-s .nagare li:nth-child(odd){
background-color:#F2F4F5;
}
section.proce-s .nagare li:nth-child(even){
background-color:#F1F8FC;
}
section.proce-s .nagare li:nth-child(even):after,
section.proce-s .nagare li:nth-child(odd):after{
content: "";
display: block;
position: absolute;
bottom:-20px;
top: inherit;
left:0;
 width: 0;
  height: 0;
  border-left:45vw solid transparent;
  border-right:45vw solid transparent;
  border-top:20px solid #F2F4F5;
}
section.proce-s .nagare li:nth-child(even):after{
 border-top:20px solid #F1F8FC;
}
section.proce-s .nagare li:nth-last-of-type(1):after{
border: none;
}
section.proce-s .nagare li::before {
    font-size:1.8rem;
    width:3.6rem;
    height:3.6rem;
}
section.proce-s .nagare li img {
    height: 6vw;
    min-height: 50px;
    width: auto;
    margin: 0;
}
section.proce-s .kakunin {
    margin: 5vw auto;
    width: 100%;
    display:block;
}
section.proce-s .kakunin section {
    width:100%;
    padding: 1vw 2vw;
    margin-bottom: 2vw;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
section.proce-s .kakunin section ul{
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
section.proce-s .kakunin section ul li{
margin-left: 1.5em;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


.osusume section {
    display:block;
    margin: 2vw 0;
}
.osusume section img{
display: block;
margin: 1em auto;
max-width: 100%;
}


}

/* width 640px end --------------------------------------------*/

/*---------------------------------------------*
* width 480px
*----------------------------------------------*/
@media screen and (max-width:480px) {


}
/* width 480px end --------------------------------------------*/

/*---------------------------------------------*
* width 375px
*----------------------------------------------*/
@media screen and (max-width:375px) {
.contact header.peage p br {
    display:none;
}

}

.enkaku-date{
text-align:right;
margin-right:50px;
}


.enkaku-link{
padding-left:15px;
color: blue !important;
}

.enkaku-br{
display: none;
}
@media (min-width: 769px) {
.enkaku-date{
width:30% !important;
min-width:30% !important;
}
}

@media (max-width: 768px) {

.enkaku-margin-top{
margin-top:50px !important;
}

.enkaku-date{
text-align:center;
margin-right:0px;  
}

.enkaku-br{
display: block;
}

.enkaku-ls {
  text-align:center; 
}
}

.img-fit-1{
   width: 100%;

   height: 350px;

   object-fit: cover; /* width, heightといっしょに使います */
}

.img-fit-2{
   width: 300px;;

   height: 350px;

   object-fit: cover; /* width, heightといっしょに使います */
}

.font-size-16{
font-size:16px;
}
.margin-bottom-40{
margin-bottom:40px;
}
@media (max-width: 768px) {
.pc-only-img-1{
display:none;
}
}

@media (min-width: 769px) {
.leftside-01{
text-align: left;
}
.margin-bottom-15{
margin-bottom:15px;
}
.margin-bottom-30{
margin-bottom:30px;
}
}

@media (max-width: 768px) {
.margin-bottom-30{
margin-bottom:30px;
}
}

.bold-16{
font-weight: bold;
font-size: 1.6rem;
}

/* 求人ボタン用スタイル */
.job-buttons-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.job-button {
    border: 1px solid #1884c4;
    width: 225px;
    max-width: 225px;
    max-height:57px;
    padding: 1em;
    text-align: center;
    font-size:14px;
}

.job-button:first-child {
    margin-right: 12px;
}

.job-link {
    
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}

.job-button:hover {
    background-color: #1884c4;
}
.job-button a:hover {
    color: #fff !important;
}

.job-btn-passive{
}
.job-btn-passive a{
 color: #1884c4 !important;
}
.job-btn-active {
    background-color: #1884c4;
}
.job-btn-active a{
    color: #fff !important;
}

.ctf-01{
    font-size:18px;
}

@media (max-width: 768px) {
.job-buttons-container {

}
.job-button {
max-height:40px;
font-size:12px;
    padding: 7.5px;
}
.job-button:first-child {
    margin-right: 0px;
}
.ctf-01{
    font-size:16px;
}
}

/* 監修者*/
.author-section{
    margin-top: 30px !important;
    line-height: 1.7;
}
.mb30{
    margin-bottom: 20px;
}

.author-block {
    background: #f9f9f9;
    border: 1px solid #ececec;
    padding: 1.5rem;
    display: flex;
    flex-flow: column;
    align-items: flex-start; 
    gap: 30px; 
}

.author-block img {
    width: auto; 
    height: auto; 
}
.author-detail b {
    font-weight: bold;
}
.author-detail-txt b {
    font-weight: bold;
}
.new-content b{
    font-weight: bold;
}
.author-ind{
    text-indent: 8.7rem;
}
.author-ind-01{
    text-indent: 7.7rem;
}

@media screen and (min-width: 751px) {
    .author-block {
        padding: 5rem;
        display: grid;
        /* grid-template-columns: auto auto; */
        grid-template-columns: 250px 1fr;
    }
    
    .author-img {
        max-width: 250px;
        overflow: hidden;
    }
    
    .author-block .new-content {
        grid-column: 1/3;
    }
    
    .author-block img {
    width: auto; 
    max-width: 250px; 
    height: auto; 
    }    
}

/* new */

.author-container{
    background: #f9f9f9;
    border: 1px solid #ececec;
    padding: 1.5rem;
    line-height: 1.7;
}

.mb5{
    margin-bottom: 5px;
}

.mb10{
    margin-bottom: 10px;
}

.author-title{
    font-weight: bold;
    text-decoration:underline;
}

@media screen and (min-width: 751px) {
    .author-container{
        background: #f9f9f9;
        border: 1px solid #ececec;
        padding: 5rem;
        line-height: 1.7;
    }
}
.mt15{
    margin-top:15px
;}

.author-t-01{
    display:none;
}

.author-img-02{
    padding-bottom: 20px;
    max-width: 300px;
    margin: 0 auto;
}

.author-f-01{
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.author-f-02{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.author-t-sp{
    display:block;
    font-weight: bold;
    white-space: nowrap;
    font-size:24px;
}
.author-b-01{
    font-weight: bold;
}
@media screen and (min-width: 751px) {
.author-t-01{
    display:block;
    font-weight: bold;
    white-space: nowrap;
}
.author-t-sp{
    display:none;
}
.author-img-02{
    padding: 20px;
    padding-top: 0px;
    padding-left: 0px;
    max-width: 150px;
    margin: 0;
}
    .author-f-01{
        display: flex;
        flex-direction: row;
        margin-bottom: 0;
    }
}

/* new */

.author-flex{
    display:flex;
    flex-direction: column
}
.author-logo-img{
    margin:0;
    margin:0 auto;
    margin-bottom:15px;
}

.author-logo-img img{
    max-width: initial !important;
    width:100px !important;
}

.author-container-01{
    background: #f9f9f9;
    border: 1px solid #ececec;
    padding: 4rem 1.5rem;
    line-height: 1.7;
}


@media screen and (min-width: 751px) {
.author-container-01{
    background: #f9f9f9;
    border: 1px solid #ececec;
    padding: 5rem;
    line-height: 1.7;
}
.author-flex{
    display:flex;
    flex-direction: row
}
.author-logo-img{
    display:flex;
    align-items: center;
    margin:0;
    margin-right:50px;  
}
.author-logo-img img{
    max-width: initial !important;
    width:100px !important;
}
}


/*---------------------------------------------*
* stafftestページ用
*----------------------------------------------*/
main.stafftest{
width: 96%;
margin: 0 auto 3vw auto;
padding: 5vw 0; 
}
.stafftest section{
margin:1vw 0;
line-height: 2;
min-height: 397px;
	display:flex;
	justify-content:flex-end;
	align-items: center;
    padding: 3.5vw 4.5vw;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.stafftest section img{
width:400px;
}

.stafftest-img-left{
margin-right:50px;
}

.stafftest-img-right{
margin-left:50px;
}

.stafftest section .text-box{
width: 55%;
}
.stafftest section:nth-child(even){
	justify-content:flex-start;
}


    .stafftest section:nth-of-type(1) {
        flex-direction: row;
    }
    
    .stafftest section:nth-of-type(2) {
        flex-direction: row-reverse;
    }
    
    .stafftest section:nth-of-type(3) {
        flex-direction: row;
    }

.stafftest .jp-name {
    font-size: 2.4rem;
    font-weight:bold;
font-family: Libre Baskerville,"Noto Serif JP",Yu Mincho,YuMincho,Hiragino Mincho ProN,"NotoSerifCJKjp",HGS明朝E,HG明朝E,serif;
}

.stafftest .details {
    margin-top: 2.5rem;
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;
    font-size: 1.3rem;
    letter-spacing: .07rem;
    color: #000000;
    border-bottom: 1px solid #1884c4;
}

.stafftest .declaration .sl1 {
    margin-bottom:70px;
}
.stafftest .declaration p {
 margin: 10px 275px;
  margin-bottom: 30px;
    white-space: nowrap;
    color: #000000;
    font-size: 16px;
    line-height: 2em;
}
.stafftest .declaration .sl1 p {
 margin-left:0px;
text-align: right;
    color: #000000;
    font-size: 20px;
}
@media screen and (max-width:1200px) {
.stafftest .declaration .sl1 {
    margin-bottom:70px;
}
.stafftest .declaration p {
 margin: 10px 215px;
  margin-bottom: 30px;
    white-space: nowrap;
    color: #000000;
    font-size: 16px;
    line-height: 2em;
}
.stafftest .declaration .sl1 p {
 margin-left:0px;
text-align: right;
    color: #000000;
    font-size: 20px;
}
}
@media screen and (max-width:1000px) {
.stafftest .declaration .sl1 {
    margin-bottom:70px;
}
.stafftest .declaration p {
 margin: 10px 135px;
   margin-bottom: 30px;
    white-space: nowrap;
    color: #000000;
    font-size: 16px;
    line-height: 2em;
}
.stafftest .declaration .sl1 p {
 margin-left:0px;
text-align: right;
    color: #000000;
    font-size: 20px;
}
}
@media screen and (max-width:768px) {
.stafftest .declaration .sl1 {
    margin-bottom:70px;
}
.stafftest .declaration p {
margin: 0px 0px;
    white-space: normal;
    color: #000000;
    font-size: 16px;
    line-height: 2em;
}
.stafftest .declaration .sl1 p {
 margin-left:0px;
text-align: right;
    color: #000000;
    font-size: 20px;
}
.stafftest section{
	display:block;
}
.stafftest section .text-box{
width:100%;
}

.stafftest .details {
    margin-top:1rem;
    padding-bottom:1rem;
    margin-bottom:1rem;
}
.stafftest section:nth-of-type(1),
.stafftest section:nth-of-type(2),
.stafftest section:nth-of-type(3),
.stafftest section:nth-of-type(4){
background-image:none;
margin-bottom: 5vw;
}

.stafftest-img-left{
margin-right:0px;
}

.stafftest-img-right{
margin-left:0px;
}

}

main.blog .wrap .leftbox .column_tbl table th {
    padding: 6px 10px;
    text-align: center;
    background: #ccc;
    font-weight: bold;
}
main.blog .wrap .leftbox .column_tbl table td {
    padding: 6px 10px;
    text-align: left;
}
main.blog .wrap .leftbox .column_tbl table td a {
    color: #1884c4;
}
main.blog .wrap .leftbox ul.list {
    margin: 20px 0;
    padding: 0 0 0 20px;
}
main.blog .wrap .leftbox ul.list li {
    list-style: disc;
}
main.blog .wrap .leftbox ol.list {
    margin: 20px 0;
    padding: 0 0 0 25px;
    line-height: 2;
}
main.blog .wrap .leftbox ol.list li {
    list-style: decimal;
}
.breadcrumbs.add {
    margin: 20px auto;
}
.breadcrumbs.add .list {
	display:flex;
	justify-content:flex-start;
	align-items: center;
    font-size: 1.2rem;
    font-weight: bold;
    margin: 10px 0;
    padding: 0 0 0 30px;
    position: relative;
}
.breadcrumbs.add .list a:hover {
    text-decoration: underline;
}
.breadcrumbs.add .list a {
    padding: 0 2em 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1884C4;
    position: relative;
}
.breadcrumbs.add .list a:after {
    content: "＞";
    right:0.25em;
    position: absolute;
    color: #888;
}
.breadcrumbs.add .list span {
    color: #888;
}
@media screen and (max-width:768px) {
    .breadcrumbs.add {
        overflow: scroll;
        white-space: nowrap;
        padding: 0 0 10px;
    }
    .breadcrumbs.add .list {
        font-size: 12px!important;
    }
}

.breadcrumbs.add .list:not(:first-child) {
    display: none;
}
.breadcrumbs.add .list:first-child:before {
    content: "";
    position: absolute;
    left: 12px;
    top: 35%;
    width: 8px;
    height: 8px;
    border-right: 2px solid #888;
    border-bottom: 2px solid #888;
    transform: translateY(-50%) rotate(45deg);
    transition: transform .2s ease;
    pointer-events: none;
}
.breadcrumbs.add .list.active {
    display: flex;
}
.breadcrumbs.add .list.active:first-child:before {
    transform: translateY(-50%) rotate(225deg);
}