body{
}

a{
  text-decoration: none;
}

li{
  list-style: none;
}

.sp{
  display: none;
}

.nowrap {
  word-break: keep-all;
}

/*
=======================
        header
======================= */

header{
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "BIZ UDPGothic",
    Meiryo,
    sans-serif;
  font-weight: normal;
  font-size: 20px;
  color: #f26e3e;
  background-color: #fff;
  max-width: 1000px;
  margin:0 auto;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.title{
  color: #f26e3e;
  font-size: 20px;
  padding:10px 0 10px 90px;
  background-image: url("../img/common/logo.png");
  background-repeat: no-repeat;
  background-size:contain;
  background-position:left;

}

.title span{
  font-size: 28px;
  font-weight: bold;
}

.head-contact{
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.phone{
  text-align: center;
  line-height:0.8em;
  margin-right: 30px;
  font-weight: 800;
  color: #f26e3e;

}

.phone p{
  font-weight: normal;
  font-size: 12px;
  color: #767676;
}

.phone p:nth-child(1){
  text-align: center;
}

.phone a{
  font-size: 20px;
  padding:10px 0 10px 1.4em;
  color: #f26e3e;

  background-image: url("../img/common/orange/phone_orange.png");
  background-repeat: no-repeat;
  background-size:1.4em;
  background-position:left bottom 10px;

}

.btn{
  padding:15px 25px;
  border-radius: 25.5px;
  font-size: 12px;
  text-align: center;
  max-width: 140px;
  border:solid 1px #f3914d;
  color: #fff;
  background: #f3914d;
  letter-spacing: 0.1em;
  white-space: nowrap;
}

.btn:hover{
  color: #f3914d;
  background-color: #fff;
  border:solid 1px #f3914d;
  transition: 0.5s;

}


.mail{
  padding-left: 40px;
  border-radius: 30px;
  font-size: 12px;


  color: #fff;
  background: #f3914d;
  background-image: url("../img/common/white/mail_white.png");
  background-repeat: no-repeat;
  background-size:1.3em;
  background-position: 18px;
  letter-spacing: 0;
}

.mail:hover{
  color: #f3914d;
  background-image: url("../img/common/orange/01_mail_orange.png");
  background-repeat: no-repeat;
  background-size:1.3em;
  background-position: 18px;
  transition: 0.5s;

}

.top-animation{
  width: 100%;
  height: auto;
  text-align: center;
  background: #f3914d;
  /* background: #fff; */
}

.top-animation video{
  width: 100%;
  /* max-width: 1200px; */
  margin:0 auto;
}

.header-s{
  display: none;
}


/*
=======================
        nav
======================= */

.nav{
  position: -webkit-moz-ms-o-sticky;
  position: sticky;
  top: 0;

  z-index: 100;
}

.nav{
  background: #f3914d;
  /* margin:0 auto; */

  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "BIZ UDPGothic",
    Meiryo,
    sans-serif;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 0.1em;
}

.nav ul{
  display: flex;
  justify-content: space-around;
  max-width: 796px;
  margin:0 auto;
  padding:0;
}

.nav ul li{
  width: 100%;
  text-align: center;
  border: solid 1px #fff;
  border-width: 0 1px 0 0;
  background-size: 40px 40px;
  background-position: center bottom 75%;
  background-repeat: no-repeat;

}

.nav_01{
  border-width: 0 1px 0 1px;
  background-image: url("../img/common/white/01_shovelcar_white.png");
}
.nav_02{
  background-image: url("../img/common/white/02_exclamation_white.png");
}
.nav_03{
  background-image: url("../img/common/white/03_wallet_white.png");
}
.nav_04{
  background-image: url("../img/common/white/04_home_white.png");
}
.nav_05{
  background-image: url("../img/common/white/05_question_white.png");
}

.nav ul li a{
  display: block;
  padding:55px 34px 10.5px;
  white-space: nowrap;
}

.nav_01 a,
.nav_02 a,
.nav_03 a,
.nav_04 a,
.nav_05 a{
  color: #fff;
}

.nav ul li a:hover{
  color: #f3914d;
  transition: 0.5s;

}

.nav ul li:hover{
  background-color: #fff;
  background-size: 40px 40px;
  background-position: center bottom 75%;
  background-repeat: no-repeat;

  transition: 0.5s;

}

.nav ul li:nth-child(1){
  border-width: 0 1px 0 1px;
}

.nav_01:hover{
  background-image: url("../img/common/orange/01_shovelcar_orange.png");
  transition: 0.5s;

}
.nav_02:hover{
  background-image: url("../img/common/orange/02_exclamation_orange.png");
  transition: 0.5s;

}
.nav_03:hover{
  background-image: url("../img/common/orange/03_wallet_orange.png");
  transition: 0.5s;

}
.nav_04:hover{
  background-image: url("../img/common/orange/04_home_orange.png");
  transition: 0.5s;

}
.nav_05:hover{
  background-image: url("../img/common/orange/05_question_orange.png");
  transition: 0.5s;

}




/*
=======================
          main
======================= */

#main{
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "BIZ UDPGothic",
    Meiryo,
    sans-serif;
  font-weight: normal;
  background-color: #fff;
  position: relative;
}

.box{
  padding:50px 0;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.16);
}



