@charset "UTF-8";
/* [ variable ]
-------------------------------------------------*/
/* element */
/* font */
/* [ font style ]
-------------------------------------------------*/
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
/* [ opacity ]
-------------------------------------------------*/
/* [ display style ]
-------------------------------------------------*/
/* [ easing style ]
-------------------------------------------------*/
/* [ Hover Motion style ]
-------------------------------------------------*/
/* [ icon style ]
-------------------------------------------------*/
/* [ form parts ]
-------------------------------------------------*/
/* Common Style
-------------------------------------------------- */
.trigger {
  cursor: pointer;
}
.trigger.pc_no {
  cursor: default;
}

@media only screen and (min-width: 751px) {
  /* .text{
  	letter-spacing: 0.1em;
  } */
}
/* iScroll
-------------------------------------------------- */
@media only screen and (max-width: 750px) {
  body.hidden {
    overflow: hidden;
  }

  #scrollContainer.active {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
  }
}
/* Gnavi
-------------------------------------------------- */
#gnavi_wrap {
  background-color: #f1f0ee;
}

@media only screen and (min-width: 751px) {
  #gnavi_wrap {
    height: 60px;
  }
}
@media only screen and (max-width: 750px) {
  #gnavi_wrap {
    height: 50px;
  }
}
/* Page Title
-------------------------------------------------- */
#header #page_title {
  text-align: center;
}
#header #page_title img {
  width: auto;
}

#main_text_wrap .text {
  letter-spacing: 0.1em;
}

@media only screen and (min-width: 751px) {
  #header #page_title {
    margin-top: 50px;
    margin-bottom: 45px;
  }
  #header #page_title img {
    height: 23px;
  }

  #main_text_wrap {
    padding: 130px 0;
    color: #fff;
    background-size: cover !important;
    text-align: center;
  }
  #main_text_wrap .title {
    font-size: 24px;
    margin-bottom: 25px;
    letter-spacing: 0.25em;
  }
  #main_text_wrap .title span {
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
    letter-spacing: 0.25em;
  }
}
@media only screen and (max-width: 750px) {
  #header #page_title {
    margin-top: 35px;
    margin-bottom: 30px;
  }
  #header #page_title img {
    height: 20px;
  }

  #main_text_wrap {
    margin-bottom: 40px;
  }
  #main_text_wrap .title {
    padding: 65px 0 60px;
    font-size: 18px;
    margin-bottom: 10px;
    letter-spacing: 0.25em;
    color: #fff;
    text-align: center;
    background-size: cover !important;
  }
  #main_text_wrap .title span {
    font-size: 10px;
    display: block;
    margin-bottom: 5px;
    letter-spacing: 0.25em;
  }
  #main_text_wrap .text {
    margin-left: 15px;
    margin-right: 15px;
  }
}
/* Bread List
-------------------------------------------------- */
.bread_list_wrap {
  border-bottom: 1px solid #d9d7cd;
  background-color: #fff;
}
.bread_list_wrap * {
  line-height: 1;
}
.bread_list_wrap li, .bread_list_wrap a {
  font-size: 11px;
  font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;
}
.bread_list_wrap li {
  display: inline-block;
  margin-right: 2px;
}
.bread_list_wrap li:before {
  content: ">";
  display: inline-block;
  padding-right: 4px;
}
.bread_list_wrap li:first-child:before {
  display: none;
}

@media only screen and (min-width: 751px) {
  .bread_list_wrap {
    padding: 15px 20px;
  }
}
@media only screen and (max-width: 750px) {
  .bread_list_wrap {
    padding: 10px 0;
    margin-top: 50px;
  }
}
/* Body Style
-------------------------------------------------- */
/* One Column
-------------------------------------------------- */
#one_column_body #contents .section_wrap .section_title {
  border-top: 1px solid #f1f0ee;
  border-bottom: 1px solid #f1f0ee;
  text-align: center;
  position: relative;
}
#one_column_body #contents .section_wrap .section_title span {
  position: relative;
  z-index: 15;
  background-color: #fff;
  line-height: initial;
}
#one_column_body #contents .section_wrap .section_title:before {
  position: absolute;
  z-index: 10;
  content: "";
  display: block;
  top: 50%;
  left: 50%;
  height: 1px;
  background-color: #d9d7cd;
}
#one_column_body #contents .section_wrap .section_sub_title {
  vertical-align: middle;
  text-align: center;
}
#one_column_body #contents .section_wrap .section_sub_title:before, #one_column_body #contents .section_wrap .section_sub_title:after {
  content: "";
  display: inline-block;
  background-color: #d9d7cd;
  height: 1px;
  vertical-align: middle;
}

