@charset "UTF-8";
/* ================================================================= 
 License : e-TRUST Inc.
 File name : common_style.css
 Style : common_style
================================================================= */


.inner {
  margin: 0 auto;
  max-width: 1000px;
}
@media screen and (min-width: 469px) and (max-width: 768px) {
  .inner {
    padding-left: 20px ;
    padding-right: 20px ;
  }
}
@media only screen and (max-width: 468px) {
  .inner {
    padding-left: 10px ;
    padding-right: 10px ;
  }
}

.error_link a {
  color: #230f00;
}
.error_link a:hover {
  text-decoration: underline;
}

.map li {
  border-left: 5px solid #230f00;
  list-style: none;
  margin: 0 0 15px;
  padding: 0 0 0 10px;
  text-align: left;
}
.map li:last-of-type {
  display: none;
}
.smp h2 {
  margin: 100px auto 20px auto;
  padding-bottom: 5px;
  border-bottom: 2px solid rgba(35, 15, 0, 0.7);
  font-size: 24px;
  letter-spacing: 10px;
}
.smp h3 {
  margin: 50px auto 10px auto;
  font-size: 20px;
}
.smp h3:first-of-type {
  margin-top: 20px;
}
.smp p {
  margin-bottom: 10px;
}
.smp ul {
  padding: 0 20px;
}
.smp li {
  margin-bottom: 10px;
}
table {
  table-layout: fixed;
}
table td {
  padding: 0 ;
}
.tlauto table {
  table-layout: auto;
}
table td img {
  height: auto ;
}
.pdtd10 td {
  padding: 10px ;
}
hr {
  border: none;
  height: 0;
  border-bottom: 1px dashed #B3B3B3;
}
@media only screen and (max-width: 468px) {
  .fltL {
    float: none;
    width: 100% ;
  }

  .fltR {
    float: none;
    width: 100% ;
  }

  .sptal {
    text-align: left ;
  }

  .sptar {
    text-align: right ;
  }

  .sptac {
    text-align: center ;
  }

  .spcenter {
    text-align: center;
    display: block;
    margin-top: 10px;
  }
}

#mainArea {
  width: 100%;
  overflow: hidden;
  margin-top: 50px;
  padding-left: 120px;
}
@media screen and (min-width: 469px) and (max-width: 768px) {
  #mainArea {
    margin-top: 0;
    padding-left: 100px;
  }
}
@media only screen and (max-width: 468px) {
  #mainArea {
    margin-top: 0;
    padding-left: 0;
  }
}

#mainArea img {
  width: 100vw ;
  height: 100vh ;
}
@media only screen and (max-width: 768px) {
  #mainArea img {
    width: 100% ;
    height: auto ;
  }
}

.headerLogo {
  position: fixed;
  left: 0;
  top: 0;
  width: 120px;
  height: 100%;
  background: url(../images/common/bg_side.gif) 0 0 repeat-y;
  z-index: 3;
  padding: 30px 10px 20px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}
@media screen and (min-width: 469px) and (max-width: 768px) {
  .headerLogo {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 468px) {
  .headerLogo {
    position: static;
    width: 100%;
    height: auto;
    background-repeat: repeat;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
  }
}

.headerLogo #siteID {
  display: block;
}
@media only screen and (max-width: 468px) {
  .headerLogo #siteID {
    padding: 0 15%;
  }
}

.headerLogo #siteID a {
  opacity: 1;
}
.headerLogo #hed_info {
  position: absolute;
  bottom: 20px;
  left: 10px;
  z-index: 2;
  width: 100%;
}
@media only screen and (max-width: 468px) {
  .headerLogo #hed_info {
    position: static;
  }
}

.headerLogo #hed_info p, .headerLogo #hed_info dl, .headerLogo #hed_info dt, .headerLogo #hed_info dd {
  font-size: 16px;
  text-align: left;
  line-height: 1.3;
}
@media screen and (min-width: 469px) and (max-width: 768px) {
  .headerLogo #hed_info p, .headerLogo #hed_info dl, .headerLogo #hed_info dt, .headerLogo #hed_info dd {
    font-size: 13px;
  }
}
@media only screen and (max-width: 468px) {
  .headerLogo #hed_info p, .headerLogo #hed_info dl, .headerLogo #hed_info dt, .headerLogo #hed_info dd {
    font-size: 20px;
    text-align: center;
  }
}

