@charset "utf-8";
/* 2022 */

/* base
------------------------------ */
html, 
body { 
  width: 100%;
  height: 100%;
}
body { 
  margin: 0; 
  padding: 0;
  position:relative;   
  /* adobe web font */
	font-family: a-otf-ud-shin-go-pr6n, sans-serif;
  font-weight: 300;
  font-style: normal;
	/* end */
  font-size: 13pt;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
*, *:before, *:after { 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
}
h1,h2,h3 {
  font-family: nitalago-ruika, sans-serif;
  font-weight: 100;
  font-style: normal;
}
h1 {
  font-size: 2.5em;
  position: relative;
  display: inline-block;
}
h2 { 
  margin: 10px 0 0px; 
  font-size: 2.5em;  
  letter-spacing: -1px;
}
h3 {
  font-size: 1.2em;
}
h4 {}
h5 {}
h6 {}
a {
  text-decoration: none;
}
a,
a:visited,
a:hover { 
  color: #222; 
}
a{
  transition-duration: 0.4s;
}
a:hover {}

/* a link
------------------------------ */
.alink {
  transition-duration: 0.4s;
}
.alink:hover {
  opacity: .8;
  box-shadow: 5px 10px 20px rgba(0,0,0,.3);
}
/* a detail
------------------------------ */
.detail,
.detail:hover {
  color: #0d6efd;
}
/* a wihte
------------------------------ */
.whitep,
.whitep:hover {
  color: #fff;
}
.whitep:hover {
  opacity: .8;
}
/* new window open
------------------------------ */
.awhite {}
.awhite::after {
  content: url("../img/2022_base/new_win_white.png");
  margin: 0 8px;
}
.ablack {}
.ablack::after {
  content: url("../img/2022_base/new_win_black.png");
  margin: 0 8px;
}
/* h1 underline decoration
------------------------------ */
.underline {
  padding: 0 0.7em 0.2em;
}
.underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  border-radius: 3px;
  background: linear-gradient(to left, #ccc 0%,black 100%);
  background: -webkit-linear-gradient(to left, #ccc 0%, black 100%);
}
/* underline decoration
------------------------------ */
.underline2 {
  content: "";
  border-left: solid 10px rgb(0,0,0);
  border-bottom: solid 1px rgb(204,204,204);
  margin: 0 20px 0 0;
}
/* menu pc
------------------------------ */
#menu-wrap { 
  /* effect_menu used Js */
  position: fixed; 
  z-index: 9999; 
  top: 0; 
  left: 0; 
  width: 100%; 
  background: rgba(255,255,255,1.0); 
  font-family: a-otf-ud-shin-go-pr6n, sans-serif; 
  transition: .3s;
}
#menu { 
  list-style-type: none;
  max-width: 1200px;
  margin: 0px auto 0px;
  padding: 0;
}
#menu li { 
/*  width: 16%;*/ 
  float: left; 
  margin: 0 0 0 20px; 
  padding: 0px; 
  text-align: center;
}
#menu li a { 
  display: block; 
  width : 100%; 
  padding: 20px 0 10px 0;
  /*color: rgb(230,230,230); */
	color: #333; 
  font-size: 14px;
  line-height: 1; 
  text-decoration: none; 
  transition: .3s;
}
#menu li a:hover { 
/*  color: #fff;*/
  transform: translateY(-2px);
  opacity: 1; 
}
/* menu sp hamburger
------------------------------ */
#g-nav{
  position:fixed;
  z-index: 10000;   
  top:0;/*ナビのスタート位置と形状*/
  left: -120%;
  width:60%;
  height: 100vh;/*ナビの高さ*/
  background: rgba(204,204,204,.95);
  transition: all 0.6s;/*動き*/
}
#g-nav.panelactive{
  left: 0;/*アクティブクラスがついたら位置を0に*/
}
/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list{
  position: fixed;/*ナビの数が増えた場合縦スクロール*/
  z-index: 10000; 
  width: 60%;
  height: 100vh;/*表示する高さ*/
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
/* nav */
#g-nav ul {
  /*ナビゲーション天地中央揃え*/
  position: absolute;
  z-index: 10000;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  width: 100%;
}
/*リストのレイアウト設定*/
#g-nav li{
  list-style: none;
  text-align: left; 
  margin-left: -1em;
  margin: 0px 10px 0 0;
  border-bottom: solid 0.3px #888;
}
#g-nav li a{
  color: #333;
  text-decoration: none;
  padding:10px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: bold;
}
#g-nav li img{
  width: 50%;
  padding: 20px 0;
}
/* butoom */
.hamburger {
  position: fixed;
  bottom: 0;
  text-align: center;
  background: rgba(0,0,0,.1);
}
.openbtn1{
  position:fixed;
  z-index: 11000;/*ボタンを最前面に*/
  bottom: 15px;/*10px*/
  left: 15px;
  cursor: pointer;
  width: 55px;/*50px*/
  height:55px;/*50px*/
  /* circle*/
  border-radius: 50%;
  background: rgba(204,204,204,.5);
}
.openbtn1 p {
  position: absolute;
  top: 35px;
  left: 8px;
}  
/* hamburger */  
.openbtn1 span{
  display: inline-block;
  transition: all .4s;
  position: absolute;
  left: 14px;
  height: 3px;/*3px*/
  border-radius: 2px;
  background-color: #333;
  width: 50%;/*45%*/
  }
