/*! http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
@charset "UTF-8";

/* -----------------------------------------------------------------
   reset
   ----------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.img-fluid{
  width:100%;
  height: auto;
}

.underline{
  text-decoration-line: underline;
}

.clearfix:before,
.clearfix:after{
  content:'.';
  display:block;
  overflow:hidden;
  visibility:hidden;
  width:0;
  height:0
}
.clearfix:after{clear:both}
.clearfix{zoom:1}


/* -----------------------------------------------------------------
   レイアウトベース
   ----------------------------------------------------------------- */

.center{
  text-align: center !important;
  align-content: center !important;
  margin-left: auto !important;
	margin-right: auto !important;
}
.left{
  text-align: left !important;
  align-content: left !important;
  margin-left: 0 !important;
}
.right{
  text-align: right !important;
  align-content: right !important;
  margin-right: 0 !important;
}

.text-right{
  text-align: right !important;
}
.text-left{
  text-align: left !important;
}
.shadow{
 text-shadow: 0px 2px 10px rgb(0, 0, 0);
}

.flex{
  display: flex;
}

.flex_between{
  display: flex;
  justify-content: space-between;
}
.flex_around{
  display: flex;
  justify-content: space-around;
}
.flex_wrap{
  display: flex;
  flex-wrap: wrap;
}

.flex_reverse{
  flex-direction: row-reverse;
}

/* -----------------------------------------------------------------
   PCのみ表示するもの
   ----------------------------------------------------------------- */
@media screen and (min-width:768px){

  .center-pc{
    text-align: center !important;
    align-content: center !important;
    margin-left: auto !important;;
    margin-right: auto !important;
  }

  .w-60{width: 60%}
  .w-50{width: 50%}
  .w-40{width: 40%}
  
  .visible_pc {
      display: block !important;
  }

  .visible_sp {
      display: none !important;
  }
}

/* -----------------------------------------------------------------
   スマホのみ表示するもの
   ----------------------------------------------------------------- */
