@charset "UTF-8";
html {
  width: 100%;
  font-size: 100%;
}
body {
  -webkit-text-size-adjust: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 16px;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 300;
  line-height: 2;
  letter-spacing: 0;
}
@media screen and (max-width: 896px) {
  body {
    line-height: 1.8;
  }
}
* {
  max-width: 100%;
  max-height: 999999px;
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 16px;
  font-family: inherit;
  font-weight: 300;
  font-style: normal;
  letter-spacing: inherit;
  line-height: inherit;
  outline: none;
  box-sizing: border-box;
}
*:before, *:after {
  box-sizing: border-box;
}
* * {
  color: inherit;
  font-size: inherit;
}
a {
  color: #333;
  outline: none;
  text-decoration: none;
}
a:active, a:hover {
  text-decoration: underline;
}
a * {
  color: inherit;
}
input {
  border: none;
  vertical-align: bottom;
}
input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: none;
}
input[type="checkbox"], input[type="radio"] {
  margin-right: 5px;
}
input[type="search"] {
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[disabled] {
  cursor: default;
}
button {
  border: none;
  cursor: pointer;
  vertical-align: bottom;
  -webkit-appearance: button;
  background-color: transparent;
}
button[disabled] {
  cursor: default;
}
select, textarea {
  vertical-align: bottom;
}
@media (min-width: 769px) {
  a:hover img, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    opacity: 0.6;
  }
}
b, strong {
  font-weight: 700;
}
img {
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: top;
}
img[src*=".svg"], img[src*=".svgz"] {
  width: 100%;
}
ul, ol {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
ul li, ol li {
  list-style: none;
}
audio, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, progress, video {
  display: block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden], template {
  display: none;
}
svg {
  width: auto;
  height: auto;
  vertical-align: bottom;
}
svg:not(:root) {
  overflow: hidden;
}
pre {
  overflow: auto;
}
code, kbd, pre, samp {
  font-family: monospace, monospace;
}
table {
  table-layout: fixed;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
table th, table td {
  text-align: left;
  font-weight: normal;
  vertical-align: top;
}
hr {
  display: block;
  width: 0;
  height: 0;
  border: 0;
}
.load a, .load img, .load input, .load svg, .load *:before, .load *:after {
  transition: opacity 0.7s;
}
.entry:after {
  content: "";
  display: block;
  height: 0;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  clear: both;
}
.entry > * {
  margin-top: 1.5em;
}
.entry > *:first-child {
  margin-top: 0;
}
.entry ul, .entry ol {
  margin-top: 0.7em;
}
.entry .alignleft, .entry .alignright, .entry .aligncenter {
  margin-bottom: 5px;
}
.entry .alignleft {
  float: left;
  display: inline;
  margin-right: 10px;
  margin-top: 4px;
}
.entry .alignright {
  float: right;
  display: inline;
  margin-left: 10px;
  margin-top: 4px;
}
.entry .aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 769px) {
  .sp {
    display: none !important;
  }
}
@media screen and (max-width: 896px) {
  body {
    min-width: inherit;
  }
  a {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
  }
  .pc {
    display: none !important;
  }
}
/*
//margin(px)
$i : 0;
$j : 0;
@while ($i < 4) {
	//marginのクラス名
	$marginClass : "T";
	$direction   : "top";
	@if ($i == 1) {
		$marginClass : "B";
		$direction   : "bottom";
	} @else if ($i == 2) {
		$marginClass : "L";
		$direction   : "left";
	} @else if ($i == 3) {
		$marginClass : "R";
		$direction   : "right";
	}

	//各向きのmarginを作成
	@while ($j <= 100) {
		@if ($j == 0) {
			.ma#{$marginClass}#{$j} {
				margin-#{$direction}: 0 !important;
			}
		} @else {
			.ma#{$marginClass}#{$j} {
				margin-#{$direction}: $j + px;
			}
		}
		$j : $j + 5;
	}

	$i : $i + 1;
	$j : 0;
}


//margin(em)
$i : 0;
$j : 0;
@while ($i < 4) {
	//marginのクラス名
	$marginClass : "T";
	$direction   : "top";
	@if ($i == 1) {
		$marginClass : "B";
		$direction   : "bottom";
	} @else if ($i == 2) {
		$marginClass : "L";
		$direction   : "left";
	} @else if ($i == 3) {
		$marginClass : "R";
		$direction   : "right";
	}

	//各向きのmarginを作成
	@while ($j <= 10) {
		.ma#{$marginClass}#{$j}em {
			margin-#{$direction}: $j + em;
		}
		$j : $j + 1;
	}

	$i : $i + 1;
	$j : 0;
}


//padding(px)
$i : 0;
$j : 0;
@while ($i < 4) {
	//padding
	$paddingClass : "T";
	$direction    : "top";
	@if ($i == 1) {
		$paddingClass : "B";
		$direction    : "bottom";
	} @else if ($i == 2) {
		$paddingClass : "L";
		$direction    : "left";
	} @else if ($i == 3) {
		$paddingClass : "R";
		$direction    : "right";
	}

	//各向きのpaddingを作成
	@while ($j <= 100) {
		@if ($j == 0) {
			.pa#{$paddingClass}#{$j} {
				padding-#{$direction}: 0 !important;
			}
		} @else {
			.pa#{$paddingClass}#{$j} {
				padding-#{$direction}: $j + px;
			}
		}
		$j : $j + 5;
	}

	$i : $i + 1;
	$j : 0;
}


//padding(em)
$i : 0;
$j : 0;
@while ($i < 4) {
	//padding
	$paddingClass : "T";
	$direction    : "top";
	@if ($i == 1) {
		$paddingClass : "B";
		$direction    : "bottom";
	} @else if ($i == 2) {
		$paddingClass : "L";
		$direction    : "left";
	} @else if ($i == 3) {
		$paddingClass : "R";
		$direction    : "right";
	}

	//各向きのpaddingを作成
	@while ($j <= 10) {
		.pa#{$paddingClass}#{$j}em {
			padding-#{$direction}: $j + em;
		}
		$j : $j + 1;
	}

	$i : $i + 1;
	$j : 0;
}
*/
.bold {
  font-weight: bold;
}
.all {
  text-align: left;
}
.alr {
  text-align: right;
}
.alc {
  text-align: center;
}
.clearFix {
  display: block;
}
.clearFix:after {
  content: "";
  display: block;
  height: 0;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  clear: both;
}
.innerL {
  width: 1230px;
}
.innerM {
  width: 1030px;
}
.innerS {
  width: 830px;
}
[class^="inner"] {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
[class^="inner"] [class^="inner"] {
  padding-left: 0;
  padding-right: 0;
}
.js-fadein {
  position: relative;
  top: 50px;
  opacity: 0;
}
.js-fadein.in {
  top: 0;
  opacity: 1;
  transition: top 0.8s, left 0.8s, right 0.8s, opacity 0.8s;
}
.js-fadein.left-in {
  top: 0;
  left: -100px;
}
.js-fadein.left-in.in {
  left: 0;
}
.js-fadein.right-in {
  top: 0;
  right: -100px;
}
.js-fadein.right-in.in {
  right: 0;
}
#wrapper {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
}
.arial {
  font-family: Arial, Helvetica, "sans-serif";
}
.c2_1 {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
}
.c2_1 > * {
  width: 48%;
  margin-right: 4%;
}
@media screen and (max-width: 896px) {
  .c2_1 > * {
    width: 100%;
    margin-right: 0;
  }
}
@media (min-width: 769px) {
  .c2_1 > *:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 896px) {
  .c2_1 > *:nth-child(n+2) {
    margin-top: 30px;
  }
}
@media (min-width: 769px) {
  .c2_1 > *:nth-child(n+3) {
    margin-top: 50px;
  }
}
.c2_2 {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
}
.c2_2 > * {
  width: 48%;
  margin-right: 4%;
}
.c2_2 > *:nth-child(2n) {
  margin-right: 0;
}
.c2_2 > *:nth-child(n+3) {
  margin-top: 50px;
}
@media screen and (max-width: 896px) {
  .c2_2 > *:nth-child(n+3) {
    margin-top: 30px;
  }
}
.c3_1 {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
}
.c3_1 > * {
  width: calc((100% - 80px) / 3);
  margin-right: 40px;
}
.c3_1 > *:nth-child(3n) {
  margin-right: 0;
}
.c3_1 > *:nth-child(n+4) {
  margin-top: 20px;
}
@media screen and (max-width: 896px) {
  .c3_1 > * {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 896px) {
  .c3_1 > *:nth-child(n+2) {
    margin-top: 30px;
  }
}
.c3_2 {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
}
.c3_2 > * {
  width: calc((100% - 80px) / 3);
  margin-right: 40px;
}
@media (min-width: 769px) {
  .c3_2 > *:nth-child(3n) {
    margin-right: 0;
  }
}
.c3_2 > *:nth-child(n+4) {
  margin-top: 20px;
}
@media screen and (max-width: 896px) {
  .c3_2 > * {
    width: 48%;
    margin-right: 4%;
  }
  .c3_2 > *:nth-child(2n) {
    margin-right: 0;
  }
  .c3_2 > *:nth-child(n+3) {
    margin-top: 30px;
  }
}
.c4_1 {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
}
.c4_1 > * {
  width: calc((100% - 120px) / 4);
  margin-right: 40px;
}
@media (min-width: 769px) {
  .c4_1 > *:nth-child(4n) {
    margin-right: 0;
  }
}
@media (min-width: 769px) {
  .c4_1 > *:nth-child(n+5) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 896px) {
  .c4_1 > * {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 896px) {
  .c4_1 > *:nth-child(n+2) {
    margin-top: 30px;
  }
}
.c4_2 {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
}
.c4_2 > * {
  width: calc((100% - 120px) / 4);
  margin-right: 40px;
}
@media (min-width: 769px) {
  .c4_2 > *:nth-child(4n) {
    margin-right: 0;
  }
}
@media (min-width: 769px) {
  .c4_2 > *:nth-child(n+5) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 896px) {
  .c4_2 > * {
    width: 48%;
    margin-right: 4%;
  }
  .c4_2 > *:nth-child(2n) {
    margin-right: 0;
  }
  .c4_2 > *:nth-child(n+3) {
    margin-top: 30px;
  }
}
.flex {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
}
.dots > li {
  padding-left: 1em;
  text-indent: -1em;
}
.dots > li:before {
  content: "・";
}
.dots > li:nth-child(n+2) {
  margin-top: 5px;
}
.btn01 {
  margin-top: 50px;
}
@media screen and (max-width: 896px) {
  .btn01 {
    margin-top: 30px;
  }
}
.btn01 button, .btn01 a {
  position: relative;
  width: 350px;
  height: 60px;
  margin: 0 auto;
  padding: 5px 60px 5px 20px;
  border: 1px #06407E solid;
  border-radius: 40px;
  color: #06407E;
  font-size: 18px;
  font-weight: 700;
  background-color: #fff;
  text-decoration: none;
  transition: opacity 0.7s;
}
.btn01 button:hover, .btn01 a:hover {
  text-decoration: none;
  opacity: 0.6;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 768px) {
  .btn01 button:hover, .btn01 a:hover {
    opacity: 1;
  }
}
.btn01 button:hover img, .btn01 a:hover img {
  opacity: 1;
}
@media screen and (max-width: 896px) {
  .btn01 button, .btn01 a {
    width: 280px;
    height: 50px;
    padding-left: 25px;
    border-radius: 25px;
    font-size: 16px;
  }
}
.btn01 button:before, .btn01 button:after, .btn01 a:before, .btn01 a:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  translate: 0 -50%;
}
@media screen and (max-width: 896px) {
  .btn01 button:before, .btn01 button:after, .btn01 a:before, .btn01 a:after {
    right: 15px;
    width: 30px;
    height: 30px;
  }
}
.btn01 button:before, .btn01 a:before {
  background-color: #06407E;
}
.btn01 button:after, .btn01 a:after {
  background: url(../img/icon_arrow_01.svg) no-repeat center / 24px 18px;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}
@media screen and (max-width: 896px) {
  .btn01 button:after, .btn01 a:after {
    background-size: 12px 9px;
  }
}
.btn01 button[target="_blank"]:after, .btn01 a[target="_blank"]:after {
  background-image: url(../img/icon_blank_01.svg);
  background-size: 14px 14px;
}
.btn01 a {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.btn02 button, .btn02 a {
  position: relative;
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 400px;
  height: 60px;
  margin: 0 auto;
  padding: 15px 15px 15px 30px;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  font-weight: 900;
  text-align: center;
  background-color: #FF6500;
  text-decoration: none;
  transition: opacity 0.7s;
}
.btn02 button:hover, .btn02 a:hover {
  text-decoration: none;
  opacity: 0.6;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 768px) {
  .btn02 button:hover, .btn02 a:hover {
    opacity: 1;
  }
}
.btn02 button:hover img, .btn02 a:hover img {
  opacity: 1;
}
.btn02 button i, .btn02 a i {
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 30px;
  height: 60px;
  border-radius: 5px 0 0 5px;
  translate: 0 -50%;
  line-height: 1.7;
  font-weight: bold;
  text-align: center;
  background-color: #C30000;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.lbtn a {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
  height: 80px;
  padding: 0 40px;
  border: 1px #EA5413 solid;
  color: #EA5413;
  font-size: 20px;
  font-weight: 900;
  background: url(../img/icon_arrow_01.svg) no-repeat right 30px center / 40px 40px #fff;
  text-decoration: none;
  transition: opacity 0.7s;
}
@media screen and (max-width: 896px) {
  .lbtn a {
    height: 70px;
    padding: 0 50px 0 10px;
    line-height: 1.3;
    font-size: 17px;
    background-size: 30px 30px;
    background-position: right 10px center;
  }
}
.lbtn a:hover {
  text-decoration: none;
  background-color: #fafafa;
}
header {
  width: 100%;
  /*
	.wrap {
		@include flex;
		justify-content: space-between;
		align-items: center;
		#logo {
			width: 180px;
			z-index: 9999;
			@include mq {
				width: 150px;
			}
		}
		#navWrap{
			width: calc(100% - 180px);
			@include mq {
				position: fixed;
				width: 100%;
				z-index: 9999;
				top: 0;
				left: 0;
			}
			#navTop{
				@include flex;
				justify-content: flex-end;
				align-items: center;
				margin-top: 12px;
				@include mq {
					display: none;
				}
				#grobal{
					@include flex;
					li{
						font-weight: bold;
						&:last-child{
							position: relative;
							margin-left: 8px;
							padding-left: 14px;
							&:before{
								content: "/";
								position: absolute;
								left: 0;
								top: 50%;
								color: #d9d9d9;
								transform: translateY(-50%);
							}
						}
						a{
							color: #D0D0D0;
							font-weight: bold;
						}
					}
				}
				#wakitagroup{
					margin-left: 35px;
					a{
						@include flex;
						align-items: center;
						img{
							width: auto;
							height: 16px;
						}
					}
				}
			}
		}
		nav {
			@include flex;
			justify-content: flex-end;
			align-items: center;
			//z-index: 10000;
			@include mq {
				display: none;
				//position: fixed;
				//z-index: 9999;
				//top: 0;
				//left: 0;
				width: 100%;
				height: 100vh;
				margin: 0;
				padding: 70px 15px 120px;
				transition: all 0.5s;
				overflow-y: auto;
				background-color: #f0f0f0;
				-webkit-overflow-scrolling: touch;
			}
			&.open{
				display: block;
				//visibility: visible;
			}
			& > ul{
				@include mq(768,false) {
					@include flex;
					justify-content: flex-end;
					align-items: center;
				}
				@include mq {
					width: 100%;
					//height: 100%;
					border-top: 1px solid #777;
					overflow-y: auto;
				}
				& > li {
					@include flex;
					position: relative;
					height: 60px;
					@include mq {
						display: block;
						height: auto;
						border-bottom: 1px solid #777;
						&:before,
						&:after{
							content: '';
							position: absolute;
							display: block;
						}
						&:before{
							width: 20px;
							height: 20px;
							top: 27px;
							left: 0;
							background-color: #000;
							border-radius: 50%;
							transform: translateY(-50%);
						}
						&:after{
							width: 6px;
							height: 6px;
							left: 6px;
							top: 27px;
							border-top: #fff 1px solid;
							border-right: #fff 1px solid;
							-webkit-transform: translateY(-50%) rotate(45deg);
							transform: translateY(-50%) rotate(45deg);
						}
					}
					&:nth-child(n+2){
						@include mq(768,false) {
							margin-left: 40px;
						}
					}
					a{
						position: relative;
						@include flex;
						align-items: center;
						font-weight: 500;
						overflow: hidden;
						transition: color 0.5s;
						@include mq {
							display: block;
							padding: 12px 10px 12px 28px;
						}
						&:hover,
						&.current{
							color: #06407E;
						}
					}
					.spToggle{
						@include mq(768, false) {
							display: none;
						}
						@include mq {
							position: absolute;
							display: block;
							width: 100%;
							left: 0;
							top: 0;
							padding: 18px 10px;
							text-align: right;
							//right: 5px;
							//top: 10px;
							//padding: 5px;
							color: #777;
							font-size: 18px;
							line-height: 1;
							z-index: 5;
							&:before {
								display: none;
							}
							&:after {
								content: "+";
							}
							&.open {
								&:after {
									content: "-";
								}
							}
						}
					}
					& > a{
						font-weight: 500;
						&:hover{
							text-decoration: none;
						}
						@include mq {
							font-weight: bold;
						}
					}
					&:hover{
						& > ul{
							@include mq(768, false) {
								z-index: 2;
								translate: -50% 100%;
								pointer-events: auto;
								transition: translate .3s cubic-bezier(.215,.61,.355,1), opacity .1s ease-in-out;
								opacity: 1;
							}
						}
					}
					& > ul{
						@include mq(768, false) {
							position: absolute;
							min-width: 16rem;
							padding: 20px;
							left: 50%;
							bottom: 0;
							border-radius: 0.8rem;
							background-color: #fff;
							box-shadow: 0 1rem 5rem rgba(19,22,22,.2);
							text-align: center;
							//white-space: nowrap;
							pointer-events: none;
							opacity: 0;
							translate: -50% calc(100% + 3rem);
							transition: translate .2s cubic-bezier(.55,.055,.675,.19) .2s, opacity .2s ease-in-out .2s;
						}
						@include mq {
							display: none;
							//margin-top: 10px;
							margin-bottom: 25px;
							//border: 0.5px solid #000;
							border-top: none;
							//box-shadow: 0px 3px 6px #00000029;
						}
						li{
							padding: 10px 0;
							border-bottom: #ccc 1px solid;
							@include mq {
								padding: 0;
							}
							&:last-child{
								border-bottom: none;
							}
							a{
								display: block;
								color: #000;
								font-size: 16px;
								background-color: #fff;
								&:hover{
									text-decoration: none;
									color: #06407E;
								}
								@include mq {
									padding: 10px;
									font-size: 14px;
									//background-color: rgb(255 255 255 / 0.2);
								}
							}
						}
					}
					&#cBtn{
						height: auto;
						@include mq {
							margin-top: 20px;
							border-bottom: none;
							&:before,
							&:after{
								content: none;
							}
						}
						a{
							display: block;
							padding: 2px 15px;
							border: #06407E 1px solid;
							background-color: #06407E;
							border-radius: 30px;
							color: #fff;
							&:hover{
								background-color: #fff;
								color: #06407E;
							}
							@include mq {
								text-align: center;
								padding-top: 15px;
								padding-bottom: 15px;
							}
						}
					}
				}
			}
			#spNavi{
				display: none;
				@include mq {
					display: block;
					#link02 {
						@include flex;
						margin-top: 70px;
						padding-top: 70px;
						border-top: 1px rgba(1, 70, 3, 0.4) solid;
						@include mq(1400) {
							display: block;
							margin-top: 30px;
							padding-top: 30px;
						}
						& > li {
							width: calc((100% - 30px) / 2);
							margin-right: 30px;
							&:nth-child(2n) {
								margin-right: 0;
							}
							&:nth-child(n+3) {
								margin-top: 30px;
							}
							@include mq(1400) {
								width: auto;
								margin-right: 0;
								& + li {
									margin-top: 10px !important;
								}
							}
							& > a {
								font-size: 18px;
								@include mq(1400) {
									font-size: 14px;
								}
							}
						}
					}
					#btns {
						@include flex;
						margin-top: 70px;
						@include mq(1400) {
							display: block;
							margin-top: 30px;
						}
						& > li {
							width: calc((100% - 30px) / 2);
							margin-right: 30px;
							&:nth-child(2n) {
								margin-right: 0;
							}
							@include mq(1400) {
								width: auto;
								margin-right: 0;
								& + li {
									margin-top: 15px;
								}
							}
							a {
								@include flex;
								align-items: center;
								justify-content: center;
								min-height: 100px;
								padding: 15px;
								font-size: 18px;
								font-weight: 700;
								text-align: center;
								line-height: (30/18);
								background-color: #FFF;
								box-shadow: 0px 3px 6px #00000029;
								@include mq(1400) {
									min-height: 60px;
									font-size: 14px;
								}
							}
						}
					}
					.contact {
						position: relative;
						@include flex;
						flex-flow: column;
						align-items: center;
						justify-content: center;
						margin-top: 75px;
						text-align: center;
						@include mq(1400) {
							margin-top: 40px;
						}
						.tel {
							position: relative;
							@include flex;
							align-items: center;
							justify-content: center;
							font-size: 50px;
							font-family: Arial, Helvetica, "sans-serif";
							font-weight: bold;
							@include mq(1400) {
								font-size: 30px;
							}
							&:before {
								content: "";
								display: block;
								width: 21px;
								height: 30px;
								margin-right: 10px;
								background: url(../img/icon_tel_01.svg) no-repeat center / cover;
							}
						}
						p {
							font-size: 14px;
							line-height: 2;
							@include mq(1400) {
								font-size: 12px;
							}
							& + p {
								margin-top: 15px;
							}
							a {
								font-size: 12px;
								@include underline;
							}
						}
						.instagram {
							position: absolute;
							right: 0;
							bottom: 0;
							display: block;
							width: 20px;
							height: 20px;
						}
					}
				}
			}
			#global{
				width: 30px;
				margin-left: 20px;
				@include mq {
					display: none;
				}
			}
		}
	}
	*/
}
@media screen and (max-width: 896px) {
  header {
    padding: 15px 0;
  }
}
header #headerInner01 {
  padding: 20px 0;
}
@media screen and (max-width: 896px) {
  header #headerInner01 {
    padding: 0;
  }
}
header #headerInner01 .flex {
  justify-content: space-between;
}
header #headerInner01 #logo {
  width: 230px;
}
@media screen and (max-width: 896px) {
  header #headerInner01 #logo {
    width: auto;
  }
}
header #headerInner01 #logo a {
  display: block;
}
@media screen and (max-width: 896px) {
  header #headerInner01 #logo a img {
    width: auto;
    height: 40px;
  }
}
header #headerInner01 #h_r {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 896px) {
  header #headerInner01 #h_r {
    display: none;
  }
}
header #headerInner01 #h_r #info {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-right: 30px;
}
header #headerInner01 #h_r #info #accessLink {
  margin-right: 25px;
}
header #headerInner01 #h_r #info #accessLink a {
  position: relative;
  display: block;
  padding-left: 18px;
  padding-right: 15px;
  font-size: 13px;
}
header #headerInner01 #h_r #info #accessLink a:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 15px;
  height: 18px;
  left: 0;
  top: 50%;
  background: url(/assets/img/pin.svg) left center no-repeat;
  background-size: 15px 18px;
  transform: translateY(-50%);
}
header #headerInner01 #h_r #info #accessLink a:after {
  content: "";
  position: absolute;
  right: 0;
  top: calc(50% - 5px);
  display: block;
  width: 10px;
  height: 10px;
  border-top: 1px #333 solid;
  border-right: 1px #333 solid;
  rotate: -45deg;
  transform: matrix(0, 1, -1, 0, 0, 0);
}
header #headerInner01 #h_r #info #tel big {
  display: block;
  color: #EA5413;
  line-height: 1;
  font-size: 30px;
  font-weight: bold;
  font-family: Arial, Helvetica, "sans-serif";
}
header #headerInner01 #h_r #info #tel i {
  display: block;
  color: #707070;
  font-size: 12px;
}
header #headerInner01 #h_r #hcBtn a {
  display: block;
  padding: 8px 15px 8px 40px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  border: 2px solid #EA5413;
  border-radius: 5px;
  background: url(/assets/img/mail01.svg) left 15px center no-repeat #EA5413;
  background-size: 15px 12px;
}
header #headerInner01 #h_r #hcBtn a:hover {
  color: #EA5413;
  background-color: #fff;
  text-decoration: none;
  background-image: url(/assets/img/mail02.svg);
}
header #gNavi {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: #EA5413;
}
@media screen and (max-width: 896px) {
  header #gNavi {
    display: none;
    width: 100%;
    height: 100vh;
    margin: 0;
    margin-top: 20px;
    padding: 50px 15px 120px;
    transition: all 0.5s;
    overflow-y: auto;
    background-color: #FFFCF7;
    -webkit-overflow-scrolling: touch;
  }
}
header #gNavi.open {
  display: block;
}
@media (min-width: 769px) {
  header #gNavi > ul {
    -js-display: flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
  }
}
@media screen and (max-width: 896px) {
  header #gNavi > ul {
    width: 100%;
    border-top: 1px solid #777;
    overflow-y: auto;
    padding-left: 0;
    padding-right: 0;
  }
}
header #gNavi > ul > li {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  height: 60px;
  width: 16.6666666667%;
  border-left: 2px solid #fff;
}
header #gNavi > ul > li:nth-child(6) {
  border-right: 2px solid #fff;
}
@media screen and (max-width: 896px) {
  header #gNavi > ul > li {
    display: block;
    width: 100%;
    height: auto;
    border: none;
    border-bottom: 1px solid #777;
  }
  header #gNavi > ul > li:before, header #gNavi > ul > li:after {
    content: "";
    position: absolute;
    display: block;
  }
  header #gNavi > ul > li:before {
    width: 20px;
    height: 20px;
    top: 27px;
    left: 0;
    background-color: #EA5413;
    border-radius: 50%;
    transform: translateY(-50%);
    z-index: 1;
  }
  header #gNavi > ul > li:after {
    width: 6px;
    height: 6px;
    left: 6px;
    top: 27px;
    border-top: #fff 1px solid;
    border-right: #fff 1px solid;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    z-index: 2;
  }
}
header #gNavi > ul > li > a {
  position: relative;
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  font-weight: bold;
  overflow: hidden;
  transition: color 0.5s;
  border: 3px solid #EA5413;
}
@media screen and (max-width: 1040px) {
  header #gNavi > ul > li > a {
    font-size: 14px;
    line-height: 1.4;
  }
}
@media screen and (max-width: 920px) {
  header #gNavi > ul > li > a {
    font-size: 13px;
  }
}
@media screen and (max-width: 896px) {
  header #gNavi > ul > li > a {
    display: block;
    padding: 12px 10px 12px 28px;
    border: none;
    color: #333;
    line-height: 2;
    font-size: 16px;
  }
}
header #gNavi > ul > li > a:hover, header #gNavi > ul > li > a.current {
  color: #EA5413;
  background-color: #fff;
}
@media (min-width: 769px) {
  header #gNavi > ul > li .spToggle {
    display: none;
  }
}
@media screen and (max-width: 896px) {
  header #gNavi > ul > li .spToggle {
    position: absolute;
    display: block;
    width: 50px;
    right: 0;
    top: 0;
    padding: 18px 10px;
    text-align: right;
    color: #777;
    font-size: 18px;
    line-height: 1;
    z-index: 5;
  }
  header #gNavi > ul > li .spToggle:before {
    display: none;
  }
  header #gNavi > ul > li .spToggle:after {
    content: "+";
  }
  header #gNavi > ul > li .spToggle.open:after {
    content: "-";
  }
}
header #gNavi > ul > li > a:hover {
  text-decoration: none;
}
@media screen and (max-width: 896px) {
  header #gNavi > ul > li > a {
    font-weight: bold;
  }
}
@media (min-width: 769px) {
  header #gNavi > ul > li:hover > ul {
    z-index: 2;
    translate: -50% 100%;
    pointer-events: auto;
    transition: translate 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.1s ease-in-out;
    opacity: 1;
  }
}
@media (min-width: 769px) {
  header #gNavi > ul > li > ul {
    position: absolute;
    min-width: 16rem;
    padding: 20px;
    left: 50%;
    bottom: 0;
    border-radius: 0.8rem;
    background-color: #fff;
    box-shadow: 0 1rem 5rem rgba(19, 22, 22, 0.2);
    text-align: center;
    pointer-events: none;
    opacity: 0;
    translate: -50% calc(100% + 3rem);
    transition: translate 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.2s, opacity 0.2s ease-in-out 0.2s;
  }
}
@media screen and (max-width: 896px) {
  header #gNavi > ul > li > ul {
    display: none;
    margin-bottom: 25px;
    border-top: none;
  }
}
header #gNavi > ul > li > ul li {
  padding: 10px 0;
  border-bottom: #ccc 1px solid;
}
@media screen and (max-width: 896px) {
  header #gNavi > ul > li > ul li {
    padding: 0;
  }
}
header #gNavi > ul > li > ul li:last-child {
  border-bottom: none;
}
header #gNavi > ul > li > ul li a {
  display: block;
  color: #000;
  font-size: 15px;
  line-height: 1.4;
  background-color: #fff;
}
header #gNavi > ul > li > ul li a:hover, header #gNavi > ul > li > ul li a.active {
  text-decoration: none;
  color: #EA5413;
}
@media screen and (max-width: 896px) {
  header #gNavi > ul > li > ul li a {
    padding: 15px;
    font-size: 14px;
    color: #EA5413;
  }
}
header #gNavi > ul > li#cBtn {
  height: auto;
}
@media screen and (max-width: 896px) {
  header #gNavi > ul > li#cBtn {
    margin-top: 20px;
    border-bottom: none;
  }
  header #gNavi > ul > li#cBtn:before, header #gNavi > ul > li#cBtn:after {
    content: none;
  }
}
header #gNavi > ul > li#cBtn a {
  display: block;
  padding: 2px 15px;
  border: #06407E 1px solid;
  background-color: #06407E;
  border-radius: 30px;
  color: #fff;
}
header #gNavi > ul > li#cBtn a:hover {
  background-color: #fff;
  color: #06407E;
}
@media screen and (max-width: 896px) {
  header #gNavi > ul > li#cBtn a {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
header #gNavi #spNavi {
  display: none;
}
@media screen and (max-width: 896px) {
  header #gNavi #spNavi {
    display: block;
  }
  header #gNavi #spNavi #link02 {
    -js-display: flex;
    display: flex;
    flex-wrap: wrap;
    margin-top: 70px;
    padding-top: 70px;
    border-top: 1px rgba(1, 70, 3, 0.4) solid;
  }
  header #gNavi #spNavi #link02 > li {
    width: calc((100% - 30px) / 2);
    margin-right: 30px;
  }
  header #gNavi #spNavi #link02 > li:nth-child(2n) {
    margin-right: 0;
  }
  header #gNavi #spNavi #link02 > li:nth-child(n+3) {
    margin-top: 30px;
  }
  header #gNavi #spNavi #link02 > li > a {
    font-size: 18px;
  }
  header #gNavi #spNavi #btns {
    -js-display: flex;
    display: flex;
    flex-wrap: wrap;
    margin-top: 70px;
  }
  header #gNavi #spNavi #btns > li {
    width: calc((100% - 30px) / 2);
    margin-right: 30px;
  }
  header #gNavi #spNavi #btns > li:nth-child(2n) {
    margin-right: 0;
  }
  header #gNavi #spNavi #btns > li a {
    -js-display: flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    min-height: 100px;
    padding: 15px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 1.6666666667;
    background-color: #FFF;
    box-shadow: 0px 3px 6px #00000029;
  }
  header #gNavi #spNavi .contact {
    position: relative;
    -js-display: flex;
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    margin-top: 75px;
    text-align: center;
  }
  header #gNavi #spNavi .contact .tel {
    position: relative;
    -js-display: flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 50px;
    font-family: Arial, Helvetica, "sans-serif";
    font-weight: bold;
  }
  header #gNavi #spNavi .contact .tel:before {
    content: "";
    display: block;
    width: 21px;
    height: 30px;
    margin-right: 10px;
    background: url(../img/icon_tel_01.svg) no-repeat center / cover;
  }
  header #gNavi #spNavi .contact p {
    font-size: 14px;
    line-height: 2;
  }
  header #gNavi #spNavi .contact p + p {
    margin-top: 15px;
  }
  header #gNavi #spNavi .contact p a {
    font-size: 12px;
    text-decoration: underline;
  }
  header #gNavi #spNavi .contact p a:hover {
    text-decoration: none;
  }
  header #gNavi #spNavi .contact .instagram {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 896px) and (max-width: 1400px) {
  header #gNavi #spNavi #link02 {
    display: block;
    margin-top: 30px;
    padding-top: 30px;
  }
}
@media screen and (max-width: 896px) and (max-width: 1400px) {
  header #gNavi #spNavi #link02 > li {
    width: auto;
    margin-right: 0;
  }
  header #gNavi #spNavi #link02 > li + li {
    margin-top: 10px !important;
  }
}
@media screen and (max-width: 896px) and (max-width: 1400px) {
  header #gNavi #spNavi #link02 > li > a {
    font-size: 14px;
  }
}
@media screen and (max-width: 896px) and (max-width: 1400px) {
  header #gNavi #spNavi #btns {
    display: block;
    margin-top: 30px;
  }
}
@media screen and (max-width: 896px) and (max-width: 1400px) {
  header #gNavi #spNavi #btns > li {
    width: auto;
    margin-right: 0;
  }
  header #gNavi #spNavi #btns > li + li {
    margin-top: 15px;
  }
}
@media screen and (max-width: 896px) and (max-width: 1400px) {
  header #gNavi #spNavi #btns > li a {
    min-height: 60px;
    font-size: 14px;
  }
}
@media screen and (max-width: 896px) and (max-width: 1400px) {
  header #gNavi #spNavi .contact {
    margin-top: 40px;
  }
}
@media screen and (max-width: 896px) and (max-width: 1400px) {
  header #gNavi #spNavi .contact .tel {
    font-size: 30px;
  }
}
@media screen and (max-width: 896px) and (max-width: 1400px) {
  header #gNavi #spNavi .contact p {
    font-size: 12px;
  }
}
header #menu {
  display: none;
}
@media screen and (max-width: 896px) {
  header #menu {
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    right: 10px;
    top: 8px;
    border-radius: 5px;
    background-color: #fff;
    transition: all 0.5s;
    z-index: 9999;
    background-color: #EA5413;
  }
}
header #menu i {
  position: absolute;
  display: block;
  width: 24px;
  height: 2px;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #fff;
  transition: all 0.5s;
}
header #menu i:nth-child(1) {
  top: 11px;
  transform-origin: left top;
}
header #menu i:nth-child(2) {
  top: 19px;
}
header #menu i:nth-child(3) {
  top: 27px;
  transform-origin: left bottom;
}
header #menu:after {
  content: "メニュー";
  position: absolute;
  display: block;
  bottom: 5px;
  width: 100%;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}
