@charset "UTF-8";
/* CSS Document */

/* ==========================================================================
   module
   ========================================================================== */
.cFix:after {
   content: "";
   clear: both;
   display: block;
}

body {
   font: 13px "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
   -webkit-text-size-adjust: none;
   -ms-text-size-adjust: 100%;
   background-color: #000;
}

/* ==========================================================================
   base
   ========================================================================== */
body {
   margin: 0;
   padding: 0;
   letter-spacing: 0.1em;
}

section {
   position: relative;
   overflow: scroll;
}

#top {
   color: #fff;
}

#anchor00 {
   background: #fff;
}

#anchor01 {
   background: #eeeae0;
}

#anchor02 {
   background: #fff;
}

#anchor03 {
   background: #3c9164;
   color: #fff;
}

#anchor04 {
   background: #fff;
}

#anchor05 {
   background: #fff;
}

#anchor06 {
   background: #fff;
}

footer {
   background: #000;
   color: #fff;
}

#contact {
   background: #fff;
}

#contact_thanks {
   background: #fff;
}

#reserve {
   background: #fff;
}

#reserve_thanks {
   background: #fff;
}

a:link,
a:visited {
   text-decoration: underline;
   color: #000;
}

a:hover,
a:active {
   text-decoration: none;
   color: #000;
}

#top a:link,
#top a:visited {
   text-decoration: underline;
   color: #fff;
}

#top a:hover,
#top a:active {
   text-decoration: none;
   color: #fff;
}

/* ==========================================================================
   PC
   ========================================================================== */

