@charset "UTF-8";
/*
 * lib/css/reset.css
 *
*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap");
html {
  overflow-y: scroll;
}

fieldset, img {
  border: none;
  vertical-align: top;
}

ul, ol {
  list-style-type: none;
}

address, caption, cite, code, dfn, em, var {
  font-style: normal;
}

caption, th {
  text-align: left;
}

a {
  outline: none;
}

/*-----------------------------------------------------------
    余白初期設定
-----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6,
html, body, div,
p, ul, ol, li, dl, dt, dd,
pre, blockquote,
form, fieldset, input, textarea,
table, th, td, figure {
  margin: 0;
  padding: 0;
}

/*-----------------------------------------------------------
    その他初期設定
-----------------------------------------------------------*/
q:before, q:after {
  content: "";
}

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

@-webkit-keyframes img {
  0% {
    right: 100%;
    width: 100%;
  }
  50% {
    right: 0;
    width: 100%;
  }
  100% {
    right: 0;
    width: 0;
  }
}

@keyframes img {
  0% {
    right: 100%;
    width: 100%;
  }
  50% {
    right: 0;
    width: 100%;
  }
  100% {
    right: 0;
    width: 0;
  }
}
@keyframes img {
  0% {
    right: 100%;
    width: 100%;
  }
  50% {
    right: 0;
    width: 100%;
  }
  100% {
    right: 0;
    width: 0;
  }
}
:root {
  color: #333;
  font-size: 10px;
}

html {
  font-size: 62.5%;
}
body {
  color: #333;
  line-height: 1.5;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 1.6rem;
  word-wrap: break-word;
  font-weight: 400;
}
@media (max-width: 1099px) {
  body {
    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
            text-size-adjust: 100%;
    font-size: 2.4rem;
  }
}

/*
	Thin	100
	Light	300
	DemiLight	350
	Regular	400 Default
	Medium	500
	Bold	700
	Black	900
*/
.regular {
  font-weight: 400;
}

.mudium {
  font-weight: 500;
}

.bold {
  font-weight: 700;
}

.black {
  font-weight: 900;
}

@media (max-width: 1099px) {
  #colorbox, #colorbox * {
    max-height: none;
  }
  #gnavi, #gnavi * {
    max-height: none;
  }
  img {
    max-height: none;
    max-width: 100%;
  }
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}

button, fieldset, form, input, label, legend, select, textarea {
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
}

a {
  text-decoration: none;
  color: #333;
}
@media (min-width: 1100px) {
  a:hover {
    color: #333;
    text-decoration: underline;
  }
  a:visited {
    color: #333;
  }
  a:active {
    text-decoration: none;
  }
}

[type=text], [type=email], [type=tel], [type=password], [type=number], [type=search], textarea, select {
  padding: 0.5em;
  box-sizing: border-box;
  border: 1px solid #c8c5c4;
  border-radius: 0px;
}

select {
  max-width: 100%;
  height: 2.6em;
  padding-right: 3em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0px;
  border: 1px solid #c8c5c4;
  background: #fff url(../img/arrow.svg) right center no-repeat;
  background-size: auto 100%;
}

select::-ms-expand {
  display: none;
}

[type=text], [type=email], [type=tel], [type=password], [type=submit], [type=number], [type=search], textarea, button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

[type=text]:focus, [type=email]:focus, [type=password]:focus, [type=number]:focus, [type=search]:focus, textarea:focus {
  background: #fff;
  border: 1px solid #aaa;
}

input[type=checkbox] {
  display: none;
}

[type=checkbox] + .mwform-checkbox-field-text:before {
  content: "";
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  margin-right: 0.5em;
  background: #f9f9f9;
  border: 1px solid #3589B7;
  vertical-align: middle;
}

[type=checkbox]:checked + .mwform-checkbox-field-text:before {
  content: "✓";
  font-size: 100%;
  font-weight: bold;
  line-height: 1;
  text-indent: -0.1em;
  color: #000;
}

input[type=radio] {
  vertical-align: middle;
}

input[type=radio] + label {
  margin-left: 5px;
}

:-moz-placeholder-shown {
  color: #BABABA;
}

:-ms-input-placeholder {
  color: #BABABA;
}

:placeholder-shown {
  color: #BABABA;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
  color: #BABABA;
}

/* Firefox 18- */
:-moz-placeholder {
  color: #BABABA;
  opacity: 1;
}

/* Firefox 19+ */
::-moz-placeholder {
  color: #BABABA;
  opacity: 1;
}

/* IE 10+ */
:-ms-input-placeholder {
  color: #BABABA;
}

/**
 * ==============================================
 * Dot Pulse
 * ==============================================
 */
.dot-pulse {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #fff;
  color: #fff;
  box-shadow: 9999px 0 0 -5px #fff;
  -webkit-animation: dotPulse 1.5s infinite linear;
          animation: dotPulse 1.5s infinite linear;
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}
.dot-pulse::before, .dot-pulse::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #fff;
  color: #fff;
}
.dot-pulse::before {
  box-shadow: 9984px 0 0 -5px #fff;
  -webkit-animation: dotPulseBefore 1.5s infinite linear;
          animation: dotPulseBefore 1.5s infinite linear;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.dot-pulse::after {
  box-shadow: 10014px 0 0 -5px #fff;
  -webkit-animation: dotPulseAfter 1.5s infinite linear;
          animation: dotPulseAfter 1.5s infinite linear;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

@-webkit-keyframes dotPulseBefore {
  0% {
    box-shadow: 9984px 0 0 -5px #fff;
  }
  30% {
    box-shadow: 9984px 0 0 2px #fff;
  }
  60%, 100% {
    box-shadow: 9984px 0 0 -5px #fff;
  }
}

@keyframes dotPulseBefore {
  0% {
    box-shadow: 9984px 0 0 -5px #fff;
  }
  30% {
    box-shadow: 9984px 0 0 2px #fff;
  }
  60%, 100% {
    box-shadow: 9984px 0 0 -5px #fff;
  }
}
@-webkit-keyframes dotPulse {
  0% {
    box-shadow: 9999px 0 0 -5px #fff;
  }
  30% {
    box-shadow: 9999px 0 0 2px #fff;
  }
  60%, 100% {
    box-shadow: 9999px 0 0 -5px #fff;
  }
}
@keyframes dotPulse {
  0% {
    box-shadow: 9999px 0 0 -5px #fff;
  }
  30% {
    box-shadow: 9999px 0 0 2px #fff;
  }
  60%, 100% {
    box-shadow: 9999px 0 0 -5px #fff;
  }
}
@-webkit-keyframes dotPulseAfter {
  0% {
    box-shadow: 10014px 0 0 -5px #fff;
  }
  30% {
    box-shadow: 10014px 0 0 2px #fff;
  }
  60%, 100% {
    box-shadow: 10014px 0 0 -5px #fff;
  }
}
@keyframes dotPulseAfter {
  0% {
    box-shadow: 10014px 0 0 -5px #fff;
  }
  30% {
    box-shadow: 10014px 0 0 2px #fff;
  }
  60%, 100% {
    box-shadow: 10014px 0 0 -5px #fff;
  }
}
@keyframes img {
  0% {
    right: 100%;
    width: 100%;
  }
  50% {
    right: 0;
    width: 100%;
  }
  100% {
    right: 0;
    width: 0;
  }
}
@keyframes img {
  0% {
    right: 100%;
    width: 100%;
  }
  50% {
    right: 0;
    width: 100%;
  }
  100% {
    right: 0;
    width: 0;
  }
}
/*-----------------------------------------------------------
    基本レイアウト
-----------------------------------------------------------*/
body {
  overflow-x: hidden;
}
@media (max-width: 1099px) {
  body {
    padding-bottom: 100px;
  }
}

.wrap {
  position: relative;
  width: 940px;
  margin: 0px auto;
}
@media (max-width: 1099px) {
  .wrap {
    width: auto;
    margin: 0px 30px;
  }
}

.sp {
  display: none;
}
@media (max-width: 1099px) {
  .sp {
    display: inherit;
  }
}

@media (max-width: 1099px) {
  .pc {
    display: none !important;
  }
}
/*----------------------- header --------------------------*/
header {
  display: flex;
  justify-content: space-between;
  position: fixed;
  align-items: center;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 1000;
  background: #fff;
}
header .sitename {
  background: #fff;
  border-radius: 0 0 22px 0;
  padding: 8px 32px 14px 16px;
  margin-bottom: -36px;
}
@media (max-width: 1099px) {
  header .sitename {
    margin: 0;
  }
}
header .sitename .logo a {
  display: block;
}
@media (max-width: 1099px) {
  header .sitename .logo {
    width: auto;
    padding: 0;
  }
  header .sitename .logo a {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
  }
  header .sitename .logo img {
    max-width: inherit;
    width: 384px;
    height: 42px;
  }
}
header .sitename .gr_tel {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 4px 0 8px;
}
@media (max-width: 1099px) {
  header .sitename .gr_tel {
    margin: 0 0 4px;
  }
}
header .sitename .gr_tel .txt_tel {
  font-size: 2.8rem;
  font-weight: 600;
  color: #009ce1;
  line-height: 1;
  white-space: nowrap;
}
header .sitename .gr_tel .txt_tel:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 38px;
  height: 22px;
  background: url(../img/common/ft_icn_tel.svg) center/contain no-repeat;
  margin-right: 2px;
}
header .sitename .gr_tel .open {
  margin-left: 1.6em;
}
@media (max-width: 1099px) {
  header .sitename .gr_tel .open {
    margin-left: 0.8em;
  }
}
header .sitename .gr_tel .open span {
  width: 140px;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.4rem;
  text-align: center;
  color: #fff;
  background: #003461;
  padding: 2px 0 0px;
  box-sizing: border-box;
}
@media (min-width: 1100px) {
  header .navi_area {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media (max-width: 1099px) {
  header .navi_area {
    width: 100%;
  }
}
@media (max-width: 1099px) {
  header #gnavi {
    display: none;
    position: fixed;
    transform: none;
    background: #009ce1;
    left: 0;
    top: 104px;
    bottom: 0px;
    width: 100%;
    overflow: auto;
  }
}
header #gnavi > ul {
  display: flex;
}
@media (max-width: 1099px) {
  header #gnavi > ul {
    display: block;
  }
}
header #gnavi > ul > li {
  /*
  &:nth-child(2) {
  	& > a {
  		background: url("../img/common/ab.svg") right center no-repeat;
  		@media (max-width: 1480px) {
  			padding-right: 1vw;
  		}
  		@include for-tb() {
  			padding-right: 1.5em;
  		}
  	}
  }
  */
}
@media (max-width: 1099px) {
  header #gnavi > ul > li {
    border-top: 1px solid #bababa;
  }
}
@media (min-width: 1100px) {
  header #gnavi > ul > li > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 48px;
    width: 100px;
    font-size: 1.4rem;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    font-weight: 400;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-sizing: border-box;
  }
}
@media (max-width: 1099px) {
  header #gnavi > ul > li > a {
    display: block;
    width: auto;
    height: auto;
    padding: 1.6em 2em;
    text-align: left;
    font-size: 2.2rem;
    font-weight: bold;
    color: #fff;
  }
}
@media (min-width: 1100px) {
  header #gnavi > ul > li .sub-menu {
    position: absolute;
    left: 0px;
    width: 100vw;
    background: #009ce1;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.4s;
    display: flex;
    justify-content: center;
    padding: 1em;
  }
}
@media (max-width: 1099px) {
  header #gnavi > ul > li .sub-menu {
    border-top: 1px solid #ddd;
  }
}
header #gnavi > ul > li .sub-menu li {
  position: relative;
}
@media (min-width: 1100px) {
  header #gnavi > ul > li .sub-menu li {
    margin: 0px 0.5em;
  }
}
header #gnavi > ul > li .sub-menu li a {
  display: block;
  position: relative;
  line-height: 1;
}
@media (min-width: 1100px) {
  header #gnavi > ul > li .sub-menu li a {
    padding: 0.75em 1.25em;
    font-size: 1.5rem;
    color: #fff;
  }
}
@media (max-width: 1099px) {
  header #gnavi > ul > li .sub-menu li a {
    background: #f2f2f2;
    border-top: 1px solid #ddd;
    padding: 1em 2em;
    font-size: 2.2rem;
  }
}
header #gnavi > ul > li .sub-menu li a:hover {
  text-decoration: none;
}
@media (min-width: 1100px) {
  header #gnavi > ul > li:not(:nth-child(8)) > a:after {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0px;
    width: 0px;
    height: 4px;
    background: #fbb700;
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  header #gnavi > ul > li:not(:nth-child(8)) > a:hover {
    color: #009ce1;
  }
  header #gnavi > ul > li:not(:nth-child(8)) > a:hover:after {
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
  }
  header #gnavi > ul > li:not(:nth-child(8)) > a:hover > a:after {
    left: 0px;
    right: 0px;
    width: 100%;
  }
}
@media (min-width: 1100px) {
  header #gnavi > ul > li:not(:last-child):hover .sub-menu {
    visibility: inherit;
    opacity: 1;
  }
  header #gnavi > ul > li:not(:last-child):hover > a:before {
    width: 100%;
  }
}
header .menu {
  display: none;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 34px;
  height: 27px;
  z-index: 3000;
  cursor: pointer;
  transition: all 0.4s;
  box-sizing: border-box;
}
@media (max-width: 1099px) {
  header .menu {
    display: block;
  }
}
header .menu span {
  display: inline-block;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 4px;
  background-color: #009ce1;
  transition: all 0.4s;
  box-sizing: border-box;
}
header .menu span:nth-of-type(1) {
  top: 0px;
  -webkit-animation: menu-bar01 0.75s forwards;
          animation: menu-bar01 0.75s forwards;
}
header .menu span:nth-of-type(2) {
  top: 11px;
  transition: all 0.25s 0.25s;
  opacity: 1;
}
header .menu span:nth-of-type(3) {
  bottom: 0px;
  -webkit-animation: menu-bar02 0.75s forwards;
          animation: menu-bar02 0.75s forwards;
}
header .menu.active span:nth-of-type(1) {
  -webkit-animation: active-menu-bar01 0.75s forwards;
          animation: active-menu-bar01 0.75s forwards;
}
header .menu.active span:nth-of-type(2) {
  opacity: 0;
}
header .menu.active span:nth-of-type(3) {
  -webkit-animation: active-menu-bar03 0.75s forwards;
          animation: active-menu-bar03 0.75s forwards;
}