/*
=======================
        section01
======================= */

#section01{
  background-image: url("../img/index/sec01-img.jpg");
  background-repeat: repeat-y;
  background-size: cover;
  background-attachment: fixed;

  padding-top: 80px;
  font-weight: 200;
}

.sec01-content{
  max-width: 803px;
  margin:0 auto;

}

/* .news{
  background-color: #fff;
  max-width: 529px;
  margin:0 auto;
  padding:20px 60px;
  border-radius: 10px;
}

.news-flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: -20px;
}

.news h1{
  font-size: 25px;
  font-weight: 200;
  padding-left: 25px;
}

.news ul{
  border: 3px solid #F0EFEF;
  border-width: 3px 0 3px 0;
  padding:20px 0;
}

.news ul li{
  border-width: 0 0 2px 0;
  color: #767676;
  font-size: 16px;
  line-height: 2em;
  padding-left: 25px;
}

.news ul li a{
  color: #767676;
}

.news ul li a span{
  color: #F3914D;
  padding-left: 1em;
}

.news .btn{
  padding:7px 20px;
}

.news .btn a{
  font-size: 12px;
}

.news .btn::after{
  content:'▶︎';
  padding-left: 5px;
} */

.safe{
  background-image: url("../img/index/worker.png"),url("../img/index/hukidashi.png");
  background-repeat: no-repeat,no-repeat;
  background-size: auto 450px,653px auto;
  background-position: left 28px bottom,center top;
  padding-bottom: 80px;
}

.hukidashi{
  width: 80%;
  height: auto;
  margin:50px auto 0;
  padding:10px;
}

.hukidashi-text{
  max-width: 470px;
  margin:0 auto;
  padding-left: 30px;
  line-height: 4.5em;
  letter-spacing: 0.1em;

}


.hukidashi p{
  font-size: 40px;
  font-weight: 400;
  text-align: left;

}

.hukidashi p span:nth-child(1){
  color: #C97138;
  font-size: 66px;
}

.hukidashi p span:nth-child(3){
  display: inline-block;
  color: #fff;
  font-size: 66px;
  text-shadow    :
  2px  2px 2px #2c9c9a,
 -2px  2px 2px #2c9c9a,
  2px -2px 2px #2c9c9a,
 -2px -2px 2px #2c9c9a,
  2px  0px 2px #2c9c9a,
  0px  2px 2px #2c9c9a,
 -2px  0px 2px #2c9c9a,
  0px -2px 2px #2c9c9a;
}


.content_3{
  max-width: 450px;
  margin:0 0 30px auto;
}

.content_3_flex{
  display: flex;
  justify-content: space-between;
}


.con-1,
.con-2,
.con-3{
  width: 216px;
  height: 216px;
  padding-top: 0;
  border-radius: 500px;
  text-align: center;
  color: #fff;
}

.con-1{
  background: #e8322f;
  margin:0 auto;
}

.con-2{
  background: #F3914D;
}

.con-3{
  background: #007856;
}


.con-1 h2{
  font-size: 48px;
  font-weight: bold;
  padding-top: 10px;
}

.con-2 h2,
.con-3 h2{
  font-size: 48px;
  font-weight: bold;
  margin-top: 10px;
}

.con-1 p,
.con-2 p,
.con-3 p{
  margin-top: -20px;
  font-size: 16px;
  line-height: 1.7em;
}