@media (min-width:641px) {



   section {
      min-width: 1100px;
      overflow: hidden;
   }

   .inner {
      width: 1100px;
      margin: 0 auto;
      position: relative;
   }

   .menu-btn {
      display: none;
   }

   .menu {
      display: none;
   }

   #top {
      background: url(../images/mv_bg_repeat.png) repeat top left;
      min-width: 1100px;
   }

   #top .headerimg {
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: -100;
   }

   #top h1 {
      position: absolute;
      left: 30px;
      top: 8px;
   }

   #top #nav {
      position: absolute;
      right: 30px;
      top: 30px;
      display: box;
      display: -webkit-box !important;
      display: -moz-box;
   }

   #top #nav li {
      border-left: 1px solid #fff;
      padding: 0 10px;
      letter-spacing: 0.15em;
   }

   #top #nav li:last-child {
      border-right: 1px solid #fff;
   }

   #top #nav a:link,
   #top #nav a:visited {
      text-decoration: none;
      color: rgba(255, 255, 255, 1.00);
   }

   #top #nav a:hover,
   #top #nav a:active {
      text-decoration: none;
      color: rgba(255, 255, 255, 0.5);
   }

   /* -- スクロール後のナビゲーションstyle -- */
   #top .nav.fixed h1 {
      display: none;
   }

   #top .nav.fixed {
      position: fixed;
      top: 0;
      background: rgba(255, 255, 255, 0.90);
      height: 30px;
      width: 100%;
      display: block;
      z-index: 999;
   }

   #top .nav.fixed #nav {
      position: fixed;
      top: 5px;
      right: 30px;
   }

   #top .nav.fixed #nav li {
      border-left: 1px solid #000;
      padding: 0 10px;
      letter-spacing: 0.15em;
   }

   #top .nav.fixed #nav li:last-child {
      border-right: 1px solid #000;
   }

   #top .nav.fixed #nav a:link,
   #top .nav.fixed #nav a:visited {
      text-decoration: none;
      color: rgba(0, 0, 0, 1.00);
   }

   #top .nav.fixed #nav a:hover,
   #top .nav.fixed #nav a:active {
      text-decoration: none;
      color: rgba(0, 0, 0, 0.5);
   }

   /* -- /スクロール後のナビゲーションstyle -- */

   #top #nav li {
      height: 20px !important;
   }



   #top h2 {
      position: absolute;
      top: 40%;
      left: 30px;
      margin-top: -150px;
   }

   #top #whatsnew {
      position: absolute;
      left: 0;
      bottom: 30px;
      width: 600px;
   }

   #top #whatsnew h3 {
      font-size: 15px;
      font-weight: bold;
      margin-bottom: 14px;
      padding: 0 0 12px 30px;
      border-bottom: 1px solid #fff;
   }

   #top #whatsnew dl {
      margin-top: 10px;
      margin-left: 30px;
   }

   #top #whatsnew dt {
      width: 115px;
      float: left;
   }

   #top #whatsnew dd {
      margin-left: 115px;
   }

   #top #share {
      position: absolute;
      right: 30px;
      bottom: 30px;
      display: box;
      display: -webkit-box !important;
      display: -moz-box;
   }

   #top #share li {
      margin-left: 21px;
   }

   #top #share li img {
      width: 40px;
      height: auto;
   }

   #anchor00 {
      padding: 70px 0;
      text-align: center;
      font-size: 16px;
      line-height: 35px;
   }

   #anchor00 p {
      margin-bottom: 70px;
   }

   #anchor00 p strong {
      font-weight: bold;
   }

   #anchor01 {
      padding: 70px 0;
   }

   #anchor01 h1 {
      margin: 0 0 70px 175px;
   }

   #anchor01 h1 img {
      width: 485px;
   }

   #anchor01 h2 {
      position: absolute;
      top: -22px;
      left: 673px;
   }

   #anchor01 .container {
      border-bottom: 1px solid #000;
      padding-bottom: 40px;
      margin-bottom: 40px;
      font-size: 15px;
      line-height: 30px;
   }

   #anchor01 .container h3 {
      width: 205px;
      float: left;
   }

   #anchor01 .container .left {
      width: 425px;
      float: left;
   }

   #anchor01 .container .right {
      width: 425px;
      float: right;
   }

   #anchor01 .container.box01 dl {
      border-bottom: 1px dotted #000;
      line-height: 25px;
      padding-bottom: 2px;
      margin-bottom: 2px;
   }

   #anchor01 .container.box01 dl dt {
      width: 80px;
      float: left;
      font-weight: bold;
   }

   #anchor01 .container.box01 dl dd {
      margin-left: 80px;
   }

   #anchor01 .container.box02 .right figure {
      float: right;
      margin: 0 0 10px 10px;
   }

   #anchor01 .container.box02 .right iframe {
      width: 425px;
      height: 239px;
   }

   #anchor01 .container.box03 .wrap {
      float: left;
   }

   #anchor01 .container.box03 .wrap dl {
      border-bottom: 1px dotted #000;
      padding-bottom: 10px;
      margin-bottom: 10px;
      width: 895px;
   }

   #anchor01 .container.box03 .wrap dl dt {
      width: 130px;
      float: left;
   }

   #anchor01 .container.box03 .wrap dl dd {
      margin-left: 130px;
   }

   #anchor02 {
      font-size: 15px;
      line-height: 30px;
      padding-bottom: 65px;
   }

   #anchor02 .container01 {
      background: url(../images/pc_bg01.png) top center no-repeat;
      height: 658px;
      padding-top: 67px;
   }

   #anchor02 .container01 h1 {
      font-size: 0px;
      width: 768px;
      height: 163px;
      background: url(../images/pc_find06.png);
      margin: 0 0 28px;
   }

   #anchor02 .container01 p {
      width: 770px;
   }

   #anchor02 .container01 p strong {
      color: #009d21;
      font-size: 18px;
      font-weight: bold;
   }

   #anchor02 .container02 h2 {
      margin-bottom: 28px;
      padding-top: 50px;
   }

   #anchor02 .container02 h3 {
      font-size: 22px;
      color: #009d21;
      font-weight: bold;
      margin-bottom: 10px;
   }

   #anchor02 .container02 p+h3 {
      padding-top: 50px;
   }

   #anchor02 .container02 .left {
      width: 48%;
      float: left;
      margin-right: 0px;
   }

   #anchor02 .container02 .left p {
      margin-bottom: 20px;
   }

   #anchor02 .container02 .left .btn a {
      background: #000;
      display: block;
      width: 350px;
      height: 60px;
      text-align: center;
   }

   #anchor02 .container02 .left .btn img {
      width: 220px;
      padding-top: 20px;
   }

   #anchor02 .container02 .left .btn a:hover {
      background: rgba(0, 0, 0, 0.70);
   }

   #anchor02 .container02 .right {
      width: 48%;
      float: right;
   }

   #anchor02 .container02 .right dl {
      border-bottom: 1px dotted #000;
      width: 100%;
   }

   #anchor02 .container02 .right dl dt {
      width: 86px;
      float: left;
      font-weight: bold;
   }

   #anchor02 .container02 .right dl dd {
      margin-left: 86px;
      letter-spacing: 0.05em;
   }

   #anchor03 {
      padding: 65px 0;
      font-size: 15px;
      line-height: 30px;
   }

   #anchor03 h1 {
      margin-bottom: 16px;
   }

   #anchor03 p+h2 {
      margin-top: 40px;
   }

   #anchor03 h2 {
      font-size: 25px;
      margin-bottom: 10px;
   }

   #anchor03 p+dl {
      margin-top: 10px;
   }

   #anchor03 dl {
      border-bottom: 1px solid #fff;
      padding-bottom: 5px;
      margin-bottom: 5px;
      width: 1100px;
   }

   #anchor03 dl dt {
      width: 155px;
      float: left;
   }

   #anchor03 dl dd {
      margin-left: 155px;
   }

   #anchor04 {
      padding: 65px 0;
      font-size: 15px;
      line-height: 30px;
   }

   #anchor04 h1 {
      margin-bottom: 15px;
   }

   #anchor04 dl {
      border: 1px solid #ccc;
      border-top: none;
      width: 1100px;
   }

   #anchor04 dt,
   #anchor04 dd {
      padding: 10px 20px;
   }

   #anchor04 dt {
      border-top: 1px solid #ccc;
      clear: left;
      float: left;
      width: 250px;
      font-weight: bold;
      position: relative;
      z-index: 1;
   }

   #anchor04 dd {
      border-left: 1px solid #ccc;
      border-top: 1px solid #ccc;
      margin-left: 260px;
      position: relative;
      z-index: 2;
   }

   #anchor04 dt:nth-of-type(odd) {
      background-color: #f4f4f4;
   }

   #anchor04 dd:nth-of-type(odd) {
      background-color: #f4f4f4;
   }

   #anchor04 p.partner {
      font-size: 20px;
      padding: 50px 0 10px 0;
      font-weight: bold;
   }

   #anchor04 table {
      width: 1100px;
      border: 1px solid #ccc;
   }

   #anchor04 table th {
      width: 270px;
      padding: 10px;
      text-align: left;
      border-right: 1px solid #ccc;
   }

   #anchor04 table tr {
      border-top: 1px solid #ccc;
   }

   #anchor04 table td {
      padding: 10px;
      text-align: left;
      vertical-align: middle;
   }

   #anchor04 table tr:nth-of-type(odd) {
      background-color: #f4f4f4;
   }

   #anchor05 {
      padding: 70px 0;
      text-align: center;
      font-size: 15px;
      line-height: 29px;
   }

   #anchor05 p {
      padding-top: 40px;
   }

   #anchor06 {
      padding: 70px 0 170px 0;
      text-align: center;
      font-size: 15px;
      line-height: 29px;
      background-color: #eeeae0;
   }

   #anchor06 p {
      padding-top: 40px;
   }

   #anchor06 h1.anchor06-sph1 {
      display: none;
   }


   #anchor07 {
      background-color: #fff;
   }

   #anchor07 {
      padding: 65px 0;
      font-size: 15px;
      line-height: 30px;
   }

   #anchor07 span {
      color: #009d21;
      font-weight: bold;
   }

   #anchor07 h1 {
      margin-bottom: 16px;
   }

   #anchor07 p+h2 {
      margin-top: 40px;
   }

   #anchor07 h2 {
      font-size: 25px;
      margin-bottom: 10px;
   }

   #anchor07 p+dl {
      margin-top: 10px;
   }

   #anchor07 dl {
      border-bottom: 1px solid #fff;
      padding-bottom: 5px;
      margin-bottom: 5px;
      width: 1100px;
   }

   #anchor07 dl dt {
      width: 155px;
      float: left;
   }

   #anchor07 dl dt img {
      width: 155px;
   }

   #anchor07 dl dd {
      margin-left: 175px;
   }

   #anchor08 {
      background-color: #fff;
   }

   #anchor08 {
      padding: 65px 0;
      font-size: 15px;
      line-height: 30px;
   }

   #anchor08 h1 {
      margin-bottom: 16px;
   }

   #anchor08 dl {
      border-bottom: 1px solid #fff;
      padding-bottom: 5px;
      margin-bottom: 5px;
      width: 1100px;
   }

   #anchor08 dl dt {
      font-size: 22px;
      font-weight: bold;
      color: #009d21;
      padding-top: 22px;
   }

   #anchor08 .star::before {
      content: "☆";
   }

   #anchor08 .asta::before {
      content: "＊";
   }

   footer h1 {
      padding: 24px 0 20px;
      float: left;
   }

   footer .credit {
      padding: 35px 0;
      float: right;
   }

   #contact {
      font-size: 15px;
      line-height: 30px;
   }

   #contact h1 {
      text-align: center;
      padding: 50px 0;
   }

   #contact dl {
      border: 1px solid #ccc;
      border-top: none;
      width: 900px;
      margin: 0 auto 50px;
      overflow: hidden;
   }

   #contact dt,
   #contact dd {
      padding: 10px 20px;
   }

   #contact dt {
      border-top: 1px solid #ccc;
      clear: left;
      float: left;
      width: 180px;
      font-weight: bold;
      position: relative;
      z-index: 1;
   }

   #contact dd {
      border-left: 1px solid #ccc;
      border-top: 1px solid #ccc;
      margin-left: 200px;
      position: relative;
      z-index: 2;
   }

   #contact dt:nth-of-type(odd) {
      background: #f4f4f4;
   }

   #contact dd:nth-of-type(odd) {
      background: #f4f4f4;
   }

   #contact dd input {
      width: 60%;
   }

   #contact dd textarea {
      width: 80%;
      height: 200px;
   }

   #contact .btn-send {
      text-align: center;
      margin-bottom: 80px;
   }

   #contact .btn-send input {
      width: 250px;
      height: auto;
   }

   #contact_thanks {
      font-size: 30px;
      text-align: center;
      padding: 200px 0;
   }


   #reserve {
      font-size: 15px;
      line-height: 30px;
   }

   #reserve h1 {
      text-align: center;
      padding: 50px 0;
   }

   #reserve h2 {
      padding-top: 50px;
      color: #009d21;
      font-size: 22px;
   }

   #reserve p {
      clear: both;
   }

   #reserve ul {
      width: 100%;
      height: 1450px;
      padding: 20px;
      background-color: #f4f4f4;
      margin-top: 20px;
   }

   #reserve ul li {
      width: 510px;
      height: 200px;
      float: left;
      margin-bottom: 30px;
      padding: 10px;
      margin-left: 13px;
   }

   #reserve ul li b {
      font-size: 18px;
   }

   #reserve dl {
      border: 1px solid #ccc;
      border-top: none;
      width: 900px;
      margin: 0 auto 50px;
      overflow: hidden;
   }

   #reserve dt,
   #reserve dd {
      padding: 10px 20px;
   }

   #reserve dt {
      border-top: 1px solid #ccc;
      clear: left;
      float: left;
      width: 210px;
      font-weight: bold;
      position: relative;
      z-index: 1;
      clear: both;
   }

   #reserve dd {
      border-left: 1px solid #ccc;
      border-top: 1px solid #ccc;
      margin-left: 250px;
      position: relative;
      z-index: 2;
   }

   #reserve dt:nth-of-type(odd) {
      background: #f4f4f4;
   }

   #reserve dd:nth-of-type(odd) {
      background: #f4f4f4;
   }

   #reserve dd input {}

   #reserve dd span {}

   #reserve dd textarea {
      width: 80%;
      height: 200px;
   }

   #reserve .btn-send {
      text-align: center;
      margin-bottom: 80px;
   }

   #reserve .btn-send input {
      width: 250px;
      height: auto;
   }

   #reserve .cut-check {
      height: 340px;
   }

   #reserve .cut-check label {
      border: 1px dotted #C2C2C2;
      padding: 5px 50px 5px 0px;
      float: left;
      width: 210px;
   }

   #reserve .cut-service {
      height: 210px;
   }

   #reserve .cut-service label {
      border: 1px dotted #C2C2C2;
      padding: 5px 50px 5px 0px;
      float: left;
      width: 200px;
   }

   #reserve p.kome {
      width: 900px;
      margin: 0 auto;
      text-align: right;
   }

   #reserve_thanks {
      font-size: 30px;
      text-align: center;
      padding: 200px 0;
   }


   .hairimg01 img {
      float: right;
      position: absolute;
      bottom: -130px;
   }

}