@-webkit-keyframes menu-bar01 {
  0% {
    transform: translateY(11px) rotate(45deg);
  }
  50% {
    transform: translateY(11px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}

@keyframes menu-bar01 {
  0% {
    transform: translateY(11px) rotate(45deg);
  }
  50% {
    transform: translateY(11px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
@-webkit-keyframes menu-bar02 {
  0% {
    transform: translateY(-11px) rotate(-45deg);
  }
  50% {
    transform: translateY(-11px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
@keyframes menu-bar02 {
  0% {
    transform: translateY(-11px) rotate(-45deg);
  }
  50% {
    transform: translateY(-11px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
@-webkit-keyframes active-menu-bar01 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(11px) rotate(0);
  }
  100% {
    transform: translateY(11px) rotate(45deg);
  }
}
@keyframes active-menu-bar01 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(11px) rotate(0);
  }
  100% {
    transform: translateY(11px) rotate(45deg);
  }
}
@-webkit-keyframes active-menu-bar03 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-11px) rotate(0);
  }
  100% {
    transform: translateY(-11px) rotate(-45deg);
  }
}
@keyframes active-menu-bar03 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-11px) rotate(0);
  }
  100% {
    transform: translateY(-11px) rotate(-45deg);
  }
}
/*----------------------- content --------------------------*/
article {
  position: relative;
  padding-top: 75px;
}
@media (max-width: 1099px) {
  article {
    padding-top: 104px;
  }
}
article .sec .ul_table > li > dl {
  display: table;
}
article .sec .ul_table > li > dl > dt, article .sec .ul_table > li > dl > dd {
  display: table-cell;
  vertical-align: top;
}
article .sec .tip_en:after {
  font-family: "Montserrat";
  font-weight: 700;
  display: block;
  margin-top: 8px;
  font-size: 2rem;
  line-height: 1;
  color: #003461;
  letter-spacing: 0.4em;
  display: block;
}
@media (max-width: 1099px) {
  article .sec .tip_en:after {
    font-size: 1.8rem;
  }
}
article .pagetitle > .wrap {
  position: relative;
  height: 440px;
  box-sizing: border-box;
}
@media (max-width: 1099px) {
  article .pagetitle > .wrap {
    height: 370px;
  }
}
article .pagetitle .heading {
  position: absolute;
  top: 24%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1099px) {
  article .pagetitle .heading {
    top: 42%;
  }
}
article .pan {
  position: absolute;
  right: 0;
  top: 0;
}
article .pan p {
  padding: 1em 0px 1em 150px;
  font-size: 1.2rem;
}
@media (max-width: 1099px) {
  article .pan p {
    font-size: 2rem;
  }
}

.loading {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 5000;
  background: #009ce1;
}
.loading .loadbox {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/*
.pagetitle {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("../img/company/main.jpg");
	.wrap{
		width: auto;
		max-width: 1200px;
		position: relative;
		height: 400px;
		@include for-tb() {
		}
	}
	.heading{
		position: absolute;
		left: 60px;
		top: 50%;
		transform: translateY(-50%);
		color: #fff;
		@include for-tb() {
			left: 0;
		}
		.tit{
			font-size: 2.2rem;
			letter-spacing: .145em;
			font-weight: normal;
			line-height: 1;
			margin-bottom: 16px;
		}
		.en{
			font-size: 6.3rem;
			font-family: 'Montserrat';
			font-weight: 700;
			letter-spacing: .145em;
			line-height: 1;
		}
	}
	.scroll {
		position: absolute;
		right: 40px;
		bottom: 80px;
		margin-left: -23px;
		animation: scroll 2s infinite;
		@include for-tb() {
			display: none;
			bottom: 80px;
			margin-left: -6vw;
			img {
				width: 100%;
			}
		}
	}
	.baloon{
		text-align: center;
		position: absolute;
		bottom: 0;
		right: 0;
		@include for-tb() {
			display: none;
		}
		a{
			width: 200px;
			height: 48px;
			display: table-cell;
			vertical-align: middle;
			font-size: 1.8rem;
			line-height: 1;
			background: $c2;
			text-decoration: none;
			transition: .3s;
			&:hover{
				color: #fff;
				background: $c;
			}
		}
	}
}
*/
.ul_lo01 > li {
  padding-top: 56px;
  margin-bottom: 64px;
}
@media (max-width: 1099px) {
  .ul_lo01 > li {
    padding-top: 24px;
    margin-bottom: 32px;
  }
}
.ul_lo01 > li .lo {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1099px) {
  .ul_lo01 > li .lo {
    flex-direction: column;
  }
}
.ul_lo01 > li .tmb {
  position: absolute;
  left: 0;
  top: -56px;
}
@media (max-width: 1099px) {
  .ul_lo01 > li .tmb {
    position: relative;
    top: 0;
  }
  .ul_lo01 > li .tmb img {
    width: 100%;
  }
}
.ul_lo01 > li .txt {
  width: 710px;
  padding: 40px 40px 40px 240px;
  min-height: 490px;
  background: #eee;
  box-sizing: border-box;
}
@media (max-width: 1099px) {
  .ul_lo01 > li .txt {
    width: auto;
    padding: 24px;
    min-height: inherit;
  }
}
.ul_lo01 > li .txt > .tit {
  font-size: 2.3rem;
  font-weight: normal;
  line-height: 1.4;
  color: #009ce1;
  margin-bottom: 16px;
}
@media (max-width: 1099px) {
  .ul_lo01 > li .txt > .tit {
    font-size: 2.8rem;
  }
}
.ul_lo01 > li .txt > .tit + p {
  font-size: 1.6rem;
  line-height: 2;
}
@media (max-width: 1099px) {
  .ul_lo01 > li .txt > .tit + p {
    font-size: 2rem;
    line-height: 1.8;
  }
}
.ul_lo01 > li .txt > .ul_att > li {
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 1em;
}
.ul_lo01 > li .txt > .ul_att > li:last-child {
  margin-bottom: 0;
}

a.btn_std {
  min-width: 160px;
  color: #fff;
  padding: 0.8em 0.8em;
  font-size: 1.6rem;
  border-radius: 4px;
  background: #009ce1;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  transition: 0.3s;
}
@media (max-width: 1099px) {
  a.btn_std {
    min-width: 320px;
    font-size: 2rem;
    margin: 16px auto 0;
  }
}
a.btn_std:hover {
  background: #fbb700;
  color: #fff;
  text-decoration: none;
}

.wp-pagenavi {
  clear: both;
  padding: 2em 0px 0px;
  text-align: center;
  line-height: 2;
  font-weight: bold;
}
.wp-pagenavi a, .wp-pagenavi .current, .wp-pagenavi span {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 0px 0.5em;
  background: #e9e9e9;
  vertical-align: middle;
  text-align: center;
  line-height: 60px;
}
.wp-pagenavi a.extend, .wp-pagenavi .current.extend, .wp-pagenavi span.extend {
  background: none;
  border: none;
}
.wp-pagenavi .current {
  background: #009ce1;
  color: #fff;
}

.pager {
  clear: both;
  padding: 20px 0px 0px;
  text-align: center;
  line-height: 1;
}
.pager a {
  display: inline-block;
  margin: 0 1em;
  color: #009ce1;
}
@media (max-width: 1099px) {
  .pager a {
    margin: 0px 0.5em;
  }
}

.noitem {
  padding: 250px 0px;
  text-align: center;
}

.conv_rec .wrap {
  max-width: 1080px;
  width: auto;
  margin-top: 168px;
}
.conv_rec .lo1 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 1099px) {
  .conv_rec .lo1 {
    flex-direction: column;
  }
}
.conv_rec .lo1 .tmb {
  order: 1;
  position: absolute;
  left: -56px;
  top: -168px;
  z-index: 10;
}
@media (max-width: 1099px) {
  .conv_rec .lo1 .tmb {
    width: 100%;
    padding: 40px 0 0;
    position: static;
  }
}
.conv_rec .lo1 .tmb img {
  width: 100%;
}
.conv_rec .lo1 .txt {
  max-width: 770px;
  padding: 0 48px 48px 320px;
  box-sizing: border-box;
  background: #f0f6fd;
  position: relative;
}
@media (max-width: 1099px) {
  .conv_rec .lo1 .txt {
    width: auto;
    order: 2;
    padding: 40px 30px;
  }
}
.conv_rec .lo1 .txt .heading {
  padding-top: 16px;
  margin-bottom: 24px;
  color: #009ce1;
}
.conv_rec .lo1 .txt .heading > .tit {
  font-weight: bold;
  font-size: 6.3rem;
  line-height: 1;
  letter-spacing: 0.145em;
  margin: -48px 0 16px;
  margin-bottom: 8px;
}
@media (max-width: 1099px) {
  .conv_rec .lo1 .txt .heading > .tit {
    font-size: 5.6rem;
    margin: 0 0 16px;
  }
}
.conv_rec .lo1 .txt .heading > .att {
  font-size: 2.9rem;
  font-weight: 700;
  letter-spacing: 0.145em;
  position: absolute;
  right: 0;
  top: -120px;
}
@media (max-width: 1099px) {
  .conv_rec .lo1 .txt .heading > .att {
    text-align: right;
    position: static;
    font-size: 2.2rem;
  }
}
.conv_rec .lo1 .txt .txt_line {
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 2.2;
  letter-spacing: 0.02em;
}
@media (max-width: 1099px) {
  .conv_rec .lo1 .txt .txt_line {
    font-size: 2.2rem;
  }
}
.conv_rec .lo1 .txt .txt_line > .tit {
  font-weight: bold;
  font-size: 2.4rem;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: 0.08em;
  margin-bottom: 32px;
}
@media (max-width: 1099px) {
  .conv_rec .lo1 .txt .txt_line > .tit {
    font-size: 2.8rem;
  }
}
.conv_rec .lo1 .txt .brn_area {
  width: 140px;
  margin: 32px 0 16px auto;
}
.conv_rec .lo1 .txt .brn_area a.btn_std1 {
  width: 140px;
  height: 40px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  background: #009ce1;
  border-radius: 8px;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0.145em;
  transition: 0.3s;
}
@media (max-width: 1099px) {
  .conv_rec .lo1 .txt .brn_area a.btn_std1 {
    width: 320px;
    height: 64px;
    font-size: 2.2rem;
  }
}
.conv_rec .lo1 .txt .brn_area a.btn_std1:hover {
  background: #fbb700;
  text-decoration: none;
}

/*----------------------- footer --------------------------*/
.pagetop {
  position: fixed;
  right: 50px;
  bottom: 110px;
  z-index: 100;
}
@media (max-width: 1099px) {
  .pagetop {
    right: 5vw;
    bottom: 20vw;
  }
  .pagetop img {
    width: 15vw;
  }
}

.fixd {
  position: fixed;
  right: 0px;
  top: 150px;
  z-index: 5000;
}
@media (max-width: 1099px) {
  .fixd {
    top: auto;
    bottom: 0px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .fixd a {
    display: block;
    width: 50%;
  }
  .fixd a.long {
    width: 100%;
  }
}

footer#gft2 > .first {
  padding: 1em;
  background: #fff;
  border-top: 10px solid #fbb700;
}
footer#gft2 > .first .wrap {
  width: auto;
  max-width: 1200px;
}
footer#gft2 > .first a {
  color: #231815;
}
footer#gft2 > .first .one {
  padding: 40px 0 0;
}
@media (max-width: 1099px) {
  footer#gft2 > .first .one {
    padding: 0 0;
  }
}
footer#gft2 > .first .one .wrap {
  display: flex;
  justify-content: space-between;
}
footer#gft2 > .first .one .site_info {
  width: 320px;
}
@media (max-width: 1099px) {
  footer#gft2 > .first .one .site_info {
    text-align: center;
    margin: 0 auto;
  }
}
footer#gft2 > .first .one .site_info .flogo {
  margin-bottom: 16px;
}
@media (max-width: 1099px) {
  footer#gft2 > .first .one .site_info .flogo {
    margin: 24px auto;
  }
  footer#gft2 > .first .one .site_info .flogo img {
    width: 400px;
  }
}
footer#gft2 > .first .one .site_info .ul_date {
  font-size: 1.2rem;
}
@media (max-width: 1099px) {
  footer#gft2 > .first .one .site_info .ul_date {
    display: none;
    font-size: 2rem;
  }
}
footer#gft2 > .first .one .site_info .ul_date > li {
  margin-bottom: 4px;
}
footer#gft2 > .first .one .ul_gnav {
  width: 800px;
  min-height: 200px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 1099px) {
  footer#gft2 > .first .one .ul_gnav {
    display: none;
  }
}
footer#gft2 > .first .one .ul_gnav > li {
  width: 25%;
}
footer#gft2 > .first .one .ul_gnav > li .ul_cat > li {
  font-size: 1.6rem;
  line-height: 1;
  position: relative;
  margin-bottom: 24px;
}
footer#gft2 > .first .one .ul_gnav > li .ul_cat > li a {
  color: #009ce1;
}
footer#gft2 > .first .one .ul_gnav > li > dl > dt {
  font-size: 1.6rem;
  line-height: 1;
  position: relative;
  padding: 0;
  margin-bottom: 24px;
}
footer#gft2 > .first .one .ul_gnav > li > dl > dt a {
  color: #009ce1;
}
footer#gft2 > .first .one .ul_gnav > li > dl > dd > .ul_det {
  font-size: 1.3rem;
}
footer#gft2 > .first .one .ul_gnav > li > dl > dd > .ul_det > li {
  margin: 8px 0;
}
@media (max-width: 1099px) {
  footer#gft2 > .first .one .ul_listbtn {
    display: none;
  }
}
footer#gft2 > .first .one .ul_listbtn > li {
  margin-bottom: 16px;
}
footer#gft2 > .first .one .ul_listbtn > li > a {
  width: 200px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #fff;
  font-size: 1.6rem;
  padding: 0.8em;
  line-height: 1;
  box-sizing: border-box;
  transition: 0.3s;
}
footer#gft2 > .first .one .ul_listbtn > li > a:hover {
  background: #fbb700;
  text-decoration: none;
}
footer#gft2 > .first .two .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1099px) {
  footer#gft2 > .first .two .wrap {
    flex-direction: column;
    padding: 0;
  }
}
footer#gft2 > .first .two .ul_unav {
  display: flex;
  justify-content: flex-start;
  margin-left: -32px;
}
@media (max-width: 1099px) {
  footer#gft2 > .first .two .ul_unav {
    justify-content: space-around;
    margin: 0;
  }
}
footer#gft2 > .first .two .ul_unav > li {
  margin-right: 32px;
}
@media (max-width: 1099px) {
  footer#gft2 > .first .two .ul_unav > li {
    margin-right: 16px;
  }
}
footer#gft2 > .first .two .ul_unav > li > a {
  display: inline-block;
  padding: 1em 32px;
}
@media (max-width: 1099px) {
  footer#gft2 > .first .two .ul_unav > li > a {
    padding: 1em 24px;
  }
}
footer#gft2 > .first .two .copyright {
  font-size: 1.2rem;
  text-align: right;
}
@media (max-width: 1099px) {
  footer#gft2 > .first .two .copyright {
    font-size: 2rem;
    text-align: center;
  }
}

footer#gft3 > .first > .one > .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 56px 0;
}
@media (max-width: 1099px) {
  footer#gft3 > .first > .one > .wrap {
    padding: 24px 0;
  }
}
footer#gft3 > .first > .one > .wrap .site_info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1099px) {
  footer#gft3 > .first > .one > .wrap .site_info {
    flex-direction: column;
    text-align: center;
    margin: 0 auto;
  }
}
footer#gft3 > .first > .one > .wrap .site_info .flogo {
  margin-right: 40px;
}
@media (max-width: 1099px) {
  footer#gft3 > .first > .one > .wrap .site_info .flogo {
    margin: 0 auto;
  }
  footer#gft3 > .first > .one > .wrap .site_info .flogo img {
    width: 240px;
  }
}
@media (max-width: 1099px) {
  footer#gft3 > .first > .one > .wrap .site_info .dl_date {
    display: none;
  }
}
footer#gft3 > .first > .one > .wrap .site_info .dl_date dd {
  font-size: 1.8rem;
}
footer#gft3 > .first > .one > .wrap a.btn_std {
  min-width: 160px;
  min-height: 40px;
  padding: 1em;
  box-sizing: border-box;
  color: #fff;
  background: #009ce1;
  display: inline-block;
  text-align: center;
  border-radius: 8px;
  line-height: 1;
  font-size: 1.6rem;
  transition: 0.3s;
}
@media (max-width: 1099px) {
  footer#gft3 > .first > .one > .wrap a.btn_std {
    display: none;
  }
}
footer#gft3 > .first > .one > .wrap a.btn_std:hover {
  background: #fbb700;
  text-decoration: none;
}
footer#gft3 > .seconde {
  padding: 1em;
  border-top: 1px solid #009ce1;
}
footer#gft3 > .seconde .one {
  padding: 40px 0 0;
}
@media (max-width: 1099px) {
  footer#gft3 > .seconde .one {
    padding: 0 0;
  }
}
footer#gft3 > .seconde .one .wrap {
  display: flex;
  justify-content: space-between;
}
footer#gft3 > .seconde .one .ul_gnav {
  width: 100%;
  min-height: 200px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1099px) {
  footer#gft3 > .seconde .one .ul_gnav {
    display: none;
  }
}
footer#gft3 > .seconde .one .ul_gnav > li {
  width: 25%;
}
footer#gft3 > .seconde .one .ul_gnav > li > dl > dt {
  font-size: 1.6rem;
  line-height: 1;
  position: relative;
  padding: 0 0 24px;
  margin-bottom: 24px;
}
footer#gft3 > .seconde .one .ul_gnav > li > dl > dt:after {
  content: "";
  width: 34px;
  height: 2px;
  background: #009ce1;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
footer#gft3 > .seconde .one .ul_gnav > li > dl > dd > .ul_det {
  font-size: 1.4rem;
}
footer#gft3 > .seconde .one .ul_gnav > li > dl > dd > .ul_det > li {
  margin: 8px 0;
}
@media (max-width: 1099px) {
  footer#gft3 > .seconde .one .ul_listbtn {
    display: none;
  }
}
footer#gft3 > .seconde .one .ul_listbtn > li {
  margin-bottom: 16px;
}
footer#gft3 > .seconde .one .ul_listbtn > li > a {
  width: 200px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border: 2px solid #009ce1;
  font-size: 1.6rem;
  padding: 0.8em;
  line-height: 1;
  box-sizing: border-box;
  transition: 0.3s;
}
footer#gft3 > .seconde .one .ul_listbtn > li > a:hover {
  background: #fbb700;
  text-decoration: none;
}
footer#gft3 > .seconde .two .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1099px) {
  footer#gft3 > .seconde .two .wrap {
    flex-direction: column;
    padding: 0;
  }
}
footer#gft3 > .seconde .two .ul_unav {
  display: flex;
  justify-content: flex-start;
  margin-left: -32px;
}
@media (max-width: 1099px) {
  footer#gft3 > .seconde .two .ul_unav {
    justify-content: space-around;
    margin: 0;
  }
}
footer#gft3 > .seconde .two .ul_unav > li {
  margin-right: 32px;
}
@media (max-width: 1099px) {
  footer#gft3 > .seconde .two .ul_unav > li {
    margin-right: 16px;
  }
}
footer#gft3 > .seconde .two .ul_unav > li > a {
  display: inline-block;
  padding: 1em 32px;
}
@media (max-width: 1099px) {
  footer#gft3 > .seconde .two .ul_unav > li > a {
    padding: 1em 24px;
  }
}
footer#gft3 > .seconde .two .copyright {
  font-size: 1.2rem;
  text-align: right;
}
@media (max-width: 1099px) {
  footer#gft3 > .seconde .two .copyright {
    font-size: 2rem;
    text-align: center;
  }
}

