@charset "UTF-8";

@media screen and (max-width: 767px) {

#body {
margin: 0px 0 0;
}

}
h1{
    font-size: 1.0em;
}
h2 {
    display: block;
    font-size: 1.4em;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    text-align: center;
}
h2.kanbanue{
  margin: 0 0 12px 0;
  font-size: 24px;
}
h3 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 1.0em;
    margin-block-end: 0.9em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    text-align: center;
}
@media screen and (max-width: 640px) {
h3 {
    display: block;
    font-size: 1.0em;
    margin-block-start: 1.0em;
    margin-block-end: 0.9em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    text-align: center;
}
}
h3#ueaki{
  margin-top: 100px;
}
h3.naka{
  width: 80px;
}

h4 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 1.0em;
    margin-block-end: 0.9em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    text-align: center;
}

@media screen and (min-width: 641px) {
h2.nagare112{
margin: 0 auto 14px;
border:1px solid #0F657C;
color: #fff;

background-color: #2B8DB1;
  font-size:22px;
  padding:12px 0px 8px;
  }
}
@media screen and (min-width: 641px) {
h3.nagare112{
margin: 100px auto 14px;
border:1px solid #0F657C;
color: #fff;
  width: 90%;
background-color: #2B8DB1;
  font-size:22px;
  padding:12px 0px 8px;
  }
}
@media screen and (max-width: 640px) {
 h3.nagare112{
    border:1px solid #0F657C;
text-align: center;
  margin: 30px auto 0px;
  font-size:18px;
  padding:10px 0px 8px;
  color: #fff;
  background-color: #2B8DB1;
  width: 80%;
  }
}
/* 0731 */
@media screen and (max-width: 640px) {
 h2.nagare112{
    border:1px solid #0F657C;
text-align: center;
  margin: 0px auto 0px;
  font-size:18px;
  padding:10px 0px 8px;
  color: #fff;
  background-color: #2B8DB1;
  }
}
.eitini{
    font-size: 24px;
}
#gazounaka{
  text-align: center;
}
#opening {

padding: 0 0 0px;
}
.settibasyo{
  margin:0 3px 20px 6px;
}
.settibasyoa{
  padding:5px;
  border:1px solid #0F657C;
  margin: 16px 4px 10px 2px;
}
#opening div ul {
max-width: 1400px;
margin: 0 auto;
padding: 0;
list-style-type: none;
}
#opening div ul li a {
text-decoration: none;
}
#opening div ul li div.more {
position: relative;
max-width: 1400px;
}
#opening div ul li div.more div {
position: absolute;
right: 10px;
bottom: 10px;
width: 10em;
padding: 6px 2px 4px;
background: rgba(255, 255, 255, 0.9) url(../images24/more_b.gif) no-repeat right;
font-size: 90%;
font-weight: bold;
color: #2a2a2a;
text-align: center;
}

#opening div.sp {
display: none;
}


#opening1 {
text-align: center;
padding: 0 0 0px;
}
#opening1 div ul {
max-width: 1400px;
margin: 0 auto;
padding: 0;
list-style-type: none;
}
#opening1 div ul li a {
text-decoration: none;
}
#opening1 div ul li div.more {
position: relative;
max-width: 1400px;
}
#opening1 div ul li div.more div {
position: absolute;
right: 10px;
bottom: 10px;
width: 10em;
padding: 6px 2px 4px;
background: rgba(255, 255, 255, 0.9) url(../images24/more_b.gif) no-repeat right;
font-size: 90%;
font-weight: bold;
color: #2a2a2a;
text-align: center;
}

#opening1 div.sp {
display: none;
}


#load_pc,
#load_sp {
position: relative;
}
#load_pc img,
#load_sp img {
display: block;
}
#load_pc img.loading,
#load_sp img.loading {
position: absolute;
top: 48%;
left: 48%;
top: calc(50% - 16px);
left: calc(50% - 16px);
}



#contents {
margin: 0;
padding: 10px 0 0;
}

#contents section {

}