/*
=======================
        section02
======================= */

#section02{
  padding-top: 180px;
  padding-bottom: 120px;
  background: #FFFCEE;
}

.sec02-content{
  max-width: 660px;
  margin:0 auto;
  text-align: center;
}

.sec02-content h2{
  font-size: 24px;
  font-weight: 400;
}

.sec02-content h2::before{
  content:'ー';
  color: #F26E3E;
  padding:0 10px;
}

.sec02-content h2::after{
  content:'ー';
  color: #F26E3E;
  padding:0 10px;
}

.sec02-content .box{
  background-image: url("../img/common/happa02.png");
  background-repeat: no-repeat;
  background-size: 75px auto;
  background-position: bottom right 70px;
}

.midashi{
  display: inline-block;
  font-size: 24px;
  color: #fff;
  margin-bottom: 50px;
  padding:4px 10px;
  transform:rotate(-5deg);
  background-color: #F3914D;
  box-shadow: 10px 10px #F26E3E;
}

.midashi span{
  font-size: 32px;
  background-color: #F3914D;
  padding-top: 20px;
  box-shadow:8px 8px #F3914D,8px 3px #F26E3E;
}

.icon{
  width: 32px;
  height: auto;
}

.sec02-text{
  margin:50px auto;
  max-width: 430px;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 20px;
  font-weight: 200;
  line-height: 40px;
  color: #333;
}

.sec02-text span{
  font-size:28px;
}

.happa{
  padding-top: 1em;
  background-image: url("../img/common/sprout_yutaka.png");
  background-repeat: no-repeat;
  background-size: 14.12px 11.43px;
  background-position: top 26px left 21.5px;
}

.img-box{
}

.img-flex{
  position: relative;
  display: flex;
  justify-content: space-between;
  margin:0 auto;
  padding:20px 20px 50px;
}

.img-text p{
  display: inline-block;
  text-align: center;
  font-size: 14px;
  font-weight: 200;
  color: #fff;
  background-color: #2CAA85;
  margin:-2px;
  letter-spacing: 0.1em;
}


.img-01{
  position: relative;
  top: 90px;
}

.img-02{
  position: relative;
  top: -10px;
}

.img-03{
  position: relative;
}
.img-04{
  position: relative;
  top: -50px;
}

.img-01 img{
  width: 240px;
  height: 156px;
}

.img-02 img{
  width: 322px;
  height: 210px;
}

.img-03 img{
  width: 269px;
  height: 176px;
}

.img-04 img{
  width: 242px;
  height: 160px;
}


.img-01 .img-text{
  position: absolute;
  top: -10px;
  left: -10px;
  transform: rotate(-15deg);
}

.img-02 .img-text{
  position: absolute;
  top: 0;
  right: -40px;
  transform: rotate(15deg);
}

.img-03 .img-text{
  position: absolute;
  bottom: 10px;
  left: -25px;
  text-align: left;
  transform: rotate(15deg);
}

.img-04 .img-text{
  position: absolute;
  bottom: 0;
  right: -5px;
  text-align: right;
  transform: rotate(-15deg);
}

.img-01 .img-text p{
  padding:3px;
}

.img-01 .img-text p:nth-child(3){
  padding:0 25px;
}

.img-02 .img-text p{
  padding:3px;
}

.img-02 .img-text p:nth-child(3){
  padding:0 15px;
}

.img-03 .img-text p{
  padding:3px;
}

.img-03 .img-text p:nth-child(3){
  padding:0 10px;
  position: relative;
  left: -3px;
}

.img-04 .img-text p{
  padding:3px;
}

.img-04 .img-text p:nth-child(3){
  position: relative;
  right: -5px;
  padding:0 15px;
}

.kaitai,
.kinkyuu,
.ryoukin,
.goriyou,
.sitsumon{
  padding:15px 42px;
  border-radius: 100px;
  letter-spacing: 0;
}

.kaitai{
  margin:0 auto;
}
.kinkyuu{
  margin:40px auto 0;
}
.ryoukin{
  margin:65px auto 0;
}
.goriyou{
  margin:65px auto 0;
}
.sitsumon{
  margin:65px auto 0;
}


.kaitai::after,
.kinkyuu::after,
.ryoukin::after,
.goriyou::after,
.sitsumon::after{
  content: '▶︎';
  color: #fff;
  padding-left: 6px;
  transition: 0.5s;

}