header #menu.open i:nth-child(2) {
  opacity: 0;
}
header #menu.open i:nth-child(1) {
  left: 8px;
  transform: rotate(45deg);
}
header #menu.open i:nth-child(3) {
  left: 8px;
  transform: rotate(-45deg);
}
footer {
  margin-top: 200px;
}
@media screen and (max-width: 896px) {
  footer {
    margin-top: 100px;
  }
}
footer #footerInner {
  padding: 60px 0;
  background-color: #FFFBF5;
}
footer #footerInner .innerL {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
footer #footerInner .innerL #fl {
  width: 22.45%;
}
@media screen and (max-width: 896px) {
  footer #footerInner .innerL #fl {
    width: 100%;
  }
}
footer #footerInner .innerL #fl #footerinfo {
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 5px 20px -10px #777777;
}
@media screen and (max-width: 896px) {
  footer #footerInner .innerL #fl #footerinfo {
    width: 360px;
    margin: auto;
    padding: 20px 50px;
  }
}
footer #footerInner .innerL #fl #footerinfo em {
  display: block;
  font-size: 17px;
  font-weight: bold;
}
footer #footerInner .innerL #fl #footerinfo address {
  margin: 10px 0 15px;
  font-size: 12px;
}
footer #footerInner .innerL #fl #footerinfo #tel {
  letter-spacing: 0;
  line-height: 1;
  font-size: 36px;
  font-weight: bold;
  font-family: Arial, Helvetica, "sans-serif";
  text-align: center;
}
footer #footerInner .innerL #fl #footerinfo p {
  color: #707070;
  font-size: 11px;
  text-align: center;
}
footer #footerInner .innerL #fl #footerinfo .btn {
  margin-top: 20px;
}
@media screen and (max-width: 896px) {
  footer #footerInner .innerL #fl #footerinfo .btn {
    margin-top: 15px;
  }
}
footer #footerInner .innerL #fl #footerinfo .btn a {
  display: block;
  width: 100%;
  padding: 8px 0;
  color: #fff;
  background-color: #EA5413;
  border: 1px solid #EA5413;
  border-radius: 9999px;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}