#contents p {
line-height: 180%;
}

#contents div.hgroup {
margin: 0 0 10px;
text-align: center;
}
#contents div.agroup {
margin: 0 0 30px;
text-align: center;
}
#contents div.hgroup p {
margin: 0 0 5px;
line-height: 100%;
}
#contents div.hgroup h2 {
margin: 0;
font-size: 190%;
font-weight: normal;
line-height: 140%;
}
#contents p.meta {
text-align: center;
    font-size: 13px;
    color: #7B7B7B;
}
#contents div.readmore {
    margin: 0 auto;
    width: 20%;
border: 1px solid #909090;
    color: #7B7B7B;
    padding: 15px 33px 14px;
    text-align: center;
}

dt.aqqaa{
font-size: 20px;
padding:5px 0px 10px 20px;
margin:0px;

 border-color:#000;
 border-style:none none dotted none;
 }

dd.aqqbb{
  line-height : 1.8; 
padding:10px 0px 40px 20px;
margin-top:0;
}
dt.qqa{
  font-weight: bold;
  background:url(../images24/qa01.gif) no-repeat left;
padding:5px 0px 1px 20px;
margin:0px;
border-width:1px;
 border-color:#000;
 border-style:none none dotted none;
 }

dd.qa{

background: url(../images24/qa02.gif) no-repeat 6px 11px;
padding:10px 10px 40px 30px;
margin-top:0;
}

#qaa{
      margin-left:34px;
}
#intro {
margin: 0 0 50px;
}
#intro h2 {
margin: 0 0 3px;
font-size: 180%;
font-weight: bold;
color: #1e5a97;
text-align: center;
line-height: 140%;
}
#intro p {
text-align: center;
}

#intro_v {
margin: 0 0 50px;
padding: 30px 20px;
border: 1px #c0c0c0 solid;
}
#intro_v h2 {
margin: 0 0 3px;
font-size: 180%;
font-weight: bold;
color: #1e5a97;
text-align: center;
line-height: 140%;
}
#intro_v p {
margin: 0 0 20px;
text-align: center;
}
#intro_v div.video {
max-width: 700px;
margin: 0 auto;
}

.service div.lead {
margin: 0 0 10px;
}
.service div.lead figure#fue {
float: left;
width: 40%;
margin: 0 2% 0 0;
}
.service div.lead figure {
float: left;
width: 50%;
margin: 0;
}
.service div.lead div.text {
float: left;
width: 58%;
}
.service div.lead div.text p b {
font-size: 120%;
}
.service div.lead div.text div.more {
text-align: right;
}
.service div.lead div.text div.more a {
display: inline-block;
padding: 10px 28px;
background: #ff8c00 url(../images24/more_w.gif) no-repeat right;
font-weight: bold;
color: #ffffff;
text-decoration: none;
opacity: 1;
transition: opacity 0.3s;
}
.service div.lead div.text div.more a:hover {
opacity: 0.7;
}
#service section.reason {
margin: 0px;
padding: 10px 40px 10px;
font-size: 100%;
}
#service section.reason h3 {
margin: 20px 0 10px 0;
font-size: 120%;
color: #1e5a97;
text-align: center;
line-height: 140%;
}

@media screen and ( max-width: 640px ) {   /* ウィンドウサイズが 640px 以下の場合有効 */
#service section.reason h3 {
margin: 0 0 0px 0;
font-size: 120%;
color: #1e5a97;
text-align: center;
line-height: 140%;
}
}
#service section.reason h4 {
margin: 0;
font-size: 100%;
}
#service section.reason h3.nagare124 {

    border:1px solid #ccc;
    background-color: #065B3C;
text-align: center;
  margin: 60px auto 16px;
  font-size:18px;
  padding:8px 0px 8px;
width: 98%;
color: #fff;
}
#service section.reason h3.nagare125 {

    border:1px solid #ccc;
    background-color: #065B3C;
text-align: center;
  margin: 60px auto 16px;
  font-size:18px;
  padding:8px 0px 8px;