footer#gft .wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1099px) {
  footer#gft .wrap {
    width: auto;
    flex-direction: column;
  }
}
footer#gft .first .site_info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1099px) {
  footer#gft .first .site_info {
    flex-direction: column;
  }
}
footer#gft .first .site_info .one {
  background: #fff;
  border-radius: 0 12px 0 0;
  padding: 12px 32px 12px 16px;
  margin-top: -24px;
}
@media (max-width: 1099px) {
  footer#gft .first .site_info .one {
    border-radius: 12px 12px 0 0;
    padding: 12px 24px;
  }
}
footer#gft .first .site_info .one .gr_tel {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 4px 0 8px;
}
@media (max-width: 1099px) {
  footer#gft .first .site_info .one .gr_tel {
    margin: 4px 0 24px;
  }
}
footer#gft .first .site_info .one .gr_tel .txt_tel {
  font-size: 2.8rem;
  font-weight: 600;
  color: #009ce1;
  line-height: 1;
}
@media (max-width: 1099px) {
  footer#gft .first .site_info .one .gr_tel .txt_tel {
    font-size: 3.4rem;
  }
}
footer#gft .first .site_info .one .gr_tel .txt_tel:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 38px;
  height: 22px;
  background: url(../img/common/ft_icn_tel.svg) center/contain no-repeat;
  margin-right: 2px;
}
@media (max-width: 1099px) {
  footer#gft .first .site_info .one .gr_tel .txt_tel:before {
    width: 48px;
    height: 32px;
    margin-right: 4px;
    margin-top: -4px;
  }
}
footer#gft .first .site_info .one .gr_tel .open {
  margin-left: 1.6em;
}
footer#gft .first .site_info .one .gr_tel .open span {
  width: 140px;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.4rem;
  text-align: center;
  color: #fff;
  background: #003461;
  padding: 2px 0 0px;
  box-sizing: border-box;
}
@media (max-width: 1099px) {
  footer#gft .first .site_info .one .gr_tel .open span {
    width: auto;
    font-size: 2rem;
    padding: 4px 8px 2px;
  }
}
@media (max-width: 1099px) {
  footer#gft .first .site_info .one .flogo {
    margin-bottom: 12px;
  }
}
footer#gft .first .site_info .two {
  padding: 0 24px 0;
}
footer#gft .first .site_info .two .dl_date {
  font-size: 1.3rem;
  color: #003461;
}
@media (max-width: 1099px) {
  footer#gft .first .site_info .two .dl_date {
    font-size: 2rem;
  }
}
footer#gft .first .site_info .two .dl_date dt span {
  font-weight: 600;
}
footer#gft .seconde {
  text-align: right;
  padding: 0 1em 0 0;
}
@media (max-width: 1099px) {
  footer#gft .seconde {
    padding: 0 0 1em;
  }
}
footer#gft .seconde .ul_unav {
  display: flex;
  justify-content: flex-start;
  margin-left: -32px;
}
@media (max-width: 1099px) {
  footer#gft .seconde .ul_unav {
    justify-content: space-around;
    margin: 0;
  }
}
footer#gft .seconde .ul_unav > li {
  margin-left: 24px;
}
@media (max-width: 1099px) {
  footer#gft .seconde .ul_unav > li {
    margin-left: 24px;
  }
  footer#gft .seconde .ul_unav > li:first-child {
    margin-left: 0;
  }
}
footer#gft .seconde .ul_unav > li > a {
  color: #009ce1;
  display: inline-block;
  padding: 0.8em 0;
}
@media (max-width: 1099px) {
  footer#gft .seconde .ul_unav > li > a {
    padding: 1em 0;
  }
}
footer#gft .seconde .copyright {
  font-size: 1.2rem;
  text-align: right;
}
@media (max-width: 1099px) {
  footer#gft .seconde .copyright {
    font-size: 2rem;
    text-align: center;
  }
}

footer .bn {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 40px 0px 20px;
}
footer .bn li {
  margin: 0px 6px 20px;
}

@keyframes img {
  0% {
    right: 100%;
    width: 100%;
  }
  50% {
    right: 0;
    width: 100%;
  }
  100% {
    right: 0;
    width: 0;
  }
}
@keyframes img {
  0% {
    right: 100%;
    width: 100%;
  }
  50% {
    right: 0;
    width: 100%;
  }
  100% {
    right: 0;
    width: 0;
  }
}
/*-----------------------------------------------------------
   index
-----------------------------------------------------------*/
@-webkit-keyframes scroll {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes scroll {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(0);
  }
}
#index .newsbox2 {
  padding: 80px 0px;
  position: relative;
  max-width: 1200px;
  margin: 0 auto 40px;
}
#index .newsbox2 .heading {
  padding: 24px 0;
  margin-bottom: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1099px) {
  #index .newsbox2 .heading {
    flex-direction: column;
    align-items: baseline;
  }
}
#index .newsbox2 .heading .tit {
  font-size: 3rem;
  letter-spacing: 0.145em;
  color: #009ce1;
}
@media (max-width: 1099px) {
  #index .newsbox2 .heading .tit {
    font-size: 4.2rem;
  }
}
#index .newsbox2 .heading .ul_cat {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#index .newsbox2 .heading .ul_cat > li {
  font-size: 1.3rem;
  letter-spacing: 0.04em;
}
@media (max-width: 1099px) {
  #index .newsbox2 .heading .ul_cat > li {
    font-size: 1.8rem;
  }
}
#index .newsbox2 .heading .ul_cat > li:after {
  font-size: 1.6rem;
  content: "|";
  margin: 0 0.4em;
}
#index .newsbox2 .heading .ul_cat > li:first-child:before {
  font-size: 1.6rem;
  content: "|";
  margin-right: 0.4em;
}
#index .newsbox2 .txt_line {
  font-size: 1.3rem;
  line-height: 2;
  letter-spacing: 0.02em;
  margin-bottom: 64px;
}
@media (max-width: 1099px) {
  #index .newsbox2 .txt_line {
    font-size: 2.2rem;
  }
}
#index .newsbox2 .ul_news {
  margin: 40px 0;
}
#index .newsbox2 .ul_news > li {
  margin-bottom: 28px;
}
#index .newsbox2 .ul_news > li:last-child {
  margin-bottom: 0;
}
#index .newsbox2 .ul_news > li a {
  display: inline-block;
  vertical-align: middle;
}
#index .newsbox2 .ul_news > li a dt img {
  border: 1px solid #ddd;
  transition: 0.3s;
}
#index .newsbox2 .ul_news > li a:hover {
  text-decoration: none;
}
#index .newsbox2 .ul_news > li a:hover dt img {
  opacity: 0.56;
  border: 1px solid #009ce1;
}
#index .newsbox2 .ul_news > li dl {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#index .newsbox2 .ul_news > li dl > dt {
  margin-right: 32px;
  box-sizing: border-box;
}
@media (max-width: 1099px) {
  #index .newsbox2 .ul_news > li dl > dt {
    width: 32%;
    min-width: 200px;
  }
  #index .newsbox2 .ul_news > li dl > dt img {
    width: 100%;
  }
}
@media (max-width: 1099px) {
  #index .newsbox2 .ul_news > li dl > dd {
    width: 68%;
    min-width: 320px;
  }
}
#index .newsbox2 .ul_news > li dl > dd .tit {
  padding: 10px 0;
  margin-bottom: 4px;
  font-size: 1.8rem;
  letter-spacing: 0.06em;
  line-height: 1.4;
}
@media (max-width: 1099px) {
  #index .newsbox2 .ul_news > li dl > dd .tit {
    font-size: 2.4rem;
  }
}
#index .newsbox2 .ul_news > li dl > dd .desc {
  font-size: 1.2rem;
  letter-spacing: 0.02em;
  line-height: 2.2;
}
@media (max-width: 1099px) {
  #index .newsbox2 .ul_news > li dl > dd .desc {
    font-size: 1.8rem;
    line-height: 1.8;
  }
}
#index .newsbox2 .ul_news > li dl > dd .ul_date {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 12px 0;
}
#index .newsbox2 .ul_news > li dl > dd .ul_date > li {
  font-size: 1.2rem;
  letter-spacing: 0.06em;
}
@media (max-width: 1099px) {
  #index .newsbox2 .ul_news > li dl > dd .ul_date > li {
    font-size: 1.8rem;
  }
}
#index .newsbox2 .ul_news > li dl > dd .ul_date > li:after {
  content: "|";
  margin: 0 0.4em;
}
#index .newsbox2 .ul_news > li dl > dd .ul_date > li:last-child:after {
  content: "";
}
#index .newsbox2 .btn_area {
  margin: 48px auto;
  display: table;
}
#index .newsbox {
  padding: 56px 0px;
  position: relative;
  margin: 0 auto;
  background: #00baff;
}
@media (max-width: 1099px) {
  #index .newsbox {
    padding: 32px 0px;
  }
}
@media (min-width: 1100px) {
  #index .newsbox .wrap {
    width: 1000px;
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 1099px) {
  #index .newsbox .wrap {
    display: flex;
    justify-content: space-between;
  }
}
#index .newsbox .heading {
  padding: 24px 0;
  margin-bottom: 48px;
}
@media (max-width: 1099px) {
  #index .newsbox .heading {
    width: 160px;
    margin-right: 32px;
  }
}
#index .newsbox .heading .tit {
  font-size: 3rem;
  letter-spacing: 0.145em;
  color: #009ce1;
}
@media (max-width: 1099px) {
  #index .newsbox .heading .tit {
    font-size: 4.2rem;
  }
}
#index .newsbox .ul_news {
  margin: 40px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (min-width: 1100px) {
  #index .newsbox .ul_news {
    width: 860px;
  }
}
#index .newsbox .ul_news > li {
  width: 400px;
  margin-bottom: 28px;
  border-bottom: 1px solid #fff;
}
@media (max-width: 1099px) {
  #index .newsbox .ul_news > li {
    width: 100%;
  }
}
#index .newsbox .ul_news > li a {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
}
@media (max-width: 1099px) {
  #index .newsbox .ul_news > li a {
    display: block;
  }
}
#index .newsbox .ul_news > li a .tit {
  color: #fff;
}
#index .newsbox .ul_news > li a .ul_date .update {
  color: #fff;
}
#index .newsbox .ul_news > li .tit {
  padding: 8px 0;
  margin-bottom: 4px;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1.4;
}
@media (max-width: 1099px) {
  #index .newsbox .ul_news > li .tit {
    font-size: 2.4rem;
  }
}
#index .newsbox .ul_news > li .ul_date {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 8px;
}
#index .newsbox .ul_news > li .ul_date > li {
  font-size: 1.2rem;
  letter-spacing: 0.06em;
}
@media (max-width: 1099px) {
  #index .newsbox .ul_news > li .ul_date > li {
    font-size: 1.8rem;
  }
}
#index .newsbox .ul_news > li .ul_date > li.cat {
  margin-right: 12px;
}
#index .newsbox .ul_news > li .ul_date > li.cat span {
  display: inline-block;
  vertical-align: middle;
  padding: 4px 12px;
  box-sizing: border-box;
  min-width: 70px;
  background: #fdb900;
  color: #fff;
  text-align: center;
  line-height: 1;
}

#key {
  position: relative;
  background-position: center bottom;
  background-image: url("../img/index/main.png");
  background-repeat: no-repeat;
  background-size: auto 674px;
  box-sizing: border-box;
}
@media (max-width: 1099px) {
  #key {
    background-image: url("../img_sp/index/main.jpg");
    background-size: cover;
  }
}
#key .wrap {
  width: 1000px;
  min-height: 670px;
}
@media (max-width: 1099px) {
  #key .wrap {
    width: auto;
    height: 670px;
  }
}
#key .obj {
  width: 656px;
  position: absolute;
  left: 0;
  top: 60px;
  z-index: 500;
}
@media (max-width: 1099px) {
  #key .obj {
    width: auto;
    top: 20px;
  }
}
#key .obj .heading {
  color: #fff;
}
#key .obj .heading .txt1 {
  margin-bottom: 16px;
  font-size: 4.8rem;
  letter-spacing: 0.145em;
}
#key .obj .heading .txt2 {
  font-size: 2.8rem;
  margin-bottom: 24px;
  white-space: nowrap;
}
#key .scroll {
  position: absolute;
  left: 244px;
  bottom: 74px;
  margin-left: -28px;
  -webkit-animation: scroll 2s infinite;
          animation: scroll 2s infinite;
  z-index: 500;
}
@media (max-width: 1099px) {
  #key .scroll {
    left: 224px;
    bottom: -10px;
    margin-left: -6vw;
  }
  #key .scroll img {
    width: 100%;
  }
}
#key .baloon {
  text-align: center;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 500;
}
@media (max-width: 1099px) {
  #key .baloon {
    display: none;
  }
}
#key .baloon a {
  width: 200px;
  height: 48px;
  display: table-cell;
  vertical-align: middle;
  font-size: 1.8rem;
  line-height: 1;
  background: #fbb700;
  text-decoration: none;
  transition: 0.3s;
}
#key .baloon a:hover {
  color: #fff;
  background: #009ce1;
}

#key {
  position: relative;
  min-height: 674px;
}
@media (max-width: 1099px) {
  #key {
    height: 710px;
  }
}
#key .item {
  opacity: 0;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0;
  overflow: hidden;
}
#key .item:first-child {
  opacity: 1;
}
#key .item .img {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  transform: scale(1.1);
  transition: all 5.8s;
}
@media (max-width: 1099px) {
  #key .item .img {
    background-attachment: inherit;
  }
}
#key .item.act .img {
  transform: scale(1);
}
#key .marker {
  position: absolute;
  left: 0px;
  bottom: -60px;
  z-index: 100;
  font-size: 0;
}
@media (max-width: 1099px) {
  #key .marker {
    display: none;
  }
}
#key .marker li {
  display: inline-block;
  border-radius: 50%;
  background: #fff;
}
@media (max-width: 1099px) {
  #key .marker li {
    width: 22px;
    height: 22px;
  }
}
#key .marker li.current {
  background: rgba(255, 255, 255, 0.3);
}
#key .arrow {
  position: absolute;
  left: 30px;
  bottom: -110px;
  z-index: 400;
  font-size: 0px;
}
@media (max-width: 1099px) {
  #key .arrow {
    bottom: -70px;
  }
}
#key .arrow li {
  display: inline-block;
  margin-right: 30px;
}
#key .arrow li a {
  display: block;
  width: 40px;
  padding: 11px 0px;
  text-align: center;
}
@media (max-width: 1099px) {
  #key .arrow li a img {
    width: 16px;
  }
}

.share_contact {
  padding: 80px 0px;
  background-position: center top;
  background-image: url("../img/common/sec_contact_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 0;
  color: #008aff;
  text-align: center;
}
@media (max-width: 420px) {
  .share_contact {
    padding: 12vw 0px;
  }
}
.share_contact .wrap .heading {
  position: relative;
  display: inline-block;
  margin: 48px auto 56px;
  font-size: 4.8rem;
  font-weight: 900;
  letter-spacing: 0.1em;
}
@media (min-width: 1100px) {
  .share_contact .wrap .heading {
    order: 2;
  }
}
@media (min-width: 1100px) {
  .share_contact .wrap .heading:before, .share_contact .wrap .heading:after {
    width: 370px;
    height: 10px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    position: absolute;
  }
  .share_contact .wrap .heading:before {
    left: -386px;
    background: url(../img/common/h_line_l_w.svg) no-repeat;
    background-position: left center;
  }
  .share_contact .wrap .heading:after {
    right: -386px;
    background: url(../img/common/h_line_r_w.svg) no-repeat;
    background-position: right center;
  }
}
.share_contact .wrap .heading > .tit {
  font-size: 4.8rem;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  position: relative;
}
@media (max-width: 1099px) {
  .share_contact .wrap .heading > .tit {
    font-size: 4rem;
  }
}
.share_contact .wrap .heading .tip_en:after {
  font-family: "Montserrat";
  font-weight: 700;
  display: block;
  margin-top: 8px;
  font-size: 2rem;
  line-height: 1;
  color: #003461;
  letter-spacing: 0.4em;
  position: absolute;
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1099px) {
  .share_contact .wrap .heading .tip_en:after {
    font-size: 1.8rem;
  }
}
.share_contact .wrap .heading .tip_en:after {
  content: "Contact";
}
.share_contact .wrap .text {
  margin-bottom: 1em;
}
.share_contact .tel {
  font-size: 4.6rem;
  font-weight: 700;
  line-height: 1;
}
.share_contact .tel:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 78px;
  height: 44px;
  background: url(../img/common/contact_icn_free.svg) center/contain no-repeat;
  margin-right: 8px;
}
.share_contact .tel a {
  color: #008aff;
}
@media (max-width: 420px) {
  .share_contact .tel {
    font-size: 9vw;
  }
}
@media (max-width: 420px) {
  .share_contact .tel a[href^="tel:"] {
    pointer-events: none;
  }
}
.share_contact .time {
  margin-bottom: 2em;
  text-align: center;
  font-size: 3.4rem;
  font-weight: 600;
  color: #003461;
}
.share_contact .btn {
  text-align: center;
  margin: 0 auto;
}
.share_contact .btn a {
  width: 420px;
  height: 100px;
  border-radius: 12px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #009ce1;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.1em;
  position: relative;
  text-decoration: none;
  margin: 0 auto;
}
.share_contact .btn a:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 23px;
  height: 24px;
  background: url(../img/common/btn_arr1.svg) center/contain no-repeat;
  margin-right: 8px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