.openbtn1 span:nth-of-type(1) {
  top:17px; /*15px*/
}
.openbtn1 span:nth-of-type(2) {
  top:25px;/*23px*/
}
.openbtn1 span:nth-of-type(3) {
  top:33px;/*31px*/
}
.openbtn1.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 45%;/*30%*/
}
.openbtn1.active span:nth-of-type(2) {
  opacity: 0;
}
.openbtn1.active span:nth-of-type(3){
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 45%;/*30%*/
}
/* container main
------------------------------ */
/* bread
------------------------------ */
#bread-wrap { 
  /* effect_manu used Js */
  position: fixed; 
  z-index: 9998; 
  top: 0; 
  left: 0; 
  width: 100%; 
  background: rgba(240,240,240,.5); 
  font-family: a-otf-ud-shin-go-pr6n, sans-serif; 
  transition: .3s;
}
#bread { 
  list-style-type: none;
  max-width: 1200px;
  margin: 0px auto 0px;
  padding: 70px 0 5px 50px;
  font-size: 0.8em;
}
#bread li {
  color: rgb(0,0,0);
}
#bread li a {
  color: rgb(67,67,67);
}
#bread li a:hover {
  color: rgb(0,0,0);
}
/* contants page
------------------------------ */
.page {
  padding: 100px 0 0;
}
/* cover
------------------------------ */
.cover { 
  position: relative; 
  margin: 0; 
  padding: 0; 
  color: #fff;
}
/* fadein box
------------------------------ */
.box {
  position: relative;
  top: 100px; 
  left: 0; 
  right: 0;
  bottom: 0;
  margin:  auto;
  padding-bottom: 150px;
  width: 100%; 
  min-height: 200px; 
  text-align: center;  
}
.box p:last-of-type {

}
/* fadeup right trigger
------------------------------ */
.fadeuptrigger,
.faderighttrigger,
.fadelefttrigger {
  /* fadeup.Js used */
  opacity: 0;
}
/* animetion delay 
------------------------------ */
.no2 {animation-delay: 0.2s}
.no3 {animation-delay: 0.3s}
.no4 {animation-delay: 0.4s}
.no5 {animation-delay: 0.5s}
.no6 {animation-delay: 0.6s}
.no10 {animation-delay: 1s}
.no15 {animation-delay: 1.5s}