width: 98%;
color: #fff;
}
#service section.reason div.justify {
overflow: hidden;
padding: 1px 0 0;
}
#service section.reason ul {
width: 104.2%;
margin: 0;
padding: 0;
list-style-type: none;
}
#service section.reason ul li {
float: left;
width: 46%;
margin: 0 4% 30px 0;
padding: 1px 0;
background: #ffffff;
}
#service section.reason ul li p {
margin: 20px 10px 13px;
font-size: 110%;
font-weight: bold;

text-align: center;
}
#service section.reason ul li p span {
display: block;
margin: 0 0 7px;
}
#service section.reason ul li figure {
margin: 0 25px 20px;
}
.service section.reason {
margin: 0 0 70px;
padding: 0px 40px 0px;

}
.service section.reason h2 {
margin: 30px 0 10px;
font-size: 160%;
color: #1e5a97;
text-align: center;
line-height: 140%;
}
.service section.reason div.justify {
overflow: hidden;
padding: 1px 0 0;
}
.service section.reason ul {
width: 104.2%;
margin: 0;
padding: 0;
list-style-type: none;
}
.service section.reason ul li {
float: left;
width: 46%;
margin: 0 4% 30px 0;
padding: 1px 0;
background: #ffffff url(../images24/check.gif) no-repeat 15px 20px;
}
.service section.reason ul li p {
    margin: 0px 10px 0px;
    font-weight: bold;
    color: #1e5a97;
    line-height: 1.6;
}
.service section.reason ul li p#hidariiro {
    margin: 0px 2px 0px 0px;
    font-weight: bold;
    color: #68594B;
    line-height: 1.6;
}
.service section.reason ul li p#migiiro {
    margin: 0px 0px 0px 2px;
    font-weight: bold;
    color: #965E1A;
    line-height: 1.6;
}
.service p#tuite{
    margin: 0px 10px 20px 20px;
    font-weight: bold;
    color: #1e5a97;
    line-height: 1.6;
}
.service section.reason ul li p span {
display: block;
margin: 0 0 7px;
}
.service section.reason ul li figure {
margin: 0 25px 20px;
}

.service section.details {
margin: 0 0 60px;
}
.service section.details h3 {
margin: 0 0 40px;
font-size: 160%;
text-align: center;
line-height: 140%;
}
.service section.details div.justify {
overflow: hidden;
padding: 1px 0 0;
}
.service section.details ul {
width: 104.2%;
margin: 0;
padding: 0;
list-style-type: none;
}
.service section.details ul li {
float: left;
width: 30%;
margin: 0 3% 0 0;
}
.service section.details ul li a {
color: #2a2a2a;
text-decoration: none;
}
.service section.details ul li dl {
margin: 0;
}
.service section.details ul li dt {
margin: 0 0 15px;
background-color: #ffffff;
overflow: hidden;
}
.service section.details ul li a div {
margin: 0 0 5px;
padding: 16px 2px 14px;
background: #ffffff url(../images24/more_b.gif) no-repeat right;
border: 1px #c0c0c0 solid;
font-size: 110%;
font-weight: bold;
text-align: center;
line-height: 140%;
transition: background-color 0.3s linear;
}
.service section.details ul li a:hover div {
background-color: #c5e9ed;
}
.service section.details ul li figure {
overflow: hidden;
}
.service section.details ul li img {
vertical-align: bottom;
transition: transform 0.3s linear, opacity 0.3s linear;
}
.service section.details ul li a:hover img {
transform: scale(1.04);
opacity: 0.8;
}
.service section.details ul li a dl dd {
margin: 0;
font-size: 90%;
line-height: 160%;
}