@media (min-width:1600px) {
   #anchor02 .container01 {
      background: url(../images/pc_bg01.png) top center no-repeat;
      background-size: 100% auto;
   }

}

.txst01 {
   height: 200px;
}

.txst-25{
    font-size: 25px;
}
.txst-30{
    font-size: 30px !important;
}
.inner{
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 20px;
}
 .waku-red{
    border: 1px solid #CC0000;
}
 .waku-gray{
    border: 1px solid #ccc;
}
.bg-whiteusu{background:rgba(255,255,255,0.1);}
.sp-view{display: none;}

/*  align
-----------------------------------------------------------------------------*/
.align_r { text-align: right; }
.align_c { text-align: center; }
.align_l { text-align: left; }
.valign_m { vertical-align: middle; }

.font-c-red{
    color: #D70C00;
}
a.btn_12 {
	display: flex;
    justify-content: space-evenly;
    align-items: center;
	text-align: center;
	text-decoration: none;
	max-width: 300px;
	margin: auto;
	padding: 1rem 4rem 1rem 3rem;
	font-weight: bold;
	background: #009d21;
	color: #fff;
	border-radius: 100vh;
	position: relative;
	transition: 0.5s;
}
a.btn_12::before {
	content: '';
	width: 7px;
	height: 7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}