.headerLogo #hed_info p {
  margin-bottom: 20px;
}
@media only screen and (max-width: 468px) {
  .headerLogo #hed_info p {
    display: none;
  }
}
@media only screen and (max-width: 468px) {
  .headerLogo #hed_info p br {
    display: none;
  }
}
@media only screen and (max-width: 468px) {
  .headerLogo #hed_info p br:first-of-type {
    display: block;
  }
}

.headerLogo #hed_info dt {
  margin-bottom: 5px;
}
@media only screen and (max-width: 468px) {
  .headerLogo #hed_info dt {
    display: none;
  }
}

.headerLogo #hed_info dd {
  margin-bottom: 20px;
}
@media only screen and (max-width: 468px) {
  .headerLogo #hed_info dd {
    display: none;
  }
}
@media only screen and (max-width: 468px) {
  .headerLogo #hed_info .tel {
    display: block;
  }
}

.headerLogo #hed_info .tel a {
  display: block;
  background-color: #927b30;
  padding: 4%;
  border-radius: 6px;
  color: #fff;
  font-size: 6.4vw;
}
.headerLogo #hed_info .time+dd {
  margin-bottom: 10px;
}
.headerLogo #hed_info i {
  margin-right: 5px;
  font-size: 18px;
}
@media only screen and (max-width: 468px) {
  .headerLogo #hed_info i {
    margin-right: 10px;
    font-size: 22px;
  }
}

/* index.html */