.recruit1 {
padding: 0px 0 10px;


}
section.recruit1 {
margin: 0;
}
.recruit1 div.hgroup {
margin-bottom: 20px;
}
.recruit1 div.lead {
margin: 0px;

}
.recruit1 div.lead p {
margin: 0;
}
.recruit1 div.lead p#namae {
text-align: right;
}
.fukumareru{
padding: 10px 0 10px 0;
    width: 90%;
    margin: 0 auto;
}
.fukumareru1{
    text-align: center;
        margin-bottom: 80px;
}
.isogi034{
margin: 10px auto 20px;
border: 1px solid #BCBBBB;
    background: url(https://tyokusou.info/images10/usiro.jpg)no-repeat;

    padding: 20px 4px 0px 4px;
    border-radius: 3px;
    width: 100%;
}
.recruit1 div.lead p span {
display: block;
margin: 0 0 15px;
}
.recruit1 ul {
margin: 0 0 50px;
padding: 0;
border: 1px #f9f9f9 solid;
list-style-type: none;
}
.recruit1 ul li {
float: left;
width: 25%;
position: relative;
background-color: #ffffff;
}
.recruit1 ul li:first-child {
width: 50%;
}
.recruit1 ul li a {
text-decoration: none;
}
.recruit1 ul li figure {
overflow: hidden;
}
.recruit1 ul li img {
vertical-align: bottom;
transition: transform 0.3s linear, opacity 0.3s linear;
}
.recruit1 ul li a:hover img {
transform: scale(1.04);
opacity: 0.8;
}
.recruit1 ul li a div {
position: absolute;
bottom: 10px;
left: 10px;
right: 10px;
padding: 10px 22px;
background: rgba(0, 0, 0, 0.4) url(../images24/more_w.gif) no-repeat right;
border: 1px #dfdfdf solid;
font-weight: bold;
color: #ffffff;
text-align: center;
line-height: 130%;
}
.recruit1 ul li:first-child a div {
bottom: 40px;
left: 40px;
right: 40px;
padding: 15px 22px;
background: #ff8c00 url(../images24/more_w.gif) no-repeat right;
font-size: 120%;
}
.recruit1 section {
max-width: 760px;
margin: 0 auto;
}
.recruit1 section h3 {
margin: 20px 0 0px;
font-size: 140%;
text-align: center;
line-height: 140%;
}
.recruit1 section p {

}
#recruit {
padding: 50px 0 40px;
border-bottom: 1px solid #236ab1;
border-top: 1px solid #236ab1;

}
.jisage{
    text-align: left;
    text-indent: 1em;
}
.jisage1{
    text-align: left;
    text-indent: 1em;
    padding-bottom: 130px;
}
.jisage2{
    text-align: left;
    text-indent: 1em;
    padding-top: 20px;
}
section#recruit {
margin: 0;
}
#recruit div.hgroup {

}
#recruit div.lead {
margin: 0 6px 20px 5px;

}
#recruit div.lead p {
margin: 0;
}
#recruit div.lead p#namae {
text-align: right;
}
#recruit div.lead p span {
display: block;
margin: 0 0 15px;
}
#recruit ul {
margin: 0 0 50px;
padding: 0;
border: 1px #f9f9f9 solid;
list-style-type: none;
}
#recruit ul li {
float: left;
width: 25%;
position: relative;
background-color: #ffffff;
}
#recruit ul li:first-child {
width: 50%;
}
#recruit ul li a {
text-decoration: none;
}
#recruit ul li figure {
overflow: hidden;
}
#recruit ul li img {
vertical-align: bottom;
transition: transform 0.3s linear, opacity 0.3s linear;
}
#recruit ul li a:hover img {
transform: scale(1.04);
opacity: 0.8;
}
#recruit ul li a div {
position: absolute;
bottom: 10px;
left: 10px;
right: 10px;
padding: 10px 22px;
background: rgba(0, 0, 0, 0.4) url(../images24/more_w.gif) no-repeat right;
border: 1px #dfdfdf solid;
font-weight: bold;
color: #ffffff;
text-align: center;
line-height: 130%;
}
#recruit ul li:first-child a div {
bottom: 40px;
left: 40px;
right: 40px;
padding: 15px 22px;
background: #ff8c00 url(../images24/more_w.gif) no-repeat right;
font-size: 120%;
}
#recruit section {
max-width: 760px;
margin: 0 auto;
}
#recruit section h3 {
margin: 0 0 30px;
font-size: 140%;
text-align: center;
line-height: 140%;
}
#recruit section p {

}