.kaitai:hover:after,
.kinkyuu:hover:after,
.ryoukin:hover:after,
.goriyou:hover:after,
.sitsumon:hover:after{
  content: '▶︎';
  color: #F26E3E;
  transition: 0.5s;
}

.orange{
  font-size: 20px;
  font-weight: 400;
  color: #F26E3E;
}

.green{
  font-size: 20px;
  font-weight: 400;
  color: #007856;
}

.bold{
  font-weight: 400;
}

.big{
  font-size: 18px;
}



/*
=======================
        section03
======================= */

#section03{
  padding-bottom: 120px;
  background: #FFFCEE;
}

.sec03-content{
  max-width: 660px;
  margin:0 auto;

  background-image: url("../img/index/hibi01.png"),url("../img/index/hibi02.png"),url("../img/index/yure.png");
  background-repeat: no-repeat,no-repeat,no-repeat;
  background-size: 44.5px 47px,72.5px 71px,604px auto;
  background-position: right top 180px,left bottom 200px,top 275px left 50%;
}


.sec03_01{
  text-align: center;
}

.sec03-content h2{
  font-size: 24px;
  font-weight: 400;
}

.sec03-content h2::before{
  content:'ー';
  color: #F26E3E;
  padding:0 10px;
}

.sec03-content h2::after{
  content:'ー';
  color: #F26E3E;
  padding:0 10px;
}

.warning-icon{
  position: relative;
  bottom: 5px;
}

.warning{
  display: inline-block;
  font-size: 20px;
  color: #333333;
  background:linear-gradient(transparent 60%,#F7B12E 60%);
  letter-spacing: 0.1em;
}

.warning span{
  font-size: 26px;
  position: relative;
  padding-top: 0.5em;
}

.warning span::before{
  position: absolute;
  content:'●';
  color: #FF0000;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
  font-size: 0.4em;
}

.sec03-img{
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  max-width: 527px;
  margin:50px auto;
}



.sec03-img img{
  margin:0 4px;
  width: 125.36px;
}

.sec03-img-01 img,
.sec03-img-02 img,
.sec03-img-03 img,
.sec03-img-04 img{
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
}


.sec03-img-02,
.sec03-img-04{
  position: relative;
  bottom: 20px;
}

.giza{
  position: relative;
  bottom: 25px;
  width: 40px;
  box-shadow: none;
}

.sec03-text{
  max-width: 450px;
  margin:0 auto;
  text-align: left;
  line-height: 1.7em;
  color: #5C5C5C;
  font-size: 16px;
  font-weight: 200;
}

.sec03-text span{
  font-size: 20px;
}


/*
=======================
        section04
======================= */

#section04{
  padding:60px 0 95px;
  background-color: #fff;
}

.sec04-content{
  max-width: 1000px;
  margin:0 auto;
  text-align: center;
}

.sec04-content h2{
  font-size: 24px;
  font-weight: 400;
}

.sec04-content h2::before{
  content:'ー';
  color: #F26E3E;
  padding:0 10px;
}

.sec04-content h2::after{
  content:'ー';
  color: #F26E3E;
  padding:0 10px;
}

.sec04-flex{
  display: flex;
  justify-content: space-between;
  max-width: 660px;
  margin:65px auto 0;
  color: #333333;
}

.sec04-flex p{
  font-weight: 200;
  font-size: 12px;
}

.sec04-flex .line{
  font-size: 18px;
  font-weight: 400;
  background:linear-gradient(transparent 60%,#F3914D 60%);
}

.sec04-flex img{
  width: 100%;
  /* height: auto; */
  box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.16);
}

.sec04-left{
  width: 60%;
  max-width: 395px;
}
.sec04-right{
  width: 30%;
  max-width: 192px;
}

.sec04-right .sec04-img-02 img{
  margin-top: -3.5px;
}



.green_hukidashi{
  position: relative;
  border-radius: 10px;
  margin-top: 15px;
  background: #2CAA85;
  color: #fff;
  padding:21px 0;
}


.green_hukidashi p{
  display: block;
  max-width: 200px;
  height: 25px;
  margin:0 auto;
  text-align: center;
}

.green_hukidashi span{
  font-size: 16px;
  font-weight: 400;
}