@media screen and (max-width: 768px){
  
  main {
      padding-top: 50px;
  }

  .text-left_sp{
    text-align:left !important;
    align-content: left !important;
    }

  .w-50,.w-40,.w-60{
    width: 100%
  }

  .s-40{
    width: 40% !important;
  }

  /*スマホ用文字サイズ*/
  html,body,p,h1,h2,h3,h4,h5{
   /* font-size:0.9rem*/
    }

  .visible_pc {
    display: none !important;
  }

  .visible_sp {
      display: block !important;
    }

  .center-sp{
    text-align: center !important;
    align-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .center-pc{
    text-align: left !important;
    align-content: left !important;
    margin-left: 0 !important;
  }
}

/* -----------------------------------------------------------------
   テキスト関連
   ----------------------------------------------------------------- */
.font-min{
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 1rem;
  letter-spacing: 0.1rem;
}

.font-size-7 {
  font-size: 0.7rem;
}
.font-size-8 {
  font-size: 0.8rem;
}
.font-size-9 {
  font-size: 0.9rem;
}
.font-size-10 {
  font-size: 1rem;
}
.font-size-11 {
  font-size: 1.1rem;
}
.font-size-12 {
  font-size: 1.2rem;
}
.font-size-13 {
  font-size: 1.3rem;
}
.font-size-14 {
  font-size: 1.4rem;
}
.font-size-15 {
  font-size: 1.5rem;
}
.font-size-16 {
  font-size: 1.6rem;
}
.font-size-17 {
  font-size: 1.7rem;
}
.font-size-18 {
  font-size: 1.8rem;
}
.font-size-19 {
  font-size: 1.9rem;
}
.font-size-20 {
  font-size: 2.0rem;
}

.bold{
  font-weight:bold;
}
.small{
  font-size: 0.9rem !important;
  line-height: 1.5 !important;
}
.large{
  font-size: large;
}
.lead{
  letter-spacing: 0.05em;
}
.strong{
  display: inline;
  font-weight: bold;
}
p{
  letter-spacing: 0.02rem;
}


/*ライン高*/
.lh-1{
  line-height: 1 !important;
}

.lh-15{
  line-height: 1.5 !important;
}

.lh-2{
  line-height: 2 !important;
}
.lh-25{
  line-height: 2.5 !important;
}
.lh-3{
  line-height: 3 !important;
}


.text-sbody{
  color: #333 !important;
}
.text-black{
  color: #000 !important;
}
.text-blue{
  color: #003C63 !important;
}
.text-lightblue{
  color: #1796CB !important;
}
.text-white{
  color: #FFF !important;
}

.text-brown{
  color: #a38b77 !important;
}

.text-bronz{
  color: #7A6A56 !important;
}

.text-darkblue {
  color: #131656;
}

.text-darkbrown {
  color: #41220F;
}

.text-darkgreen {
  color: #003A13;
}

.text-karacha {
  color: #876233;
}

.text-redbrown{
  color: #5F0100;
}

.text-bluegreen {
  color: #509296;
}

.text-lightgreen{
  color:#00AFBF;
}

.text-assetblue{
  color:#3071b9 !important;
}

/* -----------------------------------------------------------------
   カラー関連
   ----------------------------------------------------------------- */


.bg_white{
  background-color: #FFF;
}
.bg_gray{
  background-color: #F0EDEC;
}
.bg_brown{
  background-color: rgba(191, 157, 109, 0.15) !important;
}
.bg_lightbrown{
  background-color: #F5F3F2;
}
.bg_lightbrown{
  background-color: #F9F5F2;
}
.bg_gold{
  background-color: #C9AA5A;
}
.bg_orange{
  background-color: #EAD9A5;
  }
.bg_lightgreen{
  background-color:#85C17F;
}
.bg_lightblue{
  background-color: rgba(200, 210, 220, 0.23);
}
.bg_darkblue {
  background-color: #003D66;
}

.bg_darkbrown {
  background-color: #41220F;
}

.bg_darkgreen {
  background-color: #003A13;
}

.bg_karacha {
  background-color: #876233;
}

.bg_redbrown{
  background-color: #5F0100;
}

/* -----------------------------------------------------------------
   margin
   ----------------------------------------------------------------- */
.mb--1{
	margin-bottom:-1vw !important;
}
.mb-0{
	margin-bottom:0vw !important;
}
.mb-1{
	margin-bottom:1vw !important;
}
.mb-2{
	margin-bottom:2vw !important;
}
.mb-3{
	margin-bottom:3vw !important;
}
.mb-4{
	margin-bottom:4vw !important;
}
.mb-6{
  margin-bottom:6vw !important;
}
.mb-8{
  margin-bottom:8vw !important;
}

.mt--1{
	margin-top:-1vw !important;
}
.mt-0{
	margin-top:0vw !important;
}
.mt-1{
	margin-top:1vw !important;
}
.mt-2{
	margin-top:2vw !important;
}
.mt-3{
	margin-top:3vw !important;
}
.mt-4{
	margin-top:4vw !important;
}
.mt-6{
  margin-top:6vw !important;
}
.mt-8{
  margin-top:8vw !important;
}



.my-0{
	margin-top:0vw !important;
	margin-bottom:0vw !important;
}
.my-1{
	margin-top:1vw !important;
	margin-bottom:1vw !important;
}
.my-2{
	margin-top:2vw !important;
	margin-bottom:2vw !important;
}
.my-3{
	margin-top:3vw !important;
	margin-bottom:3vw !important;
}
.my-4{
	margin-top:4vw !important;
	margin-bottom:4vw !important;
}
.my-6{
  margin-top:6vw !important;
  margin-bottom:6vw !important;
}
.my-8{
  margin-top:8vw !important;
  margin-bottom:8vw !important;
}

.ml--1{
	margin-left:-1vw !important;
}
.ml-0{
	margin-left:0vw !important;
}
.ml-1{
	margin-left:1vw !important;
}
.ml-2{
	margin-left:2vw !important;
}
.ml-3{
	margin-left:3vw !important;
}
.ml-4{
	margin-left:4vw !important;
}

.mr--1{
	margin-right:-1vw !important;
}
.mr-0{
	margin-right:0vw !important;
}
.mr-1{
	margin-right:1vw !important;
}
.mr-2{
	margin-right:2vw !important;
}
.mr-3{
	margin-right:3vw !important;
}
.mr-4{
	margin-right:4vw !important;
}


.mx-0{
	margin-left:0vw !important;
	margin-right:0vw !important;
}
.mx-1{
	margin-left:1vw !important;
	margin-right:1vw !important;
}
.mx-2{
	margin-left:2vw !important;
	margin-right:2vw !important;
}
.mx-3{
	margin-left:3vw !important;
	margin-right:3vw !important;
}
.mx-4{
	margin-left:4vw !important;
	margin-right:4vw !important;
}

/* -----------------------------------------------------------------
   padding
   ----------------------------------------------------------------- */
.pb-0{
	padding-bottom:0vw !important;
}
.pb-1{
	padding-bottom:1vw !important;
}
.pb-2{
	padding-bottom:2vw !important;
}
.pb-3{
	padding-bottom:3vw !important;
}
.pb-4{
	padding-bottom:4vw !important;
}
.pb-5{
  padding-bottom:5vw !important;
}
.pb-6{
  padding-bottom:6vw !important;
}
.pb-6{
  padding-bottom:8vw !important;
}
.pb-8{
  padding-bottom:8vw !important;
}


.pt-0{
	padding-top:0vw !important;
}
.pt-1{
	padding-top:1vw !important;
}
.pt-2{
	padding-top:2vw !important;
}
.pt-3{
	padding-top:3vw !important;
}
.pt-4{
	padding-top:4vw !important;
}
.pt-5{
  padding-top:5vw !important;
}
.pt-6{
  padding-top:6vw !important;
}
.pt-6{
  padding-top:8vw !important;
}
.pt-8{
  padding-top:8vw !important;
}

.py-0{
	padding-top:0vw !important;
	padding-bottom:0vw !important;
}
.py-1{
	padding-top:1vw !important;
	padding-bottom:1vw !important;
}
.py-2{
	padding-top:2vw !important;
	padding-bottom:2vw !important;
}
.py-3{
	padding-top:3vw !important;
	padding-bottom:3vw !important;
}
.py-4{
	padding-top:4vw !important;
	padding-bottom:4vw !important;
}
.py-5{
  padding-top:5vw !important;
  padding-bottom:5vw !important;
}
.py-6{
  padding-top:6vw !important;
  padding-bottom:6vw !important;
}
.py-8{
  padding-top:6vw !important;
  padding-bottom:6vw !important;
}


.pl-0{
	padding-left:0vw !important;
}
.pl-1{
	padding-left:1vw !important;
}
.pl-2{
	padding-left:2vw !important;
}
.pl-3{
	padding-left:3vwm !important;
}
.pl-4{
	padding-left:4vw !important;
}
.pl-5{
  padding-left:5vw !important;
}
.pl-6{
  padding-left:6vw !important;
}


.pr-0{
	padding-right:0vw !important;
}
.pr-1{
	padding-right:1vw !important;
}
.pr-2{
	padding-right:2vw !important;
}
.pr-3{
	padding-right:3vw !important;
}
.pr-4{
	padding-right:4vw !important;
}
.pr-5{
  padding-right:5vw !important;
}
.pr-6{
  padding-right:6rem !important;
}


.px-0{
	padding-left:0vw !important;
	padding-right:0vw !important;
}
.px-1{
	padding-left:1vw !important;
	padding-right:1vw !important;
}
.px-2{
	padding-left:2vw !important;
	padding-right:2vw !important;
}
.px-3{
	padding-left:3vw !important;
	padding-right:3vw !important;
}
.px-4{
	padding-left:4vw !important;
	padding-right:4vw !important;
}


/* -----------------------------------------------------------------
   input長
   ----------------------------------------------------------------- */
.col-0{
  width: 2%;
}
.col-1{
  width: 80px;
}
.col-2{
  width: 160px;
}
.col-3{
  width: 240px;
}
.col-4{
  width: 320px;
}
.col-5{
  width: 400px;
}
.col-6{
  width: 480px;
  max-width:100%;
}
.col-7{
  width: 560px;
  max-width:100%;
}
.col-8{
  width: 640px;
  max-width:100%;
}
.col-9{
  width: 720px;
  max-width:100%;
}



/* -----------------------------------------------------------------
   top button settings
   ----------------------------------------------------------------- */
#pageTop {
  position: fixed;  /* 位置を固定 */
  bottom: 45px;     /* 下から20px */
  right: 20px;      /* 右から20px */
}

#pageTop img {
  z-index: 999;          /* 重なりの順番を最上位に */
  width: 45px;           /* 横幅 */
  height: 45px;          /* 縦幅 */
  cursor: pointer;       /* カーソルを指にする */
}