#service {
  padding: 140px 0px 0px;
}
@media (max-width: 1099px) {
  #service {
    padding: 70px 0 0;
  }
}
@media (min-width: 1100px) {
  #service .wrap {
    width: 1200px;
  }
}
#service .inbox {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1099px) {
  #service .inbox {
    flex-direction: column;
    padding: 0px 0 24px;
  }
}
#service figure {
  margin-right: 0px;
  padding: 0 0;
  z-index: 10;
  position: relative;
}
@media (max-width: 1099px) {
  #service figure {
    text-align: center;
    margin-right: 0;
  }
  #service figure img {
    width: 100%;
  }
}
#service .txt {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  min-height: 450px;
  padding: 2.8em 0 0 120px;
  box-sizing: border-box;
  background: #f0f6fd;
}
@media (max-width: 1099px) {
  #service .txt {
    transform: translateY(0%);
    position: static;
    width: auto;
    padding: 2em 24px 0px;
  }
}
#service .txt > .tit {
  font-weight: bold;
  font-size: 6rem;
  line-height: 1;
  letter-spacing: 0.145em;
  margin-bottom: 36px;
  color: #009ce1;
  z-index: 1;
}
#service .txt .txt_line {
  font-size: 1.5rem;
  line-height: 2.2;
  letter-spacing: 0.02em;
}
@media (min-width: 1100px) {
  #service .txt .txt_line {
    width: 450px;
    z-index: 1;
  }
}
@media (max-width: 1099px) {
  #service .txt .txt_line {
    font-size: 2.2rem;
    line-height: 1.8;
  }
}
#service .txt .txt_line > .tit {
  font-weight: bold;
  font-size: 2.7rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  margin-bottom: 32px;
}
#service .txt .btn_area {
  margin-top: 32px;
  margin-bottom: 16px;
}
#service .txt .btn_area a.btn_std1 {
  width: 220px;
  height: 56px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  background: #009ce1;
  border-radius: 4px;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0.145em;
  transition: 0.3s;
}
@media (max-width: 1099px) {
  #service .txt .btn_area a.btn_std1 {
    width: 320px;
    height: 64px;
    font-size: 2.2rem;
  }
}
#service .txt .btn_area a.btn_std1:hover {
  background: #fbb700;
  text-decoration: none;
}

.btn_area a.btn_std2 {
  width: 220px;
  height: 56px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  background: #009ce1;
  border-radius: 12px;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0.145em;
  transition: 0.3s;
}
@media (max-width: 1099px) {
  .btn_area a.btn_std2 {
    width: 320px;
    height: 64px;
    font-size: 2.2rem;
  }
}
.btn_area a.btn_std2:hover {
  background: #fbb700;
  text-decoration: none;
}

#index .home_promise {
  background: #00baff;
}
#index .home_promise .wrap {
  width: 1200px;
  height: 200px;
  display: flex;
  justify-content: space-between;
  align-content: center;
}
@media (max-width: 1099px) {
  #index .home_promise .wrap {
    width: auto;
    height: auto;
    flex-direction: column;
  }
}
#index .home_promise .heading {
  display: flex;
  align-items: center;
  position: relative;
}
#index .home_promise .heading .tit {
  margin-bottom: 24px;
}
@media (max-width: 1099px) {
  #index .home_promise .heading .tit {
    width: 70%;
    margin: 0 auto 24px;
    padding: 32px 0;
    text-align: center;
  }
  #index .home_promise .heading .tit img {
    width: 100%;
  }
}
#index .home_promise .heading .arr {
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 16px;
}
@media (max-width: 1099px) {
  #index .home_promise .heading .arr img {
    height: 40px;
  }
}
#index .home_promise .ul_promise {
  width: 750px;
  display: flex;
  justify-content: space-between;
  align-content: center;
  margin: -20px auto;
}
@media (max-width: 1099px) {
  #index .home_promise .ul_promise {
    width: 100%;
    flex-direction: column;
    margin: 0 auto;
  }
  #index .home_promise .ul_promise > li {
    width: 100%;
    margin: 0 0 40px;
  }
  #index .home_promise .ul_promise > li img {
    width: 100%;
  }
}
#index #home_works {
  background-position: center top;
  background-image: url("../img/about/sec_bg1.png");
  background-repeat: repeat-x;
  padding: 56px 0 64px;
}
#index #home_works .heading {
  text-align: center;
  padding: 16px 0;
  margin-bottom: 16px;
}
#index #home_works .heading .tip_en:after {
  content: "WORKS";
}
#index #home_works .ul_works > li {
  margin-bottom: 72px;
}
#index #home_works .ul_works > li:last-child {
  margin-bottom: 0;
}
#index #home_works .ul_works .lo {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 1099px) {
  #index #home_works .ul_works .lo {
    flex-direction: column;
    align-items: baseline;
  }
}
#index #home_works .ul_works .lo .tmb {
  order: 2;
}
#index #home_works .ul_works .lo .tmb .ul_ba {
  width: 600px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1099px) {
  #index #home_works .ul_works .lo .tmb .ul_ba {
    width: auto;
  }
}
#index #home_works .ul_works .lo .tmb .ul_ba > li {
  position: relative;
}
@media (max-width: 1099px) {
  #index #home_works .ul_works .lo .tmb .ul_ba > li {
    margin-left: 24px;
  }
  #index #home_works .ul_works .lo .tmb .ul_ba > li:first-child {
    margin-left: 0;
  }
}
#index #home_works .ul_works .lo .tmb .ul_ba > li .obj {
  position: absolute;
  top: -12px;
  left: -12px;
}
#index #home_works .ul_works .lo .date {
  order: 1;
}
@media (max-width: 1099px) {
  #index #home_works .ul_works .lo .date {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
  }
}
#index #home_works .ul_works .lo .date .cat_area {
  margin-bottom: 16px;
}
@media (max-width: 1099px) {
  #index #home_works .ul_works .lo .date .cat_area {
    width: 160px;
    margin: 0 16px 0 0;
  }
}
@media (max-width: 1099px) {
  #index #home_works .ul_works .lo .date .gr {
    width: 100%;
    max-width: 500px;
  }
}
#index #home_works .ul_works .lo .date .tit {
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.4;
  color: #009ce1;
}
@media (max-width: 1099px) {
  #index #home_works .ul_works .lo .date .tit {
    font-size: 3.4rem;
  }
}
#index #home_works .ul_works .lo .date .txt_price {
  font-size: 2.8rem;
  line-height: 1;
}
@media (max-width: 1099px) {
  #index #home_works .ul_works .lo .date .txt_price {
    font-size: 3.2rem;
  }
}
#index #home_works .ul_works .lo .date .txt_price .tax {
  font-size: 1.8rem;
}
@media (max-width: 1099px) {
  #index #home_works .ul_works .lo .date .txt_price .tax {
    font-size: 2rem;
  }
}
#index #home_works .ul_works .lo .date .ul_target {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.8rem;
  margin: 8px 0 6px;
}
@media (max-width: 1099px) {
  #index #home_works .ul_works .lo .date .ul_target {
    font-size: 2.4rem;
  }
}
#index #home_works .ul_works .lo .date .ul_target > li {
  margin-right: 8px;
}
#index #home_works .ul_works .lo .date .ul_target > li span {
  min-width: 90px;
  text-align: center;
  color: #fff;
  background: #fdb900;
  padding: 4px 16px;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
}
#index #home_works .ul_works .lo .date .desc {
  font-size: 1.4rem;
  line-height: 1.4;
}
@media (max-width: 1099px) {
  #index #home_works .ul_works .lo .date .desc {
    font-size: 2rem;
  }
}
#index #home_works .ul_works .lo .date .btn {
  margin: 8px 0 0;
}
#index #home_works .ul_works .lo .date .btn a {
  padding: 16px 0;
  width: 310px;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  text-align: center;
  background: #003461;
  color: #fff;
}
#index #home_works .works_area {
  padding: 56px 0;
}
@media (max-width: 1099px) {
  #index #home_works .works_area {
    padding: 32px 0 0;
  }
}
#index #home_works .works_area .wrap {
  width: 1000px;
}
#index #home_works .works_area .heading {
  margin: 32px auto;
  text-align: center;
  position: relative;
}
#index #home_works .works_area .heading .a_list {
  text-align: right;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1099px) {
  #index #home_works .works_area .heading .a_list {
    position: static;
    text-align: right;
    transform: translateY(0%);
    margin: 40px 0 0;
  }
}
#index #home_works .works_area .ul_area {
  display: flex;
  justify-content: space-between;
  margin: 40px auto;
}
@media (max-width: 1099px) {
  #index #home_works .works_area .ul_area {
    flex-wrap: wrap;
  }
}
@media (max-width: 1099px) {
  #index #home_works .works_area .ul_area > li {
    margin-bottom: 24px;
    width: 30%;
  }
  #index #home_works .works_area .ul_area > li img {
    width: 100%;
  }
}
#index #home_flow {
  background-position: center top;
  background-image: url("../img/about/sec_bg1.png");
  background-repeat: repeat-x;
  padding: 56px 0 64px;
}
#index #home_flow .heading {
  text-align: center;
  padding: 16px 0;
  margin-bottom: 16px;
}
#index #home_flow .heading .tip_en:after {
  content: "FLOW";
}
#index #home_flow .wrap {
  width: 1000px;
}
@media (max-width: 1099px) {
  #index #home_flow .wrap {
    width: auto;
  }
}
#index #home_flow .lo1 {
  margin: 40px auto 44px;
  height: 510px;
  position: relative;
}
@media (max-width: 1099px) {
  #index #home_flow .lo1 {
    height: 560px;
  }
}
#index #home_flow .lo1 .tmb {
  text-align: right;
}
#index #home_flow .lo1 .txt {
  width: 520px;
  height: 370px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #008aff;
  padding: 40px;
  color: #fff;
}
@media (max-width: 1099px) {
  #index #home_flow .lo1 .txt {
    left: -30px;
    width: 450px;
    height: 360px;
    padding: 24px;
  }
}
#index #home_flow .lo1 .txt .sub {
  font-size: 2rem;
  letter-spacing: 0.08em;
  margin-bottom: 12px;
}
#index #home_flow .lo1 .txt .tit {
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 16px;
}
@media (max-width: 1099px) {
  #index #home_flow .lo1 .txt .tit {
    font-size: 2.8rem;
  }
}
#index #home_flow .lo1 .txt .tit span.ker {
  letter-spacing: -0.5em;
}
#index #home_flow .lo1 .txt .desc {
  font-size: 1.5rem;
  line-height: 1.6;
}
@media (max-width: 1099px) {
  #index #home_flow .lo1 .txt .desc {
    font-size: 2rem;
  }
}
#index #home_flow .lo1 .txt .desc span.ker {
  letter-spacing: -0.5em;
}
#index #home_flow .lo1 .btn {
  position: absolute;
  bottom: 36px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}
#index #home_flow .lo1 .btn a {
  width: 310px;
  background: #003461;
  border-radius: 0;
}
#index #home_flow .blk_two {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 40px auto 44px;
}
@media (max-width: 1099px) {
  #index #home_flow .blk_two {
    margin: 24px auto 28px;
  }
}
#index #home_price {
  background-position: center top;
  background-image: url("../img/about/sec_bg1.png");
  background-repeat: repeat-x;
  padding: 56px 0 64px;
}
#index #home_price .heading {
  text-align: center;
  padding: 16px 0;
  margin-bottom: 16px;
}
#index #home_price .heading .tip_en:after {
  content: "PRICE";
}
#index #home_price .wrap {
  width: 1000px;
}
@media (max-width: 1099px) {
  #index #home_price .wrap {
    width: auto;
  }
}
#index #home_price .lo1 {
  margin: 40px auto 44px;
  height: 510px;
  position: relative;
}
@media (max-width: 1099px) {
  #index #home_price .lo1 {
    height: 520px;
  }
}
#index #home_price .lo1 .tmb {
  text-align: right;
}
#index #home_price .lo1 .txt {
  width: 520px;
  height: 370px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #008aff;
  padding: 40px;
  color: #fff;
}
@media (max-width: 1099px) {
  #index #home_price .lo1 .txt {
    left: -30px;
    width: 450px;
    height: 320px;
    padding: 24px;
  }
}
#index #home_price .lo1 .txt .tit {
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 16px;
}
@media (max-width: 1099px) {
  #index #home_price .lo1 .txt .tit {
    font-size: 2.8rem;
  }
}
#index #home_price .lo1 .txt .desc {
  font-size: 1.5rem;
  line-height: 1.6;
}
@media (max-width: 1099px) {
  #index #home_price .lo1 .txt .desc {
    font-size: 2rem;
  }
}
#index #home_price .lo1 .btn {
  position: absolute;
  bottom: 36px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}
#index #home_price .lo1 .btn a {
  width: 310px;
  background: #003461;
  border-radius: 0;
}
#index #home_price .blk_two {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 40px auto 44px;
}

.share_access,
#access {
  background-position: center top;
  background-image: url("../img/about/sec_bg1.png");
  background-repeat: repeat-x;
  padding: 56px 0 64px;
}
.share_access .heading,
#access .heading {
  text-align: center;
  padding: 16px 0;
  margin-bottom: 16px;
}
.share_access .heading .tip_en:after,
#access .heading .tip_en:after {
  content: "ACCESS";
}
.share_access .wrap,
#access .wrap {
  width: 1000px;
}
@media (max-width: 1099px) {
  .share_access .wrap,
#access .wrap {
    width: auto;
  }
}
.share_access .office_info,
#access .office_info {
  margin-bottom: 32px;
}
.share_access .office_info .icn_360,
#access .office_info .icn_360 {
  text-align: right;
  margin: 16px 0;
}
@media (max-width: 1099px) {
  .share_access .office_info .maparea iframe,
#access .office_info .maparea iframe {
    width: 100%;
    height: 320px;
  }
}