.green_hukidashi .bold{
  font-size: 20px;
}


.triangle, .triangle:before, .triangle:after { width: 4em; height: 4em; }
.triangle {
        overflow: hidden;
        position: absolute;
        top: -180px;
        left: 40%;
        margin: 7em auto 0;
        border-radius: 20%;
        transform: translateY(50%) rotate(125deg) skewY(30deg) scaleX(.500) scaleY(.950);
        cursor: pointer;
        pointer-events: none;
}
.triangle:before, .triangle:after {
        position: absolute;
        background: #2CAA85;
        pointer-events: auto;
        content: '';
}
.triangle:before {
        border-radius: 20% 20% 20% 53%;
        transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%)
                        skewX(30deg) scaleY(.866) translateX(40%);
}
.triangle:after {
        border-radius: 20% 20% 53% 20%;
        transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-85.3%)
                        skewX(-30deg) scaleY(.866) translateX(3%);
}

/** extra styles to show how it works **/

/* .triangle:hover { overflow: visible; }
.triangle:hover:before, .triangle:hover:after { background: none; }
.triangle:hover, .triangle:hover:before, .triangle:hover:after {
        border: dashed 1px;
} */


/*
=======================
        section05
======================= */

#section05{
  padding:65px 0 120px;

  background:
  linear-gradient(to bottom left, transparent 50%, #C2F2E4 50%) top left 66.66%/ 20% 50% no-repeat,
  linear-gradient(to top left, transparent 50%, #C2F2E4 50%) bottom left 66.66% / 20% 50% no-repeat,
  linear-gradient(to bottom left, transparent 50%, #A5EAD6 50%) top left 33.33%/ 20% 50% no-repeat,
  linear-gradient(to top left, transparent 50%, #A5EAD6 50%) bottom left 33.33% / 20% 50% no-repeat,
  linear-gradient(to bottom left, #A5EAD6 100%, #A5EAD6 100%) top left/ 26.7% 100% no-repeat,
  linear-gradient(to bottom left, #C2F2E4 100%, #C2F2E4 100%) top left/ 53.4% 100% no-repeat,
  linear-gradient(to bottom left, #E2F7F1 100%, #E2F7F1 100%) top left/ 100% 100% no-repeat

  ;

}

.sec05-content{
  max-width: 1000px;
  margin:0 auto;
  text-align: center;
}

.sec05-content h2{
  font-size: 24px;
  font-weight: 400;
}

.sec05-content h2::before{
  content:'ー';
  color: #F26E3E;
  padding:0 10px;
}

.sec05-content h2::after{
  content:'ー';
  color: #F26E3E;
  padding:0 10px;
}

.sec05-text{
  font-size: 16px;
  font-weight: 200;
  text-align: left;
  max-width: 520px;
  margin:0 auto;
  line-height: 32px;
  color: #5c5c5c;

}



/*
=======================
        section06
======================= */

#section06{
  padding:40px 0;
  background-color: #fff;
}


.sec06-content{
  max-width: 1000px;
  margin:0 auto;
  text-align: center;
}

.sec06-content h2{
  font-size: 24px;
  font-weight: 400;
}

.sec06-content h2::before{
  content:'ー';
  color: #F26E3E;
  padding:0 10px;
}

.sec06-content h2::after{
  content:'ー';
  color: #F26E3E;
  padding:0 10px;
}

.human{
  margin-top: 40px;
  max-width: 133px;
}

.sec06-text{
  max-width:545px;
  margin:50px auto;
  text-align: left;
  font-weight: 200;
  line-height: 32px;
  color: #5C5C5C;

}


/*
=======================
        section07
======================= */

#section07{
}

#sec07-content a{
  display: block;
  padding:0;
}

#sec07-content{
  width: 100%;
  margin:0 auto;
  text-align: center;
  padding:350px 0;
  background-image: url("../img/index/company.jpg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
  z-index: -1;
}

#sec07-content:hover{
  opacity: 0.6;
  transition: 0.5s;

}

#sec07-content h2{
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  letter-spacing: 0.1em;
}

#sec07-content h2::before{
  content:'ー';
  color: #fff;
  padding:0 10px;
}

#sec07-content h2::after{
  content:'ー';
  color: #fff;
  padding:0 10px;
}