.wrap_bg {
  padding: 60px 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.top_ttl {
  margin-bottom: 20px;
}
.wrap_news {
  height: 360px;
  overflow-x: auto;
}
.wrap_news dl {
  padding: 31px 10px;
  border-bottom: 1px dotted #a7a7a7;
}
@media only screen and (max-width: 468px) {
  .wrap_news dl {
    display: block ;
  }
}

.wrap_news dl dt {
  min-width: 160px;
  border: none ;
  background-color: transparent ;
  padding: 0 ;
  justify-content: flex-start ;
}
@media screen and (min-width: 469px) and (max-width: 768px) {
  .wrap_news dl dt {
    min-width: 120px;
  }
}

.wrap_news dl dd {
  border: none ;
  background-color: transparent ;
  padding: 0 ;
}
.wrap_topCon01 {
  position: relative;
}
.wrap_topCon01:before {
  content: url(../images/common/bg_topCon02.png);
  position: absolute;
  top: 100px;
  left: 0;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .wrap_topCon01:before {
    display: none;
  }
}

.wrap_topCon01:after {
  content: url(../images/common/bg_topCon03.png);
  position: absolute;
  bottom: 60px;
  right: 0;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .wrap_topCon01:after {
    display: none;
  }
}

.wrap_topCon01 .wrap_white, .wrap_topCon01 .wrap_white02 {
  position: relative;
  z-index: 1;
}
.sns_L {
  width: 49%;
  float: left;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 468px) {
  .sns_L {
    width: 100%;
    float: none;
    margin-bottom: 30px;
  }
}

.sns_R {
  width: 49%;
  float: right;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 468px) {
  .sns_R {
    width: 100%;
    float: none;
  }
}

.wrap_topCon02 {
  position: relative;
}
.wrap_topCon02:before {
  content: url(../images/contents/bg_sns01.png);
  position: absolute;
  bottom: 10px;
  left: 0;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .wrap_topCon02:before {
    display: none;
  }
}

.wrap_topCon02:after {
  content: url(../images/contents/bg_sns02.png);
  position: absolute;
  bottom: 10px;
  right: 0;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .wrap_topCon02:after {
    display: none;
  }
}

.wrap_topBtn {
  margin-top: 30px;
}
@media only screen and (max-width: 468px) {
  .wrap_topBtn {
    display: block ;
  }
}

.wrap_topBtn .box {
  width: 48%;
  margin-left: 4%;
  text-align: center;
}
@media screen and (min-width: 469px) and (max-width: 768px) {
  .wrap_topBtn .box {
    max-height: 60px;
  }
}
@media only screen and (max-width: 468px) {
  .wrap_topBtn .box {
    width: 100%;
    margin-left: 0;
  }
}

.wrap_topBtn .box:first-of-type {
  margin-left: 0;
}
.wrap_topBtn .box .tel {
  display: block;
  background-color: #927b30;
  padding: 19.5px 10px;
  color: #fff;
  font-size: 1.87vw;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 469px) and (max-width: 768px) {
  .wrap_topBtn .box .tel {
    font-size: 14px;
  }
}
@media only screen and (max-width: 468px) {
  .wrap_topBtn .box .tel {
    background-color: none;
    margin-bottom: 20px;
    padding: 0;
  }
}

.wrap_topBtn .box .tel i {
  margin-right: 3%;
  font-size: 2vw;
}
@media screen and (min-width: 469px) and (max-width: 768px) {
  .wrap_topBtn .box .tel i {
    font-size: 16px;
  }
}
@media only screen and (max-width: 468px) {
  .wrap_topBtn .box .tel i {
    font-size: 30px;
  }
}

.wrap_topBtn .box .tel a {
  display: block;
  background-color: #927b30;
  padding: 19.5px 10px;
  color: #fff;
  font-size: 28px;
  letter-spacing: 0.1em;
}
.wrap_topBtn .box a {
  display: block;
  background-color: #927b30;
  padding: 24.5px 10px;
  color: #fff;
  font-size: 1.56vw;
}
@media only screen and (max-width: 468px) {
  .wrap_topBtn .box a {
    font-size: 23px;
  }
}

.wrap_topBtn .box a:hover {
  background-color: #230f00;
}
/* dinner.html */
.wrap_menu {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 4%;
}
@media only screen and (max-width: 768px) {
  .wrap_menu {
    display: block;
  }
}

.wrap_menu .menu_txt {
  width: 48%;
  margin-left: 4%;
  margin-bottom: 10px;
  border-bottom: 1px dotted #927b30 ;
}
@media only screen and (max-width: 768px) {
  .wrap_menu .menu_txt {
    width: 100%;
    margin-left: 0;
  }
}

.wrap_menu .menu_txt:nth-of-type(even) {
  margin-left: 0;
}
.wrap_menu .menu_txt td {
  padding: 10px ;
  border: 0 ;
}
.wrap_menu .menu_txt td:last-of-type {
  width: 100px;
  text-align: right ;
  vertical-align: bottom ;
}
.pnt {
  display: inline-block;
  background-color: #f2481b;
  margin-left: 10px;
  padding: 0 5px;
  font-size: 13px;
  color: #fff;
}
.menu_img01 {
  margin-top: 20px;
  width: 100%;
}
@media only screen and (max-width: 468px) {
  .menu_img01 {
    display: block;
  }
}

.menu_img01 .box {
  width: 32%;
  margin-left: 2%;
  margin-bottom: 20px;
  text-align: center;
}
@media only screen and (max-width: 468px) {
  .menu_img01 .box {
    width: 100%;
    margin-left: 0;
  }
}

.menu_img01 .box:first-of-type {
  margin-left: 0;
}
.menu_img01 .box img {
  width: 100% ;
}
.menu_img01 .box h3 {
  display: none;
}
.menu_img01 .box div {
  padding: 10px 0;
}
.menu_L {
  width: 48%;
}
@media only screen and (max-width: 768px) {
  .menu_L {
    width: 100%;
  }
}

.menu_txt02 {
  margin-bottom: 10px;
  border-bottom: 1px dotted #927b30 ;
}
.menu_txt02 td {
  padding: 10px ;
  border: 0 ;
}
.menu_txt02 td:last-of-type {
  width: 100px;
  text-align: right ;
  vertical-align: bottom ;
}
.menu_Rimg {
  justify-content: center ;
  width: 48%;
  margin-left: 4%;
}
@media only screen and (max-width: 468px) {
  .menu_Rimg {
    display: block;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .menu_Rimg {
    width: 100%;
    margin-left: 0;
  }
}

.menu_Rimg .box {
  width: 49%;
  margin-left: 2%;
  margin-bottom: 10px;
}
@media only screen and (max-width: 468px) {
  .menu_Rimg .box {
    width: 100%;
    margin-left: 0;
  }
}

.menu_Rimg .box:nth-of-type(odd) {
  margin-left: 0;
}
.menu_Rimg .box img {
  width: 100% ;
}
/* dinner.html */
.menu_lunch {
  padding: 5% 10% ;
}
@media only screen and (max-width: 768px) {
  .menu_lunch {
    padding: 5% ;
  }
}

.menu_lunch li {
  width: 100%;
  font-size: 20px;
  text-align: center ;
}
@media only screen and (max-width: 768px) {
  .menu_lunch li {
    font-size: 16px;
  }
}

.menu_lunch li:first-of-type {
  margin-bottom: 20px;
  padding: 15px 10px;
  background-color: #230f00;
  color: #fff;
}
.menu_lunch li:last-of-type {
  margin-top: 10px;
}
.menu_lunch li img {
  width: 100% ;
}
/* party.html */
.img_50per {
  width: 46%;
  margin-right: 4%;
}
@media only screen and (max-width: 768px) {
  .img_50per {
    width: 100%;
    margin-right: 0;
  }
}

.img_50per img {
  width: 100% ;
}
.party_txt {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .party_txt {
    width: 100%;
    margin-top: 20px;
  }
}

.party_txt td {
  border: none ;
}
.party_txt tr:last-of-type td {
  text-align: right ;
  font-size: 36px;
}
@media only screen and (max-width: 768px) {
  .party_txt tr:last-of-type td {
    font-size: 30px;
  }
}

.party_txt tr:last-of-type td div {
  margin-top: 30px;
  display: inline-block;
  padding: 0 10px;
  border-bottom: 4px double #f2481b;
  color: #f2481b;
}
.party_txt h2 {
  margin-bottom: 20px;
  font-size: 20px;
  text-align: center;
}
.party_txt h3 {
  margin: 20px auto 10px auto;
  padding: 5px 20px;
  border-radius: 3px;
  background-color: #230f00;
  color: #fff;
  text-align: center;
}
.party_txt .bg_course {
  background-color: rgba(146, 123, 48, 0.2);
  padding: 20px ;
}
/* about.html */
.about_style {
  margin-top: unset;
  background-color: #fff;
  margin-bottom: 70px;
  padding: 4%;
}
.about_style img {
  float: right ;
  margin: 0 0 0 20px;
}
@media only screen and (max-width: 468px) {
  .about_style img {
    width: 100% ;
  }
}

/* info.html */
.tbl_info {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .tbl_info {
    width: 100%;
    margin-bottom: 20px;
  }
}

.tbl_info td {
  padding: 20px 10px ;
  background-color: #fff;
}
.tbl_info td:first-of-type {
  width: 120px;
  background-color: #230f00;
  color: #fff;
  text-align: center ;
}
.img_50per02 {
  width: 46%;
  margin-left: 4%;
}
@media only screen and (max-width: 768px) {
  .img_50per02 {
    width: 100%;
    margin-left: 0;
  }
}

.img_50per02 img {
  width: 100% ;
}
.gmap {
  border: 1px solid #230f00;
}
/* recruit.html */
.recruit_txt {
  background-repeat: no-repeat;
  background-position: bottom 5% right 2%;
  background-size: 25%;
  margin-bottom: 70px;
  padding: 4%;
  font-size: 20px;
  line-height: 2;
}
@media only screen and (max-width: 468px) {
  .recruit_txt {
    background-size: 40%;
    padding-bottom: 30%;
  }
}
@media only screen and (max-width: 768px) {
  .recruit_txt div {
    font-size: 16px;
    text-align: left ;
  }
}

.recruit_txt img {
  margin-right: 20px;
}
@media only screen and (max-width: 468px) {
  .recruit_txt img {
    width: 100% ;
    margin: 0 auto 10px auto ;
  }
}

.tbl_recruit td {
  padding: 20px 10px ;
  background-color: #fff;
}
.tbl_recruit td:first-of-type {
  width: 30%;
  background-color: #230f00;
  color: #927b30;
  text-align: center ;
}
/* contact.html */
.policy a {
  color: #230f00;
  text-decoration: underline;
}
.policy a:hover {
  text-decoration: none;
}
.modaal-close {
  position: absolute ;
  right: -20px ;
  top: -20px ;
  background: rgba(0, 0, 0, 0.7) ;
}
.modaal-content-container h3 {
  border-bottom: 2px solid #BBBBBB;
  font-size: 18px;
  margin: 0 0 15px;
  padding: 0 0 5px;
}
.modaal-content-container p {
  margin: 0 0 20px;
}
.modaal-close:focus:before, .modaal-close:focus:after, .modaal-close:hover:before, .modaal-close:hover:after {
  background: #fff ;
}
/* blog */
.index_contents section.blog {
  margin-left: 120px;
}
@media only screen and (max-width: 468px) {
  .index_contents section.blog {
    margin-left: 0;
  }
}

.blog * {
}
.blog .fa, .blog .far, .blog .fas {
}
.blog .wrap {
  min-height: 630px;
  margin: 100px auto ;
}
.blog .wrap nav h3 {
  background-color: #230f00;
  color: #927b30;
}
.blog .wrap nav li {
  background-color: #fff;
  padding: 0;
  text-align: left;
}
.blog .wrap nav li a {
  display: block;
  padding: 10px 20px;
}
.blog .wrap nav li a:hover {
  color: #230f00;
  text-decoration: none;
}
.blog #calendar {
  display: none;
}
@media only screen and (max-width: 768px) {
  .blog #contents {
    min-width: auto;
  }
}