/*-----------------------------------------------------------
    blog page css
-----------------------------------------------------------*/
#news {
  background-position: center top;
  background-image: url("../img/about/sec_bg1.png");
  background-repeat: repeat-x;
}
#news .pagetitle .wrap {
  height: 240px;
}
#news .pagetitle .heading {
  top: 48%;
}
@media (max-width: 1099px) {
  #news .pagetitle .heading {
    width: 100%;
    text-align: center;
  }
}
#news .pagetitle .tit {
  font-size: 6.6rem;
  font-weight: 600;
  color: #009ce1;
  text-shadow: white 2px 0px, white -2px 0px, white 0px -2px, white 0px 2px, white 2px 2px, white -2px 2px, white 2px -2px, white -2px -2px, white 1px 2px, white -1px 2px, white 1px -2px, white -1px -2px, white 2px 1px, white -2px 1px, white 2px -1px, white -2px -1px;
}
#news .pagetitle .tip_en:after {
  font-family: "Montserrat";
  font-weight: 700;
  display: block;
  margin-top: 8px;
  font-size: 2rem;
  line-height: 1;
  color: #003461;
  letter-spacing: 0.4em;
  position: absolute;
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1099px) {
  #news .pagetitle .tip_en:after {
    font-size: 1.8rem;
  }
}
#news .pagetitle .tip_news:after {
  content: "NEWS";
}
#news .pagetitle .tip_works:after {
  content: "WORKS";
}
#news .pagetitle .tip_blog:after {
  content: "BLOG";
}
#news .grid_2cell {
  display: flex;
  max-width: 1080px;
  justify-content: space-between;
  margin: 140px auto 0;
}
@media (max-width: 1099px) {
  #news .grid_2cell {
    flex-direction: column;
    max-width: inherit;
    margin: 0 30px;
  }
}
#news .list2 {
  padding: 90px 0px;
}
#news .list2 dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 1099px) {
  #news .list2 dl {
    display: block;
  }
}
#news .list2 dl dt, #news .list2 dl dd {
  margin-bottom: 1.5em;
}
#news .list2 dl dt {
  width: 6em;
}
@media (max-width: 1099px) {
  #news .list2 dl dt {
    width: auto;
    margin-bottom: 0px;
  }
}
#news .list2 dl dd {
  width: calc(100% - 8em);
}
@media (max-width: 1099px) {
  #news .list2 dl dd {
    width: auto;
  }
}
#news .list2 dl dd:last-child {
  margin-bottom: 0px;
}
#news .list {
  padding: 90px 0px;
}
@media (max-width: 1099px) {
  #news .list dl {
    display: block;
  }
}
#news .list dl dt, #news .list dl dd {
  margin-bottom: 1.5em;
}
#news .list .ul_cat {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 32px auto;
}
#news .list .ul_cat > li {
  font-size: 2rem;
  letter-spacing: 0.04em;
}
@media (max-width: 1099px) {
  #news .list .ul_cat > li {
    font-size: 1.8rem;
  }
}
#news .list .ul_cat > li:after {
  font-size: 1.6rem;
  content: "|";
  margin: 0 0.4em;
}
#news .list .ul_cat > li:first-child:before {
  font-size: 1.6rem;
  content: "|";
  margin-right: 0.4em;
}
#news .ul_news {
  margin: 0 0 40px;
}
@media (min-width: 1100px) {
  #news .ul_news {
    width: 100%;
    max-width: 800px;
  }
}
@media (max-width: 1099px) {
  #news .ul_news {
    width: auto;
  }
}
#news .ul_news > li {
  margin-bottom: 28px;
}
#news .ul_news > li:last-child {
  margin-bottom: 0;
}
#news .ul_news > li a {
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 1099px) {
  #news .ul_news > li a {
    display: block;
  }
}
#news .ul_news > li a dt img {
  border: 1px solid #ddd;
  transition: 0.3s;
}
#news .ul_news > li a:hover {
  text-decoration: none;
}
#news .ul_news > li a:hover dt img {
  opacity: 0.56;
  border: 1px solid #009ce1;
}
#news .ul_news > li dl {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#news .ul_news > li dl > dt {
  margin-right: 32px;
  box-sizing: border-box;
}
@media (max-width: 1099px) {
  #news .ul_news > li dl > dt {
    width: 32%;
    min-width: 200px;
  }
  #news .ul_news > li dl > dt img {
    width: 100%;
  }
}
@media (max-width: 1099px) {
  #news .ul_news > li dl > dd {
    width: 68%;
    min-width: 320px;
  }
}
#news .ul_news > li dl > dd .tit {
  padding: 8px 0;
  margin-bottom: 4px;
  font-size: 1.8rem;
  letter-spacing: 0.06em;
  line-height: 1.4;
  color: #009ce1;
}
@media (max-width: 1099px) {
  #news .ul_news > li dl > dd .tit {
    font-size: 2.4rem;
  }
}
#news .ul_news > li dl > dd .desc {
  font-size: 1.2rem;
  letter-spacing: 0.02em;
  line-height: 2.2;
}
@media (max-width: 1099px) {
  #news .ul_news > li dl > dd .desc {
    font-size: 1.8rem;
    line-height: 1.8;
  }
}
#news .ul_news > li dl > dd .ul_date {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 8px;
}
#news .ul_news > li dl > dd .ul_date > li {
  font-size: 1.2rem;
  letter-spacing: 0.06em;
}
@media (max-width: 1099px) {
  #news .ul_news > li dl > dd .ul_date > li {
    font-size: 1.8rem;
  }
}
#news .ul_news > li dl > dd .ul_date > li.cat {
  margin-right: 12px;
}
#news .ul_news > li dl > dd .ul_date > li.cat span {
  display: inline-block;
  vertical-align: middle;
  padding: 4px 12px;
  box-sizing: border-box;
  min-width: 70px;
  background: #009ce1;
  color: #fff;
  text-align: center;
  line-height: 1;
}
#news .ul_news.worklist {
  display: flex;
  flex-wrap: wrap;
  max-width: none;
}
@media (max-width: 1099px) {
  #news .ul_news.worklist {
    justify-content: space-between;
  }
}
#news .ul_news.worklist > li {
  width: 31.5%;
  margin-right: 2.75%;
  margin-bottom: 4%;
}
#news .ul_news.worklist > li:nth-child(3n) {
  margin-right: 0px;
}
@media (max-width: 1099px) {
  #news .ul_news.worklist > li {
    width: 49%;
    margin-right: 0px;
  }
}
#news .ul_news.worklist > li figure {
  margin-bottom: 1em;
}
#news .ul_news.worklist > li figure img {
  max-width: 100%;
}
#news .ul_news.worklist > li dl > dd {
  margin-bottom: 0px;
}
@media (max-width: 1099px) {
  #news .ul_news.worklist > li dl > dd {
    width: auto;
    min-width: 0px;
  }
}
#news .ul_news.worklist > li dl > dd .ul_date {
  margin-bottom: 0px;
}
#news .ul_news.worklist > li dl > dd .ul_date > li {
  margin-bottom: 0px;
}
#news .detail2 {
  padding: 90px 0px;
}
#news .detail2 h2 {
  padding: 0em 0px 0.5em;
  font-size: 26px;
  color: #009ce1;
}
@media (max-width: 1099px) {
  #news .detail2 h2 {
    font-size: 32px;
  }
}
#news .detail2 .entry {
  clear: both;
  padding: 0px 0px 50px;
}
@media (max-width: 1099px) {
  #news .detail2 .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service) > span {
    height: 52px;
    line-height: 52px;
    width: 52px;
  }
}
#news .detail {
  width: 100%;
  padding: 0 0px 90px;
}
#news .detail .ul_date {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 8px;
}
#news .detail .ul_date > li {
  font-size: 1.2rem;
  letter-spacing: 0.06em;
}
@media (max-width: 1099px) {
  #news .detail .ul_date > li {
    font-size: 1.8rem;
  }
}
#news .detail .ul_date > li.cat {
  margin-right: 12px;
}
#news .detail .ul_date > li.cat span {
  display: inline-block;
  vertical-align: middle;
  padding: 4px 12px;
  box-sizing: border-box;
  min-width: 70px;
  background: #009ce1;
  color: #fff;
  text-align: center;
  line-height: 1;
}
#news .detail h2 {
  padding: 0em 0px 0.5em;
  font-size: 26px;
  color: #009ce1;
}
@media (max-width: 1099px) {
  #news .detail h2 {
    font-size: 32px;
  }
}
#news .detail .entry {
  clear: both;
  padding: 0px 0px 50px;
}
#news .detail .entry img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 1099px) {
  #news .detail .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service) > span {
    height: 52px;
    line-height: 52px;
    width: 52px;
  }
}

/*------------------- エントリーリセット ---------------------*/
#tinymce {
  padding: 20px;
}

.entry, #tinymce {
  line-height: 2;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, #tinymce h1, #tinymce h2, #tinymce h3, #tinymce h4, #tinymce h5, #tinymce h6 {
  position: static;
  clear: both;
  float: none;
  height: auto;
  min-height: 1px;
  margin: 0 0 1em;
  padding: 0px;
  background: none;
  border: none;
  color: #333;
  text-shadow: 1px 1px 0 #fff;
}
.entry h1, #tinymce h1 {
  font-size: 145.5%;
}
.entry h2, #tinymce h2 {
  font-size: 136.4%;
}
.entry h3, #tinymce h3 {
  font-size: 127.3%;
}
.entry h4, #tinymce h4 {
  font-size: 127.3%;
}
.entry h5, #tinymce h5 {
  font-size: 118.2%;
}
.entry h6, #tinymce h6 {
  font-size: 100%;
}
.entry strong, .entry b, #tinymce strong, #tinymce b {
  font-weight: bold;
}
.entry p, #tinymce p {
  margin: 0em 0em 2em 0em;
}
.entry em, #tinymce em {
  font-style: italic;
}
.entry ol, #tinymce ol {
  margin: 1em 2em 1em;
}
.entry ul, #tinymce ul {
  margin: 1em 0 1em;
}
.entry ul li, #tinymce ul li {
  margin: 0em 0em 0.5em 1em;
}
.entry ol li, #tinymce ol li {
  margin: 0em 0em 0.5em 0em;
}
.entry ul, #tinymce ul {
  list-style: disc;
}
.entry ol, #tinymce ol {
  list-style: decimal;
}
.entry dl, #tinymce dl {
  margin: 1em 0;
}
.entry dd, #tinymce dd {
  margin-left: 2em;
}
.entry table.wp-oembed,
.entry table.wp-oembed td, #tinymce table.wp-oembed,
#tinymce table.wp-oembed td {
  border: none;
}
.entry table caption, #tinymce table caption {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}
.entry table, #tinymce table {
  clear: both;
  width: 99%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 1em 0 2em;
}
.entry table th, #tinymce table th {
  padding: 0.5em;
  background: #f5f5f5;
  font-weight: bold;
  text-shadow: 1px 1px 0 #fff;
}
.entry table td, #tinymce table td {
  padding: 0.5em;
}
.entry img, #tinymce img {
  max-width: 100%;
  height: auto;
  margin-bottom: 2em;
}
.entry img.aligncenter, #tinymce img.aligncenter {
  clear: both;
  display: block;
  margin: auto;
}
.entry a, #tinymce a {
  text-decoration: underline;
}
.entry iframe, #tinymce iframe {
  max-width: 100%;
}
.entry *:last-child, #tinymce *:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1100px) {
  .entry img.alignleft, #tinymce img.alignleft {
    float: left;
    margin-right: 2em;
  }
  .entry img.alignright, #tinymce img.alignright {
    float: right;
    margin-left: 2em;
  }
}

@keyframes img {
  0% {
    right: 100%;
    width: 100%;
  }
  50% {
    right: 0;
    width: 100%;
  }
  100% {
    right: 0;
    width: 0;
  }
}
@keyframes img {
  0% {
    right: 100%;
    width: 100%;
  }
  50% {
    right: 0;
    width: 100%;
  }
  100% {
    right: 0;
    width: 0;
  }
}
/*-----------------------------------------------------------
   contact
-----------------------------------------------------------*/
#contact, #confirm, #complete {
  background-position: center top;
  background-image: url("../img/about/sec_bg1.png");
  background-repeat: repeat-x;
}
#contact .pagetitle .wrap, #confirm .pagetitle .wrap, #complete .pagetitle .wrap {
  height: 240px;
}
#contact .pagetitle .heading, #confirm .pagetitle .heading, #complete .pagetitle .heading {
  top: 48%;
  width: 100%;
}
#contact .pagetitle .tit, #confirm .pagetitle .tit, #complete .pagetitle .tit {
  text-align: center;
  font-size: 6.6rem;
  font-weight: 600;
  color: #009ce1;
  text-shadow: white 2px 0px, white -2px 0px, white 0px -2px, white 0px 2px, white 2px 2px, white -2px 2px, white 2px -2px, white -2px -2px, white 1px 2px, white -1px 2px, white 1px -2px, white -1px -2px, white 2px 1px, white -2px 1px, white 2px -1px, white -2px -1px;
}
#contact .pagetitle .tip_en:after, #confirm .pagetitle .tip_en:after, #complete .pagetitle .tip_en:after {
  font-family: "Montserrat";
  font-weight: 700;
  display: block;
  margin-top: 8px;
  font-size: 2rem;
  line-height: 1;
  color: #003461;
  letter-spacing: 0.4em;
  position: absolute;
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1099px) {
  #contact .pagetitle .tip_en:after, #confirm .pagetitle .tip_en:after, #complete .pagetitle .tip_en:after {
    font-size: 1.8rem;
  }
}
#contact .pagetitle .tip_en:after, #confirm .pagetitle .tip_en:after, #complete .pagetitle .tip_en:after {
  content: "Contact Us";
}
#contact .detail, #confirm .detail, #complete .detail {
  padding: 2em 0px 90px;
}
#contact .read, #confirm .read, #complete .read {
  margin-bottom: 2em;
  line-height: 2;
  text-align: center;
}
#contact .info .line, #confirm .info .line, #complete .info .line {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #009ce1;
  font-weight: 700;
}
@media (max-width: 1099px) {
  #contact .info .line, #confirm .info .line, #complete .info .line {
    display: block;
    text-align: center;
  }
}
#contact .info .tel, #confirm .info .tel, #complete .info .tel {
  margin-right: 2em;
}
@media (max-width: 1099px) {
  #contact .info .tel, #confirm .info .tel, #complete .info .tel {
    margin: 0px 0px 0.75em;
  }
}
#contact .info .tel span, #confirm .info .tel span, #complete .info .tel span {
  font-size: 2.8rem;
  margin-right: 0.5em;
}
#contact .info .tel a, #confirm .info .tel a, #complete .info .tel a {
  font-size: 4.8rem;
  color: #009ce1;
}
@media (min-width: 1100px) {
  #contact .info .tel a, #confirm .info .tel a, #complete .info .tel a {
    pointer-events: none;
  }
}
#contact h2, #confirm h2, #complete h2 {
  margin-bottom: 0.5em;
  text-align: center;
  font-size: 2.4rem;
  color: #009ce1;
}
@media (max-width: 1099px) {
  #contact h2, #confirm h2, #complete h2 {
    font-size: 3.2rem;
  }
}
#contact .text, #confirm .text, #complete .text {
  margin-bottom: 2em;
  line-height: 2;
  text-align: center;
}
#contact .required, #confirm .required, #complete .required {
  padding-right: 0.5em;
  color: #c00;
}
#contact form, #confirm form, #complete form {
  text-align: left;
}
#contact table, #confirm table, #complete table {
  width: 100%;
  margin-bottom: 45px;
  border-top: 1px solid #c8c5c4;
  font-size: 14px;
  table-layout: fixed;
}
@media (max-width: 1099px) {
  #contact table, #confirm table, #complete table {
    font-size: 24px;
  }
}
#contact table th, #contact table td, #confirm table th, #confirm table td, #complete table th, #complete table td {
  padding: 0.7em 0px;
  border-bottom: 1px solid #c8c5c4;
}
@media (max-width: 1099px) {
  #contact table th, #contact table td, #confirm table th, #confirm table td, #complete table th, #complete table td {
    display: block;
  }
}
#contact table th, #confirm table th, #complete table th {
  width: 12em;
  padding: 1em;
  vertical-align: top;
  font-weight: 400;
  background: #ebebeb;
}
#contact table th span, #confirm table th span, #complete table th span {
  font-weight: normal;
  font-size: 12px;
}
@media (max-width: 1099px) {
  #contact table th span, #confirm table th span, #complete table th span {
    font-size: 22px;
  }
}
@media (max-width: 1099px) {
  #contact table th, #confirm table th, #complete table th {
    width: auto;
    padding: 0.75em;
    border: none;
  }
}
#contact table td, #confirm table td, #complete table td {
  padding-left: 1em;
}
@media (max-width: 1099px) {
  #contact table td, #confirm table td, #complete table td {
    padding: 1em 0px;
  }
}
#contact table .mt, #confirm table .mt, #complete table .mt {
  margin-top: 10px;
}
#contact table input, #confirm table input, #complete table input {
  width: 50%;
}
@media (max-width: 1099px) {
  #contact table input, #confirm table input, #complete table input {
    width: 100%;
    padding: 15px 10px;
  }
}
#contact table input[type=radio], #confirm table input[type=radio], #complete table input[type=radio] {
  width: auto;
  margin-right: 0.25em;
}
@media (max-width: 1099px) {
  #contact table input[type=radio], #confirm table input[type=radio], #complete table input[type=radio] {
    width: 1.2em;
    height: 1.2em;
    margin-right: 0.5em;
  }
}
#contact table .mwform-zip-field input, #contact table .mwform-tel-field input, #confirm table .mwform-zip-field input, #confirm table .mwform-tel-field input, #complete table .mwform-zip-field input, #complete table .mwform-tel-field input {
  width: 5em;
}
@media (max-width: 1099px) {
  #contact table select, #confirm table select, #complete table select {
    padding: 10px;
    padding-right: 2em;
  }
  #contact table select#item, #confirm table select#item, #complete table select#item {
    width: 100%;
  }
}
#contact table #zip, #confirm table #zip, #complete table #zip {
  width: 10em;
  margin: 0px 5px;
}
#contact table textarea, #confirm table textarea, #complete table textarea {
  width: 100%;
  height: 18em;
}
#contact .captcha, #confirm .captcha, #complete .captcha {
  padding: 40px 0px;
  text-align: center;
  line-height: 2.5;
}
#contact .complete h2, #confirm .complete h2, #complete .complete h2 {
  margin-bottom: 1em;
  color: #009ce1;
  font-size: 3.2rem;
}
@media (max-width: 1099px) {
  #contact .complete h2, #confirm .complete h2, #complete .complete h2 {
    font-size: 36px;
  }
}
#contact .complete p, #confirm .complete p, #complete .complete p {
  margin-bottom: 2em;
  line-height: 2;
  text-align: center;
}
#contact .privacy, #confirm .privacy, #complete .privacy {
  margin-bottom: 2.5em;
  text-align: center;
  font-size: 16px;
}
@media (max-width: 1099px) {
  #contact .privacy, #confirm .privacy, #complete .privacy {
    font-size: 24px;
  }
}
#contact .send, #confirm .send, #complete .send {
  text-align: center;
}
@media (max-width: 1099px) {
  #contact .send, #confirm .send, #complete .send {
    display: flex;
  }
}
#contact .send input, #contact .send button, #contact .send a, #confirm .send input, #confirm .send button, #confirm .send a, #complete .send input, #complete .send button, #complete .send a {
  background: none;
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 480px;
  padding: 1.25em 0px;
  background-repeat: no-repeat;
  background-position: right 2em center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%229.3px%22%20height%3D%229.3px%22%20viewBox%3D%220%200%209.3%209.3%22%20style%3D%22enable-background%3Anew%200%200%209.3%209.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M9.3%2C4.6L9.3%2C4.6l-9%2C4.7L0%2C8.6l7.6-3.9v0L0%2C0.7L0.4%2C0L9.3%2C4.6z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  border-radius: 8px;
  color: #fff;
  border: none;
  font-size: 3.2rem;
  font-weight: 700;
  text-align: center;
  box-shadow: 0px 6px 0px #e6e6e6;
}
#contact .send input span, #contact .send button span, #contact .send a span, #confirm .send input span, #confirm .send button span, #confirm .send a span, #complete .send input span, #complete .send button span, #complete .send a span {
  display: block;
  font-weight: 400;
  font-family: "Noto Serif Japanese", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  font-size: 2rem;
}
@media (max-width: 1099px) {
  #contact .send input, #contact .send button, #contact .send a, #confirm .send input, #confirm .send button, #confirm .send a, #complete .send input, #complete .send button, #complete .send a {
    background-position: right 1em center;
  }
}
#contact .send input:before, #contact .send button:before, #contact .send a:before, #confirm .send input:before, #confirm .send button:before, #confirm .send a:before, #complete .send input:before, #complete .send button:before, #complete .send a:before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  z-index: -2;
  background: #fbb700;
}
@media (min-width: 1100px) {
  #contact .send input, #contact .send button, #contact .send a, #confirm .send input, #confirm .send button, #confirm .send a, #complete .send input, #complete .send button, #complete .send a {
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  #contact .send input:after, #contact .send button:after, #contact .send a:after, #confirm .send input:after, #confirm .send button:after, #confirm .send a:after, #complete .send input:after, #complete .send button:after, #complete .send a:after {
    content: "";
    position: absolute;
    width: 0;
    bottom: 0;
    height: 120%;
    left: -10%;
    transform: skewX(15deg);
    z-index: -1;
    background: #009ce1;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  #contact .send input:hover, #contact .send button:hover, #contact .send a:hover, #confirm .send input:hover, #confirm .send button:hover, #confirm .send a:hover, #complete .send input:hover, #complete .send button:hover, #complete .send a:hover {
    background-position: 97% center;
  }
  #contact .send input:hover:after, #contact .send button:hover:after, #contact .send a:hover:after, #confirm .send input:hover:after, #confirm .send button:hover:after, #confirm .send a:hover:after, #complete .send input:hover:after, #complete .send button:hover:after, #complete .send a:hover:after {
    left: -10%;
    width: 120%;
  }
}
@media (max-width: 1099px) {
  #contact .send input, #contact .send button, #contact .send a, #confirm .send input, #confirm .send button, #confirm .send a, #complete .send input, #complete .send button, #complete .send a {
    display: block;
    width: 100%;
    font-size: 32px;
    background-size: 18px;
  }
}
#contact .send input[name=submitBack], #contact .send button[name=submitBack], #contact .send a[name=submitBack], #confirm .send input[name=submitBack], #confirm .send button[name=submitBack], #confirm .send a[name=submitBack], #complete .send input[name=submitBack], #complete .send button[name=submitBack], #complete .send a[name=submitBack] {
  width: 240px;
  background: #000;
  margin-right: 1em;
}
@media (max-width: 1099px) {
  #contact .send input[name=submitBack], #contact .send button[name=submitBack], #contact .send a[name=submitBack], #confirm .send input[name=submitBack], #confirm .send button[name=submitBack], #confirm .send a[name=submitBack], #complete .send input[name=submitBack], #complete .send button[name=submitBack], #complete .send a[name=submitBack] {
    width: 25%;
    margin-right: 2%;
  }
  #contact .send input[name=submitBack] + button, #contact .send button[name=submitBack] + button, #contact .send a[name=submitBack] + button, #confirm .send input[name=submitBack] + button, #confirm .send button[name=submitBack] + button, #confirm .send a[name=submitBack] + button, #complete .send input[name=submitBack] + button, #complete .send button[name=submitBack] + button, #complete .send a[name=submitBack] + button {
    width: 73%;
  }
}
#contact .send input[name=submitSend], #contact .send button[name=submitSend], #contact .send a[name=submitSend], #confirm .send input[name=submitSend], #confirm .send button[name=submitSend], #confirm .send a[name=submitSend], #complete .send input[name=submitSend], #complete .send button[name=submitSend], #complete .send a[name=submitSend] {
  width: 240px;
  background: #000;
  margin-right: 1em;
}
@media (max-width: 1099px) {
  #contact .send input[name=submitSend], #contact .send button[name=submitSend], #contact .send a[name=submitSend], #confirm .send input[name=submitSend], #confirm .send button[name=submitSend], #confirm .send a[name=submitSend], #complete .send input[name=submitSend], #complete .send button[name=submitSend], #complete .send a[name=submitSend] {
    width: 25%;
    margin-right: 2%;
  }
  #contact .send input[name=submitSend] + button, #contact .send button[name=submitSend] + button, #contact .send a[name=submitSend] + button, #confirm .send input[name=submitSend] + button, #confirm .send button[name=submitSend] + button, #confirm .send a[name=submitSend] + button, #complete .send input[name=submitSend] + button, #complete .send button[name=submitSend] + button, #complete .send a[name=submitSend] + button {
    width: 73%;
  }
}
#contact .home, #confirm .home, #complete .home {
  text-align: center;
}
#contact .home a, #confirm .home a, #complete .home a {
  position: relative;
  top: 0px;
  display: inline-block;
  width: 410px;
  line-height: 80px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: right 1em center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%229.3px%22%20height%3D%229.3px%22%20viewBox%3D%220%200%209.3%209.3%22%20style%3D%22enable-background%3Anew%200%200%209.3%209.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23224AA0%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M9.3%2C4.6L9.3%2C4.6l-9%2C4.7L0%2C8.6l7.6-3.9v0L0%2C0.7L0.4%2C0L9.3%2C4.6z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  border: 1px solid #009ce1;
  border-radius: 8px;
  box-shadow: 0px 5px 0px #d2d2d2;
  color: #009ce1;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (min-width: 1100px) {
  #contact .home a:hover, #confirm .home a:hover, #complete .home a:hover {
    top: 3px;
    box-shadow: 0px 2px 0px #d2d2d2;
  }
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  padding-right: 2em;
}