/*
=======================
        section08
======================= */

#section08{
  padding: 55px 0 80px;
  background: #FFFCEE;
}

#section08 .box{
  border-radius: 10px;
  background: #fff;
  box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.16);
}


.sec08-content{
  max-width: 1000px;
  margin:0 auto;
  text-align: center;
}

.sec08-content h2{
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.1em;
}

.sec08-content h2::before{
  content:'ー';
  color: #F26E3E;
  padding:0 10px;
}

.sec08-content h2::after{
  content:'ー';
  color: #F26E3E;
  padding:0 10px;
}

.sec08-text{
  max-width: 340px;
  margin:0 auto;
  text-align: left;
  font-weight: 200;
  color: #333333;
}

.sec08-flex{
  max-width: 722px;
  margin:48px auto 0;
  display: flex;
  justify-content: space-between;
}

.sec08-flex img{
  max-width: 48px;
  height: auto;
  margin:26px 0;
}

.sec08-flex h3{
  font-size: 16px;
  font-weight: 400;
  color: #007856;
  margin:0;
}

.sec08-left{
  width:45%;
  text-align: center;
  padding:24px 0;
}

.sec08-left a{
  display: block;
  font-size: 20px;
  font-weight: 400;
  color: #007856;
  font-size: 20px;
  letter-spacing: 0.1em;
}

.sec08-left p{
  font-size: 12px;
  color: #767676;
  letter-spacing: 0.1em;
  margin:0;
}

.sec08-right{
  width: 45%;
  text-align: center;
  padding:24px 0;
}

.mail-btn{
  max-width: 188px;
  margin:0 auto;
  padding:10px 30px;
}

.mail-btn::after{
  content: '▶︎';
  color: #fff;
}

.mail-btn:hover:after{
  content: '▶︎';
  color: #F3914D;
  transition: 0.5s;

}

/*
=======================
        section09
======================= */

#section09{
    padding: 55px 0 132px;
    background: #FFFCEE;
}

.sec09-content{
  max-width: 1000px;
  margin:0 auto;
  text-align: center;
}

.sec09-content h2{
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.1em;
}

.sec09-content h2::before{
  content:'ー';
  color: #F26E3E;
  padding:0 10px;
}

.sec09-content h2::after{
  content:'ー';
  color: #F26E3E;
  padding:0 10px;
}

.sec09-text {
	font-size: 24px;
	color: #F16E3E;
	padding-top: 30px;
}

.sec09-text  a:hover{opacity: 0.7;}
.sec09-text a:visited { color: #F16E3E }




/*
=======================
        footer
======================= */

footer{
  background-color: #F3914D;
  color: #fff;
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "BIZ UDPGothic",
    Meiryo,
    sans-serif;
  text-align: center;
  padding:30px 0;
}

.footer-name{
  font-size: 16px;
  font-weight: 400;
}

.footer-text{
  font-size: 14px;
  font-weight: 200;
  max-width: 300px;
  margin:16.5px auto;
  text-align: center;
  line-height: 20px;

}

.copy{
  font-size: 14px;
  font-weight: 200;
}


/*
=======================
      responsive
======================= */

/* @media(max-width:1500px){
  #sec07-content{
    padding:150px 0;
    transition: 0.5s;
  }
}

@media(max-width:1200px){
  #sec07-content{
    padding:100px 0 80px;
  }
} */

@media(max-width:797px){
  @import url("style-s.css");
  @import url("common-s.css");
}


/*
=======================
        news
======================= */

/* common */
.news {
  max-width: 663px;
  margin-left: auto;
  margin-right: auto;
}

.news-table {
  width: 100%;
  display: block;
}
.news-table.has-border {
  border-top: 1px solid #F2904D;
  border-bottom: 1px solid #F2904D;
}
.news-table tbody {
  display: block;
}
.news-table tr {
  position: relative;
  display: grid;
}
#section-news .news-table tr {
  grid-template-columns: auto 1fr;
}
#page-news .news-table tr {
  grid-template-columns: minmax(auto, 176px) 1fr;
}
.news-table th,
.news-table td {
  display: block;
  padding-top: 12px;
  padding-bottom: 12px;
}
.news-table tr:not(:first-child) th,
.news-table tr:not(:first-child) td {
  border-top: 1px solid #F2904D;
}
.news-table th {
  font-weight: normal;
  white-space: nowrap;
  vertical-align: top;
  padding-left: 16px;
  padding-right: 16px;
  text-align: right;
}
.news-table td {
  padding-left: 20px;
}
.news-table td a {
  color: currentColor;
}
.news-table td a::after {
  content: "";
  position: absolute;
  inset: 0;
}
.news-table td a:hover {
  text-decoration: underline;
}