.blog div#contents article div.date {
  color: #010202;
}
.blog div#contents article h2 {
  position: relative;
  padding-bottom: 0;
  text-align: center;
}
.blog div#contents article h2:before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #927b30;
}
.blog div#contents article h2 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 0.5em;
  padding: 0 1em;
  background-color: var(--bc);
  text-align: left;
  font-size: 30px;
  color: #230f00;
  text-shadow: 0 0 10px var(--bc);
}
@media only screen and (max-width: 768px) {
  .blog div#contents article h2 span {
    font-size: 16px;
  }
}

/* title */
.ttl_sns h2 {
  margin-bottom: 20px;
  font-size: 30px;
  text-align: center;
}
body header #local-keyvisual {
  position: relative;
  margin-top: 50px;
}
@media only screen and (max-width: 768px) {
  body header #local-keyvisual {
    margin-top: 0;
  }
}

body header #local-keyvisual #local-keyvisual-title {
  position: relative;
  margin: 0 auto;
  padding: 100px 0 100px 120px;
  background: rgba(28, 28, 28, 0.4);
  z-index: 1;
}
@media only screen and (max-width: 468px) {
  body header #local-keyvisual #local-keyvisual-title {
    padding: 50px 0;
  }
}

body header #local-keyvisual #local-keyvisual-title h1 {
  color: #fff;
  font-size: 37px;
  text-align: center;
  text-shadow: 0 0 10px #230f00;
}
@media screen and (min-width: 469px) and (max-width: 768px) {
  body header #local-keyvisual #local-keyvisual-title h1 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 468px) {
  body header #local-keyvisual #local-keyvisual-title h1 {
    font-size: 22px;
  }
}