#blog {
margin: 0;
padding: 0px 0 10px;
}


#blog div.list {
float: left;
width: 60%;
}
#blog div.list p {
padding: 15px 0 10px 40px;
background: url(../../image/home/blog_list.gif) no-repeat left;
}
#blog div.list dl {
margin: 0 50px 0 0;
font-size: 90%;
}
#blog div.list dl dt {
width: 8em;
float: left;
margin: 0 0 10px;
padding: 4px 0;
background-color: #236ab1;
color: #ffffff;
text-align: center;
line-height: 160%;
}
#blog div.list dl dd {
margin: 0 0 10px;
padding: 4px 0 5px 9em;
line-height: 160%;
}


#blog ul {
margin: 0 0 50px;
padding: 0;
list-style-type: none;
}
#blog ul li {
float: left;
width: 33.3%;
text-align: center;
}
#blog ul li a {
display: block;
margin: 5px;
}


#information {
padding: 60px 0 60px;
background-color: #efefef;
}


#information div.news {
float: left;
width: 50%;
}
#information div.news p {
padding: 15px 0 10px 38px;
background: url(../../image/home/info_news.gif) no-repeat left;
}
#information div.news div.embed {
margin: 0 50px 0 0;
background-color: #ffffff;
}






@media screen and (max-width: 767px) {

#opening div.pc {
display: none;
}
#opening div.sp {
display: block;
}
#opening1 div.pc {
display: none;
}
#opening1 div.sp {
display: block;
}
#contents {
padding: 10px 0 0;
}

#contents p {
line-height: 170%;
}

#contents div.hgroup {
margin: 0 0 00px;
}
#contents div.hgroup p {
font-size: 90%;
}
#contents div.hgroup h2 {
font-size: 120%;
font-weight: bold;
}

#intro {

}
#intro h2 {
margin: 0 0 10px;
font-size: 120%;
text-align: left;
}
#intro p {
text-align: left;
}

#intro_v {
padding: 20px 10px;
}
#intro_v h2 {
margin: 0 0 15px;
font-size: 120%;
text-align: left;
}
#intro_v p {
margin: 0 0 10px;
text-align: left;
}

#service div.lead {

}
#service div.lead figure {
float: none;
width: 100%;
margin: 0 0 30px;
text-align: center;
}
#service div.lead div.text {
float: none;
width: 100%;
}
#service div.lead div.text p b {
font-size: 100%;
}
#service div.lead div.text div.more {
margin: 30px 0 0;
text-align: center;
}

#service section.reason {
margin: 0 0 50px;
padding: 0px 10px 0;
}
#service section.reason h3 {
margin: 0px;
font-size: 120%;
text-align: center;
}

#service section.reason ul {
width: 100%;
}
#service section.reason ul li {
float: none;
width: 100%;
margin: 0 0 20px;
}
#service section.reason ul li p {
margin: 20px 10px 20px 60px;
font-size: 100%;
text-align: left;
line-height: 140%;
}
#service section.reason ul li p span {
display: inline;
margin: 0;
}
#service section.reason ul li figure {
margin: 0 10px 10px;
text-align: center;
}
#recruit div.lead p.aisatu{
    font-size: 106%;
    line-height: 120%;
}
.service div.lead figure {
float: none;
width: 100%;
margin: 0 0 30px;
text-align: center;
}
.service div.lead div.text {
float: none;
width: 100%;
}
.service div.lead div.text p b {
font-size: 100%;
}
.service div.lead div.text div.more {
margin: 30px 0 0;
text-align: center;
}

