@charset "utf-8";
/*
style.css
サイト全体で使うボタンなど細かいパーツや、マージン・パディング・フロート・文字色など、微調整用
*/

/*PCのみorスマホのみで表示*/
.pc { display:block!important;}
.sp { display:none!important;}

@media screen and (max-width:768px){.pc { display:none!important; }.sp { display:block!important;}}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

調整用

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*画像を幅にフィット*/
.fitImg{ max-width:100%; height:auto;}
@media screen and (max-width:768px){.spimg{ max-width:100%; height:auto;}}

/*マージン*/
.m0 { margin: 0 !important; }
.m10 { margin: 10px !important; }
.m20 { margin: 20px !important; }
.m30 { margin: 30px !important; }
.m40 { margin: 40px !important; }
.m50 { margin: 50px !important; }

/*下マージン*/
.mb0 { margin-bottom:0px !important;}
.mb5 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb50 { margin-bottom:50px !important;}
.mb55 { margin-bottom:55px !important;}
.mb60 { margin-bottom:60px !important;}
.mb70 { margin-bottom:70px !important;}
.mb75 { margin-bottom:75px !important;}
.mb80 { margin-bottom:80px !important;}
.mb100 { margin-bottom:100px !important;}
.mb120 { margin-bottom:120px !important;}

@media screen and (max-width:900px){
	.mb0 { margin-bottom:0px !important;}
	.mb5 { margin-bottom:0.05rem !important;}
	.mb10 { margin-bottom:0.6rem !important;}
	.mb15 { margin-bottom:0.65rem !important;}
	.mb20 { margin-bottom:0.7rem !important;}
	.mb25 { margin-bottom:0.75rem !important;}
	.mb30 { margin-bottom:0.8rem !important;}
	.mb35 { margin-bottom:0.85rem !important;}
	.mb40 { margin-bottom:0.9rem !important;}
	.mb50 { margin-bottom:1rem !important;}
	.mb55 { margin-bottom:1.05rem !important;}
	.mb60 { margin-bottom:1.1rem !important;}
	.mb70 { margin-bottom:1.2rem !important;}
	.mb75 { margin-bottom:1.25rem !important;}
	.mb80 { margin-bottom:1.3rem !important;}
	.mb100 { margin-bottom:2rem !important;}
	.mb120 { margin-bottom:2.2rem !important;}
	
	.mb0sp{ margin-bottom:0 !important;}
	.mt0sp{ margin-top:0 !important;} 
	
}

/*上マージン*/
.mt0 { margin-top:0px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}
.mt60 { margin-top:60px !important;}
.mt70 { margin-top:70px !important;}

/*右マージン*/
.mr0 { margin-right: 0px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mr-20 { margin-right: -20px !important; }
.mr-26 {margin-right: -2.6% !important;}

/*左マージン*/
.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }

@media screen and (max-width:900px){
.mr0,.mr20,.mr30,.mr40,.mr50{margin-right:0 !important;}
.ml5,.ml0,.ml20,.ml30,.ml40,.ml50{margin-left:0 !important;}
}

/*パディング*/
.p0 { padding:0px;}
.p10 { padding:10px;}
.p20 { padding:20px;}
.p30 { padding:30px;}
.p40 { padding:40px;}
.p50 { padding:50px;}
.p60 { padding:60px;}
.p70 { padding:70px;}
.p80 { padding:80px;}
.p90 { padding:90px;}
.p100 { padding:100px;}