body header #local-keyvisual #local-keyvisual-title:empty {
  display: none;
}
body header #local-keyvisual #local-keyvisual-bg, body header #local-keyvisual .local-keyvisual-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-size: cover;
  background-position: center center;
}
.midashi01 {
  margin: 70px 0 20px 0;
}
.midashi01 h2 {
  font-size: 30px;
  color: #230f00;
  text-align: center;
  text-shadow: 0 0 10px var(--bc);
}
@media only screen and (max-width: 468px) {
  .midashi01 h2 {
    font-size: 28px;
  }
}

.midashi02 h2 {
  background: #45260e;

  background: linear-gradient(to bottom, #45260e 0%, #230f00 100%);
  color: #fff;
  text-align: center;
  padding-block: .5em;
}
@media only screen and (max-width: 468px) {
  .midashi02 h2 {
    font-size: 28px;
  }
}

.midashi03 {
  position: relative;
  margin-top: 70px;
  text-align: center;
}
.midashi03:before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #927b30;
}
.midashi03 h2 {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 0.5em;
  padding: 0 1em;
  background-color: var(--bc);
  text-align: left;
  color: #230f00;
}


/* btn */
.btn_brwn div {
  margin-bottom: 0 ;
}
.btn_brwn a {
  display: block;
  margin-bottom: 10px;
  padding: 8px;
  background-color: #230f00;
  border: 4px double #927b30;
  color: #927b30;
  text-align: center;
}
.btn_brwn a:hover {
  background-color: #927b30;
  border: 4px double #230f00;
  color: #230f00;
}
.Btn_gld {
  width: 480px;
  margin: 30px auto 0 auto;
}
@media only screen and (max-width: 768px) {
  .Btn_gld {
    width: 100%;
  }
}