.service section.reason {
margin: 0 0 20px;
padding: 10px 10px 0;
}
.service section.reason h3 {
margin: 0 0 20px;
font-size: 120%;
text-align: left;
}
.service section.reason ul {
width: 100%;
}
.service section.reason ul li {

width: 48%;
margin: 0 2px 4px;

}
.service section.reason ul li p {
margin: 0px 1px 0px 0px;
font-size: 100%;
text-align: left;
line-height: 140%;
}
.service section.reason ul li p span {
display: inline;
margin: 0;
}
.service section.reason ul li figure {
margin: 0 10px 10px;
text-align: center;
}

.service section.details {
margin: 0 0 30px;
}
.service section.details h3 {
margin: 0 0 20px;
font-size: 120%;
}
.service section.details ul {
width: auto;
max-width: 500px;
margin: 0 auto;
}
.service section.details ul li {
float: none;
width: 100%;
margin: 0 0 20px;
}
.service section.details ul li dt {
margin: 0 0 10px;
}
.service section.details ul li a div {
padding: 10px 2px;
font-size: 100%;
}
.service section.details ul li a dl dd {
font-size: 100%;
}

#recruit {
padding: 0px 0 10px;
}
#recruit div.lead {
text-align: left;
}
#recruit div.lead p {
font-size: 100%;
}
#recruit div.lead p span {
display: inline;
margin: 0;
}
#recruit ul {
max-width: 500px;
margin: 0 auto 40px;
border: none;
}
#recruit ul li {
float: none;
width: 100%;
position: relative;
margin: 0 0 20px;
}
#recruit ul li:first-child {
width: 100%;
}
#recruit ul li:first-child a div {
bottom: 10px;
left: 10px;
right: 10px;
padding: 10px 22px;
font-size: 100%;
}
#recruit section h3 {
margin: 0 0 20px;
font-size: 100%;
text-align: left;
}

#blog {
margin: 0;
padding: 0px 0;
}
#blog ul {
margin: 0;
}
#blog ul li {
float: none;
width: 100%;
margin: 0 0 20px;
}
#blog ul li a {
margin: 0;
}

#information {
padding: 40px 0;
background-color: #efefef;
}

#information div.news {
float: none;
width: 100%;
margin: 0 0 20px;
}
#information div.news div.embed {
margin: 0;
}

#information div.facebook {
float: none;
width: 100%;
}

dt.qqa{
  background:url(../images24/qa01.gif) no-repeat left;
padding:5px 0px 1px 20px;
margin:0px;
border-width:1px;
 border-color:#000;
 border-style:none none dotted none;
 }

dd.qa{

background: url(../images24/qa02.gif) no-repeat 0px 11px;
padding:10px 0px 40px 20px;
margin-top:0;
}

dt.aqqaa{
font-size: 20px;
padding:5px 0px 1px 20px;
margin:0px;

 border-color:#000;
 border-style:none none dotted none;
 }

dd.aqqbb{

padding:10px 0px 40px 20px;
margin-top:0;
}


#qaa{
      margin-left:34px;
}


  textarea{
    width: 240px;
    height: 100px;
  }
/* ニュース全体の枠組み */
.news-item {
    display: flex;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #eee; /* 下線で区切る */
    transition: background-color 0.3s ease;
    text-decoration: none;
}

/* マウスを乗せた時に少し背景色を変える */
.news-item:hover {
    background-color: #f9f9f9;
}

/* 日付のデザイン */
.news-item .date {
    font-size: 0.9em;
    color: #666;
    background-color: #f0f0f0;
    padding: 2px 8px;
    border-radius: 4px;
    margin-right: 15px;
    white-space: nowrap; /* 日付の途中で改行させない */
}

/* 記事タイトルのデザイン */
.news-item a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
    flex: 1; /* 残りの幅いっぱいに広げる */
}

/* 記事タイトルにマウスを乗せた時 */
.news-item a:hover {
    color: #0073aa; /* WordPress（Lightning）に近い青色 */
    text-decoration: underline;
}

/* スマホ用の調整（幅が狭い時） */
@media (max-width: 600px) {
    .news-item {
        flex-direction: column; /* 日付とタイトルを縦並びに */
        align-items: flex-start;
    }
    .news-item .date {
        margin-bottom: 5px;
    }
}