@media only screen and (min-width: 751px) {
  #one_column_body #contents .section_wrap {
    padding-bottom: 80px;
  }
  #one_column_body #contents .section_wrap .section_title {
    height: 118px;
    line-height: 114px;
    margin-bottom: 40px;
  }
  #one_column_body #contents .section_wrap .section_title span {
    font-size: 18px;
    margin-bottom: 35px;
    letter-spacing: 0.1em;
    padding-left: 55px;
    padding-right: 55px;
  }
  #one_column_body #contents .section_wrap .section_title:before {
    width: 1080px;
    margin-left: -540px;
  }
  #one_column_body #contents .section_wrap .section_sub_title {
    margin-bottom: 25px;
  }
  #one_column_body #contents .section_wrap .section_sub_title:before, #one_column_body #contents .section_wrap .section_sub_title:after {
    width: 28px;
  }
  #one_column_body #contents .section_wrap .section_sub_title:before {
    margin-right: 25px;
  }
  #one_column_body #contents .section_wrap .section_sub_title:after {
    margin-left: 25px;
  }
  #one_column_body #contents .section_inner {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1080px;
    min-width: 940px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 750px) {
  #one_column_body #contents .section_wrap {
    padding-bottom: 60px;
  }
  #one_column_body #contents .section_wrap .section_title {
    padding-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  #one_column_body #contents .section_wrap .section_title span {
    font-size: 16px;
    margin-bottom: 35px;
    letter-spacing: 0.1em;
    padding-left: 35px;
    padding-right: 35px;
  }
  #one_column_body #contents .section_wrap .section_title:before {
    width: 750px;
    margin-left: -375px;
  }
  #one_column_body #contents .section_wrap .section_sub_title {
    margin-bottom: 20px;
  }
  #one_column_body #contents .section_wrap .section_sub_title:before, #one_column_body #contents .section_wrap .section_sub_title:after {
    width: 24px;
  }
  #one_column_body #contents .section_wrap .section_sub_title:before {
    margin-right: 15px;
  }
  #one_column_body #contents .section_wrap .section_sub_title:after {
    margin-left: 15px;
  }
  #one_column_body #contents .section_inner {
    margin-left: 15px;
    margin-right: 15px;
  }
}
/* Two Column
-------------------------------------------------- */
#two_column_body .section_title {
  border-top: 1px solid #f1f0ee;
  border-bottom: 1px solid #f1f0ee;
}

@media only screen and (min-width: 751px) {
  #two_column_body {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1080px;
    min-width: 940px;
    margin-left: auto;
    margin-right: auto;
  }
  #two_column_body #contents {
    width: 800px;
    float: right;
  }
  #two_column_body #contents .section_wrap {
    padding-bottom: 80px;
  }
  #two_column_body #contents .section_wrap .section_title {
    font-size: 18px;
    padding: 16px 20px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1280px) and (min-width: 751px) {
  #two_column_body {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1080px;
    min-width: 940px;
  }
  #two_column_body #contents {
    width: 95%;
    /* IE8以下とAndroid4.3以下用フォールバック */
    width: -webkit-calc(100% - 260px);
    width: calc(100% - 260px);
  }
}
@media only screen and (max-width: 750px) {
  #two_column_body #contents .section_wrap {
    padding-bottom: 60px;
  }
  #two_column_body #contents .section_wrap .section_title {
    font-size: 16px;
    padding: 15px 15px;
    margin-bottom: 25px;
  }
  #two_column_body #contents .section_inner {
    margin-left: 15px;
    margin-right: 15px;
  }
}
/* Side Navi
-------------------------------------------------- */
@media only screen and (min-width: 751px) {
  #side_navi {
    width: 220px;
    border-bottom: 1px solid #d9d7cd;
    float: left;
  }
  #side_navi a {
    padding: 14px 10px;
    display: block;
    text-decoration: none;
    letter-spacing: 0.1em;
  }
  #side_navi a:hover, #side_navi a.active {
    background-color: #f1f0ee;
  }
  #side_navi ul li {
    font-size: 13px;
    border-top: 1px solid #d9d7cd;
  }
  #side_navi .blank {
    display: flex;
  }
  #side_navi .blank img {
    width: 13px;
    margin-left: 8px;
    margin-bottom: 3px;
  }
  #side_navi .parent_wrap .title {
    border-top: 1px solid #d9d7cd;
  }
  #side_navi .parent_wrap ul li a {
    padding-left: 40px;
  }
  #side_navi .parent_wrap ul li a:before {
    content: "-";
    display: inline-block;
  }
}
/* Pager
-------------------------------------------------- */
#pager .wp-pagenavi {
  text-align: center;
}
#pager .wp-pagenavi a, #pager .wp-pagenavi span {
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
}
#pager .wp-pagenavi a.current, #pager .wp-pagenavi span.current {
  background-color: #f1f0ee;
  text-decoration: none;
}
#pager .wp-pagenavi a:hover {
  text-decoration: underline;
}
#pager .wp-pagenavi .first,
#pager .wp-pagenavi .last,
#pager .wp-pagenavi .previouspostslink,
#pager .wp-pagenavi .nextpostslink {
  overflow: hidden;
  text-indent: -9999px;
}
#pager .wp-pagenavi .first,
#pager .wp-pagenavi .last {
  background-size: 20px 7px !important;
}
#pager .wp-pagenavi .first {
  background: url("../img/icon_arrow_double_left.svg") no-repeat center center;
}
#pager .wp-pagenavi .last {
  background: url("../img/icon_arrow_double.svg") no-repeat center center;
}
#pager .wp-pagenavi .previouspostslink,
#pager .wp-pagenavi .nextpostslink {
  background-size: 10px 7px !important;
}
#pager .wp-pagenavi .previouspostslink {
  background: url("../img/icon_arrow_left.svg") no-repeat center center;
}
#pager .wp-pagenavi .nextpostslink {
  background: url("../img/icon_arrow.svg") no-repeat center center;
}

@media only screen and (min-width: 751px) {
  #pager {
    margin-top: 70px;
  }
  #pager .wp-pagenavi a, #pager .wp-pagenavi span {
    width: 44px;
    height: 50px;
    line-height: 50px;
    margin: 0 2px;
  }
}
@media only screen and (max-width: 750px) {
  #pager {
    margin-top: 25px;
  }
  #pager .wp-pagenavi a, #pager .wp-pagenavi span {
    width: 35px;
    height: 36px;
    line-height: 36px;
    margin: 0 2px;
  }
}
/* Footer
-------------------------------------------------- */