.ui-datepicker select.ui-datepicker-year {
  width: 50%;
}

.ui-datepicker select.ui-datepicker-month {
  width: 40%;
}

.ui-datepicker .ui-datepicker-header {
  font-size: 1.4rem;
}

#confirm .privacy {
  display: none;
}
#confirm .confnone {
  display: none;
}
#confirm .required {
  display: none;
}

@keyframes img {
  0% {
    right: 100%;
    width: 100%;
  }
  50% {
    right: 0;
    width: 100%;
  }
  100% {
    right: 0;
    width: 0;
  }
}
@keyframes img {
  0% {
    right: 100%;
    width: 100%;
  }
  50% {
    right: 0;
    width: 100%;
  }
  100% {
    right: 0;
    width: 0;
  }
}
/*-----------------------------------------------------------
   privacy
-----------------------------------------------------------*/
#privacy, #security {
  background-position: center top;
  background-image: url("../img/about/sec_bg1.png");
  background-repeat: repeat-x;
}
#privacy .pagetitle .wrap, #security .pagetitle .wrap {
  height: 240px;
}
#privacy .pagetitle .heading, #security .pagetitle .heading {
  top: 48%;
  width: 100%;
}
#privacy .pagetitle .tit, #security .pagetitle .tit {
  text-align: center;
  font-size: 6.6rem;
  font-weight: 600;
  color: #009ce1;
  text-shadow: white 2px 0px, white -2px 0px, white 0px -2px, white 0px 2px, white 2px 2px, white -2px 2px, white 2px -2px, white -2px -2px, white 1px 2px, white -1px 2px, white 1px -2px, white -1px -2px, white 2px 1px, white -2px 1px, white 2px -1px, white -2px -1px;
}
#privacy .pagetitle .tip_en:after, #security .pagetitle .tip_en:after {
  font-family: "Montserrat";
  font-weight: 700;
  display: block;
  margin-top: 8px;
  font-size: 2rem;
  line-height: 1;
  color: #003461;
  letter-spacing: 0.4em;
  position: absolute;
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1099px) {
  #privacy .pagetitle .tip_en:after, #security .pagetitle .tip_en:after {
    font-size: 1.8rem;
  }
}
#privacy .pagetitle .tip_en:after, #security .pagetitle .tip_en:after {
  content: "Privacy Policy";
}
#privacy .detail, #security .detail {
  padding: 2em 0px 90px;
}
#privacy .detail .read, #security .detail .read {
  margin-bottom: 2em;
  line-height: 2;
}
#privacy .detail dt, #security .detail dt {
  padding-bottom: 0.2em;
  margin-bottom: 0.4em;
  color: #009ce1;
}
#privacy .detail dd, #security .detail dd {
  margin-bottom: 2em;
  line-height: 2;
}
#privacy .detail .name, #security .detail .name {
  text-align: right;
}

@keyframes img {
  0% {
    right: 100%;
    width: 100%;
  }
  50% {
    right: 0;
    width: 100%;
  }
  100% {
    right: 0;
    width: 0;
  }
}
@keyframes img {
  0% {
    right: 100%;
    width: 100%;
  }
  50% {
    right: 0;
    width: 100%;
  }
  100% {
    right: 0;
    width: 0;
  }
}
/*-----------------------------------------------------------
   sitemaps
-----------------------------------------------------------*/
#sitemaps {
  background-position: center top;
  background-image: url("../img/about/sec_bg1.png");
  background-repeat: repeat-x;
}
#sitemaps .pagetitle .wrap {
  height: 240px;
}
#sitemaps .pagetitle .heading {
  top: 48%;
  width: 100%;
}
#sitemaps .pagetitle .tit {
  text-align: center;
  font-size: 6.6rem;
  font-weight: 600;
  color: #009ce1;
  text-shadow: white 2px 0px, white -2px 0px, white 0px -2px, white 0px 2px, white 2px 2px, white -2px 2px, white 2px -2px, white -2px -2px, white 1px 2px, white -1px 2px, white 1px -2px, white -1px -2px, white 2px 1px, white -2px 1px, white 2px -1px, white -2px -1px;
}
#sitemaps .pagetitle .tip_en:after {
  font-family: "Montserrat";
  font-weight: 700;
  display: block;
  margin-top: 8px;
  font-size: 2rem;
  line-height: 1;
  color: #003461;
  letter-spacing: 0.4em;
  position: absolute;
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1099px) {
  #sitemaps .pagetitle .tip_en:after {
    font-size: 1.8rem;
  }
}
#sitemaps .pagetitle .tip_en:after {
  content: "Site Map";
}
#sitemaps .detail {
  padding: 2em 0px 90px;
}
#sitemaps .detail .list {
  border-bottom: 1px solid #aaa;
}
#sitemaps .detail .list > li {
  border-top: 1px solid #aaa;
}
#sitemaps .detail .list > li > a {
  display: block;
  padding: 1em 1em;
}
#sitemaps .detail .list ul.sub-menu {
  border-top: 1px solid #ddd;
}
#sitemaps .detail .list ul.sub-menu li {
  display: inline-block;
}
@media (max-width: 1099px) {
  #sitemaps .detail .list ul.sub-menu li {
    display: block;
    margin: 1.5em;
  }
}
#sitemaps .detail .list ul.sub-menu li a {
  display: block;
  padding: 1.5em 1em;
  margin-right: 1em;
}
@media (max-width: 1099px) {
  #sitemaps .detail .list ul.sub-menu li a {
    padding: 0px;
    margin: 0px;
  }
}