/*下パディング*/
.pb0 { padding-bottom:0 !important;}
.pb10 { padding-bottom:10px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb30 { padding-bottom:30px !important;}
.pb40 { padding-bottom:40px !important;}
.pb50 { padding-bottom:50px !important;}
.pb60 { padding-bottom:60px !important;}
.pb70 { padding-bottom:70px !important;}
.pb80 { padding-bottom:80px !important;}
.pb90 { padding-bottom:90px !important;}
.pb100 { padding-bottom:100px !important;}

/*上パディング*/
.pt0 { padding-top:0px !important;}
.pt10 { padding-top:10px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt30 { padding-top:30px !important;}
.pt40 { padding-top:40px !important;}
.pt50 { padding-top:50px !important;}
.pt60 { padding-top:60px !important;}
.pt70 { padding-top:70px !important;}
.pt80 { padding-top:80px !important;}
.pt90 { padding-top:90px !important;}
.pt100 { padding-top:100px !important;}

/*左パディング*/
.pl10 { padding-left:10px;}
.pl20 { padding-left:20px;}
.pl30 { padding-left:30px;}
.pl40 { padding-left:40px;}
.pl50 { padding-left:50px;}
.pl60 { padding-left:60px;}
.pl70 { padding-left:70px;}
.pl80 { padding-left:80px;}
.pl90 { padding-left:90px;}
.pl100 { padding-left:100px;}

/*右パディング*/
.pr0 { padding-right:0px;}
.pr10 { padding-right:10px;}
.pr20 { padding-right:20px;}
.pr30 { padding-right:30px;}
.pr40 { padding-right:40px;}
.pr50 { padding-right:50px;}
.pr60 { padding-right:60px;}
.pr70 { padding-right:70px;}
.pr80 { padding-right:80px;}
.pr90 { padding-right:90px;}
.pr100 { padding-right:100px;}


/*FontSize*/
.txt-size260{font-size:2.6rem !important; line-height: 100%;} 
.txt-size200{font-size:2rem !important; line-height: 140%;}
.txt-size180{font-size:1.8rem !important; line-height: 140%;}
.txt-size160{font-size:1.6rem !important;}
.txt-size150{font-size:1.5rem !important;}
.txt-size140{font-size:1.4rem !important; line-height: 160%;}
.txt-size130{font-size:1.3rem !important; line-height: 160%;}
.txt-size120{font-size:1.2rem !important;}
.txt-size110{font-size:1.1rem !important;}
.txt-size100{font-size:1rem !important;}
.txt-size90{font-size:0.9rem !important;}
.txt-size80{font-size:0.8rem !important;}

.txt-weight-normal { font-weight:normal !important;}
.txt-weight-bold { font-weight:900 !important;}

/*width*/
.w85p {width:85%;min-width: 1000px;margin:0 auto;}
.w20p{ width:20%!important;}
.w25p{ width:25%!important;}
.w30p{ width:30%!important;}
.w40p{ width:40%!important;}
.w50p{ width:50%!important;}
.w60p{ width:60%!important;}
.w70p{ width:70%!important;}
.w80p{ width:80%!important;}
.w100p{ width:100%!important;}

.w220px { width:220px; }
.w340px { width:340px; }
.w460px { width:460px; }

@media screen and (max-width:600px){
	.w220px,.w340px,.w460px{ width:100%;}
}

strong  { font-weight: bold; }
em { font-weight: bold; }
b  { font-weight: bold; }

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

レイアウト

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*整列*/
.t-center { text-align: center !important; }
.t-right { text-align: right !important; }
.t-left { text-align: left !important; }
.t-just { text-align: justify!important; }
.m-center { margin:0 auto; }
.v-middle { vertical-align: middle !important; }

/*配置*/
.fl { float:left; }
.fr { float:right; }


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

プロパティ

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.mincho{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight:600;}
.eng{ font-family: 'Raleway', sans-serif; letter-spacing: 1px }
.italic{font-style:italic;}

.caption{ font-size:0.8rem; padding-left:1.5em; position:relative; margin-bottom:0; margin-top:5px;}
.caption:first-of-type{ margin-top:10px;}
.caption::before{ content:"※"; font-size:0.8rem; position:absolute; left:0; top:0; color:#666;}

/*line*/
.lineT { border-top:solid 1px #ccc; }
.lineB { border-bottom:solid 1px #ccc;}
.lineL { border-left:solid 1px;}
.lineR { border-right:solid 1px;}

.line_wide { border-width: 5px; }

.line_colorW { border-color: #FFF; }
.line_colorBk { border-color: #000; }
.line_colorR { border-color: #F00; }

/*shadow*/
.shadow{-webkit-box-shadow: rgba(0,0,0,.1) 0 3px 3px 0; -moz-box-shadow: rgba(0,0,0,.1) 0 3px 3px 0; box-shadow: rgba(0,0,0,.1) 0 3px 3px 0;}
.demand{ color:#FF0000; display:block; font-size:0.85rem;}

/**/
.circle{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;overflow: hidden;}

/*alha*/
.alpha80{filter:alpha(opacity=80); /* IE 6,7*/-ms-filter: "alpha(opacity=80)"; /* IE 8,9 */-moz-opacity:0.8; /* FF , Netscape */-khtml-opacity: 0.8; /* Safari 1.x */opacity:0.8;zoom:1; /*IE*/}
.alpha50{filter:alpha(opacity=50); /* IE 6,7*/-ms-filter: "alpha(opacity=50)"; /* IE 8,9 */-moz-opacity:0.5; /* FF , Netscape */-khtml-opacity: 0.5; /* Safari 1.x */opacity:0.5;zoom:1; /*IE*/}
.alpha30{filter:alpha(opacity=30); /* IE 6,7*/-ms-filter: "alpha(opacity=30)"; /* IE 8,9 */-moz-opacity:0.3; /* FF , Netscape */-khtml-opacity: 0.3; /* Safari 1.x */opacity:0.3;zoom:1; /*IE*/}
.alpha10{filter:alpha(opacity=10); /* IE 6,7*/-ms-filter: "alpha(opacity=10)"; /* IE 8,9 */-moz-opacity:0.1; /* FF , Netscape */-khtml-opacity: 0.1; /* Safari 1.x */opacity:0.1;zoom:1; /*IE*/}

/*list-style-type*/
ul.renbansuuji li { display: list-item; list-style-type:decimal; margin-left: 1.2rem;}
ul.kannsuuji { list-style-type:decimal; list-style-position: outside; margin-left: 2rem;}
ul.kannsuuji li:before {  content:"一、"; margin-left: -2rem; }

/*link*/
.aLink{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Emphasis*/
span.emphasis {
  text-emphasis: filled;
  -webkit-text-emphasis: filled;
}

.arrow_s {
  position: relative;
  display: inline-block;
  padding-left: 12px;
}
.arrow_s:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #006cc0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.bullet_b li{
  position: relative;
  padding-left: 1rem;
    text-align: left;
}
 
.bullet_b li:before {
  content: "";
  position: absolute;
  top: 0.8rem;
  left: 0;
  height: 10px;
  border-top: 2.5px solid #333333;
  width: 0.8rem; /* 線の長さ */
}

/*****************************************************

color

******************************************************/
.textS{ font-size:0.8rem;}
p.red{ color:#F00;}

.text-color_brown{color: #623416;}
.text-color_cream{color: #f3f0ea;}
.text-color_orange{color: #b55f20;}

 @media screen and (max-width: 900px){
	 .textS{ font-size:0.7rem;}
 }

/*****************************************************

縦書き

*****************************************************/
.tategaki{
	display:block; width:auto; height:350px;
-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;	
}

.tategaki > *{ display:block; letter-spacing:0.1em; line-height:2em; height:100%;}