footer #footerInner .innerL #fl #footerinfo .btn a:hover {
  color: #EA5413;
  background-color: #fff;
  text-decoration: none;
}
footer #footerInner .innerL #fl > ul {
  margin-top: 40px;
}
footer #footerInner .innerL #fl > ul li {
  margin-top: 8px;
  font-size: 14px;
}
footer #footerInner .innerL #fr {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  width: 74.15%;
}
@media screen and (max-width: 896px) {
  footer #footerInner .innerL #fr {
    display: none;
  }
}
footer #footerInner .innerL #fr > div {
  width: 30.28%;
  margin-right: 4.57%;
}
footer #footerInner .innerL #fr > div:last-child {
  margin-right: 0;
}
footer #footerInner .innerL #fr > div em {
  display: block;
}
footer #footerInner .innerL #fr > div em:nth-of-type(n+2) {
  margin-top: 40px;
}
footer #footerInner .innerL #fr > div em a {
  display: block;
  padding-bottom: 5px;
  font-weight: bold;
  border-bottom: 1px solid #D0D0D0;
}
footer #footerInner .innerL #fr > div > ul {
  padding-top: 5px;
}
footer #footerInner .innerL #fr > div > ul > li {
  position: relative;
  margin-top: 5px;
  padding-left: 15px;
  font-size: 14px;
}
footer #footerInner .innerL #fr > div > ul > li:before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
}
footer #copyright {
  padding: 10px;
  background-color: #333;
  text-align: center;
  font-size: 10px;
  color: #fff;
}
main #pankuzu ol {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
}
@media screen and (max-width: 896px) {
  main #pankuzu ol {
    display: none;
  }
}
main #pankuzu ol > li {
  font-size: 12px;
  color: #707070;
}
main #pankuzu ol > li + li:before {
  content: ">";
  padding: 0 5px;
}
main #pageTtl {
  margin-bottom: 50px;
  background-color: #FFFCF7;
}
@media screen and (max-width: 896px) {
  main #pageTtl {
    margin-bottom: 40px;
  }
}
main #pageTtl h1, main #pageTtl .hd01 {
  padding: 20px 40px;
  color: #EA5413;
  font-size: 30px;
  font-weight: bold;
  border-bottom: 2px solid #EA5413;
}
@media screen and (max-width: 896px) {
  main #pageTtl h1, main #pageTtl .hd01 {
    padding: 10px 15px;
    font-size: 22px;
  }
}
main #pageTtl .pageTtlWrap {
  position: relative;
}
main #pageTtl .pageTtlWrap h1, main #pageTtl .pageTtlWrap hd01 {
  padding: 20px 110px 20px 40px;
}
@media screen and (max-width: 896px) {
  main #pageTtl .pageTtlWrap h1, main #pageTtl .pageTtlWrap hd01 {
    padding: 10px 60px 10px 15px;
  }
}
main #pageTtl .pageTtlWrap .pgToggle {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 100%;
  border-left: 1px solid #D0D0D0;
  cursor: pointer;
}
@media screen and (max-width: 896px) {
  main #pageTtl .pageTtlWrap .pgToggle {
    width: 50px;
  }
}
main #pageTtl .pageTtlWrap .pgToggle:after {
  content: "";
  position: absolute;
  right: calc(50% - 10px);
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  border-right: 1px #333 solid;
  border-bottom: 1px #333 solid;
  rotate: 45deg;
  transform: translateX(-50%) translateY(-50%);
}
@media screen and (max-width: 896px) {
  main #pageTtl .pageTtlWrap .pgToggle:after {
    width: 10px;
    height: 10px;
    right: calc(50% - 5px);
  }
}
main #pageTtl .pageTtlWrap .pgToggle.open:after {
  rotate: -135deg;
  transform: translateY(0);
}
main #pageNavi {
  display: none;
  padding: 20px 40px 0 40px;
}
@media screen and (max-width: 896px) {
  main #pageNavi {
    padding: 10px 15px 0 15px;
  }
}
main #pageNavi ul {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
main #pageNavi ul li {
  width: 48%;
  border-bottom: 1px solid #D0D0D0;
}
@media screen and (max-width: 896px) {
  main #pageNavi ul li {
    width: 100%;
  }
}
main #pageNavi ul li a {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  padding: 20px;
  font-size: 18px;
}
@media screen and (max-width: 896px) {
  main #pageNavi ul li a {
    padding: 12px;
    font-size: 15px;
  }
}
main #pageNavi ul li a.active, main #pageNavi ul li a:hover {
  background-color: #fff;
  text-decoration: none;
  color: #EA5413;
}
main #pageNavi ul li a:after {
  content: "";
  position: absolute;
  right: 15px;
  top: calc(50% - 5px);
  display: block;
  width: 14px;
  height: 14px;
  border-top: 1px #333 solid;
  border-right: 1px #333 solid;
  rotate: 45deg;
}
@media screen and (max-width: 896px) {
  main #pageNavi ul li a:after {
    width: 10px;
    height: 10px;
    right: 10px;
  }
}
main #pageNavi .close {
  display: block;
  width: 100%;
  margin-top: 10px;
  padding: 10px;
  text-align: center;
}
@media screen and (max-width: 896px) {
  main #pageNavi .close {
    font-size: 14px;
  }
}
main #index {
  margin-bottom: 60px;
  padding: 50px;
  background-color: #F7F7F7;
}
@media screen and (max-width: 896px) {
  main #index {
    margin-bottom: 60px;
    padding: 20px;
  }
}
main #index #indTtl {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 896px) {
  main #index #indTtl {
    margin-bottom: 10px;
    font-size: 18px;
  }
}
main #index ul li {
  border-bottom: #e1e1e1 1px solid;
}
main #index ul li a {
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 1em;
  text-indent: -1em;
  font-weight: bold;
}
@media screen and (max-width: 896px) {
  main #index ul li a {
    font-size: 14px;
  }
}
main #index ul li a:before {
  content: "・";
}
main #index ul li a:hover {
  text-decoration: none;
}
main .ttl01 {
  position: relative;
  padding: 20px;
  margin-bottom: 50px;
  font-size: 24px;
  font-weight: bold;
  border-left: 5px solid #FF5A36;
  border-bottom: 1px solid #CCC;
}
@media screen and (max-width: 896px) {
  main .ttl01 {
    margin-bottom: 30px;
    padding: 10px;
    font-size: 20px;
    border-left-width: 3px;
    line-height: 1.6;
  }
}
main .ttl01:has(i) {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  padding-left: 70px;
}
@media screen and (max-width: 896px) {
  main .ttl01:has(i) {
    padding-left: 45px;
  }
}
main .ttl01 i {
  position: absolute;
  width: 40px;
  height: 40px;
  left: 20px;
  top: 23px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  border-radius: 9999px;
  background-color: #000;
}
@media screen and (max-width: 896px) {
  main .ttl01 i {
    width: 30px;
    height: 30px;
    left: 10px;
    top: 11px;
    line-height: 30px;
  }
}
main .ttl02 {
  margin-bottom: 40px;
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #FF5A36;
}
@media screen and (max-width: 896px) {
  main .ttl02 {
    margin-bottom: 25px;
    padding-bottom: 6px;
    font-size: 18px;
  }
}
main > #top {
  /*
		#sWrap{
			position: relative;
			#sHd{
				position: absolute;
				left: 100px;
				bottom: 100px;
				@include mq {
					left: 15px;
					bottom: 15px;
				}
				h1{
					color: #fff;
					line-height: 1.2;
					font-size: 70px;
					font-weight: 900;
					@include mq {
						font-size: 36px;
					}
					i{
						display: block;
					}
				}
			}
		}
		#slider{
			width: 100%;
			@include clearFix;
			@include mq {
				width: 100%;
				order: 1;
			}
			article{
				float: left;
				width: 100%;
				text-align: center;
				img {
					width: 100%;
				}
			}
			& > article {
				&:nth-child(n+2) {
					display: none;
				}
				img {
					width: 100%;
					max-width: none;
				}
			}
			.pht {
				float: left;
				width: 100%;
				text-align: center;
				img {
					width: 100%;
					max-width: none;
				}
			}
			& > .pht {
				&:nth-child(n+2) {
					display: none;
				}
			}
			.slick-list {
				overflow: hidden;
			}
			.slick-track {
				max-width: none;
				@include clearFix;
			}
			.slick-dots {
				@include flex;
				margin-top: 10px;
				text-align: center;
				li {
					button {
						display: block;
						width: 5px;
						height: 5px;
						margin: 0 5px;
						padding: 0;
						border: none;
						border-radius: 50%;
						text-indent: -9999px;
						background-color: #777;
						transition: all .5s;
						&:hover {
							background-color: #999;
						}
					}
					&.slick-active {
						button {
							background-color: #777;
						}
					}
				}
			}
			.slick-arrow {
				position: absolute;
				z-index: 100;
				display: block;
				width: 20px;
				height: 20px;
				padding: 0;
				border: none;
				text-indent: -9999px;
				transform: translateY(-50%);
				&.slick-prev {
					left: 10px;
				}
				&.slick-next {
					right: 10px;
					transform: translateY(-50%) rotate(180deg);
				}
			}

			.slick-dots{
				position: absolute;
				bottom: 0;
				left: 40px;
				right: 0;
				margin: auto;
				z-index: 1000;
				@include mq {
					position: relative;
					justify-content: center;
					margin-top: 10px;
					left: 0;
					//bottom: inherit;
					//top: 48vh;
				}
			}
		}
		#service{
			padding-top: 0;
			@include mq {
				//padding-top: 60px;
			}
			h1{
				margin-bottom: 50px;
				text-align: center;
				@include mq {
					margin-bottom: 30px;
				}
			}
			#serviceList{
				counter-reset: serviceList;
				border-bottom: 1px solid #ccc;
				@include mq {
					width: calc(100% - 30px);
					margin-left: 15px;
					margin-right: 15px;
				}
				li{
					counter-increment: serviceList;
					border-top: 1px solid #ccc;
					a{
						display: block;
						padding: 50px 0;
						@include mq {
							padding: 30px 0 80px;
						}
						&:hover{
							text-decoration: none;
							background-color: #fafafa;
						}
						.flex{
							position: relative;
							width: 1210px;
							margin: auto;
							padding-left: 15px;
							padding-right: 15px;
							.sTtl{
								width: 30%;
								@include mq {
									width: 100%;
								}
								h2{
									position: relative;
									font-size: 46px;
									font-weight: 900;
									line-height: 1.3;
									padding-top: 35px;
									@include mq {
										padding-top: 0;
										padding-left: 40px;
										font-size: 28px;
										//text-align: center;
									}
									&:before{
										content: counter(serviceList, decimal-leading-zero);
										position: absolute;
										display: inline-block;
										font-family: "Archivo Black", sans-serif;
										font-size: 30px;
										line-height: 1;
										color: #06407E;
										left: 0;
										top: 0;
										@include mq {
											font-size: 24px;
											height: 40px;
											left: 0;
											top: 6px;
										}
									}
								}
								.sBtn{
									position: relative;
									width: 140px;
									padding: 5px;
									border: 1px solid #06407E;
									background-color: #06407E;
									border-radius: 9999px;
									color: #fff;
									font-weight: bold;
									text-align: center;
									@include mq(768,false) {
										margin-top: 20px;
									}
									@include mq {
										position: absolute;
										bottom: -50px;
										//right: 20px;
										right: 0;
										left: 0;
										margin: auto;
										font-size: 14px;
									}
								}
							}
							.sCnt{
								@include flex;
								justify-content: space-between;
								width: 70%;
								@include mq {
									width: 100%;
								}
								figure{
									width: 300px;
									text-align: center;
									@include mq {
										//width: 90%;
										margin-top: 20px;
										margin-left: auto;
										margin-right: auto;
									}
								}
								p{
									width: calc(100% - 350px);
									@include mq {
										width: 100%;
										margin-top: 15px;
										font-size: 13px;
										line-height: 1.5;
									}
								}
							}
						}
					}
				}
			}
		}
		#reason{
			#reasonList{
				@include flex;
				& > li{
					position: relative;
					width: _p(288,1182);
					margin-right: _p(10,1182);
					@include mq {
						width: 49%;
						margin-right: 2%;
					}
					&:nth-child(2n){
						@include mq {
							margin-right: 0;
						}
					}
					&:nth-child(n+3){
						@include mq {
							margin-top: 10px;
						}
					}
					&:nth-child(4n){
						margin-right: 0;
					}
					h2{
						position: absolute;
						left: 15px;
						bottom: 15px;
						color: #fff;
						line-height: 1.4;
						font-size: 18px;
						font-weight: bold;
						@include mq {
							left: 10px;
							bottom: 10px;
							font-size: 15px;
							width: calc(100% - 20px);
						}
					}
				}
			}
			.bgBox{
				margin-top: 60px;
				p{
					line-height: 2.2;
					em{
						margin-right: 3px;
						padding: 2px 4px;
						color: #fff;
						border-radius: 3px;
						font-weight: bold;
						&#sc{
							background-color: #F53A25;
						}
						&#ot{
							background-color: #0BD11A;
						}
					}
				}
				.btn01{
					a{
						margin-left: auto;
						margin-right: inherit;
					}
				}
			}
		}
		#bn{
			padding-top: 0;
			ul > li{
				a{
					display: block;
				}
			}
		}
		#news{
			padding-top: 80px;
			@include mq {
				padding-top: 60px;
			}
			.flex{
				justify-content: space-between;
				.head{
					display: block;
					align-items: flex-start;
					margin-bottom: 0;
					@include mq {
						@include flex;
						width: 100%;
						margin-bottom: 30px;
						justify-content: space-between;
					}
					.ttl01{
						@include mq {
							width: calc(100% - 200px);
						}
					}
					.btn01{
						width: 200px;
						margin-top: 50px;
						@include mq {
							margin-top: 0;
						}
					}
				}
				.archive{
					width: _p(910,1180);
					display: block;
					border-top: 1px solid #e1e1e1;
					@include mq {
						width: 100%;
					}
					article{
						border-bottom: 1px solid #e1e1e1;
						a{
							@include flex;
							justify-content: space-between;
							padding: 10px 0;
							@include mq {
								padding: 8px 0;
							}
							.ct{
								@include flex;
								align-items: center;
								width: 200px;
								time{
									margin-right: 10px;
									color: #707070;
									font-size: 14px;
									@include mq {
										font-size: 12px;
									}
									& + span{
										display: block;
										min-width: 110px;
										padding: 2px;
										text-align: center;
										background-color: #EDF1F3;
										color: #333;
										line-height: 1;
										font-size: 14px;
										@include mq {
											font-size: 12px;
										}
									}
								}
								ul{
									& > li{
										&:nth-child(n+2){
											margin-left: 10px;
										}
										& > a{
											display: block;
											min-width: 110px;
											padding: 2px;
											text-align: center;
											background-color: #EDF1F3;
											color: #333;
											line-height: 1;
											font-size: 14px;
											@include mq {
												font-size: 12px;
											}
										}
									}
								}
							}
							h2{
								width: calc(100% - 220px);
								@include mq {
									width: 100%;
									margin-top: 5px;
									font-size: 16px;
								}
							}
						}
					}
					h2 + article{
						border-top: 1px solid #DEDEDE;
					}
				}
			}
		}
		
		#recruit{
			position: relative;
			width: 100%;
			padding: 0;
			margin-top: 100px;
			//height: 0;
			//max-height: 100vh;
			//padding-top: _p(768,1440);
			//background: url(/assets/img/recruitBg01.jpg) center center no-repeat;
			//background-size: cover;
			figure{
				width: 100%;
			}
			.innerL{
				#recruitText{
					position: absolute;
					width: 380px;
					padding: 40px;
					right: 80px;
					top: 50%;
					background-color: #fff;
					transform: translateY(-50%);
					@include mq {
						position: static;
						width: 350px;
						margin: auto;
						transform: translateY(0);
					}
					h2{
						margin-top: 30px;
						line-height: 1.5;
						font-size: 24px;
						font-weight: 900;
						@include mq {
							font-size: 20px;
						}
					}
				}
			}
		}
		#stock{
			.ttl00{
				margin-bottom: 50px;
			}
			#stock_list{
				//@include flex;
				@include clearFix;
				display: none;
				li{
					float: left;
					width: _p(240,1280);
					//margin-right: _p(20,1280);
					margin-right: 20px;
					@include mq {
						//width: 48%;
						margin-right: 10px;
					}
					&:nth-child(2n){
						//@include mq {
						//	margin-right: 0;
						//}
					}
					figure{
						position: relative;
						width: 100%;
						height: 0;
						margin-bottom: 10px;
						padding-top: 180px;
						overflow: hidden;
						@include mq {
							padding-top: 150px;
						}
						img{
							position: absolute;
							top: 50%;
							left: 50%;
							width: 100%;
							height: 100%;
							max-width: none;
							max-height: none;
							object-fit: cover;
							transform: translateX(-50%) translateY(-50%);
						}
					}
					p{
						@include mq {
							font-size: 14px;
							line-height: 1.3;
						}
					}
				}
				&.slick-initialized{
					display: block;
				}
				.slick-track{
					max-width: none;
				}
				.slick-list{
					overflow: visible;
				}
			}
			.sar{
				@include flex;
				align-items: center;
				justify-content: flex-end;
				margin-top: 30px;
				padding-top: 20px;
				border-top: 1px solid #333;
				@include mq {
					margin-top: 20px;
					padding-top: 10px;
				}
				.slide-arrow{
					width: 50px;
					height: 50px;
					cursor: pointer;
					@include mq {
						width: 40px;
						height: 40px;
					}
					&.next-arrow{
						margin-left: 10px;
						transform: rotate(-180deg);
					}
				}
			}
		}
		*/
}
main > #top #slider {
  background-color: #F0F0F0;
}
@media screen and (max-width: 896px) {
  main > #top #slider .innerS {
    padding: 0;
  }
}
main > #top #news {
  margin-top: 50px;
}
@media screen and (max-width: 896px) {
  main > #top #news {
    margin-top: 30px;
    padding-bottom: 50px;
  }
}
main > #top #news .head {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
main > #top #news .head .ttl01 {
  margin-bottom: 0 !important;
  margin-right: auto;
}
main > #top #news .head .btn01 {
  margin-top: 0 !important;
  margin-left: auto;
}
main > #top #news .head ul {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
@media screen and (max-width: 896px) {
  main > #top #news .head ul {
    width: 100%;
    margin: 20px 0 0;
  }
}
main > #top #news .head ul li {
  width: calc(calc(100% - 60px) / 4);
  margin-right: 20px;
}
@media screen and (max-width: 896px) {
  main > #top #news .head ul li {
    width: 25%;
    margin-right: 0;
  }
}
main > #top #news .head ul li:last-child {
  margin-right: 0;
}
main > #top #news .head ul li a {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  padding: 20px;
  font-weight: bold;
  background-color: #FAFAFA;
  border: 1px solid #D1D1D1;
  border-radius: 5px 5px 0 0;
}
@media screen and (max-width: 896px) {
  main > #top #news .head ul li a {
    padding: 10px 0;
    font-size: 13px;
  }
}
main > #top #news .head ul li a:hover {
  text-decoration: none;
  background-color: #fff;
}
main > #top #news .head ul li a.current {
  color: #EA5413;
  font-weight: 700;
  background-color: #fff;
  text-decoration: none !important;
  border-top-color: #EA5413;
  border-top-width: 2px;
}
main > #top #news #tab_content {
  margin-top: 20px;
}
main > #top #news #tab_content > .tab {
  display: none;
}
main > #top #news #tab_content > .tab.current {
  display: block;
}
main > #top #news .news_archive > li {
  border-top: 1px #E1E1E1 solid;
}
main > #top #news .news_archive > li:last-child {
  border-bottom: 1px #E1E1E1 solid;
}
main > #top #news .news_archive > li a {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #000;
  padding: 10px 0;
  text-decoration: none;
  transition: opacity 0.7s;
}
main > #top #news .news_archive > li a:hover {
  text-decoration: none;
  opacity: 0.6;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 768px) {
  main > #top #news .news_archive > li a:hover {
    opacity: 1;
  }
}
main > #top #news .news_archive > li a:hover img {
  opacity: 1;
}
main > #top #news .news_archive > li a * {
  font-weight: 500;
}
main > #top #news .news_archive > li a span, main > #top #news .news_archive > li a i {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 110px;
  font-size: 11px;
}
main > #top #news .news_archive > li a span {
  height: 22px;
  background-color: #F0F0F0;
  letter-spacing: -0.05em;
}
main > #top #news .news_archive > li a p {
  width: calc(100% - 220px);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media screen and (max-width: 896px) {
  main > #top #news .news_archive > li a p {
    width: 100%;
    margin-top: 5px;
  }
}
main > #top #news .lbtn {
  width: 800px;
  margin: 40px auto 0;
}
@media screen and (max-width: 896px) {
  main > #top #news .lbtn {
    margin-top: 20px;
  }
}
main > #top #topMenu #topMenu01 {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 896px) {
  main > #top #topMenu #topMenu01 > *:nth-child(n+2) {
    margin-top: 20px;
  }
}
main > #top #topMenu #topMenu01 #youtube {
  width: 47.36%;
}
@media screen and (max-width: 896px) {
  main > #top #topMenu #topMenu01 #youtube {
    width: 100%;
  }
  main > #top #topMenu #topMenu01 #youtube iframe {
    height: 100%;
    aspect-ratio: 1.7777777778;
  }
}
main > #top #topMenu #topMenu01 .topMenuBtn {
  width: 47.36%;
}
@media screen and (max-width: 896px) {
  main > #top #topMenu #topMenu01 .topMenuBtn {
    width: 100%;
  }
}
main > #top #topMenu #topMenu01 .topMenuBtn a {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  justify-content: center;
  height: 100%;
  padding: 20px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #E1E1E1;
  box-shadow: 0px 5px 20px -10px #777777;
}
main > #top #topMenu #topMenu01 .topMenuBtn a img {
  width: 70px;
  height: 70px;
  margin: 0 auto;
}
main > #top #topMenu #topMenu02 {
  padding: 15px 30px;
  background-color: #FAFAFA;
  border: 1px solid #E1E1E1;
  border-radius: 5px;
}
main > #top #topMenu #topMenu02 em {
  display: block;
  margin-bottom: 10px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 896px) {
  main > #top #topMenu #topMenu02 .c2_1 > *:nth-child(n+2) {
    margin-top: 10px;
  }
}
main section {
  padding-bottom: 100px;
}
@media screen and (max-width: 896px) {
  main section {
    padding-bottom: 60px;
  }
}
/*
.head {
	@include flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 50px;
	@include mq {
		margin-bottom: 30px;
	}
	.ttl01 {
		margin-bottom: 0;
		@include mq {
			width: 100%;
		}
	}
	strong {
		color: #06407e;
		font-size: 20px;
		text-decoration: underline;
		@include mq {
			font-size: 14px;
		}
	}
}
.around {
	@include flex;
	justify-content: space-between;
	& > * {
		&:first-child {
			width: _p(360, 1180);
		}
		&:last-child {
			width: _p(770, 1180);
		}
		@include mq {
			width: 100% !important;
		}
	}
}
.cList {
	counter-reset: cList;
	& > li {
		counter-increment: cList;
		position: relative;
		padding: 30px 30px 30px 100px;
		background-color: #f7fbff;
		@include mq {
			padding: 15px;
		}
		h3 {
			margin-bottom: 15px;
			font-size: 24px;
			font-weight: 900;
			@include mq {
				position: relative;
				padding-left: 40px;
				margin-bottom: 10px;
				font-size: 20px;
			}
			&:before {
				content: counter(cList, decimal-leading-zero);
				position: absolute;
				display: inline-block;
				font-family: "Archivo Black", sans-serif;
				font-size: 30px;
				line-height: 1;
				color: #06407e;
				left: 30px;
				top: 35px;
				@include mq {
					font-size: 24px;
					height: 40px;
					left: 0;
					top: 6px;
				}
			}
		}
		&:nth-child(n + 2) {
			margin-top: 20px;
		}
	}
}
*/
.pager {
  margin-top: 60px;
}
.pager .page-numbers {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.pager .page-numbers > * {
  margin: 0 10px;
}
.pager .page-numbers > * > * {
  position: relative;
  display: block;
  padding: 10px;
  font-size: 14px;
  line-height: 1;
}
.pager .page-numbers > * > *:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 1px;
  bottom: -1px;
  left: 0;
  background-color: #014603;
  transition: all 0.5s;
}
.pager .page-numbers > * > *.current, .pager .page-numbers > * > *:hover {
  text-decoration: none;
}
.pager .page-numbers > * > *.current:after, .pager .page-numbers > * > *:hover:after {
  width: 100%;
}
.dldots > li {
  padding-left: 1em;
  text-indent: -1em;
}
.dldots > li:before {
  content: "・";
  color: #006A9B;
}
.dldots > li:nth-child(n+2) {
  margin-top: 5px;
}
.dldots > li a {
  color: #006A9B;
  text-decoration: underline;
}
.dldots > li a:hover {
  text-decoration: none;
}
.dldots > li a:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 5px;
  background: url(/assets/img/blank.svg) center center no-repeat;
}
.entry p + figure {
  margin-top: 30px;
}
@media screen and (max-width: 896px) {
  .entry p + figure {
    margin-top: 20px;
  }
}
.entry .ttl02:nth-child(n+2) {
  margin-top: 60px;
}
@media screen and (max-width: 896px) {
  .entry .ttl02:nth-child(n+2) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 896px) {
  .dl {
    width: 32%;
  }
}
.dl a {
  display: block;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 9999px;
  text-align: center;
  line-height: 1;
  font-size: 14px;
  font-weight: bold;
}
@media screen and (max-width: 896px) {
  .dl a {
    font-size: 12px;
  }
}
.dl:nth-child(n+2) {
  margin-top: 10px;
}
@media screen and (max-width: 896px) {
  .dl:nth-child(n+2) {
    margin-top: 0;
  }
}
@media screen and (max-width: 896px) {
  .dl:nth-child(n+4) {
    margin-top: 6px;
  }
}
.dl.pdf a {
  color: #EA5413;
  border-color: #EA5413;
}
.dl.word a {
  color: #215EAC;
  border-color: #215EAC;
}
.dl.excel a {
  color: #206C40;
  border-color: #206C40;
}
.dl.example a {
  color: #333;
  border-color: #707070;
}
.table01 {
  border-top: 1px solid #E0E0E0;
  border-left: 1px solid #E0E0E0;
}
.table01 tr th, .table01 tr td {
  padding: 20px;
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}
@media screen and (max-width: 896px) {
  .table01 tr th, .table01 tr td {
    padding: 10px;
  }
}
.table01 tr th {
  font-weight: bold;
}
.table01 thead tr th {
  text-align: center;
  background-color: #F4F2F1;
}
.table01 thead tr th:nth-child(2) {
  width: 180px;
}
@media screen and (max-width: 896px) {
  .table01 thead tr th:nth-child(2) {
    display: none;
  }
}
.table01 tbody tr th, .table01 tbody tr td {
  border-bottom: 1px solid #e1e1e1;
}
@media screen and (max-width: 896px) {
  .table01 tbody tr th, .table01 tbody tr td {
    display: block;
    padding: 15px;
  }
}
.table01 tbody tr th {
  background-color: #FAFAFA;
  font-weight: 600;
}
@media screen and (max-width: 896px) {
  .table01 tbody tr th {
    border-bottom: none;
    font-size: 14px;
  }
}
.table01 tbody tr td {
  width: 180px;
}
@media screen and (max-width: 896px) {
  .table01 tbody tr td {
    width: 100%;
    -js-display: flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2%;
  }
}
.table02 {
  border-top: 1px solid #E0E0E0;
  border-left: 1px solid #E0E0E0;
}
.table02 tr th, .table02 tr td {
  padding: 10px 20px;
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}
@media screen and (max-width: 896px) {
  .table02 tr th, .table02 tr td {
    padding: 10px;
    font-size: 14px;
  }
}
.table02 tr th {
  font-weight: bold;
}
.table02 thead tr th {
  text-align: center;
  background-color: #FAFAFA;
}
@media screen and (max-width: 896px) {
  .table02 thead tr th:nth-child(2) {
    width: 140px;
  }
}
#this {
  margin-top: 100px;
  border: 2px solid #EA5413;
}
@media screen and (max-width: 896px) {
  #this {
    margin-top: 50px;
  }
}
#this em {
  display: block;
  padding: 10px 20px;
  font-size: 20px;
  font-weight: bold;
  background-color: #FFEEDE;
}
@media screen and (max-width: 896px) {
  #this em {
    font-size: 17px;
  }
}
#this .c2_1 > div {
  padding: 20px;
  width: 50%;
  margin-right: 0;
}
@media screen and (max-width: 896px) {
  #this .c2_1 > div {
    width: 100%;
  }
}
#this .c2_1 > div:nth-child(2n) {
  margin-right: 0;
}
@media screen and (max-width: 896px) {
  #this .c2_1 > div:nth-child(n+2) {
    margin-top: 0;
  }
}
#this .c2_1 > div b {
  display: block;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 896px) {
  #this .c2_1 > div b {
    font-size: 16px;
  }
}
#this .c2_1 > div address {
  line-height: 1.5;
}
@media screen and (max-width: 896px) {
  #this .c2_1 > div address {
    font-size: 13px;
  }
}
#this .c2_1 > div .link a {
  display: block;
  margin-top: 10px;
  padding: 15px;
  color: #006A9B;
  background-color: #F7F7F7;
  text-decoration: underline;
}
@media screen and (max-width: 896px) {
  #this .c2_1 > div .link a {
    padding: 10px;
    font-size: 15px;
  }
}
#this .c2_1 > div .link a:hover {
  text-decoration: none;
}
.update {
  margin-bottom: 10px;
  text-align: right;
  color: #707070;
  font-size: 14px;
}
@media screen and (max-width: 896px) {
  .update {
    font-size: 12px;
  }
}
a.ul {
  color: #006A9B;
  text-decoration: underline;
}
a.ul:hover {
  text-decoration: none;
}
.source {
  color: #707070;
  font-size: 14px;
  text-align: right;
}
#good .source {
  margin-top: 20px;
}
/*
.flowList {
	@include flex;
	@include mq {
		justify-content: center;
	}
	& > li {
		position: relative;
		width: _p(280, 1180);
		margin-right: _p(20, 1180);
		padding: 20px;
		background-color: #fff;
		border-radius: 10px;
		@include mq {
			width: 80%;
			margin-right: 0;
			margin-bottom: 30px;
		}
		&:after {
			content: "";
			position: absolute;
			display: block;
			width: 10px;
			height: 10px;
			right: -25px;
			top: 50%;
			border: 10px solid transparent;
			border-left-color: #06407e;
			transform: translateY(-50%);
			@include mq {
				top: auto;
				left: 0;
				right: 0;
				bottom: -30px;
				margin: auto;
				border-top-color: #06407e;
				border-left-color: transparent;
				transform: translateY(0);
			}
		}
		&:nth-child(4n) {
			margin-right: 0;
			&:after {
				content: none;
			}
		}
		figure {
			width: 120px;
			margin: 0 auto 30px;
		}
		i,
		em {
			display: block;
			color: #06407e;
			text-align: center;
		}
		i {
			font-size: 14px;
			font-weight: bold;
			font-family: Arial, Helvetica, "sans-serif";
		}
		em {
			font-size: 20px;
			font-weight: 600;
		}
		p {
			margin-top: 20px;
		}
	}
}
.priceList {
	@include flex;
	& > div {
		width: _p(560, 1180);
		margin-right: _p(60, 1180);
		padding: 30px;
		border: 1px solid #06407e;
		@include mq {
			width: 100%;
			margin-right: 0;
			padding: 15px;
		}
		&:nth-child(2n) {
			margin-right: 0;
		}
		&:nth-child(n + 3) {
			margin-top: 60px;
		}
		&:nth-child(n + 2) {
			@include mq {
				margin-top: 30px;
			}
		}
		figure {
			margin-bottom: 20px;
			@include mq {
				margin-bottom: 10px;
			}
		}
		h3 {
			margin-bottom: 20px;
			padding-bottom: 5px;
			color: #06407e;
			font-size: 22px;
			font-weight: 600;
			border-bottom: 2px solid #06407e;
			@include mq {
				font-size: 18px;
			}
		}
		& > ul {
			@include flex;
			margin-bottom: 15px;
			& > li {
				@include flex;
				width: _p(240, 500);
				margin-right: _p(20, 500);
				&:nth-child(2n) {
					margin-right: 0;
				}
				.label {
					width: 80px;
					padding: 5px;
					background-color: #06407e;
					text-align: center;
					color: #fff;
					font-weight: 600;
					@include mq {
						width: 60px;
						font-size: 13px;
						padding-top: 7px;
						padding-left: 0;
						padding-right: 0;
					}
				}
				.item {
					width: calc(100% - 80px);
					padding: 5px 5px 5px 10px;
					background-color: #f7f7f7;
					@include mq {
						width: calc(100% - 60px);
						padding-left: 6px;
					}
				}
			}
		}
	}
}
.bgBox {
	@include flex;
	justify-content: space-between;
	padding: 50px;
	background-color: #f7f7f7;
	@include mq {
		padding: 20px;
	}
	& > figure {
		width: 200px;
		@include mq {
			width: 200px;
			margin: auto;
		}
	}
	& > div {
		width: calc(100% - 250px);
		@include mq {
			width: 100%;
			margin-top: 20px;
		}
		h2 {
			margin-bottom: 15px;
			padding-bottom: 5px;
			font-size: 32px;
			font-weight: bold;
			border-bottom: 1px solid #dbdbdb;
			@include mq {
				font-size: 18px;
			}
		}
		p {
			@include mq {
				font-size: 14px;
			}
		}
		.btn01 {
			text-align: right;
		}
	}
}
.bgBox2 {
	padding: 50px;
	background-color: #f7f7f7;
	@include mq {
		padding: 20px;
	}
	h2 {
		margin-bottom: 15px;
		padding-bottom: 5px;
		font-size: 32px;
		font-weight: bold;
		border-bottom: 1px solid #dbdbdb;
		@include mq {
			font-size: 18px;
		}
	}
	p {
		@include mq {
			font-size: 14px;
		}
	}
	ul{
		margin-top: 30px;
		@include mq {
			margin-top: 20px;
		}
		li{
			@include flex;
			justify-content: space-between;
			&:nth-child(n+2){
				margin-top: 20px;
			}
			em{
				display: block;
				width: 120px;
				max-height: 30px;
				margin-right: 3px;
				padding: 2px 4px;
				color: #fff;
				border-radius: 3px;
				font-size: 14px;
				font-weight: bold;
				text-align: center;
				letter-spacing: -.05em;
				&#sc{
					background-color: #F53A25;
				}
				&#ot{
					background-color: #0BD11A;
				}
			}
			p{
				width: calc(100% - 140px);
				letter-spacing: -.03em;
				@include mq {
					width: 100%;
					margin-top: 10px;
				}
			}
		}
	}
}
#suggestion{
	margin-top: 150px;
	margin-bottom: -120px;
	padding-top: 50px;
	background-color: #F7F7F7;
	@include mq {
		margin-bottom: -60px;
	}
	h2 {
		display: inline-block;
		margin-bottom: 15px;
		font-size: 32px;
		font-weight: bold;
		background: linear-gradient(transparent 60%, #ffff66 50%);
		@include mq {
			display: inline;
			font-size: 20px;
		}
	}
	.innerM{
		@include flex;
		justify-content: space-between;
		.text{
			width: calc(100% - 250px);
			@include mq {
				width: 100%;
			}
			p{
				line-height: 2;
				@include mq {
					margin-top: 10px;
				}
			}
			.btn01{
				margin-top: 25px;
				a{
					margin-left: 0;
				}
			}
		}
		.pnt{
			width: 230px;
			@include mq {
				width: 150px;
				margin: 20px auto 0;
			}
		}
	}
}
#pageContact02 {
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #06407e;
	@include mq {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.innerS {
		& > h2,
		& > p {
			color: #fff;
			text-align: center;
		}
		& > h2 {
			font-size: 30px;
			font-weight: bold;
			@include mq {
				font-size: 20px;
			}
		}
		& > p {
			font-size: 18px;
			margin-bottom: 20px;
			@include mq {
				font-size: 14px;
			}
		}
	}
}
*/
/*
.bgGray {
	background-color: #f7f7f7;
}
*/
#faq .accordion_wrap .ttl01:nth-child(n + 2) {
  margin-top: 100px;
}
@media screen and (max-width: 896px) {
  #faq .accordion_wrap .ttl01:nth-child(n + 2) {
    margin-top: 70px;
  }
}
#faq .accordion_wrap .accordion {
  counter-reset: qli;
  border-bottom: 1px solid #e1e1e1;
}
#faq .accordion_wrap .accordion > li {
  counter-increment: qli;
  border-top: 1px solid #e1e1e1;
}
#faq .accordion_wrap .accordion > li > em {
  position: relative;
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 80px;
  padding: 15px 20px 15px 80px;
  font-weight: 700;
}
@media screen and (max-width: 896px) {
  #faq .accordion_wrap .accordion > li > em {
    min-height: 50px;
    padding: 15px 15px 15px 45px;
    background-size: 25px auto;
    line-height: 1.6;
    background-position: top 17px left 0;
  }
}
#faq .accordion_wrap .accordion > li > em:before {
  content: "Q" counter(qli,decimal-leading-zero);
  position: absolute;
  left: 15px;
  top: 18px;
  color: #EA5413;
  font-size: 22px;
  font-weight: bold;
  font-family: Arial, Helvetica, "sans-serif";
}
@media screen and (max-width: 896px) {
  #faq .accordion_wrap .accordion > li > em:before {
    font-size: 18px;
    left: 0;
    top: 15px;
  }
}
#faq .accordion_wrap .accordion > li > div {
  padding: 15px 20px 15px 80px;
  line-height: 2.125;
  background-color: #F4F2F1;
}
@media screen and (max-width: 896px) {
  #faq .accordion_wrap .accordion > li > div {
    padding: 10px 10px 10px 45px;
    background-size: 25px auto;
    background-position: left 0 top 13px;
    line-height: 1.7;
  }
}
#faq .accordion_wrap .accordion > li > div .attl {
  margin-bottom: 5px;
  color: #b70000;
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 896px) {
  #faq .accordion_wrap .accordion > li > div .attl {
    font-size: 17px;
  }
}
#faq .accordion_wrap .accordion > li > div a {
  color: #0645ad;
  text-decoration: underline;
}
#faq .accordion_wrap .accordion > li > div a:hover {
  text-decoration: none;
}
#faq .accordion_wrap .accordion > li > div a img {
  display: inherit;
}
#news {
  padding-bottom: 100px;
}
#news .newsWrap {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 80px;
}
@media screen and (max-width: 896px) {
  #news .newsWrap {
    margin-top: 40px;
  }
}
#news .newsWrap .main {
  width: 72%;
}
@media screen and (max-width: 896px) {
  #news .newsWrap .main {
    width: 100%;
  }
}
#news .newsWrap .main .ct {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 10px;
}
#news .newsWrap .main .ct time {
  margin-right: 10px;
  color: #707070;
  font-size: 14px;
}
@media screen and (max-width: 896px) {
  #news .newsWrap .main .ct time {
    font-size: 12px;
  }
}
#news .newsWrap .main .ct time + span {
  display: block;
  min-width: 110px;
  padding: 2px;
  text-align: center;
  background-color: #edf1f3;
  color: #333;
  line-height: 1;
  font-size: 14px;
}
@media screen and (max-width: 896px) {
  #news .newsWrap .main .ct time + span {
    font-size: 12px;
  }
}
#news .newsWrap .main .ct ul > li:nth-child(n + 2) {
  margin-left: 10px;
}
#news .newsWrap .main .ct ul > li > a {
  display: block;
  min-width: 110px;
  padding: 2px;
  text-align: center;
  background-color: #edf1f3;
  color: #333;
  line-height: 1;
  font-size: 14px;
}
@media screen and (max-width: 896px) {
  #news .newsWrap .main .ct ul > li > a {
    font-size: 12px;
  }
}
#news .newsWrap .side {
  width: 220px;
}
@media screen and (max-width: 896px) {
  #news .newsWrap .side {
    width: 100%;
    margin-top: 50px;
  }
}
#news .newsWrap .side aside:nth-child(n + 2) {
  margin-top: 40px;
}
#news .newsWrap .side aside .sideTtl {
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
  font-weight: 600;
}
#news .newsWrap .side aside ul li {
  border-bottom: 1px solid #d0d0d0;
}
#news .newsWrap .side aside ul li a {
  display: block;
  padding: 10px 0;
  color: #EA5413;
  padding-left: 1em;
  text-indent: -1em;
}
#news .newsWrap .side aside ul li a:before {
  content: "・";
}
#news .archive .main article {
  border-bottom: 1px solid #dedede;
}
#news .archive .main article:first-child {
  border-top: 1px solid #dedede;
}
#news .archive .main article a {
  display: block;
  padding: 20px 0;
}
#news .archive .main article a h2 {
  margin-top: 10px;
  font-size: 18px;
}
@media screen and (max-width: 896px) {
  #news .archive .main article a h2 {
    font-size: 16px;
  }
}
#news .archive .main h2 + article {
  border-top: 1px solid #dedede;
}
#news #single .main h1 {
  margin-bottom: 10px;
  line-height: 1.6;
  font-size: 28px;
  font-weight: bold;
}
@media screen and (max-width: 896px) {
  #news #single .main h1 {
    margin-bottom: 30px;
    font-size: 20px;
  }
}
#news #single .main .entry {
  margin-top: 50px;
}
#back {
  margin-top: 80px;
  padding: 80px 0;
  border-top: #e1e1e1 1px solid;
}
@media screen and (max-width: 896px) {
  #back {
    margin-top: 40px;
    padding: 40px 0;
  }
}
#back a[rel="prev"], #back a[rel="next"] {
  display: none;
}
#back .btn {
  text-align: center;
}
#back .btn a {
  position: relative;
  display: inline-block;
  min-width: 250px;
  padding: 10px;
  border: #000 1px solid;
  border-radius: 30px;
  text-align: center;
  font-weight: 500;
}
@media screen and (max-width: 896px) {
  #back .btn a {
    width: 100%;
    font-size: 15px;
  }
}
#back .btn a:after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  width: 10px;
  height: 10px;
  margin: auto;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  left: 20px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
}
#overview #s03 ol li {
  padding-left: 3em;
  text-indent: -3em;
}
#overview #s04 .table02 thead th:first-child {
  width: 300px;
}
@media screen and (max-width: 896px) {
  #overview #s04 .table02 thead th:first-child {
    width: 70px;
  }
}
#overview #s04 .table02 tbody td:first-child {
  text-align: center;
}
@media screen and (max-width: 896px) {
  #overview #s04 .table02 tbody td:last-child {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#member #memberArchive {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 80px;
  margin-bottom: 100px;
}
@media screen and (max-width: 896px) {
  #member #memberArchive {
    margin-top: 40px;
    margin-bottom: 50px;
  }
}
#member #memberArchive .lbtn {
  width: 49%;
  margin-right: 2%;
}
#member #memberArchive .lbtn:nth-child(n+2) {
  margin-right: 0;
}
#member #memberArchive .lbtn a {
  position: relative;
  padding: 20px;
  background: none;
}
@media screen and (max-width: 896px) {
  #member #memberArchive .lbtn a {
    height: 60px;
    padding: 0 15px;
    background-position: right 15px center;
  }
}
#member #memberArchive .lbtn a:after {
  content: "";
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  top: 50%;
  right: 20px;
  background: url(../img/icon_arrow_01.svg) no-repeat center center / 40px 40px #fff;
  transform: translateY(-50%) rotate(90deg);
}
@media screen and (max-width: 896px) {
  #member #memberArchive .lbtn a:after {
    right: 10px;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
  }
}
#member #regular > li {
  line-height: 1.6;
}
#member #regular > li + li {
  margin-top: 60px;
}
@media screen and (max-width: 896px) {
  #member #regular > li + li {
    margin-top: 50px;
  }
}
#member #regular > li .ttl02 {
  margin-bottom: 20px;
  padding-bottom: 0;
}
#member #regular > li .ttl02 a {
  position: relative;
  display: block;
  padding-bottom: 10px;
  color: #EA5413;
  font-weight: bold;
}
#member #regular > li .ttl02 a:after {
  content: "";
  position: absolute;
  right: 0;
  top: calc(50% - 10px);
  display: block;
  width: 15px;
  height: 15px;
  border-top: 2px #EA5413 solid;
  border-right: 2px #EA5413 solid;
  rotate: -45deg;
  transform: matrix(0, 1, -1, 0, 0, 0);
}
#member #regular > li .flex {
  justify-content: space-between;
}
@media screen and (max-width: 896px) {
  #member #regular > li .flex {
    font-size: 14px;
  }
}
#member #regular > li .flex .ll {
  width: calc(100% - 200px);
}
@media screen and (max-width: 896px) {
  #member #regular > li .flex .ll {
    width: 100%;
  }
}
#member #regular > li .flex .ll address {
  display: block;
}
#member #regular > li .flex .ll .link {
  margin-top: 5px;
}
#member #regular > li .flex .ll .link a {
  color: #006A9B;
  text-decoration: underline;
}
#member #regular > li .flex .ll .link a:hover {
  text-decoration: none;
}
#member #regular > li .flex .ll .link a:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  background: url(/assets/img/blank.svg) center center no-repeat;
}
#member #regular > li .flex .lr {
  width: 200px;
}
@media screen and (max-width: 896px) {
  #member #regular > li .flex .lr {
    -js-display: flex;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 15px;
  }
}
#member #regular > li .flex .lr > div {
  font-weight: bold;
}
@media screen and (max-width: 896px) {
  #member #regular > li .flex .lr > div {
    width: 50%;
  }
}
#member #supportingHead {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
@media screen and (max-width: 896px) {
  #member #supportingHead {
    display: none;
  }
}
#member #supportingHead .label01, #member #supportingHead .label02 {
  padding: 10px 20px;
  font-weight: bold;
}
#member #supportingHead .label01 {
  width: calc(100% - 200px);
}
#member #supportingHead .label02 {
  width: 200px;
  text-align: right;
}
#member #supporting > li + li {
  margin-top: 10px;
}
#member #supporting > li a {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 15px 20px;
  background-color: #F7F7F7;
}
@media screen and (max-width: 896px) {
  #member #supporting > li a {
    font-size: 14px;
  }
}
#member #supporting > li a:hover {
  text-decoration: none;
}
#member #supporting > li a:hover h3 {
  text-decoration: none;
}
#member #supporting > li a h3 {
  width: calc(100% - 200px);
  color: #006A9B;
  text-decoration: underline;
}
@media screen and (max-width: 896px) {
  #member #supporting > li a h3 {
    width: 100%;
  }
}
#member #supporting > li a h3:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 5px;
  background: url(/assets/img/blank.svg) center center no-repeat;
}
#member #supporting > li a .name {
  width: 200px;
  text-align: right;
}
@media screen and (max-width: 896px) {
  #member #supporting > li a .name {
    width: 100%;
    margin-top: 5px;
    text-align: left;
  }
}
@media screen and (max-width: 896px) {
  #member #supporting > li a .name:before {
    content: "代表者名　";
    font-weight: bold;
  }
}
#bpsearch #ex p:nth-child(n+2) {
  margin-top: 5px;
}
@media screen and (max-width: 896px) {
  #bpsearch #ex p:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 896px) {
  #bpsearch #ex p {
    font-size: 14px;
  }
}
#bpsearch #ex span {
  display: inline-block;
  padding: 6px;
  margin-right: 5px;
  border: 1px solid transparent;
  border-radius: 3px;
  text-align: center;
  line-height: 1;
  font-size: 12px;
  font-weight: bold;
}
#bpsearch #ex span + span {
  margin-top: 5px;
}
@media screen and (max-width: 896px) {
  #bpsearch #ex span + span {
    margin-top: 0;
    margin-left: 10px;
  }
}
#bpsearch #ex span.legal {
  color: #1F6934;
  border-color: #1F6934;
  background-color: #F4FFF7;
}
#bpsearch #ex span.domestic {
  color: #EA5413;
  border-color: #EA5413;
  background-color: #FFFCF7;
}
#bpsearch #areaList {
  margin-top: 60px;
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  border: 1px #E0E0E0 solid;
}
@media screen and (max-width: 896px) {
  #bpsearch #areaList {
    margin-top: 30px;
  }
}
#bpsearch #areaList > li {
  width: 8.3333333333%;
}
@media screen and (max-width: 896px) {
  #bpsearch #areaList > li {
    width: 16.6666666667%;
  }
}
#bpsearch #areaList > li + li {
  border-left: 1px #E0E0E0 solid;
}
#bpsearch #areaList > li > a {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 60px;
  padding: 0 5px;
  font-weight: bold;
  background-color: #fff;
  text-decoration: none;
  transition: opacity 0.7s;
}
@media screen and (max-width: 896px) {
  #bpsearch #areaList > li > a {
    height: 50px;
    padding: 0;
    font-size: 14px;
  }
}
#bpsearch #areaList > li > a:hover, #bpsearch #areaList > li > a.current {
  background-color: #f0f0f0;
  opacity: 1 !important;
}
#bpsearch #area .frame {
  margin-top: 80px;
}
@media screen and (max-width: 896px) {
  #bpsearch #area .frame {
    margin-top: 50px;
  }
}
#bpsearch #area .frame > ul > li:nth-child(n+2) {
  margin-top: 50px;
}
#bpsearch #area .frame > ul > li h3 {
  margin-bottom: 15px;
  padding-bottom: 5px;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #EA5413;
}
@media screen and (max-width: 896px) {
  #bpsearch #area .frame > ul > li h3 {
    margin-bottom: 10px;
    font-size: 17px;
  }
}
#bpsearch #area .frame > ul > li .flex {
  justify-content: space-between;
}
#bpsearch #area .frame > ul > li .flex .info {
  width: 500px;
}
@media screen and (max-width: 896px) {
  #bpsearch #area .frame > ul > li .flex .info {
    width: 100%;
    font-size: 14px;
  }
}
#bpsearch #area .frame > ul > li .flex .info em {
  display: block;
  font-weight: bold;
}
@media screen and (max-width: 896px) {
  #bpsearch #area .frame > ul > li .flex .info em {
    margin-bottom: 2px;
  }
}
#bpsearch #area .frame > ul > li .flex .tf {
  width: 200px;
}
@media screen and (max-width: 896px) {
  #bpsearch #area .frame > ul > li .flex .tf {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 14px;
  }
}
#bpsearch #area .frame > ul > li .flex .cat {
  width: 100px;
}
@media screen and (max-width: 896px) {
  #bpsearch #area .frame > ul > li .flex .cat {
    width: 100%;
    -js-display: flex;
    display: flex;
    flex-wrap: wrap;
  }
}
#bpsearch #area .frame > ul > li .flex .cat span {
  display: block;
  padding: 6px;
  border: 1px solid transparent;
  border-radius: 3px;
  text-align: center;
  line-height: 1;
  font-size: 12px;
  font-weight: bold;
}
#bpsearch #area .frame > ul > li .flex .cat span + span {
  margin-top: 5px;
}
@media screen and (max-width: 896px) {
  #bpsearch #area .frame > ul > li .flex .cat span + span {
    margin-top: 0;
    margin-left: 10px;
  }
}
#bpsearch #area .frame > ul > li .flex .cat span.legal {
  color: #1F6934;
  border-color: #1F6934;
  background-color: #F4FFF7;
}
#bpsearch #area .frame > ul > li .flex .cat span.domestic {
  color: #EA5413;
  border-color: #EA5413;
  background-color: #FFFCF7;
}
#bpsearch #area .frame > ul > li .act {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 15px;
  padding: 10px 20px;
  background-color: #fafafa;
}
@media screen and (max-width: 896px) {
  #bpsearch #area .frame > ul > li .act {
    margin-top: 10px;
    padding: 10px;
  }
}
#bpsearch #area .frame > ul > li .act > * {
  width: 48%;
}
@media screen and (max-width: 896px) {
  #bpsearch #area .frame > ul > li .act > * {
    width: 100%;
  }
}
#bpsearch #area .frame > ul > li .act .industry, #bpsearch #area .frame > ul > li .act .combined {
  font-size: 15px;
}
@media screen and (max-width: 896px) {
  #bpsearch #area .frame > ul > li .act .industry, #bpsearch #area .frame > ul > li .act .combined {
    font-size: 12px;
  }
}
#bpsearch #area .frame > ul > li a:hover {
  text-decoration: none;
}
#bpsearch #area .frame > ul > li a h3 {
  color: #EA5413;
  background: url(/assets/img/blank02.svg) right center no-repeat;
}
#newsletter .c2_1 {
  margin-top: 80px;
}
#newsletter .pdfemb-toolbar {
  display: none !important;
}
#newsletter .pdf {
  border: 1px solid #ccc;
}
#newsletter .newdl {
  margin-top: 10px;
  text-align: center;
}
#newsletter .newdl a {
  color: #006A9B;
}
@media screen and (max-width: 896px) {
  #center #s05 .table02 tr th, #center #s05 .table02 tr td {
    padding: 8px;
  }
}
#center #s05 .table02 thead tr th:nth-child(1) {
  width: 110px;
}
@media screen and (max-width: 896px) {
  #center #s05 .table02 thead tr th:nth-child(1) {
    width: 70px;
  }
}
#center #s05 .table02 thead tr th:nth-child(2) {
  width: 160px;
}
@media screen and (max-width: 896px) {
  #center #s05 .table02 thead tr th:nth-child(2) {
    width: 100px;
  }
}
#center #s05 .table02 thead tr th:nth-child(4) {
  width: 160px;
}
@media screen and (max-width: 896px) {
  #center #s05 .table02 thead tr th:nth-child(4) {
    display: none;
  }
}
@media screen and (max-width: 896px) {
  #center #s05 .table02 tbody tr td:nth-child(4) {
    display: none;
  }
}
#support #supportNews {
  padding: 20px;
  border: 1px solid #ccc;
}
@media screen and (max-width: 896px) {
  #support #supportNews {
    padding: 0;
  }
}
#support #supportNews article {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  padding: 15px;
}
#support #supportNews article + article {
  border-top: 1px dashed #ccc;
}
#support #supportNews article time {
  width: 140px;
  font-size: 14px;
}
@media screen and (max-width: 896px) {
  #support #supportNews article time {
    width: 1100%;
    font-size: 12px;
  }
}
#support #supportNews article p {
  width: calc(100% - 140px);
}
@media screen and (max-width: 896px) {
  #support #supportNews article p {
    width: 100%;
    font-size: 14px;
  }
}
#support #formBtns {
  margin-bottom: 30px;
}
#support #formBtns li {
  margin-top: 15px;
  border: 1px solid #EA5413;
}
@media screen and (max-width: 896px) {
  #support #formBtns li {
    margin-top: 10px;
  }
}
#support #formBtns li a {
  position: relative;
  display: block;
  padding: 20px;
  color: #EA5413;
  font-size: 20px;
  font-weight: bold;
  background-color: #fff;
}
@media screen and (max-width: 896px) {
  #support #formBtns li a {
    padding: 15px;
    font-size: 18px;
  }
}
#support #formBtns li a:hover {
  background-color: #FFFCF7;
  text-decoration: none;
}
#support #formBtns li a:after {
  content: "";
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  top: 50%;
  right: 20px;
  background: url(../img/icon_arrow_01.svg) no-repeat center center / 40px 40px;
  transform: translateY(-50%);
}
@media screen and (max-width: 896px) {
  #support #formBtns li a:after {
    right: 10px;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
  }
}
#support #formBtns li.end a {
  background-color: #F0F0F0 !important;
}
#support #formBtns li.end a:hover {
  cursor: auto;
}
#support #formBtns li.end a:after {
  content: "受付終了";
  width: auto;
  background: none;
  font-size: 18px;
}
@media screen and (max-width: 896px) {
  #support #formBtns li.end a:after {
    font-size: 15px;
  }
}
#support .indent {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.8;
}
#support .indent li .dots {
  margin-top: 0;
  margin-bottom: 20px;
}
#support .indent li .dots li:nth-child(n+2) {
  margin-top: 0;
}
#support .indent li .indent3 {
  margin-top: 2px;
}
@media screen and (max-width: 896px) {
  #support .indent li .indent3 {
    font-size: 14px;
  }
}
#support .indent3 {
  padding-left: 3em;
  text-indent: -3em;
}
#support #s01 em {
  display: block;
  margin-top: 30px;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 896px) {
  #support #s01 em {
    margin-top: 20px;
    font-size: 16px;
  }
}
#video .archive article {
  margin-top: 100px;
}
@media screen and (max-width: 896px) {
  #video .archive article {
    margin-top: 50px;
  }
}
@media screen and (max-width: 896px) {
  #video .archive article .mov iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 1.7777777778;
  }
}
#video .archive article .txt {
  margin-top: 10px;
}
#case .archive {
  margin-top: 100px;
}
@media screen and (max-width: 896px) {
  #case .archive {
    margin-top: 50px;
  }
}
#case .archive article a {
  display: block;
}
#case .archive article a h2 {
  margin-top: 15px;
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 896px) {
  #case .archive article a h2 {
    margin-top: 10px;
    font-size: 17px;
  }
}
#case #single {
  margin-top: 80px;
}
@media screen and (max-width: 896px) {
  #case #single {
    margin-top: 50px;
  }
}
#case #single #note {
  margin-top: 80px;
  margin-bottom: 60px;
  padding: 5px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  border: 1px solid #ccc;
}
@media screen and (max-width: 896px) {
  #case #single #note {
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 15px;
  }
}
#case #single #slider {
  position: relative;
}
#case #single #slider.slick-initialized {
  display: block;
}
#case #single #slider .slick-track {
  max-width: none;
}
#case #single #slider .slick-list {
  overflow: hidden;
}
#case #single #slider .slide-arrow {
  position: absolute;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
