@charset "UTF-8";

/* 共通パーツ */
.transition-base{ transition: all .8s; }
.bg-color-1{ background-color: #334a7d; } /* gcom Blue 193474*/
.bg-color-2{ background-color: #E5F0F9; } /* 薄め青 */
.bg-color-3{ background-color: #cad3e5; }
.bg-color-4{ background-color: #F9F7F1; }
.bg-color-5{ background-color: #FF6826; }
.bg-color-6{ background-color: #A3C763; }
.bg-color-7{ background-color: #FFBF4D; }
.bg-color-8{ background-color: #E61D37; }
.bg-color-9{ background-color: #6B6158; }
.bg-color-10{ background-color: #ff2626; }
.bg-color-w{ background-color: white; }

/* 文字色 */
.force-color-w,
.force-color-w:hover{ color:white; }
.force-color-red{ color:#e25949; }
.force-color-1{ color:#193474; }  /* 部分タイトル青 */
.force-color-2{ color:#859ac3; }  /* 部分タイトル青 */
.force-color-3{ color:#FF6826; }  /* おれんじ */
.force-color-4{ color:#6B6158; }  /* ちょいうすめ黒 */
.force-color-5{ color: #FFA249; }
.force-color-6{ color: #ff2626; }

/* 文字の大きさ */
.font-size-06{ font-size: 0.6rem; }
.font-size-07{ font-size: 0.7rem; }
.font-size-08{ font-size: 0.8rem; }
.font-size-09{ 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; }
.font-size-25{ font-size: 2.5rem; }
.font-size-30{ font-size: 3.0rem; }
.font-size-35{ font-size: 3.5rem; }
.font-size-40{ font-size: 4.0rem; }
.font-size-45{ font-size: 4.5rem; }
.font-size-50{ font-size: 5.0rem; }

@media (min-width: 375px) {
	.font-size-xs-06{ font-size: 0.6rem; } .font-size-xs-07{ font-size: 0.7rem; }
	.font-size-xs-08{ font-size: 0.8rem; } .font-size-xs-09{ font-size: 0.9rem; }
	.font-size-xs-10{ font-size: 1rem; }   .font-size-xs-11{ font-size: 1.1rem; }
	.font-size-xs-12{ font-size: 1.2rem; } .font-size-xs-13{ font-size: 1.3rem; }
	.font-size-xs-14{ font-size: 1.4rem; } .font-size-xs-15{ font-size: 1.5rem; }
	.font-size-xs-16{ font-size: 1.6rem; } .font-size-xs-17{ font-size: 1.7rem; }
	.font-size-xs-18{ font-size: 1.8rem; } .font-size-xs-20{ font-size: 2.0rem; }
}
@media (min-width: 576px) {
	.font-size-sm-08{ font-size: 0.8rem; } .font-size-sm-09{ font-size: 0.9rem; }
	.font-size-sm-10{ font-size: 1rem; }   .font-size-sm-11{ font-size: 1.1rem; }
	.font-size-sm-12{ font-size: 1.2rem; } .font-size-sm-13{ font-size: 1.3rem; }
	.font-size-sm-14{ font-size: 1.4rem; } .font-size-sm-15{ font-size: 1.5rem; }
	.font-size-sm-16{ font-size: 1.6rem; } .font-size-sm-17{ font-size: 1.7rem; }
	.font-size-sm-18{ font-size: 1.8rem; } .font-size-sm-20{ font-size: 2.0rem; }
	.font-size-sm-25{ font-size: 2.5rem; } .font-size-sm-30{ font-size: 3.0rem; }

	.my-sm-40{ margin-top: 40px;margin-bottom: 40px;}
	.mb-sm-40{ margin-bottom: 40px;}
	.mt-sm-40{ margin-top: 40px;}
	.my-sm-50{ margin-top: 50px;margin-bottom: 50px;}
	.mb-sm-50{ margin-bottom: 50px;}
	.mt-sm-50{ margin-top: 50px;}
	.my-sm-80{ margin-top: 80px;margin-bottom: 80px;}
	.mb-sm-80{ margin-bottom: 80px;}
	.mt-sm-80{ margin-top: 80px;}
	.my-sm-110{ margin-top: 110px;margin-bottom: 110px;}
	.mb-sm-110{ margin-bottom: 110px;}
	.mt-sm-110{ margin-top: 110px;}
	.my-sm-150{ margin-top: 150px;margin-bottom: 150px;}
	.mb-sm-150{ margin-bottom: 150px;}
	.mt-sm-150{ margin-top: 150px;}
}
@media (min-width: 768px) {
	.font-size-md-08{ font-size: 0.8rem; } .font-size-md-09{ font-size: 0.9rem; }
	.font-size-md-10{ font-size: 1rem; }   .font-size-md-11{ font-size: 1.1rem; }
	.font-size-md-12{ font-size: 1.2rem; } .font-size-md-13{ font-size: 1.3rem; }
  .font-size-md-14{ font-size: 1.4rem; } .font-size-md-15{ font-size: 1.5rem; }
	.font-size-md-18{ font-size: 1.8rem; } .font-size-md-20{ font-size: 2.0rem; }
	.font-size-md-22{ font-size: 2.2rem; } .font-size-md-24{ font-size: 2.4rem; }
	.font-size-md-26{ font-size: 2.6rem; } .font-size-md-28{ font-size: 2.8rem; }
	.font-size-md-30{ font-size: 3.0rem; } .font-size-md-32{ font-size: 3.2rem; }
	.font-size-md-35{ font-size: 3.5rem; } .font-size-md-40{ font-size: 4.0rem; }

	.my-md-40{ margin-top: 40px;margin-bottom: 40px;}
	.mb-md-40{ margin-bottom: 40px;}
	.mt-md-40{ margin-top: 40px;}
	.my-md-50{ margin-top: 50px;margin-bottom: 50px;}
	.mb-md-50{ margin-bottom: 50px;}
	.mt-md-50{ margin-top: 50px;}
	.my-md-80{ margin-top: 80px;margin-bottom: 80px;}
	.mb-md-80{ margin-bottom: 80px;}
	.mt-md-80{ margin-top: 80px;}
	.my-md-110{ margin-top: 110px;margin-bottom: 110px;}
	.mb-md-110{ margin-bottom: 110px;}
	.mt-md-110{ margin-top: 110px;}
	.my-md-150{ margin-top: 150px;margin-bottom: 150px;}
	.mb-md-150{ margin-bottom: 150px;}
	.mt-md-150{ margin-top: 150px;}
}
@media (min-width: 992px) {
	.font-size-lg-08{ font-size: 0.8rem; } .font-size-lg-09{ font-size: 0.9rem; }
	.font-size-lg-10{ font-size: 1rem; }   .font-size-lg-11{ font-size: 1.1rem; }
	.font-size-lg-12{ font-size: 1.2rem; } .font-size-lg-15{ font-size: 1.5rem; }
	.font-size-lg-16{ font-size: 1.6rem; } .font-size-lg-17{ font-size: 1.7rem; }
	.font-size-lg-18{ font-size: 1.8rem; } .font-size-lg-20{ font-size: 2.0rem; }
	.font-size-lg-25{ font-size: 2.5rem; }
	.my-lg-40{ margin-top: 40px;margin-bottom: 40px;}
	.mb-lg-40{ margin-bottom: 40px;}
	.mt-lg-40{ margin-top: 40px;}
	.my-lg-50{ margin-top: 50px;margin-bottom: 50px;}
	.mb-lg-50{ margin-bottom: 50px;}
	.mt-lg-50{ margin-top: 50px;}
	.my-lg-80{ margin-top: 80px;margin-bottom: 80px;}
	.mb-lg-80{ margin-bottom: 80px;}
	.mt-lg-80{ margin-top: 80px;}
	.my-lg-110{ margin-top: 110px;margin-bottom: 110px;}
	.mb-lg-110{ margin-bottom: 110px;}
	.mt-lg-110{ margin-top: 110px;}
	.my-lg-150{ margin-top: 150px;margin-bottom: 150px;}
	.mb-lg-150{ margin-bottom: 150px;}
	.mt-lg-150{ margin-top: 150px;}
	.ml-lg-50{ margin-left: 5%;}
	.ml-lg-115{ margin-left: 11.5%;}


}
@media (min-width: 1200px) {
	.font-size-xl-08{ font-size: 0.8rem; } .font-size-xl-09{ font-size: 0.9rem; }
	.font-size-xl-10{ font-size: 1rem; }   .font-size-xl-11{ font-size: 1.1rem; }
	.font-size-xl-12{ font-size: 1.2rem; } .font-size-xl-15{ font-size: 1.5rem; }
	.font-size-xl-18{ font-size: 1.8rem; } .font-size-xl-20{ font-size: 2.0rem; }
}

/* 余白 */
.my-40{ margin-top: 40px;margin-bottom: 40px;}
.mb-40{ margin-bottom: 40px;}
.mt-40{ margin-top: 40px;}
.my-50{ margin-top: 50px;margin-bottom: 50px;}
.mb-50{ margin-bottom: 50px;}
.mt-50{ margin-top: 50px;}
.my-80{ margin-top: 80px;margin-bottom: 80px;}
.mb-80{ margin-bottom: 80px;}
.mt-80{ margin-top: 80px;}
.my-110{ margin-top: 110px;margin-bottom: 110px;}
.mb-110{ margin-bottom: 110px;}
.mt-110{ margin-top: 110px;}
.my-150{ margin-top: 150px;margin-bottom: 150px;}
.mb-150{ margin-bottom: 150px;}
.mt-150{ margin-top: 150px;}
.px-6  { padding-left: 6rem; padding-right: 6rem;}

   /* 罫線 */
  .border-width-1{ border-width: 1px; border-style: solid; }
  .border-width-t-1{ border-top-width: 1px; border-top-style: solid; }
  .border-width-b-1{ border-bottom-width: 1px; border-bottom-style: solid; }
  .border-width-l-1{ border-left-width: 1px; border-left-style: solid; }
  .border-width-r-1{ border-right-width: 1px; border-right-style: solid; }
  .border-width-x-1{ border-left-width: 1px; border-right-width: 1px; border-left-style: solid; border-right-style: solid;}
  .border-width-y-1{ border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; }

  .border-width-2{ border-width: 2px; border-style: solid; }
  .border-width-t-2{ border-top-width: 2px; border-top-style: solid; }
  .border-width-b-2{ border-bottom-width: 2px; border-bottom-style: solid; }
  .border-width-l-2{ border-left-width: 2px; border-left-style: solid; }
  .border-width-r-2{ border-right-width: 2px; border-right-style: solid; }
  .border-width-x-2{ border-left-width: 2px; border-right-width: 2px; border-left-style: solid; border-right-style: solid;}
  .border-width-y-2{ border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; }

  .border-width-3{ border-width: 3px; border-style: solid; }
  .border-width-t-3{ border-top-width: 3px; border-top-style: solid; }
  .border-width-b-3{ border-bottom-width: 3px; border-bottom-style: solid; }
  .border-width-l-3{ border-left-width: 3px; border-left-style: solid; }
  .border-width-r-3{ border-right-width: 3px; border-right-style: solid; }
  .border-width-x-3{ border-left-width: 3px; border-right-width: 3px; border-left-style: solid; border-right-style: solid;}
  .border-width-y-3{ border-top-width: 3px; border-bottom-width: 3px; border-top-style: solid; border-bottom-style: solid; }

  .border-width-4{ border-width: 4px; border-style: solid; }
  .border-width-t-4{ border-top-width: 4px; border-top-style: solid; }
  .border-width-b-4{ border-bottom-width: 4px; border-bottom-style: solid; }
  .border-width-l-4{ border-left-width: 4px; border-left-style: solid; }
  .border-width-r-4{ border-right-width: 4px; border-right-style: solid; }
  .border-width-x-4{ border-left-width: 4px; border-right-width: 4px; border-left-style: solid; border-right-style: solid;}
  .border-width-y-4{ border-top-width: 4px; border-bottom-width: 4px; border-top-style: solid; border-bottom-style: solid; }

  .border-width-5{ border-width: 5px; border-style: solid; }
  .border-width-t-5{ border-top-width: 5px; border-top-style: solid; }
  .border-width-b-5{ border-bottom-width: 5px; border-bottom-style: solid; }
  .border-width-l-5{ border-left-width: 5px; border-left-style: solid; }
  .border-width-r-5{ border-right-width: 5px; border-right-style: solid; }
  .border-width-x-5{ border-left-width: 5px; border-right-width: 5px; border-left-style: solid; border-right-style: solid;}
  .border-width-y-5{ border-top-width: 5px; border-bottom-width: 5px; border-top-style: solid; border-bottom-style: solid; }

  /* 特殊罫線 */
	@media (min-width: 992px) {
		.border-width-more-lg-r-3{ border-right-width: 3px; border-right-style: solid; }
	}
  .border-color-1{ border-color: #193474; }
  .border-color-t-1{ border-top-color: #193474; }
  .border-color-b-1{ border-bottom-color: #193474; }
  .border-color-l-1{ border-left-color: #193474; }
  .border-color-r-1{ border-right-color: #193474; }
  .border-color-x-1{ border-left-color: #193474; border-right-color: #193474; }
  .border-color-y-1{ border-top-color: #193474; border-bottom-color: #193474; }

	.border-color-2{ border-color: #BDCEEF; }
	.border-color-t-2{ border-top-color: #BDCEEF; }
	.border-color-b-2{ border-bottom-color: #BDCEEF; }
	.border-color-l-2{ border-left-color: #BDCEEF; }
	.border-color-r-2{ border-right-color: #BDCEEF; }
	.border-color-x-2{ border-left-color: #BDCEEF; border-right-color: #BDCEEF; }
	.border-color-y-2{ border-top-color: #BDCEEF; border-bottom-color: #BDCEEF; }

    .border-color-3{ border-color: #FF6826; }
    .border-color-4{ border-color: #FFBF4D; }
    .border-color-5{ border-color: #e4e7ea; }
    .border-color-6{ border-color: #ff2626; }

/* 幅と高さ */
.w-10{ width: 10%; }
.w-20{ width: 20%; }
/* .w-25{ width: 25%; }  デフォルトであり*/
.w-30{ width: 30%; }
.w-40{ width: 40%; }
/* .w-50{ width: 50%; }  デフォルトであり*/
.w-60{ width: 60%; }
.w-70{ width: 70%; }
/* .w-75{ width: 75%; }  デフォルトであり*/
.w-80{ width: 80%; }
.w-90{ width: 90%; }
/* .w-100{ width: 100%; }  デフォルトであり*/

.h-10{ width: 10%; }
.h-20{ width: 20%; }
/* .h-25{ width: 25%; }  デフォルトであり*/
.h-30{ width: 30%; }
.h-40{ width: 40%; }
/* .h-50{ width: 50%; }  デフォルトであり*/
.h-60{ width: 60%; }
.h-70{ width: 70%; }
/* .h-75{ width: 75%; }  デフォルトであり*/
.h-80{ width: 80%; }
.h-90{ width: 90%; }
/* .h-100{ width: 100%; }  デフォルトであり*/


.font-mark-1 {
    background: linear-gradient(transparent 30%, #feff00 30%);
}
.rounded-10{ border-radius : 10px; }
.rounded-top-left-10{ border-top-left-radius: 10px; }
.rounded-top-right-10{ border-top-right-radius: 10px; }
.rounded-bottom-left-10{ border-bottom-left-radius: 10px; }
.rounded-bottom-right-10{ border-bottom-right-radius: 10px; }
.rounded-7{ border-radius : 7px; }
.rounded-top-left-7{ border-top-left-radius: 7px; }
.rounded-top-right-7{ border-top-right-radius: 7px; }
.rounded-bottom-left-7{ border-bottom-left-radius: 7px; }
.rounded-bottom-right-7{ border-bottom-right-radius: 7px; }
.text-decoration-underline{ text-decoration: underline; }
.opacity-100{ opacity: 1; }