@keyframes img {
  0% {
    right: 100%;
    width: 100%;
  }
  50% {
    right: 0;
    width: 100%;
  }
  100% {
    right: 0;
    width: 0;
  }
}
@keyframes img {
  0% {
    right: 100%;
    width: 100%;
  }
  50% {
    right: 0;
    width: 100%;
  }
  100% {
    right: 0;
    width: 0;
  }
}
/*-----------------------------------------------------------
   common
-----------------------------------------------------------*/
/*-----------------------------------------------------------
   company
-----------------------------------------------------------*/
#about {
  background-position: center top;
  background-image: url("../img/about/sec_bg1.png");
  background-repeat: repeat-x;
}
#about .pagetitle .wrap {
  height: 240px;
}
#about .pagetitle .heading {
  top: 60%;
}
#about .pagetitle .tip_en:after {
  font-family: "Montserrat";
  font-weight: 700;
  display: block;
  margin-top: 8px;
  font-size: 2rem;
  line-height: 1;
  color: #003461;
  letter-spacing: 0.4em;
  position: absolute;
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1099px) {
  #about .pagetitle .tip_en:after {
    font-size: 1.8rem;
  }
}
#about .pagetitle .tip_en:after {
  content: "FLOW";
}
#about #promise {
  background-position: center bottom;
  background-image: url("../img/about/evidence_bg1.svg");
  background-repeat: repeat-x;
}
#about #promise .box {
  box-sizing: border-box;
  padding: 24px 56px;
  margin-bottom: 56px;
  border-radius: 8px;
  background: linear-gradient(0deg, rgb(0, 160, 255) 3.76%, rgb(0, 184, 255) 100%);
  color: #fff;
}
@media (max-width: 1099px) {
  #about #promise .box {
    padding: 32px 24px 24px;
  }
}
#about #promise .box .heading {
  text-align: center;
  margin-bottom: 24px;
}
#about #promise .box .ul_promise {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1099px) {
  #about #promise .box .ul_promise {
    flex-direction: column;
  }
}
#about #promise .box .ul_promise > li {
  width: 30%;
}
@media (max-width: 1099px) {
  #about #promise .box .ul_promise > li {
    width: 100%;
    text-align: center;
    margin-bottom: 24px;
  }
}
#about #promise .box .ul_promise > li .tmb {
  text-align: center;
  padding: 16px 0;
  position: relative;
}
@media (max-width: 1099px) {
  #about #promise .box .ul_promise > li .tmb {
    width: 160px;
    display: inline-block;
    margin-bottom: 24px;
  }
}
#about #promise .box .ul_promise > li .tmb:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 92px;
  height: 68px;
  background: url(../img/about/commit_ol01.svg) center center/contain no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 1099px) {
  #about #promise .box .ul_promise > li .tmb:before {
    width: 72px;
    height: 48px;
  }
}
#about #promise .box .ul_promise > li .txt {
  text-align: center;
  margin: 0 auto;
}
@media (max-width: 1099px) {
  #about #promise .box .ul_promise > li .txt {
    text-align: left;
  }
}
#about #promise .box .ul_promise > li .txt .tit {
  font-size: 4.2rem;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 auto;
  width: 100%;
  height: 3em;
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 1099px) {
  #about #promise .box .ul_promise > li .txt .tit {
    font-size: 3.2rem;
    height: auto;
    margin-bottom: 8px;
  }
}
#about #promise .box .ul_promise > li:nth-child(2) .tmb:before {
  background: url(../img/about/commit_ol02.svg) center center/contain no-repeat;
}
#about #promise .box .ul_promise > li:nth-child(3) .tmb:before {
  background: url(../img/about/commit_ol03.svg) center center/contain no-repeat;
}
#about #promise .evidence .heading {
  text-align: center;
  padding: 16px 0;
  margin-bottom: 16px;
}
#about #promise .evidence .heading .tit {
  font-size: 7rem;
  font-weight: 600;
  color: #009ce1;
}
@media (max-width: 1099px) {
  #about #promise .evidence .heading .tit {
    font-size: 4.8rem;
  }
}
#about #promise .evidence .txt_line {
  font-size: 1.8rem;
  line-height: 1.6;
  margin-bottom: 24px;
}
@media (max-width: 1099px) {
  #about #promise .evidence .txt_line {
    font-size: 2.2rem;
  }
}
#about #promise .evidence .blk_quality {
  padding: 24px 0;
}
#about #promise .evidence .blk_quality .tit {
  font-size: 2.6rem;
  line-height: 1.4;
  text-align: center;
  color: #003461;
  padding: 16px 0;
}
@media (max-width: 1099px) {
  #about #promise .evidence .blk_quality .tit {
    font-size: 2.4rem;
  }
}
#about #promise .evidence .blk_quality .ul_quality {
  margin: 16px auto;
  display: flex;
  justify-content: center;
}
#about #promise .evidence .blk_quality .ul_quality > li {
  margin: 0 16px;
}
#about #promise .evidence .blk_quality .ul_quality > li .cap {
  padding: 8px 0;
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
}
@media (max-width: 1099px) {
  #about #promise .evidence .blk_quality .ul_quality > li .cap {
    font-size: 1.8rem;
  }
}
#about #promise .evidence .ul_staff {
  margin: 16px auto 40px;
  padding: 20px;
  background: #fdb900;
}
#about #promise .evidence .ul_staff h3 {
  font-size: 3.3rem;
  color: #c00;
  text-align: center;
}
@media (max-width: 1099px) {
  #about #promise .evidence .ul_staff h3 {
    font-size: 3rem;
  }
}
#about #promise .evidence .ul_staff .text {
  margin-bottom: 1em;
  font-size: 2.6rem;
  text-align: center;
  font-weight: 700;
}
@media (max-width: 1099px) {
  #about #promise .evidence .ul_staff .text {
    font-size: 2.4rem;
  }
}
#about #promise .evidence .ul_staff > ul {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1099px) {
  #about #promise .evidence .ul_staff > ul {
    flex-direction: column;
  }
}
#about #promise .evidence .ul_staff > ul > li {
  width: 49%;
  padding: 1em;
  background: #fff;
  box-sizing: border-box;
}
@media (max-width: 1099px) {
  #about #promise .evidence .ul_staff > ul > li {
    width: auto;
    margin-bottom: 24px;
  }
}
#about #promise .evidence .ul_staff > ul > li .lo {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1099px) {
  #about #promise .evidence .ul_staff > ul > li .lo {
    justify-content: flex-start;
  }
}
#about #promise .evidence .ul_staff > ul > li .lo .tmb {
  margin-right: 8px;
}
@media (max-width: 1099px) {
  #about #promise .evidence .ul_staff > ul > li .lo .tmb {
    margin-right: 16px;
  }
}
@media (max-width: 1099px) {
  #about #promise .evidence .ul_staff > ul > li .lo .txt {
    width: 80%;
  }
}
#about #promise .evidence .ul_staff > ul > li .lo .txt .tit {
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 1.3;
  color: #009ce1;
  border-bottom: 1px solid #009ce1;
  padding: 8px 0;
  margin-bottom: 8px;
}
@media (min-width: 1100px) {
  #about #promise .evidence .ul_staff > ul > li .lo .txt .tit {
    white-space: nowrap;
  }
}
#about #promise .evidence .ul_staff > ul > li .lo .txt .gr_date {
  font-size: 1.5rem;
  line-height: 1.4;
}
@media (max-width: 1099px) {
  #about #promise .evidence .ul_staff > ul > li .lo .txt .gr_date {
    font-size: 2rem;
  }
}
#about #promise .evidence .ul_staff > ul > li .lo strong {
  font-size: 2.2rem;
}
#about #promise .evidence .ul_staff > ul.staff_wrap {
  margin-bottom: 18px;
}
#about #promise .evidence .ul_staff > ul.staff_wrap_center {
  justify-content: center;
}
#about #promise .img1 {
  margin: 0 auto;
  text-align: center;
}
#about #tosoumenu {
  background-position: center top;
  background-image: url("../img/about/sec_bg1.png");
  background-repeat: repeat-x;
  padding: 40px 0;
}
#about #tosoumenu .heading {
  text-align: center;
  padding: 16px 0;
  margin-bottom: 16px;
}
#about #tosoumenu .heading .tip_en:after {
  content: "MENU";
}
#about #tosoumenu .box {
  box-sizing: border-box;
  padding: 64px 40px;
  margin-bottom: 40px;
  border-radius: 8px;
  background: linear-gradient(0deg, rgb(0, 160, 255) 3.76%, rgb(0, 184, 255) 100%);
  color: #fff;
}
@media (max-width: 1099px) {
  #about #tosoumenu .box {
    padding: 32px 24px;
  }
}
#about #tosoumenu .box .txt_line {
  max-width: 700px;
  font-size: 2rem;
  line-height: 1.6;
  letter-spacing: 0.08em;
  margin: 0 auto 56px;
}
@media (max-width: 1099px) {
  #about #tosoumenu .box .txt_line {
    font-size: 2.2rem;
  }
}
#about #tosoumenu .box .ul_tosoumenu {
  max-width: 700px;
  margin: 16px auto;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1099px) {
  #about #tosoumenu .box .ul_tosoumenu {
    flex-wrap: wrap;
    margin: 16px 32px;
  }
}
#about #tosoumenu .box .ul_tosoumenu > li {
  color: #009ce1;
  background: #fff;
  width: 130px;
  height: 130px;
  border-radius: 65px;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 1099px) {
  #about #tosoumenu .box .ul_tosoumenu > li {
    border-radius: 120px;
    width: 200px;
    height: 200px;
    margin: 0 12px 24px;
  }
}
#about #tosoumenu .box .ul_tosoumenu > li span {
  text-align: center;
  color: #00a0ff;
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.04em;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#about #corporate {
  background-position: center top;
  background-image: url("../img/about/sec_bg2.png");
  background-repeat: repeat;
  padding: 40px 0;
}
#about #corporate .heading {
  text-align: center;
  padding: 16px 0;
  margin-bottom: 16px;
}
#about #corporate .heading .tip_en:after {
  content: "CORPORATE";
}
#about #corporate .wrap {
  border-radius: 8px;
  padding: 40px;
  box-sizing: border-box;
  background: #fff;
}
#about #corporate .message {
  color: #003461;
}
#about #corporate .message .txt_line {
  font-size: 2rem;
  letter-spacing: 0.08em;
  line-height: 1.6;
  position: relative;
}
@media (max-width: 1099px) {
  #about #corporate .message .txt_line {
    font-size: 2.2rem;
  }
}
#about #corporate .message .txt_line p:nth-child(2) {
  width: 720px;
}
@media (max-width: 1099px) {
  #about #corporate .message .txt_line p:nth-child(2) {
    width: auto;
  }
}
#about #corporate .message .txt_line .name {
  font-size: 1.6rem;
  line-height: 1.8;
  position: relative;
  margin: 32px 0 0;
  padding-right: 174px;
  text-align: right;
}
@media (max-width: 1099px) {
  #about #corporate .message .txt_line .name {
    font-size: 1.8rem;
    margin-top: 88px;
  }
}
#about #corporate .message .txt_line .name:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 158px;
  height: 168px;
  background: url(../img/about/msg_tmb1.png) center center/contain no-repeat;
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 80px 0 0;
}
#about #corporate .outline {
  padding: 56px 0 0;
}
#about #corporate .outline table.table_std {
  width: 100%;
  border: 1px solid #c8c5c4;
  font-size: 1.5rem;
  font-weight: 400;
}
@media (max-width: 1099px) {
  #about #corporate .outline table.table_std {
    font-size: 2.2rem;
  }
}
#about #corporate .outline table.table_std th, #about #corporate .outline table.table_std td {
  padding: 0.4em 1.2em;
  border: 1px solid #c8c5c4;
}
@media (max-width: 1099px) {
  #about #corporate .outline table.table_std th, #about #corporate .outline table.table_std td {
    display: block;
    border: none;
  }
}
#about #corporate .outline table.table_std th {
  width: 8em;
  vertical-align: top;
  font-weight: normal;
}
@media (max-width: 1099px) {
  #about #corporate .outline table.table_std th {
    width: auto;
    border-right: none;
    border-bottom: none;
    padding-bottom: 0px;
    border-top: 1px solid #c8c5c4;
  }
}
#about #corporate .outline table.table_std td {
  border-left: none;
  border-right: none;
}
@media (max-width: 1099px) {
  #about #corporate .outline table.table_std td {
    border-bottom: 1px solid #c8c5c4;
  }
}
#about #corporate .outline table.table_std thead th, #about #corporate .outline table.table_std thead td {
  text-align: center;
  padding: 0.8em 1.2em;
}
@media (max-width: 1099px) {
  #about #corporate .outline table.table_std thead th, #about #corporate .outline table.table_std thead td {
    display: none;
  }
}
#about #corporate .outline table.table_std thead th {
  color: #fff;
  background: #009ce1;
}
#about #corporate .outline table.table_std thead td {
  color: #fff;
  background: #003461;
}
#about #corporate .outline table.table_std tbody td p.kome {
  text-indent: -1em;
  padding-left: 1em;
}
#about #corporate .outline table.table_std tbody td .ul_officer > li {
  position: relative;
}
#about #corporate .outline table.table_std tbody td .ul_officer > li span {
  position: absolute;
  left: 10em;
}
#about #corporate .outline table.table_std tbody td .ul_group > li {
  margin-bottom: 0.8em;
}
#about #corporate .outline table.table_std tbody td .ul_group > li a {
  color: #08f;
  text-decoration: underline;
  transition: 0.3s;
  position: relative;
}
#about #corporate .outline table.table_std tbody td .ul_group > li a:hover {
  color: #333;
}
#about #corporate .outline table.table_std tbody td .ul_group > li a:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 8px;
  background: url(../img/company/icn_linkarr.svg) center center no-repeat;
  background-size: contain;
  margin-right: 6px;
}
@media (max-width: 1099px) {
  #about #corporate .outline table.table_std tbody td .ul_group > li a:before {
    width: 10px;
    height: 12px;
    margin-right: 8px;
  }
}
#about #corporate .outline table.table_std tbody td .ul_group > li:last-child {
  margin-bottom: 0;
}

@keyframes img {
  0% {
    right: 100%;
    width: 100%;
  }
  50% {
    right: 0;
    width: 100%;
  }
  100% {
    right: 0;
    width: 0;
  }
}
@keyframes img {
  0% {
    right: 100%;
    width: 100%;
  }
  50% {
    right: 0;
    width: 100%;
  }
  100% {
    right: 0;
    width: 0;
  }
}
/*-----------------------------------------------------------
   price
-----------------------------------------------------------*/
#price {
  background-position: center 75px;
  background-image: url("../img/price/main.png");
  background-repeat: no-repeat;
}
@media (max-width: 1099px) {
  #price .pagetitle .wrap {
    height: 370px;
  }
}
#price .pagetitle .tip_en:after {
  font-family: "Montserrat";
  font-weight: 700;
  display: block;
  margin-top: 8px;
  font-size: 2rem;
  line-height: 1;
  color: #003461;
  letter-spacing: 0.4em;
  position: absolute;
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1099px) {
  #price .pagetitle .tip_en:after {
    font-size: 1.8rem;
  }
}
#price .pagetitle .tip_en:after {
  content: "PRICE";
}
#price #price_conts {
  background-position: center -180px;
  background-image: url("../img/price/sec_bg2.png");
  background-size: 1200px auto;
  background-repeat: repeat-y;
  padding: 0 0 140px;
}
#price #price_conts .wrap > .heading {
  position: relative;
  padding: 90px 0 64px;
  color: #fff;
}
@media (max-width: 1099px) {
  #price #price_conts .wrap > .heading {
    padding: 64px 0 24px;
  }
}
#price #price_conts .wrap > .heading .tit {
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 8px;
}
@media (max-width: 1099px) {
  #price #price_conts .wrap > .heading .tit {
    font-size: 2.4rem;
  }
}
#price #price_conts .wrap > .heading .desc {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
}
@media (max-width: 1099px) {
  #price #price_conts .wrap > .heading .desc {
    font-size: 1.8rem;
  }
}
#price #price_conts .wrap > .heading .obj1 {
  position: absolute;
  right: 0;
  bottom: 32px;
}
@media (max-width: 1099px) {
  #price #price_conts .wrap > .heading .obj1 {
    width: 280px;
    bottom: 48px;
  }
}
#price .blk_price {
  padding: 0 0 16px;
  margin-bottom: 16px;
  background: #ffffff;
  border-radius: 8px;
  border: 3px solid #21345c;
  position: relative;
  margin-bottom: 80px;
}
@media (max-width: 420px) {
  #price .blk_price {
    width: 100%;
    min-height: inherit;
  }
}
#price .blk_price .hd_obi1 {
  padding: 0;
  background: #13a9fe;
  color: #fff;
  border-radius: 4px 4px 0 0;
}
@media (max-width: 420px) {
  #price .blk_price .hd_obi1 {
    padding: 0;
  }
}
#price .blk_price .hd_obi1 .tit {
  font-size: 3.2rem;
  line-height: 1;
  color: #fff;
  padding: 0.6em 80px 0.6em 80px;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
@media (max-width: 1099px) {
  #price .blk_price .hd_obi1 .tit {
    font-size: 2.4rem;
    line-height: 1.2;
  }
}
#price .blk_price .cont {
  width: 700px;
  margin: 0 auto;
  padding: 40px 0;
}
@media (max-width: 1099px) {
  #price .blk_price .cont {
    width: auto;
    margin: 0 24px;
  }
}
#price .blk_price .cont .txt_line p {
  font-size: 1.8rem;
  line-height: 1.6;
  letter-spacing: 0.08em;
}
@media (max-width: 1099px) {
  #price .blk_price .cont .txt_line p {
    font-size: 2.2rem;
    line-height: 1.6;
  }
}
#price #price_lead .heading {
  background-image: url(../img/price/h_lead_bg1.png);
  background-size: cover;
}
#price #price_lead .ul_formula {
  display: flex;
  justify-content: space-between;
  margin: 32px auto 32px;
}
@media (max-width: 1099px) {
  #price #price_lead .ul_formula {
    flex-wrap: wrap;
  }
}
@media (max-width: 1099px) {
  #price #price_lead .ul_formula > li {
    width: 200px;
    margin: 0 auto 16px;
  }
}
#price #price_lead .ul_formula > li .tit {
  width: 134px;
  height: 134px;
  background: #00baff;
  border-radius: 6px;
  text-align: center;
  color: #fff;
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 1.2;
  display: table-cell;
  vertical-align: middle;
}
@media (max-width: 1099px) {
  #price #price_lead .ul_formula > li .tit {
    width: 200px;
    height: 200px;
    font-size: 4rem;
  }
}
#price #price_lead .ul_formula > li p {
  padding: 8px 0;
  color: #00baff;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-align: center;
}
@media (max-width: 1099px) {
  #price #price_lead .ul_formula > li p {
    font-size: 2rem;
  }
}
#price #price_lead .ul_formula > li:last-child .tit {
  background: #008aff;
}
#price #price_lead .ul_formula > li:last-child p {
  color: #008aff;
}
#price #price_lead .ul_srv {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 40px auto;
}
@media (max-width: 1099px) {
  #price #price_lead .ul_srv {
    width: 100%;
    flex-direction: column;
  }
}
#price #price_lead .ul_srv > li {
  border-radius: 8px;
  background: #eceff1;
}
@media (max-width: 1099px) {
  #price #price_lead .ul_srv > li {
    margin-bottom: 16px;
    padding: 12px 16px;
    box-sizing: border-box;
  }
  #price #price_lead .ul_srv > li:last-child {
    margin-bottom: 0;
  }
}
#price #price_lead .ul_srv > li a {
  display: inline-block;
}
#price #price_lead .ul_srv > li.tpoint {
  width: 400px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1099px) {
  #price #price_lead .ul_srv > li.tpoint {
    width: 100%;
    height: auto;
  }
}
#price #price_lead .ul_srv > li.tpoint .lo1 {
  display: flex;
  justify-content: center;
  align-items: center;
}
#price #price_lead .ul_srv > li.tpoint .lo1 p {
  margin-left: 24px;
  font-size: 2rem;
  line-height: 1.8;
  color: #003461;
  font-weight: 600;
}
@media (max-width: 1099px) {
  #price #price_lead .ul_srv > li.tpoint .lo1 p {
    line-height: 1.6;
  }
}
#price #price_lead .ul_srv > li.aplus {
  width: 280px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1099px) {
  #price #price_lead .ul_srv > li.aplus {
    width: 100%;
    height: auto;
  }
}
#price #price_pack .heading {
  position: relative;
  background: #fdb900;
}
#price #price_pack .heading span {
  font-size: 2rem;
}
#price #price_pack .heading .obj1 {
  position: absolute;
  right: 80px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1099px) {
  #price #price_pack .heading .obj1 {
    right: 24px;
    width: 120px;
  }
}
#price #price_pack .cont1 {
  width: 780px;
}
@media (max-width: 1099px) {
  #price #price_pack .cont1 {
    width: auto;
  }
}
#price #price_pack .cont1 .txt_line .tit {
  color: #008aff;
  font-weight: 400;
  font-size: 3rem;
  line-height: 1.4;
  text-align: center;
  padding: 16px 0;
  margin-bottom: 16px;
}
@media (max-width: 1099px) {
  #price #price_pack .cont1 .txt_line .tit {
    font-size: 2.4rem;
    margin-bottom: 8px;
  }
}
#price #price_pack .cont1 .ul_case {
  display: flex;
  justify-content: space-between;
  margin: 56px auto 32px;
}
#price #price_pack .cont1 .ul_case > li {
  width: 320px;
}
#price #price_pack .cont1 .lo1 {
  display: flex;
  justify-content: center;
  align-items: center;
}
#price #price_pack .cont1 .lo1 .txt {
  text-align: center;
}
#price #price_pack .cont1 .lo1 .txt .tit {
  color: #008aff;
  font-weight: 600;
  font-size: 3rem;
  line-height: 1.4;
  text-align: center;
  padding: 16px 0;
}
#price #price_pack .cont1 .lo1 .txt p {
  color: #003461;
  font-size: 1.8rem;
  line-height: 1.4;
}
@media (max-width: 1099px) {
  #price #price_pack .cont1 .lo1 .txt p {
    font-size: 2rem;
    line-height: 1.8;
  }
}
#price #price_pack .hd_obi2 {
  padding: 0;
  background: #fdb900;
  color: #fff;
  border-radius: 4px 4px 0 0;
}
@media (max-width: 420px) {
  #price #price_pack .hd_obi2 {
    padding: 0;
  }
}
#price #price_pack .hd_obi2 .tit {
  font-size: 2.6rem;
  line-height: 1;
  color: #fff;
  padding: 0.6em 80px 0.6em 80px;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