a.btn_12:hover {
    background-color: #29BC48;
    color: #fff;
}

/*  margin,padding
/*-------------------------------------------------------*/
/*--*/
.m_0  { margin: 0px !important; }
.m_5  { margin: 5px !important; }
.m_10 { margin: 10px !important; }
.m_15 { margin: 15px !important; }
.m_20 { margin: 20px !important; }
.m_25 { margin: 25px !important; }
.m_30 { margin: 30px !important; }
.m_35 { margin: 35px !important; }
.m_40 { margin: 40px !important; }
.m_45 { margin: 45px !important; }
.m_50 { margin: 50px !important; }
.m_55 { margin: 55px !important; }

.m_t0  { margin-top: 0px !important; }
.m_t5  { margin-top: 5px !important; }
.m_t10 { margin-top: 10px !important; }
.m_t15 { margin-top: 15px !important; }
.m_t20 { margin-top: 20px !important; }
.m_t25 { margin-top: 25px !important; }
.m_t30 { margin-top: 30px !important; }
.m_t35 { margin-top: 35px !important; }
.m_t40 { margin-top: 40px !important; }
.m_t45 { margin-top: 45px !important; }
.m_t50 { margin-top: 50px !important; }
.m_t55 { margin-top: 55px !important; }
.m_t80 { margin-top: 80px !important; }
.m_t100 { margin-top: 100px !important; }
.m_t200 { margin-top: 200px !important; }

