@charset "utf-8";


/* layout
---------------------------------------------------------- */
/*header*/
.l-header {
  width: 100%;
}
.l-header__cotainer {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  padding: 20px 0 16px;
  width: 1000px;
}
.l-header__cotainer__logo {
  width: 300px;
}
.l-header__cotainer__logo img {
  width: 100%;
}
.l-header__cotainer__tel {
  width: 300px;
}
.l-header__cotainer__tel img {
  width: 100%;
}

/*footer*/
.l-footer {
  margin-top: 50px;
  width: 100%;
}
.l-footer__copyright {
  background-color: #ccc;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  margin-top: 30px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}

/*main*/
.l-main {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: space-between;
  width: 1100px;
}
.l-main__main {
  margin-top: 60px;
}

/*side*/
.l-main__side {
  margin-top: 125px;
  width: 250px;
}
.l-main__side__search {
}
.l-main__side__archive {
  margin-top: 40px;
  font-size: 20px;
}
.l-main__side__archive__tit {
  border-bottom: solid 1px #ccc;
  font-weight: 600;
  padding-bottom: 10px;
}
.l-main__side__archive__list>li {
  margin-top: 14px;
}


/* Object
---------------------------------------------------------- */

/*--------------------
Project
--------------------*/
/*gnav*/
.p-gnav {
  background-color: #ccc;
  width: 100%;
}
.p-gnav__container__contents__link {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 1000px;
}
.p-gnav__container__contents__link>li>a {
  align-items: center;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  justify-content: center;
  line-height: 1;
  padding: 20px 38px;
  transition: opacity .3s ease;
}
.p-gnav__container__contents__link>li>a:hover {
  opacity: .6;
}

/*title*/
.p-page-tit {
  align-items: center;
  background-color: #00b3f2;
  background-size: cover;
  display: flex;
  flex-wrap: wrap;
  height: 60px;
  width: 100%;
}
.p-page-tit>span {
  font-size: 20px;
  line-height: 1.2;
  margin: 0 auto;
  width: 1000px;
}

/*search-form*/
.p-search {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.p-search__field {
  border: solid 1px #ccc;
  border-radius: 0;
  margin: 0;
  padding: 5px;
  width: 204px;
}
.p-search__submit {
  background-color: #ccc;
  border: solid 1px #ccc;
  border-left: none;
  border-radius: 0;
  font-size: 12px;
  margin: 0;
  padding: 0;
  transition: opacity .3s ease;
  width: 44px;
}
.p-search__submit:hover {
  cursor: pointer;
  opacity: .6;
}

/*pagetop*/
.p-pagetop {
  background-color: #4c8817;
  bottom: 40px;
  cursor: pointer;
  height: 60px;
  opacity: 0;
  position: fixed;
  right: 30px;
  transition: all .3s ease;
  visibility: hidden;
  width: 60px;
}
.p-pagetop__arrow {
  border-left: solid 2px #fff;
  border-top: solid 2px #fff;
  box-sizing: border-box;
  content: '';
  height: 15px;
  left: 50%;
  margin: -3px 0 0 -7.5px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: rotateZ(45deg);
  transition: all .3s ease;
  visibility: hidden;
  width: 15px;
}
.p-pagetop.js-p-pagetop__show,
.p-pagetop.js-p-pagetop__show>.p-pagetop__arrow{
  opacity: 1;
  visibility: visible;
}
.p-pagetop.js-p-pagetop__show:hover {
  opacity: .6;
}


/*--------------------
Component
--------------------*/



/*--------------------
Utility
--------------------*/
/*clearfix*/
.u-cl:after {
  clear: both;
  content: '';
  display: block;
}

/*font*/
.u-fwB {
  font-weight: bold;
}
.u-fs10 {
  font-size: 10px;
}
.u-fs11 {
  font-size: 11px;
}
.u-fs12 {
  font-size: 12px;
}
.u-fs13 {
  font-size: 13px;
}
.u-fs14 {
  font-size: 14px;
}
.u-fs15 {
  font-size: 15px;
}
.u-fs16 {
  font-size: 16px;
}
.u-fs17 {
  font-size: 17px;
}
.u-fs18 {
  font-size: 18px;
}
.u-fs19 {
  font-size: 19px;
}
.u-fs20 {
  font-size: 20px;
}
.u-fs21 {
  font-size: 21px;
}
.u-fs22 {
  font-size: 22px;
}
.u-fs23 {
  font-size: 23px;
}
.u-fs24 {
  font-size: 24px;
}
.u-fs25 {
  font-size: 25px;
}
.u-fs26 {
  font-size: 26px;
}
.u-fs27 {
  font-size: 27px;
}
.u-fs28 {
  font-size: 28px;
}
.u-fs29 {
  font-size: 29px;
}
.u-fs30 {
  font-size: 30px;
}
.u-mintyo {
  font-family: YuMincho, "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "游明朝", "HGS明朝B", "HGS明朝E", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*width*/
.u-w100 {
  width: 100px;
}
.u-w200 {
  width: 200px;
}
.u-w250 {
  width: 250px;
}
.u-w300 {
  width: 300px;
}
.u-w615 {
  width: 615px;
}
.u-w1000 {
  width: 1000px;
}
.u-w05p {
  width: 5%;
}
.u-w10p {
  width: 10%;
}
.u-w15p {
  width: 15%;
}
.u-w20p {
  width: 20%;
}
.u-w25p {
  width: 25%;
}
.u-w30p {
  width: 30%;
}
.u-w35p {
  width: 35%;
}
.u-w40p {
  width: 40%;
}
.u-w45p {
  width: 45%;
}
.u-w50p {
  width: 50%;
}
.u-w55p {
  width: 55%;
}
.u-w60p {
  width: 60%;
}
.u-w65p {
  width: 65%;
}
.u-w70p {
  width: 70%;
}
.u-w75p {
  width: 75%;
}
.u-w80p {
  width: 80%;
}
.u-w85p {
  width: 85%;
}
.u-w90p {
  width: 90%;
}
.u-w95p {
  width: 95%;
}
.u-w100p {
  width: 100%;
}

/*margin-top*/
.u-mt0 {
  margin-top: 0;
}
.u-mt05 {
  margin-top: 5px;
}
.u-mt10 {
  margin-top: 10px;
}
.u-mt15 {
  margin-top: 15px;
}
.u-mt20 {
  margin-top: 20px;
}
.u-mt25 {
  margin-top: 25px;
}
.u-mt30 {
  margin-top: 30px;
}
.u-mt35 {
  margin-top: 35px;
}
.u-mt40 {
  margin-top: 40px;
}
.u-mt45 {
  margin-top: 45px;
}
.u-mt50 {
  margin-top: 50px;
}

/*margin-right*/
.u-mrauto {
  margin-right: auto;
}
.u-mr0 {
  margin-right: 0;
}
.u-mr05 {
  margin-right: 5px;
}
.u-mr10 {
  margin-right: 10px;
}
.u-mr15 {
  margin-right: 15px;
}
.u-mr20 {
  margin-right: 20px;
}
.u-mr25 {
  margin-right: 25px;
}
.u-mr30 {
  margin-right: 30px;
}
.u-mr35 {
  margin-right: 35px;
}
.u-mr40 {
  margin-right: 40px;
}
.u-mr45 {
  margin-right: 45px;
}
.u-mr50 {
  margin-right: 50px;
}

/*margin-bottom*/
.u-mb0 {
  margin-bottom: 0;
}
.u-mb05 {
  margin-bottom: 5px;
}
.u-mb10 {
  margin-bottom: 10px;
}
.u-mb15 {
  margin-bottom: 15px;
}
.u-mb20 {
  margin-bottom: 20px;
}
.u-mb25 {
  margin-bottom: 25px;
}
.u-mb30 {
  margin-bottom: 30px;
}
.u-mb35 {
  margin-bottom: 35px;
}
.u-mb40 {
  margin-bottom: 40px;
}
.u-mb45 {
  margin-bottom: 45px;
}
.u-mb50 {
  margin-bottom: 50px;
}

/*margin-left*/
.u-mlauto {
  margin-left: auto;
}
.u-ml0 {
  margin-left: 0;
}
.u-ml05 {
  margin-left: 5px;
}
.u-ml10 {
  margin-left: 10px;
}
.u-ml15 {
  margin-left: 15px;
}
.u-ml20 {
  margin-left: 20px;
}
.u-ml25 {
  margin-left: 25px;
}
.u-ml30 {
  margin-left: 30px;
}
.u-ml35 {
  margin-left: 35px;
}
.u-ml40 {
  margin-left: 40px;
}
.u-ml45 {
  margin-left: 45px;
}
.u-ml50 {
  margin-left: 50px;
}

/*padding-top*/
.u-pt0 {
  padding-top: 0;
}
.u-pt05 {
  padding-top: 5px;
}
.u-pt10 {
  padding-top: 10px;
}
.u-pt15 {
  padding-top: 15px;
}
.u-pt20 {
  padding-top: 20px;
}
.u-pt25 {
  padding-top: 25px;
}
.u-pt30 {
  padding-top: 30px;
}
.u-pt35 {
  padding-top: 35px;
}
.u-pt40 {
  padding-top: 40px;
}
.u-pt45 {
  padding-top: 45px;
}
.u-pt50 {
  padding-top: 50px;
}

/*padding-right*/
.u-pr0 {
  padding-right: 0;
}
.u-pr05 {
  padding-right: 5px;
}
.u-pr10 {
  padding-right: 10px;
}
.u-pr15 {
  padding-right: 15px;
}
.u-pr20 {
  padding-right: 20px;
}
.u-pr25 {
  padding-right: 25px;
}
.u-pr30 {
  padding-right: 30px;
}
.u-pr35 {
  padding-right: 35px;
}
.u-pr40 {
  padding-right: 40px;
}
.u-pr45 {
  padding-right: 45px;
}
.u-pr50 {
  padding-right: 50px;
}

/*padding-bottom*/
.u-pb0 {
  padding-bottom: 0;
}
.u-pb05 {
  padding-bottom: 5px;
}
.u-pb10 {
  padding-bottom: 10px;
}
.u-pb15 {
  padding-bottom: 15px;
}
.u-pb20 {
  padding-bottom: 20px;
}
.u-pb25 {
  padding-bottom: 25px;
}
.u-pb30 {
  padding-bottom: 30px;
}
.u-pb35 {
  padding-bottom: 35px;
}
.u-pb40 {
  padding-bottom: 40px;
}
.u-pb45 {
  padding-bottom: 45px;
}
.u-pb50 {
  padding-bottom: 50px;
}

/*padding-left*/
.u-pl0 {
  padding-left: 0;
}
.u-pl05 {
  padding-left: 5px;
}
.u-pl10 {
  padding-left: 10px;
}
.u-pl15 {
  padding-left: 15px;
}
.u-pl20 {
  padding-left: 20px;
}
.u-pl25 {
  padding-left: 25px;
}
.u-pl30 {
  padding-left: 30px;
}
.u-pl35 {
  padding-left: 35px;
}
.u-pl40 {
  padding-left: 40px;
}
.u-pl45 {
  padding-left: 45px;
}
.u-pl50 {
  padding-left: 50px;
}

/*text-align*/
.u-taC {
  text-align: center;
}
.u-taR {
  text-align: right;
}
.u-taL {
  text-align: left;
}