/* index.html */
#section-news {
  color: #333333;
  padding-top: 80px;
  padding-left: 32px;
  padding-right: 32px;
  background: #FFFCEE;
}
.news_container {
  display: flex;
  background-color: #FFFFFF;
  border-top: 2px solid #F16E3E;
  border-bottom: 2px solid #F16E3E;
  padding: 6px 20px;
}
.news_title {
  font-size: 24px;
  color: #F16E3E;
  margin-top: 10px;
  margin-right: 34px;
  white-space: nowrap;
}
.news_content-area {
  flex-grow: 1;
}
.news_button-area {
  text-align: right;
  margin-top: 16px;
  padding-right: 20px;
}

.link-button {
  color: inherit;
  transition: 0.2s;
}
.link-button::after {
  content:'▶︎';
  color: #F16E3E;
}
.link-button:hover {
  color: #F16E3E;
}

/* news.html */
#page-news {
  color: #333333;
  padding-top: 80px;
  padding-left: 32px;
  padding-right: 32px;
  padding-bottom: 130px;
}
.news_pagination-area {
  margin-top: 80px;
}

.news-pagination {
  display: flex;
  justify-content: center;
}
.news-pagination_num {
  display: flex;
  align-items: center;
}
.news-pagination_num + .news-pagination_num::before {
  content: ">";
  margin-left: 16px;
  margin-right: 16px;
}
.news-pagination_ellipsis:first-child {
  margin-right: 16px;
}
.news-pagination_ellipsis:last-child {
  margin-left: 16px;
}
.news-pagination a {
  color: currentColor;
}
.news-pagination a:not([href]) {
  color: #F16E3E;
}
.news-pagination a[href] {
  transition: 0.2s;
}
.news-pagination a[href]:hover {
  color: #F16E3E;
}


/*
=======================
        recruit
======================= */


#section-recruit {
	padding-top: 160px;
    background-color: #fffcee;
}

.recruit{
    position: relative;
    width: 400px;
    margin: 0 auto;

}

.recruit img {
	position: absolute;
    top: 50%;
    left: 50%;
    /* -webkit-transform: translate(-50%, -50%); */
    transform: translate(-50%, -50%);
    width: 100%;
    display: block;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

.recruit:hover img:nth-of-type(2) {
	opacity: 0;
}



/*
=======================
        article
======================= */
.article {
  color: #333333;
  padding: 80px 36px 135px;
  max-width: 584px;
  margin-left: auto;
  margin-right: auto;
}

.article_header {

}
.article_date {
  display: block;
  text-align: center;
}
.article_title {
  margin-top: 16px;
  margin-bottom: 90px;
}

.article_body {

}
.article_body > :first-child {
  margin-top: 0;
}
.article_body > :last-child {
  margin-bottom: 0;
}
.article_body strong {
  color: #F16E3E;
  font-size: 20px;
  font-weight: normal;
}
.article_body p {
  line-height: 1.875;
  margin-top: 30px;
  margin-bottom: 30px;
}
.article_body figure {
  margin: 40px 0;
}
.article_body figure.half-columns {
  display: flex;
  margin-left: -10px;
  margin-right: -10px;
}
.article_body figure.half-columns > img {
  width: calc(50% - 20px);
  margin-left: 10px;
  margin-right: 10px;
}
.article_body figure > img {
  display: block;
  max-width: 100%;
}
.article_body a {
  color: #F16E3E;
  text-decoration: underline;
}
.article_body a:hover {
  text-decoration: none;
}

.article_footer {
  margin-top: 75px;
  display: flex;
  justify-content: center;
}
.article_footer .btn {
  padding: 15px 42px;
  max-width: 190px;
}
.article_footer .btn::after {
  content: '▶︎';
  color: #fff;
  padding-left: 6px;
  transition: 0.5s;
}
.article_footer .btn:hover::after {
  color: #F26E3E;
  transition: 0.5s;
}