@media (max-width: 1099px) {
  #price #price_pack .hd_obi2 .tit {
    font-size: 2.4rem;
    padding: 0 8px 12px 28px;
    line-height: 1.2;
  }
}
#price #price_pack .cont2 {
  width: 780px;
  margin: 0 auto;
  padding: 40px 0;
}
@media (max-width: 1099px) {
  #price #price_pack .cont2 {
    width: auto;
    padding: 32px 16px;
  }
}
#price #price_pack .cont2 .txt_line {
  margin-bottom: 48px;
}
#price #price_pack .cont2 .txt_line .tit {
  font-size: 3rem;
  text-align: center;
}
#price #price_pack .cont2 .txt_line p {
  font-size: 1.8rem;
  line-height: 1.6;
  letter-spacing: 0.08em;
  color: #003461;
}
@media (max-width: 1099px) {
  #price #price_pack .cont2 .txt_line p {
    font-size: 2rem;
    line-height: 1.8;
  }
}
#price #price_pack .cont2 .tit {
  color: #009ce1;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.2;
}
#price #price_pack .cont2 table.table_outline {
  width: 100%;
  font-size: 1.5rem;
  border: 1px solid #d3d3d3;
  margin: 4px auto 4px;
}
@media (max-width: 1099px) {
  #price #price_pack .cont2 table.table_outline {
    font-size: 1.8rem;
  }
}
#price #price_pack .cont2 table.table_outline th, #price #price_pack .cont2 table.table_outline td {
  border: 1px solid #d3d3d3;
  padding: 8px;
}
#price #price_pack .cont2 table.table_outline th {
  font-weight: normal;
}
#price #price_pack .cont2 table.table_outline thead th {
  color: #fff;
  background: #009ce1;
  text-align: center;
}
#price #price_pack .cont2 table.table_outline thead td {
  color: #fff;
  background: #003461;
  text-align: center;
}
#price #price_pack .cont2 table.table_outline tbody th {
  vertical-align: top;
}
#price #price_pack .cont2 table.table_outline + .ul_att {
  color: #003461;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.08em;
}
@media (max-width: 1099px) {
  #price #price_pack .cont2 table.table_outline + .ul_att {
    font-size: 1.8rem;
  }
}
#price #price_pack .cont2 table.table_outline + .ul_att > li {
  text-indent: -1em;
  padding-left: 1em;
}
#price #price_simulation .cont {
  width: 780px;
  margin: 0 auto;
  padding: 40px 0;
}
@media (max-width: 1099px) {
  #price #price_simulation .cont {
    width: auto;
    padding: 32px 0;
  }
}
#price #price_simulation .cont .tmb {
  margin: 32px auto;
}
@media (max-width: 1099px) {
  #price #price_simulation .cont .tmb {
    margin: 32px 16px;
  }
}
#price #price_simulation .cont .box {
  border: 3px solid #fdb900;
  border-radius: 8px;
  margin: 64px auto;
}
@media (max-width: 1099px) {
  #price #price_simulation .cont .box {
    margin: 32px 16px;
  }
}
#price #price_simulation .cont .box .tit {
  background: #fdb900;
  color: #fff;
  font-size: 2rem;
  text-align: center;
  line-height: 1;
  padding: 12px 0 16px;
}
@media (max-width: 1099px) {
  #price #price_simulation .cont .box .tit {
    font-size: 2.4rem;
  }
}
#price #price_simulation .cont .box .txt_line {
  padding: 24px 28px;
  font-size: 1.8rem;
  letter-spacing: 0.08em;
  color: #003461;
}
@media (max-width: 1099px) {
  #price #price_simulation .cont .box .txt_line {
    font-size: 2rem;
    padding: 12px 16px;
  }
}
#price #price_simulation .cont .box .txt_line a {
  color: #009ce1;
}
#price #price_simulation .cont .blk_type {
  margin: 0 auto 64px;
}
@media (max-width: 1099px) {
  #price #price_simulation .cont .blk_type {
    margin: 0 16px 32px;
    overflow-x: auto;
  }
}
#price #price_simulation .cont .blk_type .tit {
  color: #009ce1;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.2;
}
#price #price_simulation .cont .blk_type .att {
  color: #003461;
  font-size: 1.4rem;
  line-height: 1.4;
}
@media (max-width: 1099px) {
  #price #price_simulation .cont .blk_type .att {
    font-size: 1.8rem;
  }
}
#price #price_simulation .cont .blk_type table.table_type {
  width: 100%;
  font-size: 1.3rem;
  border: 1px solid #d3d3d3;
  margin: 4px auto 16px;
}
@media (max-width: 1099px) {
  #price #price_simulation .cont .blk_type table.table_type {
    min-width: 800px;
    font-size: 1.6rem;
  }
}
#price #price_simulation .cont .blk_type table.table_type th, #price #price_simulation .cont .blk_type table.table_type td {
  border: 1px solid #d3d3d3;
  padding: 8px;
}
#price #price_simulation .cont .blk_type table.table_type th {
  font-weight: normal;
}
#price #price_simulation .cont .blk_type table.table_type thead .date_tit {
  color: #003461;
  background: #eceff1;
  text-align: center;
}
#price #price_simulation .cont .blk_type table.table_type thead .date01,
#price #price_simulation .cont .blk_type table.table_type thead .date02,
#price #price_simulation .cont .blk_type table.table_type thead .date03 {
  color: #fff;
  background: #009ce1;
  text-align: center;
}
#price #price_simulation .cont .blk_type table.table_type thead .date04,
#price #price_simulation .cont .blk_type table.table_type thead .date05 {
  color: #fff;
  background: #003461;
  text-align: center;
}
#price #price_simulation .cont .blk_type table.table_type tbody .date01,
#price #price_simulation .cont .blk_type table.table_type tbody .date02,
#price #price_simulation .cont .blk_type table.table_type tbody .date03 {
  text-align: center;
}
#price #price_simulation .cont .blk_type table.table_type tbody .date05 {
  text-align: center;
}
#price #price_simulation .cont .blk_yane {
  margin-bottom: 0;
}

@keyframes img {
  0% {
    right: 100%;
    width: 100%;
  }
  50% {
    right: 0;
    width: 100%;
  }
  100% {
    right: 0;
    width: 0;
  }
}
@keyframes img {
  0% {
    right: 100%;
    width: 100%;
  }
  50% {
    right: 0;
    width: 100%;
  }
  100% {
    right: 0;
    width: 0;
  }
}
/*-----------------------------------------------------------
   flow
-----------------------------------------------------------*/
#flow {
  background-position: center top;
  background-image: url("../img/flow/main.png");
  background-repeat: no-repeat;
}
#flow .pagetitle .wrap {
  height: 400px;
}
@media (max-width: 1099px) {
  #flow .pagetitle .wrap {
    height: 377px;
  }
}
#flow .pagetitle .tip_en:after {
  font-family: "Montserrat";
  font-weight: 700;
  display: block;
  margin-top: 8px;
  font-size: 2rem;
  line-height: 1;
  color: #003461;
  letter-spacing: 0.4em;
  position: absolute;
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1099px) {
  #flow .pagetitle .tip_en:after {
    font-size: 1.8rem;
  }
}
#flow .pagetitle .tip_en:after {
  content: "FLOW";
}
#flow #flow_conts {
  background-position: center -180px;
  background-image: url("../img/flow/flow_bg1.png");
  background-repeat: repeat-y;
  padding: 0 0 140px;
}
@media (max-width: 1099px) {
  #flow #flow_conts {
    padding-bottom: 64px;
  }
}
#flow #flow_conts .heading {
  position: relative;
  padding: 64px 0;
  color: #fff;
}
@media (max-width: 1099px) {
  #flow #flow_conts .heading {
    padding: 64px 0 24px;
  }
}
#flow #flow_conts .heading .tit {
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 8px;
}
@media (max-width: 1099px) {
  #flow #flow_conts .heading .tit {
    font-size: 2.4rem;
  }
}
#flow #flow_conts .heading .desc {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
}
@media (max-width: 1099px) {
  #flow #flow_conts .heading .desc {
    font-size: 1.8rem;
  }
}
#flow #flow_conts .heading .obj1 {
  position: absolute;
  right: 0;
  bottom: 32px;
}
@media (max-width: 1099px) {
  #flow #flow_conts .heading .obj1 {
    width: 280px;
  }
}
#flow #flow_conts .blk_flow {
  padding: 0 0 16px;
  margin-bottom: 16px;
  background: #ffffff;
  border-radius: 8px;
  border: 3px solid #21345c;
  position: relative;
  margin-bottom: 80px;
}
@media (max-width: 420px) {
  #flow #flow_conts .blk_flow {
    width: 100%;
    min-height: inherit;
  }
}
#flow #flow_conts .blk_flow:after {
  width: 89px;
  height: 41px;
  background: url(../img/flow/flow_obj1.svg) center center no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  bottom: -41px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1099px) {
  #flow #flow_conts .blk_flow:last-child {
    margin-bottom: 0;
  }
}
#flow #flow_conts .blk_flow:last-child:after {
  display: none;
}
#flow #flow_conts .blk_flow > .q {
  padding: 0;
  background: #13a9fe;
  color: #fff;
  border-radius: 4px 4px 0 0;
}
@media (max-width: 420px) {
  #flow #flow_conts .blk_flow > .q {
    padding: 0;
  }
}
#flow #flow_conts .blk_flow > .q .tit_q {
  font-size: 3.2rem;
  line-height: 1;
  color: #fff;
  padding: 0.6em 80px 0.6em 80px;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
@media (max-width: 1099px) {
  #flow #flow_conts .blk_flow > .q .tit_q {
    font-size: 2.4rem;
    line-height: 1.2;
  }
}
#flow #flow_conts .blk_flow > .q .tit_q:after {
  width: 46px;
  height: 46px;
  border-radius: 23px;
  background: url(../img/flow/acc_icn_off.svg) center center no-repeat;
  content: "";
  display: inline-block;
  vertical-align: bottom;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media (max-width: 1099px) {
  #flow #flow_conts .blk_flow > .q .tit_q:after {
    width: 32px;
    height: 32px;
  }
}
#flow #flow_conts .blk_flow .close .tit_q:after {
  background-image: url(../img/flow/acc_icn_on.svg);
}
#flow #flow_conts .blk_flow .close + .a {
  display: none;
}
#flow #flow_conts .blk_flow > .a .box_a {
  padding: 16px 40px 16px 220px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 1099px) {
  #flow #flow_conts .blk_flow > .a .box_a {
    padding: 16px 32px 16px 32px;
  }
}
#flow #flow_conts .blk_flow > .a .box_a .tit {
  font-size: 3rem;
  font-weight: 600;
  color: #009ce1;
  padding: 40px 0;
}
@media (max-width: 1099px) {
  #flow #flow_conts .blk_flow > .a .box_a .tit {
    font-size: 2.4rem;
    padding: 20px 0;
    margin-bottom: 16px;
  }
}
@media (max-width: 1099px) {
  #flow #flow_conts .blk_flow > .a .box_a .tip_numb {
    padding-left: 88px;
  }
}
#flow #flow_conts .blk_flow > .a .box_a .tip_numb:before {
  content: "";
  width: 107px;
  height: 99px;
  background: url(../img/flow/ol_flow_icn01.png) center center/contain no-repeat #fff;
  display: inline-block;
  position: absolute;
  left: 64px;
  top: 28px;
}
@media (max-width: 1099px) {
  #flow #flow_conts .blk_flow > .a .box_a .tip_numb:before {
    width: 87px;
    height: 79px;
    top: 16px;
    left: 26px;
  }
}
#flow #flow_conts .blk_flow > .a .box_a .tip_numb01:before {
  background: url(../img/flow/ol_flow_icn01.png) center center/contain no-repeat #fff;
}
#flow #flow_conts .blk_flow > .a .box_a .tip_numb02:before {
  background: url(../img/flow/ol_flow_icn02.png) center center/contain no-repeat #fff;
}
#flow #flow_conts .blk_flow > .a .box_a .tip_numb03:before {
  background: url(../img/flow/ol_flow_icn03.png) center center/contain no-repeat #fff;
}
#flow #flow_conts .blk_flow > .a .box_a .tip_numb04:before {
  background: url(../img/flow/ol_flow_icn04.png) center center/contain no-repeat #fff;
}
#flow #flow_conts .blk_flow > .a .box_a .tip_numb05:before {
  background: url(../img/flow/ol_flow_icn05.png) center center/contain no-repeat #fff;
}
#flow #flow_conts .blk_flow > .a .box_a .tip_numb06:before {
  background: url(../img/flow/ol_flow_icn06.png) center center/contain no-repeat #fff;
}
#flow #flow_conts .blk_flow > .a .box_a .tip_numb07:before {
  background: url(../img/flow/ol_flow_icn07.png) center center/contain no-repeat #fff;
}
#flow #flow_conts .blk_flow > .a .box_a .tip_numb08:before {
  background: url(../img/flow/ol_flow_icn08.png) center center/contain no-repeat #fff;
}
#flow #flow_conts .blk_flow > .a .box_a .tip_numb09:before {
  background: url(../img/flow/ol_flow_icn09.png) center center/contain no-repeat #fff;
}
#flow #flow_conts .blk_flow > .a .box_a .tip_numb10:before {
  background: url(../img/flow/ol_flow_icn10.png) center center/contain no-repeat #fff;
}
#flow #flow_conts .blk_flow > .a .box_a .tip_numb11:before {
  background: url(../img/flow/ol_flow_icn11.png) center center/contain no-repeat #fff;
}
#flow #flow_conts .blk_flow > .a .box_a .tip_numb12:before {
  background: url(../img/flow/ol_flow_icn12.png) center center/contain no-repeat #fff;
}
#flow #flow_conts .blk_flow > .a .box_a .tip_numb13:before {
  background: url(../img/flow/ol_flow_icn13.png) center center/contain no-repeat #fff;
}
#flow #flow_conts .blk_flow > .a .box_a .tip_numb14:before {
  background: url(../img/flow/ol_flow_icn14.png) center center/contain no-repeat #fff;
}
#flow #flow_conts .blk_flow > .a .box_a .ul_contact {
  display: flex;
  justify-content: center;
  margin: 40px 0 24px;
}
#flow #flow_conts .blk_flow > .a .box_a .tmb {
  margin: 32px auto 16px;
  text-align: center;
}
#flow #flow_conts .blk_flow > .a .ul_bnr {
  display: flex;
  justify-content: center;
  margin: 32px auto;
}
@media (max-width: 1099px) {
  #flow #flow_conts .blk_flow > .a .ul_bnr {
    margin: 0 15px;
  }
}
#flow #flow_conts .blk_flow > .a ul, #flow #flow_conts .blk_flow > .a ol {
  font-size: 2.3rem;
  line-height: 1.8;
}
#flow #flow_conts .blk_flow > .a ul.att li, #flow #flow_conts .blk_flow > .a ol.att li {
  text-indent: -1em;
  padding-left: 1em;
}
#flow #flow_conts .blk_flow > .a p {
  font-size: 2rem;
  line-height: 1.6;
}
@media (max-width: 420px) {
  #flow #flow_conts .blk_flow > .a p {
    font-size: 24px;
    line-height: 1.6;
  }
}/*# sourceMappingURL=style.css.map */