.Btn_gld .tel {
  display: block;
  background-color: #927b30;
  padding: 19.5px 10px;
  color: #fff;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 469px) and (max-width: 768px) {
  .Btn_gld .tel {
    font-size: 28px;
  }
}
@media only screen and (max-width: 468px) {
  .Btn_gld .tel {
    background-color: none;
    margin-bottom: 20px;
    padding: 0;
  }
}

.Btn_gld .tel i {
  margin-right: 3%;
  font-size: 2vw;
}
@media screen and (min-width: 469px) and (max-width: 768px) {
  .Btn_gld .tel i {
    font-size: 28px;
  }
}
@media only screen and (max-width: 468px) {
  .Btn_gld .tel i {
    font-size: 30px;
  }
}

.Btn_gld .tel a {
  display: block;
  background-color: #927b30;
  padding: 19.5px 10px;
  color: #fff;
  font-size: 28px;
  letter-spacing: 0.1em;
}
/* common */
.tel a {
  color: #010202;
}
.wrap_white {
  margin-bottom: 30px;
  padding: 3.4%;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (max-width: 468px) {
  .wrap_white {
    padding: 5%;
  }
}

.wrap_white td {
  border: none ;
  padding-left: 7% ;
  vertical-align: top ;
}
@media only screen and (max-width: 468px) {
  .wrap_white td {
    padding-left: 0 ;
  }
}

.wrap_white tr:first-of-type td {
  padding-left: 0 ;
}
.wrap_white tr:first-of-type td div {
  margin-bottom: 30px;
  padding-left: 14%;
  font-size: 24px;
  line-height: 1.3;
}
@media only screen and (max-width: 468px) {
  .wrap_white tr:first-of-type td div {
    padding-left: 0;
    text-align: center;
    font-size: 21px;
  }
}

.wrap_white02 {
  margin-bottom: 30px;
  padding: 3.4%;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (max-width: 468px) {
  .wrap_white02 {
    padding: 5%;
  }
}

.wrap_white02 td {
  border: none ;
  padding-right: 7% ;
  vertical-align: top ;
}
@media only screen and (max-width: 468px) {
  .wrap_white02 td {
    padding-right: 0 ;
  }
}

.wrap_white02 tr:first-of-type td {
  padding-right: 0 ;
}
.wrap_white02 tr:first-of-type td div {
  margin-bottom: 30px;
  padding-right: 14%;
  font-size: 24px;
  line-height: 1.3;
}
@media only screen and (max-width: 468px) {
  .wrap_white02 tr:first-of-type td div {
    padding-right: 0;
    text-align: center;
    font-size: 21px;
  }
}

.bg_white03 {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 3.4% 2.8%;
}
@media only screen and (max-width: 468px) {
  .bg_white03 {
    padding: 5%;
  }
}

.mg_b30 div {
  margin-bottom: 30px;
}
.img_100per img {
  width: 100% ;
}
@media only screen and (max-width: 468px) {
  .sp_left div {
    text-align: left ;
  }
}

.ttl_bg {
  background-repeat: no-repeat;
  background-position: center;
  padding: 130px 0;
}
.wrap_flex {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
@media only screen and (max-width: 768px) {
  .wrap_flex {
    display: block;
  }
}

.bg_white04 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #fff;
  margin-bottom: 70px;
  padding: 5%;
}
.bg_05 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-bottom: 70px;
  padding: 5% 0;
}
@media only screen and (max-width: 468px) {
  .bg_05 div {
    text-align: left ;
  }
}

.bdr_b {
  border: 1px solid #230f00;
}