/* section1 fadeup
------------------------------ */
.fadeup1 {
  animation-name:fadeupanime1;
  animation-duration:0.8s;
  animation-fill-mode:forwards;
  opacity:0;
}
@keyframes fadeupanime1 {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* fadeup
------------------------------ */
.fadeup {
  /* used Js */
  animation-name:fadeupanime;
  animation-duration:0.8s;
  animation-fill-mode:forwards;
  opacity:0;
}
@keyframes fadeupanime {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* fadein right
------------------------------ */
.faderight{
  opacity:0;
  animation-name:faderightAnime;
  animation-duration:1.2s;
  animation-fill-mode:forwards; 
}
@keyframes faderightAnime{
  from {
    opacity: 0;
    transform: translateX(100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/* fadein left
------------------------------ */
.fadeleft{
  opacity:0;
  animation-name:fadeleftAnime;
  animation-timing-function: ease-out;
  animation-duration:1.2s;
  animation-fill-mode:forwards;  
}
@keyframes fadeleftAnime{
  from {
    opacity: 0;
  transform: translateX(-100px);
  }
  to {
    opacity: 1;
  transform: translateX(0);
  }
}
/* section
------------------------------ */
.section1 { 
  position: relative;
  min-height: 100%; 
  background: url("../img/2022_top/section1_bk.jpg"); 
  background-size: cover;
  z-index: -5;
}
.section1_overlay {
  position: absolute;  
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(255,255,255,.4);
}
.section2 { 
  min-height: 100vh;  
  position: relative;
  background: url("../img/2022_top/section2_bk.jpg"); 
  color: rgb(67,67,67);
}
.section3 { 
  min-height: 100vh; 
  position: relative;
  background: radial-gradient(610px at 5.2% 51.6%, rgba(5,8,114,0.5) 0%, rgba(7,3,53,0.8) 97.5%) fixed, url("../img/2022_top/section1_bk.jpg") center no-repeat; 
  background-size: cover;
}
.section4 {
  min-height: 100vh;
  position: relative;
  color: rgb(67,67,67);
  background-color: #fff;
}
.section5 {
  min-height: 100vh;
  position: relative;
  background: radial-gradient(610px at 5.2% 51.6%, rgba(5,8,114,0.5) 0%, rgba(7,3,53,0.8) 97.5%) fixed, url("../img/2022_top/section3_bk.jpg") center no-repeat; 
  background-size: cover;
}
.section6 { 
  min-height: 100vh;
  position: relative; 
  background: url("../img/2022_top/section2_bk.jpg");
  color: rgb(67,67,67);
}
.section7 {
  position: relative;
  background-color: #fff;
  color: rgb(67,67,67);
}
/* section fix
------------------------------ */
@media only screen and (min-width: 992px) { /*960*/
.section1, .section3, .section5 { background-attachment: fixed; }
}
/* section1
------------------------------ */

/* section1 hight
------------------------------ */
.space100h {
  content: "";
  height: 100vh;
  opacity: 0;
}
/* section1 move
------------------------------ */
.move_area {
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  z-index: -15;
  background: url("../img/2022_top/section1_bk.jpg") no-repeat center; 
  background-size: cover;
}
video {
  /* used Js */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  z-index: -15;
}
#video2,
#video3 {
  display: none;
}
/* section1 scroll arrow
------------------------------ */
.scroll_arrow {
  width: 100%;
  display: inline-block;
  padding-top: 70px;  
  position: relative;
  text-align: left;
}
.scroll_arrow::before {
  animation: scroll 3.5s infinite;
  border: solid #222;
  border-width: 0 0 1px 1px;
  content: "";
  display: inline-block;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  transform: rotate(-45deg);
  width: 20px;
  height: 20px;
}
.scroll_arrow p,
.scroll_arrow span {
  color: #222;
}
@keyframes scroll {
  0% {transform: rotate(-45deg) translate(0, 0);}
  80% {transform: rotate(-45deg) translate(-30px, 30px);}
  0%, 80%, 100% {opacity: 0;}
  40% {opacity: 1;}
}
/* section2
------------------------------ */
.intro1 {
  position: relative;
}
.intro1 h3 {
  color: #fff;
  text-align: left;
  font-family: nitalago-ruika, sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 2.5em;
  margin: 0 0 0 0px;
  position: absolute;
  top: 20px;
  z-index: 2;
}
/* info color box Noukotsudan */
.intro1-1 {
  max-width: 400px;
  margin: 0;
  padding: 130px 0;
  position: relative;
  top: 50px;
  opacity: .0;
}
.intro1-1::before {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgb(29,32,136);
  transform: skewY(7deg);
}
/* info color box Construction */
.intro2-1 {
  max-width: 400px;
  margin: 0;
  padding: 130px 0;
  position: relative;
  top: 50px;
  opacity: .0;
}
.intro2-1::before {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgb(29,32,136);
  transform: skewY(-7deg);
}
/* info number */
.intro1-2 {
  color: rgba(255,255,255,0.2);
  text-align: left;
  font-family: 'Open Sans', sans-serif; 
  font-size: 3em;
  max-width: 500px;
  margin: 0 0 0 50px;
  position: absolute;
  top: 50px;
  z-index: 2;
}
/* info title */
.intro1-3 {
  color: #fff;
  text-align: left;
  font-family: 'Open Sans', sans-serif; 
  margin: 0 0 0 70px;
  position: absolute;
  top: 120px;
  z-index: 2;
}
.intro1-3 p:first-of-type {
  font-size: 1.5em;
  margin: 65px 0 0
}
/* info detail */

/* recrute */
.recruit {
	border: solid 1px #000;
	background-color: rgb(29,32,136) ;
	border-radius: 5px;
	padding: 10px;
	margin: 40px 0 0 0;
	left: auto;
	right: auto;
	color: white;
}
.recruit-tb {
	border: solid 0.5px #ccc;
}

/* section3
------------------------------ */
.subimg {
  border-radius: 2px;
  width: 150px;
  height: 150px;
  object-fit: cover;
  border: 1px solid #ccc;
  padding: 3px;
}
.subhead {
  background: rgba(13,110,253,.8);
}
.info-boxin-img {
	background-image: url("../img/2022_top/news_main_2.jpg");
	background-position: right center;
}
/* section4
------------------------------ */
.img_set {
	padding: 0;
	box-shadow: 2px 2px 4px -2px #ccc;
}
/* section4 li
------------------------------ */
.front ul {
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  width: 65%;
}
.front ul li:hover {
  background-color: rgba(240,240,240,.5);
}
.front ul li {
  font-size: 0.85em;
  position: relative;
  text-align: left;
  line-height: 3em;
  padding: 0 0.5em;
  border-bottom: dashed 1px #999;
}
.front ul li::after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-weight: 600;
  color: #0d6efd;
  position: absolute;
  top: 0;
  right: 5px;
}
.nen {
  color: #fff;
  background: rgba(13,110,253,.8);
  border-radius: 3px;
  opacity: 0.9;
  width: 4em;
  padding: 0 2px;
  font-size: 0.9em;
  margin-right: 10px;
}
.new {
  font-size: 0.7em;
  opacity: 0.9;
}
/* section5
------------------------------ */
.info-minibox {
  margin-bottom: 50px;
}
.info-minibox,
.info-minibox a {
  color: #fff;
}
.info-minibox img {
  margin: 0;
  padding: 3px;
  border: solid 1px #ccc;
}
/* section6
------------------------------ */
.section6 button a,
.section6 button a:hover {
  color: #fff;
}
.contact {
  max-width: 640px;
}
.section6 img {
  width: 95%;
  margin: 0 auto;
}
.lbl {
  max-width: 500px;
  padding: 0.5em 1em;
  margin: 2em auto;
  color: radial-gradient(610px at 5.2% 51.6%, rgba(5,8,114,0.5) 0%, rgba(7,3,53,0.8) 97.5%);
  border-top: solid 5px #5d627b;
  box-shadow: 0 3px 5px rgba(0,0,0,.22);
}
.lbl p {
  margin: 0;
  padding: 0;
}
/* section7
------------------------------ */
.kowalalender_wrap {
  max-width: 510px; /* 510px */
  margin-left: auto;
  margin-right: auto;
}
.kowacalender {
  position: relative;
  max-width: 100%;
  height: 0;
  padding-top: 47%; /* 47% */
  overflow: hidden;
}
.kowacalender iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.holiday {
  max-width: 150px;
  position: relative;
  font-size: 0.8em;
  text-align: left;
  padding: 0 0 0 20px;
  margin: auto;
}
.holiday::before {
  position: absolute;
  display: block;
  content: "";
  top: 4px;
  left: 0;
  width: 15px;
  height: 15px;
  background: #ffdddd;
  border: 0.3px solid #ccc;
}
.today {
  max-width: 150px;
  position: relative;
  font-size: 0.8em;
  text-align: left;
  padding: 0 0 0 20px;
  margin: auto;
}
.today::before {
  position: absolute;
  display: block;
  content: "";
  top: 4px;
  left: 0;
  width: 15px;
  height: 15px;
  background: #ffff99;
  border: 0.3px solid #ccc;
}
/* centerBox
------------------------------ */
.centerBoxFirst {
  /* used Js */
  color: rgb(67,67,67);
}
.centerBoxFix { 
  position: fixed; 
  top: -500px; 
  bottom: 0; 
  left: 0; 
  right: 0; 
  margin: auto; 
  width: 100%;
  height: 20px;
  text-align: center; 
  text-shadow: 0 1px 1px rgba(0,0,0,.3); 
  z-index: 10;
}
.centerBoxFix img.logo {
  width: 20%;
  padding-top: 10%;
}
#centerBoxFirst p:nth-of-type(1) {
/*  color: #fff;*/
  font-size: 3.5em;
  font-weight: 900;
  text-shadow: 1px 1px 2px #fff;
  /* Make it togerther */
}
#centerBoxFirst p:nth-of-type(2) {
  text-shadow: 1px 1px 2px #fff;
  font-size: 1.3em;
}

.centerBoxLast { 
  z-index: -1;
}
/* ▼▼不要かも
------------------------------------------*/
/*.centerBox { 
  position: absolute; 
  top: 0; 
  bottom: 0; 
  left: 0; 
  right: 0; 
  margin: auto; 
  width: 80%; 
  height: 200px; 
  line-height: 160%; 
  text-align: center; 
  text-shadow: 0 1px 1px rgba(0,0,0,.3); 
}
.centerBox i { 
  height: 120px; 
  padding: 20px; 
  font-size: 100px; 
  transition: .8s; 
  transition-delay: 0; 
} 
.centerBox div { 
  margin: auto; 
  transition: .8s; 
  transition-delay: .8s;
}*/
/* ▲▲ここまで
------------------------------------------*/
/* footer
------------------------------------------*/
.footer_sns {
  background-color: rgba(240,240,240,1);
  padding-bottom: 10px;
}
.footer_sns a {
  position: relative;
}
.footer_contact {
  background-color: rgba(220,220,220,1);
}
.footer_last {
	background-color: rgba(0,0,0,1);
}
.footer_contact,
.footer_last {
  text-align: center;
}
.footer_sns p,
.footer_last p,
.copy {
	color: rgb(180,180,180);
}
.footer_last p:first-of-type {
  padding: 20px;
}
.copy {
	font-size: 0.7rem;
}
.sns {}
.sns_logo {
	padding: 0 10px;
}
.footer_contact p,
.sns_logo{
	color: rgb(42,33,32);
/*  z-index: 20;*/
}
.footer_contact button a:hover,
.footer_last a:hover {
	color: white;
/*	font-weight: normal;*/
}
.footer_last a {
	color: rgb(170,170,170);
	font-size: 0.9rem;
}
.footer_last ul {
	list-style-type: none;
	text-align: left;
}
.footer_last ul li {
	display: inline-block;
  padding: 0;
}
/* media pc
------------------------------------------*/
@media screen and (min-width:576px) { /*481*/
  /* unvisible */ 
  .sp {
    display: none;
  }

	
}
/* media Tab
------------------------------------------*/
@media screen and (min-width:577px) and (max-width:992px) { /*481-960*/
  .centerBoxFix { 
    top: -250px; 
    width: 65%;
}
  .centerBoxFix img {
    width: 70%;
  }
  .centerBoxFix img.logo {
  width: 50%;
  }
  /* section1 よりよい未来のために */  
  #centerBoxFirst p:nth-of-type(1) {  
  font-size: 2em;
  }
	/* section4 news ul */ 
  .front ul {
    width: 90%;
  }
	/* recruit box in img */ 
	.info-boxin-img {
		background-size: cover;
}
	/* info number */
	.intro1-2 {
		margin: 0 0 0 25px;
	}
	/* info title */
	.intro1-3 {
		margin: 0 0 0 25px;
	}
}
/* media sp
------------------------------------------*/
@media screen and (max-width:576px) { /*480*/
  /* unvisible */ 
  .pc {
    display: none;
  }
  .centerBoxFix { 
    top: -250px; 
    width: 85%;
}
  .centerBoxFix img.logo {
  width: 80%;
  }
  .centerBoxFix img {
    width: 70%;
  }
  /* section1 よりよい未来のために */  
  #centerBoxFirst p:nth-of-type(1) {  
  font-size: 2em;
  }
  /* sention6 calender */  
  .kowalalender_wrap {
    max-width: 60%; 
  }
  .kowacalender {
    padding-top: 220%;
  }
  /* section4 news ul */ 
  .front ul {
    width: 90%;
  }
  .front ul li {
    margin-left: -2em;
    line-height: 1.8em;
  }
  .front ul li::after {
    top: 60%;
  }
	/* infomation box */
	.intro1-1 {
  	padding: 100px 0;
	}
	.intro1-1::before {
  	transform: skewY(0deg);
	}
	.intro2-1 {
  	padding: 100px 0;
	}
	.intro2-1::before {
  	transform: skewY(0deg);
	}
}
/* base
------------------------------------------*/
/* width */
.minw-200 {min-width: 200px;}
.maxw-400 {max-width: 400px;}
.maxw-300 {max-width: 300px;}
.w-80 {width: 80%;}
.w-90 {width: 90%;}
.w-95 {width: 95%;}
/* margin */
.mt-30 {margin-top: 30px;}
.mt-50 {margin-top: 50px;}
.mt-70 {margin-top: 70px;}
.mt-100 {margin-top: 100px;}
.mt--10 {margin-top: -10px;}
.mt--15 {margin-top: -15px;}
.mt--20 {margin-top: -20px;}
.mt--30 {margin-top: -30px;}
.mt--40 {margin-top: -40px;}
.mt--50 {margin-top: -50px;}
.mb-50 {margin-bottom: 50px;}
.mb-100 {margin-bottom: 100px;}
/* color */
.fcol_g1 {color: rgb(67,67,67);}/*font base color */
.fcol_y1 {color: rgba(255,241,0,.8)}
.fcol_p1 {color: rgba(250,207,137,1)}
.fcol_b1 {color: rgba(29,32,136,1)}
/* background color */
.bgcol_b1 {background-color: rgba(13,110,253,.8);}/*back base color */
.bgcol_g1 {background-color: rgba(200,200,200,.5);}
.mycol_gray {background-color: #343a40;}
/* txt */
.txt_center {text-align: center;}
.txt_left {text-align: left;}
.txt_right {text-align: right;}
/* indent */
.txt_indent_li1 {
  padding-left: 1em;
  text-indent: -1em;
}
.txt_indent_p1 {
  padding-left: 1em;
  text-indent: 1em;
}
/* border */
.bo_bottom_b1 {border-bottom: 2px solid #ccc;}
.bo_bottom_b2 {border-bottom: 2px solid #666;}
.bo_bottom_b3 {border-bottom: 3px solid #666;}
.bo {border: 1px solid #333;}
.bo2 {border: 1px solid blue;}
.bo3 {border: 1px solid red;}
.bo4 {border: 1px solid pink}
.bo5 {border: 1px solid green}
.bo6 {border: 1px solid yellow}
.bo_box {}
.bo_box p {
  border: solid 1px #333;
  border-radius: 3px;
  padding: 0 10px;
  margin: 0;
  display: inline-block;
}
/* font */
.fs-20 {font-size: 2em;}
.fs-15 {font-size: 1.5em;}
.fs-12 {font-size: 1.2em;}
.fs-117 {font-size: 1.17em;}
.fs-09 {font-size: 0.9em;}
.fs-085 {font-size: 0.85em;}
.fs-08 {font-size: 0.8em;}
.fs-075 {font-size: 0.75em;}
.fs-07 {font-size: 0.7em;}
.fs-06 {font-size: 0.6em;}
.fs-05 {font-size: 0.5em;}
.title0font {
  font-family: nitalago-ruika, sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 3.5em;
}
.title1font {
  font-family: nitalago-ruika, sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 2em;
}
.title2font {
/*  font-family: a-otf-ud-reimin-pr6n,sans-serif;*/
  font-family: nitalago-ruika, sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 1.3em;
}
.title3font {
  font-family: nitalago-ruika, sans-serif;
  font-weight: 100;
  font-style: normal;
}
/* font weight */
.fw-normal { font-weight: normal;}
/* opacity */
.opa_07 {	opacity: 0.7;
}
/* text-indent */
.doc-indent {
	padding-left: 2em;
	text-indent: -1em;
}
/* bibo */
/* bibo1 / card-deck center --> class mx-auto */