.m_b0  { margin-bottom: 0px !important; }
.m_b5  { margin-bottom: 5px !important; }
.m_b10 { margin-bottom: 10px !important; }
.m_b15 { margin-bottom: 15px !important; }
.m_b20 { margin-bottom: 20px !important; }
.m_b25 { margin-bottom: 25px !important; }
.m_b30 { margin-bottom: 30px !important; }
.m_b35 { margin-bottom: 35px !important; }
.m_b40 { margin-bottom: 40px !important; }
.m_b45 { margin-bottom: 45px !important; }
.m_b50 { margin-bottom: 50px !important; }
.m_b55 { margin-bottom: 55px !important; }
.m_b80 { margin-bottom: 80px !important; }
.m_b100 { margin-bottom: 100px !important; }
.m_b200 { margin-bottom: 200px !important; }

.m_l5  { margin-left: 5px !important; }
.m_l22 { margin-left: 22px !important;}
.m_l10 { margin-left: 10px !important; }
.m_l15 { margin-left: 15px !important; }
.m_l20 { margin-left: 20px !important; }
.m_l25 { margin-left: 25px !important; }
.m_l30 { margin-left: 30px !important; }
.m_l35 { margin-left: 35px !important; }
.m_l40 { margin-left: 40px !important; }
.m_l45 { margin-left: 45px !important; }
.m_l50 { margin-left: 50px !important; }
.m_l55 { margin-left: 55px !important; }


.m_r5  { margin-right: 5px !important; }
.m_r10 { margin-right: 10px !important; }
.m_r15 { margin-right: 15px !important; }
.m_r20 { margin-right: 20px !important; }
.m_r25 { margin-right: 25px !important; }
.m_r30 { margin-right: 30px !important; }
.m_r35 { margin-right: 35px !important; }
.m_r40 { margin-right: 40px !important; }
.m_r45 { margin-right: 45px !important; }
.m_r50 { margin-right: 50px !important; }
.m_r55 { margin-right: 55px !important; }