#case #single #slider .slide-arrow:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  margin: auto;
  border-right: 2px solid #000;
  border-top: 2px solid #000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: rotate(45deg);
}
@media screen and (max-width: 896px) {
  #case #single #slider .slide-arrow:before {
    width: 10px;
    height: 10px;
  }
}
#case #single #slider .slide-arrow.prev-arrow {
  left: -50px;
}
#case #single #slider .slide-arrow.prev-arrow:before {
  transform: rotate(225deg);
}
@media screen and (max-width: 896px) {
  #case #single #slider .slide-arrow.prev-arrow {
    left: -30px;
  }
}
#case #single #slider .slide-arrow.next-arrow {
  right: -50px;
}
@media screen and (max-width: 896px) {
  #case #single #slider .slide-arrow.next-arrow {
    right: -30px;
  }
}
#case #single #slider figure {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
}
#case #single #slider figure img {
  width: 100%;
}
#case #single #thumbnail {
  display: block;
  margin-top: 20px;
}
#case #single #thumbnail:after {
  content: "";
  display: block;
  height: 0;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  clear: both;
}
@media screen and (max-width: 896px) {
  #case #single #thumbnail {
    margin-top: 10px;
  }
}
#case #single #thumbnail li {
  float: left;
  width: 180px !important;
  height: 100px;
  cursor: pointer;
}
@media screen and (max-width: 896px) {
  #case #single #thumbnail li {
    width: calc(25% - 10px) !important;
    height: 60px;
  }
}
#case #single #thumbnail li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#case #single #thumbnail li + li {
  margin-left: 20px;
}
@media screen and (max-width: 896px) {
  #case #single #thumbnail li + li {
    margin-left: 5px;
  }
}
#case #single #thumbnail .slick-track {
  width: 100% !important;
  transform: translate3d(0px, 0px, 0px) !important;
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#product .productex {
  margin-top: 30px;
}
#product .productex dl {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #E1E1E1;
}
#product .productex dl dt, #product .productex dl dd {
  padding: 20px;
  line-height: 1.6;
}
@media screen and (max-width: 896px) {
  #product .productex dl dt, #product .productex dl dd {
    width: 100% !important;
  }
}
#product .productex dl dt {
  font-weight: bold;
  width: 300px;
}
@media screen and (max-width: 896px) {
  #product .productex dl dt {
    padding: 15px 15px 0 15px;
  }
}
#product .productex dl dd {
  width: calc(100% - 300px);
}
@media screen and (max-width: 896px) {
  #product .productex dl dd {
    padding: 10px 15px 15px 15px;
  }
}
#new .c2_2 li p, #new .c2_1 li p {
  margin-top: 10px;
}
@media screen and (max-width: 896px) {
  #new .c2_2 li p, #new .c2_1 li p {
    font-size: 14px;
  }
}
#new .source {
  margin-top: 20px;
  text-align: right;
}
@media screen and (max-width: 896px) {
  #new .source {
    text-align: left;
  }
}
#new #london {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}
#new #london #londonL {
  width: 30%;
}
@media screen and (max-width: 896px) {
  #new #london #londonL {
    width: 100%;
  }
}
#new #london #londonR {
  width: 70%;
}
@media screen and (max-width: 896px) {
  #new #london #londonR {
    width: 100%;
    margin-top: 15px;
  }
}
#new #london #londonR p {
  margin-top: 10px;
}
#links #index {
  margin-top: 80px;
}
#links #section > li {
  margin-top: 80px;
}
#links #section > li > ul li {
  line-height: 1.6;
  border-bottom: 1px solid #CCC;
}
#links #section > li > ul li a {
  display: block;
  padding: 15px 10px;
}
@media screen and (max-width: 896px) {
  #links #section > li > ul li a {
    padding: 10px 0;
  }
}
#links #section > li > ul li a:hover {
  text-decoration: none;
}
#links #section > li > ul li a:hover em {
  text-decoration: none;
}
#links #section > li > ul li a em {
  position: relative;
  display: inline-block;
  font-size: 18px;
  color: #006A9B;
  text-decoration: underline;
}
@media screen and (max-width: 896px) {
  #links #section > li > ul li a em {
    font-size: 16px;
  }
}
#links #section > li > ul li a em:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 5px;
  background: url(/assets/img/blank.svg) center center no-repeat;
}
#links #section > li > ul li a p {
  margin-top: 6px;
  color: #333;
}
@media screen and (max-width: 896px) {
  #links #section > li > ul li a p {
    margin-top: 5px;
    font-size: 14px;
  }
}
#mokuseiren #s03 .table02 thead tr th:nth-child(2) {
  width: 200px;
}
@media screen and (max-width: 896px) {
  #mokuseiren #s03 .table02 thead tr th:nth-child(2) {
    width: 130px;
  }
}
@media screen and (max-width: 896px) {
  #mokuseiren #s03 .table02 tbody tr td:nth-child(2) {
    letter-spacing: -0.05em;
  }
}
#workshop #s001 {
  margin-top: 80px;
}
@media screen and (max-width: 896px) {
  #workshop #s001 {
    margin-top: 50px;
  }
}
#workshop #index {
  margin-top: 40px;
}
#workshop #workshopArchive {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 769px) {
  #workshop #workshopArchive li {
    width: 49%;
    margin-right: 2%;
  }
}
@media screen and (max-width: 896px) {
  #workshop #workshopArchive li {
    width: 100%;
  }
}
@media (min-width: 769px) {
  #workshop #workshopArchive li:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 769px) {
  #workshop #workshopArchive li:nth-child(n+3) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 896px) {
  #workshop #workshopArchive li:nth-child(n+2) {
    margin-top: 10px;
  }
}
#workshop #workshopArchive li.lbtn a {
  padding: 0 70px 0 20px;
  line-height: 1.2;
  font-size: 18px;
  font-weight: bold;
  background-position: right 20px center;
}
@media screen and (max-width: 896px) {
  #workshop #workshopArchive li.lbtn a {
    font-size: 16px;
  }
}
@media screen and (max-width: 896px) {
  #workshop #s201 .table02 tr th, #workshop #s201 .table02 tr td, #workshop #s202 .table02 tr th, #workshop #s202 .table02 tr td {
    padding: 8px;
  }
}
#workshop #s201 .table02 thead tr th:nth-child(1), #workshop #s202 .table02 thead tr th:nth-child(1) {
  width: 170px;
}
@media screen and (max-width: 896px) {
  #workshop #s201 .table02 thead tr th:nth-child(1), #workshop #s202 .table02 thead tr th:nth-child(1) {
    width: 80px;
  }
}
#workshop #s201 .table02 thead tr th:nth-child(2), #workshop #s202 .table02 thead tr th:nth-child(2) {
  width: 220px;
}
@media screen and (max-width: 896px) {
  #workshop #s201 .table02 thead tr th:nth-child(2), #workshop #s202 .table02 thead tr th:nth-child(2) {
    width: 120px;
  }
}
#workshop #s201 .table02 tbody tr td:nth-child(1), #workshop #s201 .table02 tbody tr td:nth-child(2), #workshop #s202 .table02 tbody tr td:nth-child(1), #workshop #s202 .table02 tbody tr td:nth-child(2) {
  text-align: center;
}
#workshop #single {
  margin-top: 80px;
}
@media screen and (max-width: 896px) {
  #workshop #single {
    margin-bottom: 40px;
  }
}
#workshop #single #info {
  margin-top: 100px;
}
@media screen and (max-width: 896px) {
  #workshop #single #info {
    margin-top: 50px;
  }
}
#workshop #single #info > section:last-child {
  padding-bottom: 0;
}
#workshop #single .schedule {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
#workshop #single .schedule li {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#workshop #single .schedule li .ll, #workshop #single .schedule li .lr {
  padding: 20px;
}
@media screen and (max-width: 896px) {
  #workshop #single .schedule li .ll, #workshop #single .schedule li .lr {
    padding: 15px;
  }
}
#workshop #single .schedule li .ll {
  width: calc(100% - 200px);
}
@media screen and (max-width: 896px) {
  #workshop #single .schedule li .ll {
    width: 100%;
  }
}
#workshop #single .schedule li .ll em {
  font-weight: bold;
}
#workshop #single .schedule li .ll .venue, #workshop #single .schedule li .ll .note {
  line-height: 1.6;
  font-size: 14px;
}
@media screen and (max-width: 896px) {
  #workshop #single .schedule li .ll .venue, #workshop #single .schedule li .ll .note {
    font-size: 12px;
  }
}
#workshop #single .schedule li .lr {
  width: 200px;
  border-left: 1px solid #ccc;
}
@media screen and (max-width: 896px) {
  #workshop #single .schedule li .lr {
    width: 100%;
    padding-top: 0;
    border-left: none;
    -js-display: flex;
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 896px) {
  #workshop #single .schedule li .lr .dl {
    margin-right: 2%;
  }
}
@media screen and (max-width: 896px) {
  #workshop #single .schedule li .lr .dl:nth-child(3n) {
    margin-right: 0;
  }
}
#contact #pageTtl {
  margin-bottom: 80px;
}
@media screen and (max-width: 896px) {
  #contact #pageTtl {
    margin-bottom: 40px;
  }
}
#contact .lbtn {
  margin-top: 20px;
}
@media screen and (max-width: 896px) {
  #contact .lbtn {
    margin-top: 15px;
  }
}
#contact .contactTel:nth-child(n+2), #contact #contactTel:nth-child(n+2) {
  margin-top: 10px;
}
#contact .contactTel a, #contact #contactTel a {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 20px 40px;
  line-height: 1.4;
  background-color: #FFFCF7;
  box-shadow: 0px 5px 20px -10px #777777;
}
@media screen and (max-width: 896px) {
  #contact .contactTel a, #contact #contactTel a {
    justify-content: center;
  }
}
#contact .contactTel a .arial, #contact #contactTel a .arial {
  font-size: 40px;
  font-weight: bold;
}
@media screen and (max-width: 896px) {
  #contact .contactTel a .arial, #contact #contactTel a .arial {
    font-size: 36px;
  }
}
#contact .contactTel a em, #contact #contactTel a em {
  width: 150px;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 896px) {
  #contact .contactTel a em, #contact #contactTel a em {
    width: auto;
    font-size: 16px;
  }
  #contact .contactTel a em br, #contact #contactTel a em br {
    display: none;
  }
}
#contact .contactTel a p, #contact #contactTel a p {
  color: #707070;
}
@media screen and (max-width: 896px) {
  #contact .contactTel a p, #contact #contactTel a p {
    font-size: 14px;
  }
  #contact .contactTel a p br, #contact #contactTel a p br {
    display: none;
  }
}
#contactWrap .red {
  margin-bottom: 15px;
  font-size: 14px;
  color: #CC3838;
}
#contactWrap table {
  max-width: 800px;
  margin: auto;
  border-bottom: 1px solid #eaedef;
}
#contactWrap table tbody tr th, #contactWrap table tbody tr td {
  padding: 20px 0;
  border-top: 1px solid #eaedef;
  vertical-align: middle;
}
@media screen and (max-width: 896px) {
  #contactWrap table tbody tr th, #contactWrap table tbody tr td {
    display: block;
    width: 100% !important;
  }
}
#contactWrap table tbody tr th {
  position: relative;
  width: calc(100% - 480px);
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 896px) {
  #contactWrap table tbody tr th {
    padding-bottom: 15px;
  }
}
#contactWrap table tbody tr th p {
  font-weight: bold;
}
#contactWrap table tbody tr th:after {
  position: absolute;
  display: inline-block;
  right: 50px;
  top: 50%;
  padding: 2px 4px;
  color: #fff;
  font-size: 14px;
  border-radius: 4px;
  background-color: #cc3838;
  transform: translateY(-50%);
}
@media screen and (max-width: 896px) {
  #contactWrap table tbody tr th:after {
    right: 0;
  }
}
#contactWrap table tbody tr th.rec:after {
  content: "必須";
  background-color: #cc3838;
}
#contactWrap table tbody tr th.any:after {
  content: "任意";
  background-color: #999;
}
#contactWrap table tbody tr td {
  width: 480px;
  font-size: 15px;
}
@media screen and (max-width: 896px) {
  #contactWrap table tbody tr td {
    padding-top: 0;
    border-top: none;
  }
}
#contactWrap table tbody tr td input[type="text"], #contactWrap table tbody tr td input[type="email"], #contactWrap table tbody tr td input[type="tel"] {
  width: 100%;
  padding: 10px;
  border-radius: 4px;
  font-size: 15px;
  border: 1px solid #91a1a6;
}
#contactWrap table tbody tr td input[type="text"]::placeholder, #contactWrap table tbody tr td input[type="email"]::placeholder, #contactWrap table tbody tr td input[type="tel"]::placeholder {
  color: #91a1a6;
}
#contactWrap table tbody tr td select {
  width: 100%;
  padding: 10px 5px;
  border-radius: 4px;
  font-size: 15px;
  border: 1px solid #91a1a6;
}
#contactWrap table tbody tr td textarea {
  width: 100%;
  height: 150px;
  padding: 10px 5px;
  border-radius: 4px;
  font-size: 15px;
  border: 1px solid #91a1a6;
}
#contactWrap table tbody tr td textarea::placeholder {
  color: #91a1a6;
}
#contactWrap table tbody tr td .mwform-tel-field {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
#contactWrap table tbody tr td .mwform-tel-field input[type="text"] {
  width: 30%;
}
#contactWrap #policy {
  margin-top: 40px;
  padding: 30px;
  font-size: 14px;
  background-color: #eff6fa;
  text-align: center;
}
@media screen and (max-width: 896px) {
  #contactWrap #policy {
    padding: 20px;
    font-size: 13px;
  }
}
#contactWrap #policy p {
  display: inline-block;
  text-align: left;
}
#contactWrap #policy #consent {
  margin-top: 15px;
}
#contactWrap #policy #consent label {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#contactWrap #policy #consent label span {
  font-weight: 600;
}
#contactWrap .btn {
  margin-top: 40px;
}
#contactWrap .btn input[type="submit"] {
  position: relative;
  top: 0;
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 400px;
  height: 60px;
  margin: auto;
  border-radius: 9999px;
  border-bottom: 3px #bf0000 solid;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  background-color: #e55a24;
  transition: all 0.3s;
}
#contactWrap #finish {
  text-align: center;
  padding-bottom: 40px;
}
@media screen and (max-width: 896px) {
  #contactWrap #finish {
    padding-bottom: 80px;
  }
}
#review #s03 .table02 {
  margin-top: 20px;
  font-size: 14px;
}
#review #s03 .table01 {
  font-size: 14px;
}
@media screen and (max-width: 896px) {
  #review #s03 .table01 tbody tr th, #review #s03 .table01 tbody tr td {
    display: table-cell;
    line-height: 1.4;
  }
}
#review #reviewF {
  margin-top: 80px;
}
@media screen and (max-width: 896px) {
  #review #reviewF {
    margin-top: 50px;
  }
}
#terms #policyList p {
  margin-top: 20px;
}
#terms .bdl {
  padding: 30px;
  background-color: #f0f0f0;
}
#terms .bdl > ul {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: flex-end;
}
@media screen and (max-width: 896px) {
  #terms .bdl > ul > li:nth-child(n+2) {
    margin-top: 20px;
  }
}
#terms .bdl > ul > li.bdlh img {
  max-height: 180px;
}
#policy #policyList, #terms #policyList {
  margin-top: 40px;
}
#policy #policyList > li:nth-child(n + 2), #terms #policyList > li:nth-child(n + 2) {
  margin-top: 50px;
}
#policy #policyList > li strong, #policy #policyList > li b, #terms #policyList > li strong, #terms #policyList > li b {
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 600;
}
@media screen and (max-width: 896px) {
  #policy #policyList > li strong, #policy #policyList > li b, #terms #policyList > li strong, #terms #policyList > li b {
    font-size: 18px;
  }
}
#policy #policyList > li b, #terms #policyList > li b {
  margin-top: 20px;
}
#policy #policyList > li .dots, #terms #policyList > li .dots {
  margin-top: 10px;
}
#policy #policyList > li a, #terms #policyList > li a {
  color: #014603;
  text-decoration: underline;
}
#policy #policyList > li a:hover, #terms #policyList > li a:hover {
  text-decoration: none;
}