/*--*/
.p_5  { padding: 5px !important; }
.p_10 { padding: 10px !important; }
.p_15 { padding: 15px !important; }
.p_20 { padding: 20px !important; }
.p_25 { padding: 25px !important; }
.p_30 { padding: 30px !important; }
.p_35 { padding: 35px !important; }
.p_40 { padding: 40px !important; }
.p_45 { padding: 45px !important; }
.p_50 { padding: 50px !important; }
.p_55 { padding: 55px !important; }

.p_t5  { padding-top: 5px !important; }
.p_t10 { padding-top: 10px !important; }
.p_t15 { padding-top: 15px !important; }
.p_t20 { padding-top: 20px !important; }
.p_t25 { padding-top: 25px !important; }
.p_t30 { padding-top: 30px !important; }
.p_t35 { padding-top: 35px !important; }
.p_t40 { padding-top: 40px !important; }
.p_t45 { padding-top: 45px !important; }
.p_t50 { padding-top: 50px !important; }
.p_t55 { padding-top: 55px !important; }
.p_t80 { padding-top: 80px !important; }
.p_t100 { padding-top: 100px !important; }
.p_t200 { padding-top: 200px !important; }

.p_b5  { padding-bottom: 5px !important; }
.p_b10 { padding-bottom: 10px !important; }
.p_b15 { padding-bottom: 15px !important; }
.p_b20 { padding-bottom: 20px !important; }
.p_b25 { padding-bottom: 25px !important; }
.p_b30 { padding-bottom: 30px !important; }
.p_b35 { padding-bottom: 35px !important; }
.p_b40 { padding-bottom: 40px !important; }
.p_b45 { padding-bottom: 45px !important; }
.p_b50 { padding-bottom: 50px !important; }
.p_b55 { padding-bottom: 55px !important; }
.p_b80 { padding-bottom: 80px !important; }
.p_b100 { padding-bottom: 100px !important; }
.p_b200 { padding-bottom: 200px !important; }

.p_l5  { padding-left: 5px !important; }
.p_l10 { padding-left: 10px !important; }
.p_l15 { padding-left: 15px !important; }
.p_l20 { padding-left: 20px !important; }
.p_l25 { padding-left: 25px !important; }
.p_l30 { padding-left: 30px !important; }
.p_l35 { padding-left: 35px !important; }
.p_l40 { padding-left: 40px !important; }
.p_l45 { padding-left: 45px !important; }
.p_l50 { padding-left: 50px !important; }
.p_l55 { padding-left: 55px !important; }

.p_r5  { padding-right: 5px !important; }
.p_r10 { padding-right: 10px !important; }
.p_r15 { padding-right: 15px !important; }
.p_r20 { padding-right: 20px !important; }
.p_r25 { padding-right: 25px !important; }
.p_r30 { padding-right: 30px !important; }
.p_r35 { padding-right: 35px !important; }
.p_r40 { padding-right: 40px !important; }
.p_r45 { padding-right: 45px !important; }
.p_r50 { padding-right: 50px !important; }
.p_r55 { padding-right: 55px !important; }

.textline_125{line-height: 125%;}
.textline_180{line-height: 180%;}
/*  text
/*-------------------------------------------------------*/
/*--*/

.txt-10{font-size: 10px;}
.txt-12{font-size: 12px; line-height: 140%;}
.txt-20{font-size: 20px;}
.txt-25{font-size: 25px;}
.txt-30{font-size: 30px; line-height: 130%;}
.txt-40{font-size: 40px; line-height: 130%;}
.txt-50{font-size: 50px;}
.txt-5em{
	font-size: 5em;
	line-height: 120%;
}
@media screen and (max-width: 834px){
.txt-20{font-size: 15px;}
.txt-25{font-size: 20px;line-height: 150%;}
.txt-30{font-size: 25px;}
.txt-40{font-size: 32px;}	
.txt-50{font-size: 40px;}	
.txt-5em{font-size: 2.5em;}
}
.txt-b{
    font-weight: bold;
}
.text-center{text-align: center;}

.list ul {
  list-style: none;
}
.list li {
  text-indent: -1em;
  padding-left: 1em;
}
.list li::before {
  content: '・';
}