@charset "UTF-8";
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-tap-highlight-color: transparent;
	outline: 0;
	vertical-align: baseline;
	-webkit-text-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
	-moz-text-size-adjust: 100% !important;
}
select,button,input,textarea,button {
	border: 1px solid #333;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*table,td,th {
	border: 1px solid #333;
}*/
td,th {
	line-height: 1.5;
	padding: 0.3em 0.4em;
}
th {
	font-weight: bold;
	font-size: 1.05em;
}
html {
	font-size: 100%;
	background-color: #ffffff;
	word-break: break-word;
}
body {
	min-height: 100vh;
	color: #000000;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	font: normal normal normal 14px/1.6 "Helvetica", "Arial", sans-serif;
	background-color: #ffffff;
}
hr {
	overflow: visible;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	margin: 1em 0;
	height: 0;
	border-top: 1px solid #ccc;
}
button:disabled {
	cursor: default;
}
a,a:active,a:link,a:visited {
	text-decoration: none;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,dialog,hr,img {
	display: block;
}
audio,canvas,iframe,img,svg,video {
	display: inline-block;
	vertical-align: middle;
}
[hidden],dialog:not([open]),template {
	display: none;
}
button,input,select,textarea {
	font-family: inherit;
	border-radius: 0;
}
textarea {
	resize: vertical;
}
audio,canvas,progress,video {
	display: inline-block;
}
input,select {
	vertical-align: middle;
}
button {
	vertical-align: inherit;
	line-height: inherit;
	cursor: pointer;
}
button,select {
	text-transform: none;
}
code,kbd,pre,samp {
	font-family: monospace, sans-serif;
	font-size: 1em;
}
mark {
	background-color: #ff0;
}
small {
	font-size: 80%;
}
sub,sup {
	position: relative;
	font-size: 70%;
	line-height: 0;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
ul {
	list-style: none;
}
img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
svg:not(:root) {
	overflow: hidden;
}
a{
	color: inherit;
		-moz-transition: all 0.26s ease-out;
	-o-transition: all 0.26s ease-out;
	-webkit-transition: all 0.26s ease-out;
	-ms-transition: all 0.26s ease-out;
}
a:hover{
	opacity: 0.6;
	-moz-transition: all 0.26s ease-out;
	-o-transition: all 0.26s ease-out;
	-webkit-transition: all 0.26s ease-out;
	-ms-transition: all 0.26s ease-out;
}
h1,h2,h3,h4,h5{font-weight: 400;}
input,select,textarea{color: #000;}
/*-----------------------------------------------------------
cmn
-------------------------------------------------------------*/
.ef{
  -moz-transition: all 0.26s ease-out;
  -o-transition: all 0.26s ease-out;
  -webkit-transition: all 0.26s ease-out;
  -ms-transition: all 0.26s ease-out;
}
body {
  width: 100%;
  margin:0;
  padding:0;
  text-align:left;
  line-height:1.8em;
  font-family: source-han-sans-japanese, 'Noto Sans JP', "游ゴシック", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
  font-weight: 500;
  height:100%;
  color: #000000;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  letter-spacing: 2.2px;
}
.f_tsu{
  font-family: fot-tsukubrdgothic-std, sans-serif;
  font-style: normal;
  font-weight: 400;
}
.f_top{
  font-family: toppan-bunkyu-gothic-pr6n, serif;
	font-style: normal;
	font-weight: 400;
}
::-webkit-scrollbar {
  width: 6px;
  background-color: #f3f3f3;
  border-left: 1px solid #dddddd;
}

::-webkit-scrollbar:hover {
  background-color: #f3f3f3;
}

::-webkit-scrollbar-thumb {
  cursor: pointer;
  background-color: #0c16bc;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #0c16bc;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  display: none;
}
.is_pc { display: block !important; }
.is_sp { display: none !important; }

body {
	font-size: 1vw;
}
@media only screen and (max-width: 599px) {
body {
	font-size: 3.2vw;
}
.is_pc { display: none !important; }
.is_sp { display: block !important; }
}

/*-----------------------------------------------------------

cmn laypout

-------------------------------------------------------------*/
.header{
	position: fixed;
	background: #fff;
	box-shadow: 0 2px 2px #00000030;
	width: 100%;
	z-index: 100;
}
.header_logoTop{
	width: 15%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.header_logoTop:hover{
	opacity: 1!important;
}
.header_inner{
	padding: 0px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.header_logo {
    width: 10%;
    display: block;
    padding: 10px 0;
    padding-left: 4vw;
}
.gnav{
	width: 86%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.gnavList{
	display: flex;
	justify-content: flex-end;
	align-items: stretch;
	width: 60%;
    margin-right: 3vw;
}
.gnavList_item{
	text-align: center;
	margin: 0 1vw;
}
.gnavList02{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	align-self: stretch;
	width: 40%;
}
.gnavList02_item{
	text-align: center;
	width: 34%;
	display: flex;
	align-items: center;
    justify-content: center;

}
@media only screen and (max-width: 1100px) {
.gnavList_item{
	text-align: center;
	margin: 0 0.5vw;
}
}
.nav01{
	background: #000000;
	color: #fff;
}
.nav02{
	background: #000AFF;
	color: #fff;
}
.nav03{
	background: #FF1010;
	color: #fff;
}
.footer{
	padding: 6vw 6vw 2vw;
	background: #434343;
}
.footer_top{
	margin-bottom: 1vw;
}
.footer_top a{
	width: 10%;
	display: block;
}
.footer_btm{
	margin-bottom: 8vw;
	display: flex;

}
.footer_btmL{
	color: #fff;
	width: 30%;
}
.footer_btmR{
	width: 70%;
	display: flex;
}
.footer_btmRList{
	width: 24%;
	padding-left: 1.6vw;
	border-left: 1px solid #fff;
}
.footer_btmRList_item{
	color: #fff;
	letter-spacing: 0px;
	font-size: 0.9vw;
	margin-bottom: 1.6vw;
}
.footer_btmRList_item:last-child{
	margin-bottom: 0vw;
}
.copyright{
	color: #fff;
	font-size: 0.8vw;
	text-align: center;
}
.nav_button{
	display: none;
}
.nav_wrap{
	display: none;
}
@media only screen and (max-width: 899px) { /* ============== Tablet LAYOUT ============== */
.gnav{
  display: none;
}
nav_button {
}
.nav a {
  color: #000;
  text-decoration: none;
  font-size: 14px;
  color: #448aff;
  }
.nav li {
  display: inline-block;
  margin: 0 10px;
}
.nav_wrap.open {
  display: block;
}
.nav_wrap.close {
  display: none;
}
.nav_button {
  display: block;
  cursor: pointer;
  padding: 20px;
}
.nav_button:hover{
  opacity: 1;
}
/*メニューボタン*/
.nav_button,
.nav_button span {
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box;
}
.nav_button {
z-index: 110;
position: fixed;
right: 2%;
top: 0.1%;
}
.nav_button.active{
	z-index: 220;
	background: none;
	width: 24px;
	height: 32px;
	top: 1%;
	right: 4%;
	padding: 0;
}
.nav_button.active span{
  width: 90%;
}
.nav_button span {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 50%;
  height: 2px;
  background-color: #0c16bc;
}
.nav_button span:nth-of-type(1) {
  top: 26%;
}
.nav_button span:nth-of-type(2) {
  top: 48%;
}
.nav_button span:nth-of-type(3) {
  bottom: 26%;
}
.nav_button.active span:nth-of-type(1) {
  -webkit-transform: translateY(16px) rotate(-45deg);
  transform: translateY(16px) rotate(-45deg);
  background-color: #0c16bc;
  outline: none;
      top: -1%;
}
.nav_button.active span:nth-of-type(2) {
  opacity: 0;
  outline: none;
}
.nav_button.active span:nth-of-type(3) {
  -webkit-transform: translateY(-16px) rotate(45deg);
  transform: translateY(-16px) rotate(45deg);
  background-color: #0c16bc;
  outline: none;
  bottom: -5%;
}
.nav_wrap {
  position: fixed;
  right: 0;
  top: 0;
  display: none;
  z-index: 210;
  background-color: #fff;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.nav_wrapInner{
  padding-top: 10vw;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.nav_logo{
  display: block;
  text-align: left;
  width: 15%;
  margin-left: 10%;
}
.nav_info{
	color: #0c16bc;
	width: 70%;
}
.nav_wrapInner_list01{
  flex-wrap: wrap;
  position: relative;
  z-index: 100;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 10% 10% 0;
}
.nav_wrapInner_list01Item{
  display: flex;
  align-items: center;
  margin-bottom: 6vw;
  width: 45%;
}
.nav_wrapInner_list01Item a{
  font-size: 3vw;
  display: block;
  font-weight: bold;
  color: #0C16BC;
  line-height: 1.6em;
}
.nav_fix_btn{
	display: flex;
	justify-content: space-between;
	position: fixed;
	bottom: 0;
	width: 100%;
}
.nav_fix_btn li{
	width: 50%;
}
.nav_fix_btn li a{
	display: block;
	color: #fff;
	background: #0C16BC;
	padding: 4vw 0;
	text-align: center;
	font-size: 3vw;
}
.nav_fix_btn li:last-child a{
	background: #000;
}
.footer_btm {
    margin-bottom: 8vw;
    display: flex;
    flex-wrap: wrap;
}
.footer_btmRList_item{
	color: #fff;
	letter-spacing: 0px;
	font-size: 1.9vw;
	margin-bottom: 2.6vw;
}
.footer_btmL {
    color: #fff;
    width: 100%;
    font-size: 2vw;
    letter-spacing: 1px;
    line-height: 1.6em;
    margin-bottom: 5vw;
}
.footer_btmR {
    width: 100%;
    display: flex;
}
.footer_btmRList {
    width: 25%;
    padding-left: 1.6vw;
    border-left: 1px solid #fff;
}
.copyright {
    color: #fff;
    font-size: 1.8vw;
    text-align: center;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.header{
	position: fixed;
	background: #fff;
	box-shadow: 0 2px 2px #00000030;
	width: 100%;
	z-index: 100;
}
.header_logoTop{
	width: 15%;
	display: none!important;
	position: absolute;
	left: 0;
	top: 0;
}
.header_logoTop:hover{
	opacity: 1!important;
}
.header_inner{
	padding: 0px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.header_logo {
    width: 20%;
    display: block;
    padding: 10px 0;
    padding-left: 6vw;
}
.gnav{
  display: none;
}
.nav_button {
}
.nav a {
  color: #000;
  text-decoration: none;
  font-size: 14px;
  color: #448aff;
  }
.nav li {
  display: inline-block;
  margin: 0 10px;
}
.nav_wrap.open {
  display: block;
}
.nav_wrap.close {
  display: none;
}
.nav_button {
  display: block;
  cursor: pointer;
  padding: 20px;
}
.nav_button:hover{
  opacity: 1;
}
/*メニューボタン*/
.nav_button,
.nav_button span {
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box;
}
.nav_button {
z-index: 110;
position: fixed;
right: 2%;
top: 0.5%;
}
.nav_button.active{
	z-index: 220;
	background: none;
	width: 24px;
	height: 32px;
	top: 1%;
	right: 4%;
	padding: 0;
}
.nav_button.active span{
  width: 90%;
}
.nav_button span {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 50%;
  height: 2px;
  background-color: #0c16bc;
}
.nav_button span:nth-of-type(1) {
  top: 26%;
}
.nav_button span:nth-of-type(2) {
  top: 48%;
}
.nav_button span:nth-of-type(3) {
  bottom: 26%;
}
.nav_button.active span:nth-of-type(1) {
  -webkit-transform: translateY(16px) rotate(-45deg);
  transform: translateY(16px) rotate(-45deg);
  background-color: #0c16bc;
  outline: none;
      top: -1%;
}
.nav_button.active span:nth-of-type(2) {
  opacity: 0;
  outline: none;
}
.nav_button.active span:nth-of-type(3) {
  -webkit-transform: translateY(-16px) rotate(45deg);
  transform: translateY(-16px) rotate(45deg);
  background-color: #0c16bc;
  outline: none;
  bottom: -5%;
}
.nav_wrap {
  position: fixed;
  right: 0;
  top: 0;
  display: none;
  z-index: 210;
  background-color: #fff;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.nav_wrapInner{
  padding-top: 10vw;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.nav_logo{
  display: block;
  text-align: left;
  width: 24%;
  margin-left: 10%;
}
.nav_info{
	color: #0c16bc;
	width: 60%;
}
.nav_wrapInner_list01{
  flex-wrap: wrap;
  position: relative;
  z-index: 100;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 10% 10% 0;
}
.nav_wrapInner_list01Item{
  display: flex;
  align-items: center;
  margin-bottom: 8vw;
  width: 45%;
}
.nav_wrapInner_list01Item a{
  font-size: 4vw;
  display: block;
  font-weight: bold;
  color: #0C16BC;
}
.nav_fix_btn{
	display: flex;
	justify-content: space-between;
	position: fixed;
	bottom: 0;
	width: 100%;
}
.nav_fix_btn li{
	width: 50%;
}
.nav_fix_btn li a{
	display: block;
	color: #fff;
	background: #0C16BC;
	padding: 4vw 0;
	text-align: center;
	font-size: 4vw;
}
.nav_fix_btn li:last-child a{
	background: #000;
}
.footer{
	padding: 6vw 6vw 2vw;
	background: #434343;
}
.footer_top{
	margin-bottom: 6vw;
	display: flex;
	flex-wrap: wrap;
}
.footer_top a{
	width: 24%;
	display: block;
	margin-right: 3vw;
}
.footer_topInfo{
	font-size: 3vw;
	color: #fff;
	letter-spacing: 1px;
}
.footer_btm{
	margin-bottom: 8vw;
	display: flex;
}
.footer_btmL{
	color: #fff;
	width: 100%;
	font-size: 3vw;
	letter-spacing: 1px;
	line-height: 2em;
	margin-bottom: 0vw;
}
.footer_btmR{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.footer_btmRList{
	width: 45%;
	padding-left: 0;
	border-left: none;
	margin-bottom: 5vw;
}
.footer_btmRList_item{
	color: #fff;
	letter-spacing: 0px;
	font-size: 3.4vw;
	margin-bottom: 1.6vw;
	padding: 4vw 0;
	border-top: 1px solid #fff;
}
.footer_btmRList_item:last-child{
	margin-bottom: 0vw;
	border-bottom: 1px solid #fff;
}
.footer_btmRList02{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.footer_btmRList02_item{
	color: #fff;
	letter-spacing: 0px;
	font-size: 3vw;
	margin-bottom: 5vw;
	width: 45%;
}
.copyright{
	color: #fff;
	font-size: 3vw;
	text-align: left;
	letter-spacing: 1px;
	padding-bottom: 21vw;
}
.fix_btnBox{
	position: fixed;
	bottom: 0;
	display: none;
	width: 100%;
	z-index: 10;
}
.fix_btn{
	display: flex;
	justify-content: space-between;
}
.fix_btn li{
	width: 50%;
}
.fix_btn li a{
	display: block;
	color: #fff;
	background: #0C16BC;
	padding: 4vw 0;
	text-align: center;
}
.fix_btn li:last-child a{
	background: #000;
}
}
/*-----------------------------------------------------------

TOP

-------------------------------------------------------------*/
.main_v img {
    position: absolute;
    width: auto!important;
    max-width: none!important;
    bottom: 0;
    right: 0;
    object-fit: cover;
    top: 0!important;
    margin: auto;
}
.mainWrap{
	position: relative;
}
.mainWrapBox{
	position: relative;
}
.main_v {
    position: relative;
    overflow: hidden;
}
.main_vTtlWrap{
	position: absolute;
    bottom: 16%;
    left: 4%;
}
.main_vTtl {
    font-size: 3.6vw;
    font-weight: bold;
    color: #fff;
    line-height: 1.6em;
}
.main_vTtl_ttl{
	display: block;
}
.main_vTtl_img{
	width: 18%;
    position: relative;
    top: -1vw;
}
.main_vTtl_txt{
	color: #fff;
	letter-spacing: 0;
}
.top_newsBox{
	position: absolute;
	background: #0C16BC;
	padding: 10px 0;
	bottom: 0;
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding-right: 6vw;
}
.top_newsBox_ttl{
	font-size: 1.6vw;
	color: #fff;
	font-weight: bold;
	margin-right: 1vw;
}
.top_newsBox_inner{
	background: #fff;
	padding: 4px 2vw;
	display: flex;
	justify-content: space-between;
	width: 60%;
}
.top_newsBox_innerList{
	width: 70%;
	font-size: 0.9vw;
}
.top_newsBox_innerList_item{

}
.top_newsBox_innerList_itemLink{
	display: flex;
	align-items: center;
}
.top_newsBox_innerList_itemLink_date{
	margin-right: 2vw;
}
.main_newsBox_link{
  color: #000;
  position: relative;
  padding: 0 40px 0 0;
  font-size: 0.9vw;
}
.main_newsBox_link:hover{
  opacity: 0.6;
}
.main_newsBox_link:before,
.main_newsBox_link:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 40px;
  height: 1px;
  -moz-transition: all 0.26s ease-out;
  -o-transition: all 0.26s ease-out;
  -webkit-transition: all 0.26s ease-out;
  -ms-transition: all 0.26s ease-out;
  background: #000;
}
.main_newsBox_link:before {
  width: 24px;
  transform: translate(30px, 0px);
}
.main_newsBox_link:after {
  width: 6px;
  transform-origin: right center;
  transform: translate(30px, 0px) rotate(30deg);
}
.top_what{
	width: 90%;
	margin: 8vw auto 6vw;
}
.top_whatTtl{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 5vw;
}
.top_whatTtl_img01{
	width: 10%;
}
.top_whatTtl_txt{
	color: #0C16BC;
	font-size: 1.2vw;
	display: flex;
	justify-content: center;
	width: 100%;
	align-items: flex-end;
	margin-top: -1vw;
}
.top_whatTtl_img02{
	width: 7%;
	margin-right: 0.4vw;
}
.top_what_introBox{
	margin-bottom: 4vw;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.top_what_intro{
	font-size: 3vw;
	text-align: center;
	margin-bottom: 2vw;
	font-weight: bold;
	position: relative;
}
.top_what_intro:after{
	content: "";
	height: 4px;
	background: #FFC400;
	width: 96%;
	position: absolute;
	left: 0;
	bottom: -1vw;
}
.top_what_introTxt{
	text-align: center;
	line-height: 2em;
	width: 100%;
	font-size: 1vw;
}
.top_whatList{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin-bottom: 10vw;
}
.top_whatList_item{
	width: 20%;
	padding: 0 2vw;
	border-right: 1px dashed #707070;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.top_whatList_item:last-child{
	border: none;
}
@media only screen and (max-width: 1000px) {
.top_whatList_item br{
	display: none;
}
}
.top_whatList_itemImg{
	margin-bottom: 1vw;
}
.top_whatList_itemTtl{
	font-size: 1.3vw;
	font-weight: bold;
	color: #141B93;
	border-bottom: 3px solid #FFC400;
	padding-bottom: 0.2vw;
	margin-bottom: 0.6vw;
	letter-spacing: 0;
}
.top_whatList_itemTxt01{
	text-align: center;
	font-size: 0.9vw;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.6em;
	margin-bottom: 1vw;
}
.top_whatList_itemTxt02{
	font-size: 0.8vw;
	line-height: 2em;
}
.topBnr01 {
    width: 70%;
    margin: 0 auto 4vw;
    display: flex;
    justify-content: space-between;
}
.topBnr01 li{
	width: 48%;
}
.top_blog{
	background: #FFC400;
	padding: 5vw 0 3vw;
}
.top_blogTtl{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 1.4vw;
}
.top_blogTtl_img01{
	width: 8%;
	margin-left: 0.5vw;
}
.top_blogTtl_txt{
	color: #fff;
	font-size: 1.4vw;
	display: flex;
	justify-content: center;
	width: 100%;
	align-items: flex-end;
	margin-top: 0.3vw;
	font-weight: bold;
}
.top_blog_intro{
	text-align: center;
    line-height: 2em;
    width: 100%;
    font-size:1vw;
    margin-bottom: 1.4vw;
}
.top_blogList{
	width: 90%;
	margin: 0 auto 4vw;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.top_blogList_item{
	width: 22%;
	display: flex;
	align-items: stretch;
	align-self: stretch;
	padding: 0.8vw;
	background: #fff;
}
.top_blogList_itemLink{

	display: block;
	position: relative;
	width: 100%;
}
.top_blogList_itemLink_img {
    width: 100%;
    height: 14vw;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
    display: block;
    border-radius: 0 30px 30px 30px;
}
.top_blogList_itemLink_img img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.top_blogList_itemLink_date{
	width: 100%;
	font-size: 0.9vw;
}
.top_blogList_itemLink_ttl{
	width: 100%;
	line-height: 1.6em;
}
.blog_newIco{
	background: #FF0000;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0.4vw 0.6vw;
	line-height: 1;
	letter-spacing: 0px;
}
.cmn_btn01{
  width: 28%;
  margin: 0 auto;
  display: block;
  padding: 10px;
  position: relative;
  border:1px solid #000;
  text-align: center;
  color: #000;
  font-size: 0.9vw;
  background: #fff;
}
.cmn_btn01:before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 16px 16px;
	border-color: transparent transparent #000 transparent;
	position: absolute;
	right: 0;
	bottom: 0;
}
.cmn_btn01 span{
  display: block;
  letter-spacing: 2px;
}
.top_recruit{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 8vw;
}
.top_recruit picture{
	width: 100%;
	max-width: 100%;
}
.top_recruitBox{
	position: absolute;
	width: 100%;
}
.top_recruitBox_ttl{
	text-align: center;
	font-size: 2.4vw;
	font-weight: bold;
	margin-bottom: 1vw;
	color: #fff;
	text-shadow: 2px 2px 3px #00000030;
}
.top_recruitBox_txt01{
	text-align: center;
	color: #fff;
	font-size: 1.4vw;
	text-shadow: 2px 2px 3px #00000030;
	margin-bottom: 0.5vw;
}
.top_recruitBox_txt02{
	text-align: center;
	color: #fff;
	text-shadow: 2px 2px 3px #00000030;
	margin-bottom: 2vw;
}

.cmn_btn01.recruitVer{
  border:1px solid #FFC400;
}
.cmn_btn01.recruitVer:before{
	border-color: transparent transparent #FFC400 transparent;
}
.top_product{
	margin-bottom: 8vw;
}
.top_productTtl{
	display: flex;
    justify-content: center;
    white-space: nowrap;
}
.top_productTtl_txt{
	font-size: 2.4vw;
	text-align: center;
	margin-bottom: 2vw;
	font-weight: bold;
	position: relative;
    display: flex;
    align-items: flex-end;
}
.top_productTtl_txt:after {
    content: "";
    height: 4px;
    background: #FFC400;
    width: 96%;
    position: absolute;
    left: 0;
    bottom: -1vw;
}
.top_productTtl_img01{
	width: 15%;
	margin: 0 1vw;
}
.top_product_intro {
    text-align: center;
    line-height: 2em;
    width: 100%;
    font-size: 1vw;
    margin-bottom: 3vw;
}
.top_productSlide{
	margin-bottom: 4vw;
}
.top_productSlide_item{
	margin: 0 2vw;
}
.top_productSlide_itemLink{
	display: block;
}
.top_productSlide_itemImg {
    width: 100%;
    height: 12vw;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
    display: block;
    border: 1px solid #707070;
}
.top_productSlide_itemImg img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.top_productSlide_itemTxt{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
}
.top_contact{

}
.top_contactTtl{
	position: relative;
}
.top_contactTtl:before {
    content: "";
    width: 1px;
    height: 1.8vw;
    background: #0C16BC;
    position: absolute;
    left: 0;
    right: 0;
    top: 2.8vw;
    margin: auto;
}
.top_contactTtl_jp {
    font-size: 2vw;
    color: #0C16BC;
    margin-bottom: 3vw;
    display: block;
    text-align: center;
}
.top_contactTtl_en {
    font-size: 1vw;
    color: #0C16BC;
    display: block;
    text-align: center;
}
.top_contact_intro{
	text-align: center;
	margin-bottom: 2vw;
}
.top_contactTelBox{
	display:flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 6vw;
}
.top_contactTelBox_l{
	width: 33%;
}
.top_contactTelBox_lTop{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.2vw;
}
.top_contactTelBox_lTop_txt{
	width: 26%;
	line-height: 1.4em;
}
.top_contactTelBox_lTop_tel{
	width: 74%;
    font-size: 3.2vw;
    font-weight: bold;
    color: #0C16BC;
    line-height: 1;
    letter-spacing: 1px;
}
.top_contactTelBox_lBtm{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.top_contactTelBox_lBtm_txt01{
	margin-right: 2vw;
}
.top_contactTelBox_r{
	width: 30%;
}
.contactVer{
	width: 100%;
	padding: 14px 10px;
}
.contactVer_ico{
	width: 7%;
	margin-right: 1vw;
}
@media only screen and (max-width: 899px) { /* ============== Tablet LAYOUT ============== */
.main_vTtl {
  font-size: 7.6vw;
  font-weight: bold;
  color: #fff;
  line-height: 1.6em;
}
.main_vTtl_txt {
    color: #fff;
    letter-spacing: 0;
    font-size: 2vw;
}
.top_newsBox_inner {
    background: #fff;
    padding: 10px 2vw;
    display: flex;
    justify-content: space-between;
    width: 83%;
}
.top_newsBox_ttl {
    font-size: 2.6vw;
    color: #fff;
    font-weight: bold;
    margin-right: 1vw;
}
.top_newsBox_innerList {
    width: 70%;
    font-size: 1.9vw;
}
.main_newsBox_link {
    color: #000;
    position: relative;
    padding: 0 40px 0 0;
    font-size: 1.9vw;
}
.top_whatTtl_img01 {
    width: 16%;
}
.top_whatTtl_img02 {
    width: 12%;
    margin-right: 0.4vw;
}
.top_whatTtl_txt {
    color: #0C16BC;
    font-size: 2.2vw;
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: flex-end;
    margin-top: -1vw;
}
.top_what_intro {
    font-size: 4vw;
    text-align: center;
    margin-bottom: 4vw;
    font-weight: bold;
    position: relative;
}
.top_what_intro:after {
    content: "";
    height: 4px;
    background: #FFC400;
    width: 96%;
    position: absolute;
    left: 0;
    bottom: -2vw;
}
.top_what_introTxt {
    text-align: center;
    line-height: 2em;
    width: 100%;
    font-size: 2vw;
}
.top_whatList {
    display: flex;
    justify-content: center;
    align-items: stretch;
    margin-bottom: 10vw;
    flex-wrap: wrap;
}
.top_whatList_item {
    width: 33%;
    padding: 0 2vw;
    border-right: 1px dashed #707070;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}
.top_whatList_itemImg {
    margin-bottom: 1vw;
    width: 64%;
}
.top_whatList_itemTtl {
    font-size: 2.3vw;
    font-weight: bold;
    color: #141B93;
    border-bottom: 3px solid #FFC400;
    padding-bottom: 1vw;
    margin-bottom: 1vw;
    letter-spacing: 0;
}
.top_whatList_itemTxt01 {
    text-align: center;
    font-size: 1.9vw;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.6em;
    margin-bottom: 1vw;
}
.top_whatList_itemTxt02 {
    font-size: 1.4vw;
    line-height: 2em;
}
.topBnr01 {
    width: 90%;
    margin: 0 auto 4vw;
    display: flex;
    justify-content: space-between;
}
.top_blogTtl_img01 {
    width: 12%;
    margin-left: 0.5vw;
}
.top_blog_intro {
    text-align: left;
    line-height: 2em;
    width: 90%;
    font-size: 2vw;
    margin: 0 auto 4vw;
    letter-spacing: 1px;
}
.top_blogList_item {
    width: 24%;
    display: flex;
    align-items: stretch;
    align-self: stretch;
    padding: 0.8vw;
    background: #fff;
}
.top_blogList_itemLink_date {
    width: 100%;
    font-size: 1.9vw;
}
.top_blogList_itemLink_ttl {
    width: 100%;
    line-height: 1.4em;
    font-weight: bold;
    font-size: 2vw;
    margin-top: 1vw;
}
.top_recruitBox_ttl {
    text-align: center;
    font-size: 3.4vw;
    font-weight: bold;
    margin-bottom: 3vw;
    color: #fff;
    text-shadow: 2px 2px 3px #00000030;
}
.top_recruitBox_txt01 {
    text-align: center;
    color: #fff;
    font-size: 2.4vw;
    text-shadow: 2px 2px 3px #00000030;
    margin-bottom: 1vw;
}
.top_recruitBox_txt02 {
    text-align: center;
    color: #fff;
    text-shadow: 2px 2px 3px #00000030;
    margin-bottom: 2vw;
    font-size: 2vw;
}
.cmn_btn01 {
    width: 50%;
    margin: 0 auto;
    display: block;
    padding: 13px;
    position: relative;
    border: 1px solid #000;
    text-align: center;
    color: #000;
    font-size: 1.9vw;
    background: #fff;
}
.top_productTtl_txt {
    font-size: 3.4vw;
    text-align: center;
    margin-bottom: 4vw;
    font-weight: bold;
    position: relative;
    display: flex;
    align-items: flex-end;
}
.top_productTtl_txt:after {
    content: "";
    height: 4px;
    background: #FFC400;
    width: 96%;
    position: absolute;
    left: 0;
    bottom: -2vw;
}
.top_product_intro {
    text-align: left;
    line-height: 2em;
    width: 90%;
    font-size: 2vw;
    margin: 0 auto 4vw;
    letter-spacing: 1px;
}
.top_contactTtl_jp {
    font-size: 3vw;
    color: #0C16BC;
    margin-bottom: 3vw;
    display: block;
    text-align: center;
}
.top_contactTtl_en {
    font-size: 2vw;
    color: #0C16BC;
    display: block;
    text-align: center;
}
.top_contact_intro {
    text-align: center;
    margin-bottom: 4vw;
    font-size: 2vw;
    margin-top: 2vw;
}
.top_contactTelBox_l {
    width: 49%;
}
.contactVer {
    width: 100%;
    padding: 14px 10px;
}
.top_contactTelBox_l {
    width: 45%;
}
.top_contactTelBox_r {
    width: 40%;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.main_v img {
    position: absolute;
    width: auto!important;
    max-width: none!important;
    bottom: 0;
    right: 0;
    object-fit: cover;
    top: 0!important;
    margin: auto;
}
.mainWrap{
	position: relative;
}
.mainWrapBox{
	position: relative;
}
.main_v {
    position: relative;
    overflow: hidden;
}
.main_vTtlWrap{
	position: absolute;
    bottom: unset;
    left: unset;
    top: 12%;
    left: 0;
    right: 0;
}
.main_vTtl {
    font-size: 8vw;
    font-weight: bold;
    color: #fff;
    line-height: 2em;
    text-align: center;
}
.main_vTtl_ttl{
	display: block;
	margin-bottom: -4vw;
}
.main_vTtl_img{
	width: 28%;
    position: relative;
    top: 1vw;
}
.main_vTtl_txt{
	color: #fff;
	letter-spacing: 0;
	display: none;
}
.main_scroll{
	position: absolute;
	bottom: 40%;
	width: 10%;
	left: 0;
	right: 0;
	margin: auto;
}
.main_scroll a{
	display: block;
	position: relative;
	width: 100%;
}
.main_scroll a:after {
    content: '';
    display: block;
    width: 1px;
    z-index: 10;
    height: 0px;
    background: #FFF;
    position: absolute;
    top: 17vw;
    left: 0;
    right: 0;
    margin: auto;
    animation: scrollLine 1.4s ease infinite;
}
@keyframes scrollLine {
 0%,  15% {
 height: 1px;
 opacity: 0;
}
 30% {
 height: 140px;
 opacity: .8;
}
 80% {
 height: 140px;
 opacity: .8;
}
 100% {
 height: 140px;
 opacity: 0;
}
}
.top_newsBox{
	position: absolute;
	background: #0C16BC;
	padding: 10px 0;
	bottom: 0;
	width: 100%;
	justify-content: flex-start;
	align-items: center;
	padding-right: 0vw;
	flex-wrap: wrap;
	z-index: 20;
}
.top_newsBox_ttl {
	font-size: 4vw;
	color: #fff;
	font-weight: bold;
	margin-right: 1vw;
	width: 94%;
	margin: 0 auto 2vw;
}
.top_newsBox_inner{
	background: #fff;
	padding: 2vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 94%;
	margin: 0 auto;
}
.top_newsBox_innerList{
	width: 100%;
	font-size: 3.4vw;
	display: flex;
	align-items: center;
	height: 12vw;
}
.top_newsBox_innerList_item{
	width: 100%;
	height: fit-content;
	top: 0;
	bottom: 0;
	margin: auto;
}
.top_newsBox_innerList_itemLink{
	display: flex;
	align-items: center;
}
.top_newsBox_innerList_itemLink_date{
	margin-right: 2vw;
	width: 30%;
}
.top_newsBox_innerList_itemLink_txt{
	width: 70%;
}
.main_newsBox_link{
  color: #fff;
  position: absolute;
  padding: 0 40px 0 0;
  font-size: 3.4vw;
  top: 3vw;
  right: 0;
}
.main_newsBox_link:hover{
  opacity: 0.6;
}
.main_newsBox_link:before,
.main_newsBox_link:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 40px;
  height: 1px;
  -moz-transition: all 0.26s ease-out;
  -o-transition: all 0.26s ease-out;
  -webkit-transition: all 0.26s ease-out;
  -ms-transition: all 0.26s ease-out;
  background: #fff;
}
.main_newsBox_link:before {
  width: 24px;
  transform: translate(30px, 0px);
}
.main_newsBox_link:after {
  width: 6px;
  transform-origin: right center;
  transform: translate(30px, 0px) rotate(30deg);
}

.top_what{
	width: 85%;
	margin: 8vw auto 6vw;
}
.top_whatTtl{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 5vw;
}
.top_whatTtl_img01{
	width: 24%;
	margin-bottom: 1vw;
}
.top_whatTtl_txt{
	color: #0C16BC;
	font-size: 4.2vw;
	display: flex;
	justify-content: center;
	width: 100%;
	align-items: flex-end;
	margin-top: -1vw;
	font-weight: bold;
}
.top_whatTtl_img02{
	width: 24%;
	margin-right: 0.4vw;
}
.top_what_introBox{
	margin-bottom: 4vw;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.top_what_intro{
	font-size: 5vw;
	text-align: center;
	margin-bottom: 5vw;
	font-weight: bold;
	position: relative;
	display: inline-block;
}
.top_what_intro span{
	font-size: 5vw;
	text-align: center;
	margin-bottom: 2vw;
	font-weight: bold;
	position: relative;
	display: inline-block;
}
.top_what_intro span:after{
	content: "";
	height: 4px;
	background: #FFC400;
	width: 96%;
	position: absolute;
	left: 0;
	bottom: -1vw;
}
.top_what_intro:after{
	content: "";
	height: 4px;
	background: #FFC400;
	width: 96%;
	position: absolute;
	left: 0;
	bottom: -1vw;
	display: none;
}
.top_what_introTxt{
	text-align: left;
	line-height: 2em;
	width: 100%;
	font-size: 3.2vw;
}
.top_whatList{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin-bottom: 10vw;
	flex-wrap: wrap;
}
.top_whatList_item{
	width: 100%;
	padding: 4vw 4vw 3vw;
	border-right: 1px dashed #707070;
	border: 1px solid #707070;
	display: block;
	flex-wrap: wrap;
	justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    margin-bottom: 3vw;
    position: relative;
}
.top_whatList_item:last-child{
	border: 1px solid #707070;
}
.top_whatList_item:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 16px 16px;
    border-color: transparent transparent #000 transparent;
    position: absolute;
    right: 0;
    bottom: 0;
}
.top_whatList_itemImg{
	margin-bottom: 1vw;
	width: 30%;
	position: absolute;
	right: 2vw;
	top: 6%;
}
.top_whatList_itemTtl{
	font-size: 4.3vw;
	font-weight: bold;
	color: #141B93;
	border-bottom: 3px solid #FFC400;
	padding-bottom: 0.2vw;
	margin-bottom: 1vw;
	letter-spacing: 0;
	display: inline-block;
}
.top_whatList_itemTxt01{
	text-align: left;
	font-size: 3.2vw;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 2em;
	margin-bottom: 1vw;
}
.top_whatList_item br {
    display: block;
}
.top_whatList_itemTxt02{
	font-size: 0.8vw;
	line-height: 2em;
	display: none;
}
.topBnr01 {
    width: 100%;
    margin: 0 auto 4vw;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.topBnr01 li{
	width: 100%;
	margin-bottom: 3vw;
}
.top_blog{
	background: #FFC400;
	padding: 5vw 0 7vw;
	margin-bottom: 8vw;
}
.top_blogTtl{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 1.4vw;
}
.top_blogTtl_img01{
	width: 18%;
	margin-left: 0vw;
	margin-bottom: 1vw;
}
.top_blogTtl_txt{
	color: #fff;
	font-size: 4.4vw;
	display: flex;
	justify-content: center;
	width: 100%;
	align-items: flex-end;
	margin-top: 0.3vw;
	font-weight: bold;
	margin-bottom: 2vw;
}
.top_blog_intro{
	text-align: left;
    line-height: 2em;
    width: 85%;
    font-size:3vw;
    margin:0 auto 4vw;
    letter-spacing: 1px;
}
.top_blogList{
	width: 85%;
	margin: 0 auto 4vw;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.top_blogList_item{
	width: 48%;
	display: flex;
	align-items: stretch;
	align-self: stretch;
	padding: 2vw;
	background: #fff;
	margin-bottom: 3vw;
}
.top_blogList_itemLink{

	display: block;
	position: relative;
	width: 100%;
}
.top_blogList_itemLink_img {
    width: 100%;
    height: 30vw;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
    display: block;
    border-radius: 0 20px 20px 20px;
}
.top_blogList_itemLink_img img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.top_blogList_itemLink_date{
	width: 100%;
	font-size: 3vw;
	font-weight: bold;
}
.top_blogList_itemLink_ttl{
	width: 100%;
	line-height: 1.6em;
	font-weight: bold;
	font-size: 3.4vw;
}
.blog_newIco{
	background: #FF0000;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	padding: 1vw 2vw;
	line-height: 1;
	letter-spacing: 0px;
	font-size: 3vw;
	font-weight: bold;
}
.cmn_btn01{
  width: 85%;
  margin: 0 auto;
  display: block;
  padding: 10px;
  position: relative;
  border:1px solid #000;
  text-align: center;
  color: #000;
  font-size: 3.2vw;
  background: #fff;
}
.cmn_btn01:before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 16px 16px;
	border-color: transparent transparent #000 transparent;
	position: absolute;
	right: 0;
	bottom: 0;
}
.cmn_btn01 span{
  display: block;
  letter-spacing: 2px;
}
.top_recruit{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 8vw;
}
.top_recruitBox{
	position: absolute;
	width: 100%;
}
.top_recruitBox_ttl{
	text-align: center;
	font-size: 6vw;
	font-weight: bold;
	margin-bottom: 2vw;
	color: #fff;
	text-shadow: 2px 2px 3px #00000030;
}
.top_recruitBox_txt01{
	text-align: center;
	color: #fff;
	font-size: 4vw;
	text-shadow: 2px 2px 3px #00000030;
	margin-bottom: 0.5vw;
}
.top_recruitBox_txt02{
	text-align: center;
	color: #fff;
	text-shadow: 2px 2px 3px #00000030;
	margin-bottom: 2vw;
	font-size: 3vw;
}

.cmn_btn01.recruitVer{
  border:1px solid #FFC400;
}
.cmn_btn01.recruitVer:before{
	border-color: transparent transparent #FFC400 transparent;
}
.top_product{
	margin-bottom: 12vw;
}
.top_productTtl{
	display: block;
    justify-content: center;
    white-space: nowrap;
    text-align: center;
}
.top_productTtl_txt{
	font-size: 5vw;
	text-align: center;
	margin-bottom: 5vw;
	font-weight: bold;
	position: relative;
    display: inline-block;
    align-items: flex-end;
}
.top_productTtl_txt:after {
    content: "";
    height: 4px;
    background: #FFC400;
    width: 96%;
    position: absolute;
    left: 0;
    bottom: -1vw;
}
.top_productTtl_img01{
	width: 30%;
	margin: 0 1vw;
	position: relative;
	top: -2vw;
}
.top_product_intro {
    text-align: left;
    line-height: 2em;
    width: 90%;
    font-size: 3vw;
    margin:0 auto 4vw;
    letter-spacing: 1px;
}
.top_productSlide{
	margin-bottom: 4vw;
}
.top_productSlide_item{
	margin: 0 2vw;
}
.top_productSlide_itemLink{
	display: block;
}
.top_productSlide_itemImg {
    width: 100%;
    height: 40vw;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
    display: block;
    border: 1px solid #707070;
}
.top_productSlide_itemImg img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.top_productSlide_itemTxt{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
}
.top_contact{

}
.top_contactTtl{
	position: relative;
	margin-bottom: 3vw;
}
.top_contactTtl:before {
    content: "";
    width: 1px;
    height: 7.8vw;
    background: #0C16BC;
    position: absolute;
    left: 0;
    right: 0;
    top: 7.8vw;
    margin: auto;
}
.top_contactTtl_jp {
    font-size: 5vw;
    color: #0C16BC;
    margin-bottom: 10vw;
    display: block;
    text-align: center;
}
.top_contactTtl_en {
    font-size: 3vw;
    color: #0C16BC;
    display: block;
    text-align: center;
}
.top_contact_intro{
	text-align: center;
	margin-bottom: 2vw;
	font-size: 3vw;
	margin-top: 0;
}
.top_contactTelBox{
	display:flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 10vw;
	flex-wrap: wrap;
}
.top_contactTelBox_l{
	width: 85%;
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 3vw;
}
.top_contactTelBox_lTop{
	width: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1vw;
}
.top_contactTelBox_lTop_txt{
	width: 26%;
	line-height: 1.4em;
	display: none;
}
.top_contactTelBox_lTop_tel{
	width: 100%;
    font-size: 7.7vw;
    font-weight: bold;
    color: #0C16BC;
    line-height: 1;
    letter-spacing: 1px;
    display: flex;
    align-items: flex-end;
    text-decoration: underline;
}
.top_contactTelBox_lTop_tel span{
    font-size: 5vw;
    text-decoration: none;
    color: #000;
}
.top_contactTelBox_lBtm{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.top_contactTelBox_lBtm_txt01{
	margin-right: 2vw;
}
.top_contactTelBox_r{
	width: 85%;
}
.contactVer{
	width: 100%;
	padding: 14px 10px;
}
.contactVer_ico{
	width: 10%;
	margin-right: 1vw;
}
.topBnr01_btm{
	width: 85%;
}
}
/*-----------------------------------------------------------

ABOUT

-------------------------------------------------------------*/
.main_vTtlWrap.main_vTtlWrap_sub{
	position: absolute;
	bottom: 20%;
	left: 10%;
	text-shadow: 2px 2px 2px #00000050;
}
.main_vTtl.main_vTtl_sub {
    font-size: 3vw;
    font-weight: bold;
    color: #fff;
    line-height: 1.6em;
}
.main_vTtl_ttl{
	display: block;
}
.breadcrumbs{
  display: flex;
  margin: 1vw auto 4vw;
  width: 90%;
  color: #707070;
}
.breadcrumbs span a{
  margin-right: 10px;
  position: relative;
  color: #707070;
}
.punkuz_link span a:hover{
  text-decoration: underline;
}
.breadcrumbs span:last-child{
  margin-left: 10px;
  position: relative;
  color: #707070;
}
.about_intro{
	width: 100%;
	margin: 0 auto 10vw;
}
.about_intro_img{
	width: 14%;
    margin: 0 auto 5vw;
}
.about_cmn_ttl{
	position: relative;
	margin-bottom: 1vw;
}
.about_cmn_ttl:before {
    content: "";
    width: 1px;
    height: 1.8vw;
    background: #0C16BC;
    position: absolute;
    left: 0;
    right: 0;
    top: 2.8vw;
    margin: auto;
}
.about_cmn_ttl_jp {
    font-size: 2vw;
    color: #0C16BC;
    margin-bottom: 3vw;
    display: block;
    text-align: center;
}
.about_cmn_ttl_en {
    font-size: 1vw;
    color: #0C16BC;
    display: block;
    text-align: center;
}
.about_introBox{
	background: url(../../src/img/about_bg01.png) 50% 50% no-repeat;
	background-size: cover;
	padding: 6vw 0;
}
.about_introBox_inner{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.about_introBox_innerTxt{
	width: 100%;
	text-align: center;
	font-size: 1.4vw;
	line-height: 1.8em;
	font-weight: bold;
}
.about_future{
	width: 100%;
	margin: 0 auto 10vw;
}
.about_futureTxt{
	width: 100%;
	text-align: center;
	font-size: 1.4vw;
	line-height: 1.8em;
	font-weight: bold;
	margin-bottom: 1.6vw;
}
.about_futureTxt02{
	text-align: center;
	font-size: 1vw;
	line-height: 2.2em;
}
.about_company{
	width: 100%;
	margin: 0 auto 10vw;
}
.about_companyTable{
	width: 50%;
	margin: 0 auto;
	border: none;
    border-collapse: collapse;
    border-spacing: 0;
}
.about_companyTable tr{
	position: relative;
	display: flex;
}
.about_companyTable tr:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAABCAYAAAD9yd/wAAAAFElEQVQYV2PkEdvz/8srF0YGNAAAUaYEAlFeWyMAAAAASUVORK5CYII=) repeat;
}
.about_companyTable tr td:nth-child(odd){
	font-weight: bold;
	padding: 1vw 0;
	width: 24%;
}
.about_companyTable tr td:nth-child(even){
	padding: 1vw 0;
	width: 76%;
}
.about_map{
	width: 70%;
	margin: 0 auto 10vw;
}
.about_map iframe{
	width: 100%;
}
.about_historyBox{
	background: url(../../src/img/about_bg02.png) 50% 50% no-repeat;
	background-size: cover;
	padding: 6vw 0;
	display: flex;
	justify-content: center;
}
.about_history_list{
  margin: 0 auto;
  position: relative;
  display: flex;
justify-content: flex-start;
flex-wrap: wrap;
flex-direction: column;
align-items: flex-start;
}

.about_history_listItem{
  padding-left: 3vw;
  position: relative;
  padding-bottom: 4vw;
}
.about_history_listItem:last-child{
  margin-bottom: 0;
}
.about_history_listItem span:nth-child(odd){
  width: 30%;
  margin: 0 40px 0;
}
.about_history_listItem:before{
  content: "●";
  color: #FFC400;
  font-size: 1.2vw;
  position: absolute;
  left: 0;
  z-index: 1;
}
.about_history_listItem:after{
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background: #919191;
  left: 0.59vw;
   top: 1vw;
}
.about_history_listItem_ttl{
	color: #FFC400;
	font-size: 2vw;
	font-weight: bold;
	margin-bottom: 1vw;
}
.about_history_listItem_txt{
	font-size: 1.1vw;
	font-weight: bold;
}
.about_history_listItem_last:after{
	display: none;
}
.top_recruitSub{
	margin-bottom: 0;
}
@media only screen and (max-width: 899px) { /* ============== Tablet LAYOUT ============== */
.main_vTtl.main_vTtl_sub {
    font-size: 4vw;
    font-weight: bold;
    color: #fff;
    line-height: 1.6em;
}
.about_cmn_ttl_jp {
    font-size: 3vw;
    color: #0C16BC;
    margin-bottom: 3vw;
    display: block;
    text-align: center;
}
.about_cmn_ttl_en {
    font-size: 2vw;
    color: #0C16BC;
    display: block;
    text-align: center;
}
.about_introBox_innerTxt {
    width: 100%;
    text-align: center;
    font-size: 2.4vw;
    line-height: 1.8em;
    font-weight: bold;
}
.about_futureTxt {
    width: 100%;
    text-align: center;
    font-size: 2.4vw;
    line-height: 1.8em;
    font-weight: bold;
    margin-bottom: 1.6vw;
}
.about_futureTxt02 {
    text-align: center;
    font-size: 2vw;
    line-height: 2.2em;
}
.about_companyTable {
    width: 80%;
    margin: 0 auto;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
}
.about_companyTable tr td:nth-child(odd) {
    font-weight: bold;
    padding: 2vw 0;
    width: 24%;
    font-size: 2vw;
}
.about_companyTable tr td:nth-child(even) {
    padding: 2vw 0;
    width: 76%;
    font-size: 2vw;
}
.about_map {
    width: 80%;
    margin: 0 auto 10vw;
}
.about_cmn_ttl {
    position: relative;
    margin-bottom: 3vw;
}
.about_history_listItem_ttl {
    color: #FFC400;
    font-size: 3vw;
    font-weight: bold;
    margin-bottom: 3vw;
}
.about_history_listItem_txt {
    font-size: 2.1vw;
    font-weight: bold;
    line-height: 2em;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.main_vTtlWrap.main_vTtlWrap_sub{
	position: absolute;
	bottom: 15%;
    top: unset;
    left: 10%;
	text-shadow: 2px 2px 2px #00000050;
}
.main_vTtl.main_vTtl_sub {
    font-size: 8vw;
    font-weight: bold;
    color: #fff;
    line-height: 2.4em;
    text-align: left;
}
.main_vTtl_ttl{
	display: block;
}
.main_vTtlWrap_sub .main_vTtl_txt {
    color: #fff;
    letter-spacing: 0;
    display: block;
}
.breadcrumbs{
  display: flex;
  margin: 1vw auto 6vw;
  width: 90%;
  color: #707070;
  overflow: auto;
  white-space: nowrap;
}
.breadcrumbs span a{
  margin-right: 10px;
  position: relative;
  color: #707070;
}
.punkuz_link span a:hover{
  text-decoration: underline;
}
.breadcrumbs span:last-child{
  margin-left: 10px;
  position: relative;
  color: #707070;
}
.about_intro{
	width: 100%;
	margin: 0 auto 10vw;
}
.about_intro_img{
	width: 20%;
    margin: 0 auto 5vw;
}
.about_cmn_ttl{
	position: relative;
	margin-bottom: 3vw;
}
.about_cmn_ttl:before {
    content: "";
    width: 1px;
    height: 5vw;
    background: #0C16BC;
    position: absolute;
    left: 0;
    right: 0;
    top: 6.8vw;
    margin: auto;
}
.about_cmn_ttl_jp {
    font-size: 5vw;
    color: #0C16BC;
    margin-bottom: 7vw;
    display: block;
    text-align: center;
}
.about_cmn_ttl_en {
    font-size: 3vw;
    color: #0C16BC;
    display: block;
    text-align: center;
}
.about_introBox{
	background: url(../../src/img/sp/about_bg01.png) 50% 50% no-repeat;
	background-size: cover;
	padding: 6vw 0;
}
.about_introBox_inner{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.about_introBox_innerTxt{
	width: 85%;
	text-align: center;
	font-size: 3.2vw;
	line-height: 2.2em;
	font-weight: bold;
}
.about_future{
	width: 100%;
	margin: 0 auto 10vw;
}
.about_futureTxt{
	width: 100%;
	text-align: center;
	font-size: 3.2vw;
	line-height: 1.8em;
	font-weight: bold;
	margin-bottom: 1.6vw;
}
.about_futureTxt02{
	text-align: center;
	font-size: 3vw;
	line-height: 2.2em;
	width: 85%;
	margin: 0 auto;
	letter-spacing: 1px;
}
.about_company{
	width: 100%;
	margin: 0 auto 6vw;
}
.about_companyTable{
	width: 85%;
	margin: 0 auto;
	border: none;
    border-collapse: collapse;
    border-spacing: 0;
}
.about_companyTable tr{
	position: relative;
}
.about_companyTable tr:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAABCAYAAAD9yd/wAAAAFElEQVQYV2PkEdvz/8srF0YGNAAAUaYEAlFeWyMAAAAASUVORK5CYII=) repeat;
}
.about_companyTable tr td:nth-child(odd){
	font-weight: bold;
	padding: 3vw 0;
	width: 36%;
	vertical-align: middle;
	font-size: 3.2vw;
	letter-spacing: 1px;
}
.about_companyTable tr td:nth-child(even){
	padding: 3vw 0;
	width: 64%;
	font-size: 3.2vw;
	letter-spacing: 1px;
}
.about_map{
	width: 100%;
	margin: 0 auto 10vw;
}
.about_map iframe{
	width: 100%;
	height: 60vw;
}
.about_historyBox{
	background: url(../../src/img/sp/about_bg02.png) 50% 50% no-repeat;
	background-size: cover;
	padding: 6vw 0;
	display: flex;
	justify-content: center;
}
.about_history_list{
  margin: 0 auto;
  position: relative;
  display: flex;
justify-content: flex-start;
flex-wrap: wrap;
flex-direction: column;
align-items: flex-start;
}

.about_history_listItem{
  padding-left: 8vw;
  position: relative;
  padding-bottom: 4vw;
}
.about_history_listItem:last-child{
  margin-bottom: 0;
}
.about_history_listItem span:nth-child(odd){
  width: 30%;
  margin: 0 40px 0;
}
.about_history_listItem:before{
  content: "●";
  color: #FFC400;
  font-size: 4vw;
  position: absolute;
  left: 0;
  z-index: 1;
}
.about_history_listItem:after{
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background: #919191;
  left: 2vw;
   top: 2vw;
}
.about_history_listItem_ttl{
	color: #FFC400;
	font-size: 4vw;
	font-weight: bold;
	margin-bottom: 1vw;
}
.about_history_listItem_txt{
	font-size: 3.2vw;
	font-weight: bold;
}
.about_history_listItem_last:after{
	display: none;
}
.top_recruitSub{
	margin-bottom: 0;
}
}
/*-----------------------------------------------------------

BUSINESS

-------------------------------------------------------------*/
.business_introTtl{
	text-align: center;
	color: #0C16BC;
	margin-bottom: 3vw;
}
.business_introTtl_txt01{
	font-size: 2vw;
	margin-bottom: 1vw;
	display: inline-block;
}
.business_introTtl_img{
	width: 14%;
	margin-bottom: 1vw;
}
.business_introTtl_txt02{
	font-size: 2.6vw;
	border-bottom: 4px solid #FFC400;
  padding-bottom: 0.8vw;
  display: inline-block;
}
.business_introList{
	width: 90%;
	display: flex;
	justify-content: space-between;
	margin: 0 auto 10vw;
}
.business_introList_item{
	width: 22%;
}
.business_introList_itemImg{
	padding: 0 2vw;
	margin-bottom: 1vw;
}
.business_introList_itemTtl{
	margin-bottom: 1vw;
	font-size: 1vw;
	font-weight: bold;
	text-align: center;
	min-height: 6vw;
	display: flex;
  align-items: center;
  justify-content: center;
}
.business_introList_itemTxt{
	font-size: 0.9vw;
	padding: 0 1vw;
}
.business_service01{
	background: #FFC400;
	padding: 6vw 0;
}
.business_service01_inner{
	width: 90%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 auto 2vw;
}
.business_service01_innerL{
	width: 36%;
	padding: 3vw 0 0;
}
.business_service01_innerL_ttl{
	font-size: 2vw;
	font-weight: bold;
	color: #fff;
	margin-bottom: 2vw;
}
.business_service01_innerL_txt{
	font-size: 0.95vw;
	color: #fff;
	line-height: 2.2em;
}
.business_service01_innerR{
	width: 60%;
}
.business_service01_info{
	width: 90%;
	margin: 0 auto;
}
.business_service01_infoTtl{
	position: relative;
	text-align: center;
	margin-bottom: 2vw;
}
.business_service01_infoTtl:after{
	content: "";
	height: 1px;
	width: 100%;
	background: #fff;
	position: absolute;
	left: 0;
	top: 1vw;
}
.business_service01_infoTtl span{
	font-size: 1.2vw;
	font-weight: bold;
	display: inline-block;
	background: #ffc400;
	padding: 0 2vw;
	color: #fff;
	position: relative;
	z-index: 1;
}
.business_service01_infoList{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 2vw;
}
.business_service01_infoList_item{
	width: 12%;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 0.9vw;
	line-height: 1.4em;
}
.business_service01_infoList_item a p{
	margin-top: 1vw;
}
.business_service02{
	background: #0C16BC;
	padding: 6vw 0;
}
.business_service02_inner{
	width: 90%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 auto 2vw;
}
.business_service02_innerL{
	width: 36%;
	padding: 3vw 0 0;
}
.business_service02_innerL_ttl{
	font-size: 2vw;
	font-weight: bold;
	color: #fff;
	margin-bottom: 2vw;
}
.business_service02_innerL_txt{
	font-size: 0.95vw;
	color: #fff;
	line-height: 2.2em;
}
.business_service02_innerR{
	width: 60%;
}
.business_service02_info{
	width: 90%;
	margin: 0 auto;
}
.business_service02_infoTtl{
	position: relative;
	text-align: center;
	margin-bottom: 2vw;
}
.business_service02_infoTtl:after{
	content: "";
	height: 1px;
	width: 100%;
	background: #fff;
	position: absolute;
	left: 0;
	top: 1vw;
}
.business_service02_infoTtl span{
	font-size: 1.2vw;
	font-weight: bold;
	display: inline-block;
	background: #0C16BC;
	padding: 0 2vw;
	color: #fff;
	position: relative;
	z-index: 1;
}
.business_service02_infoList{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin-bottom: 2vw;
}
.business_service02_infoList_item{
	width: 12%;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 0.9vw;
	line-height: 1.4em;
	margin: 0 2vw;
}
.business_our{
	width: 90%;
	margin: 6vw auto;
}
.business_ourTtl{
	text-align: center;
	margin-bottom: 5vw;
}
.business_ourTtl span{
	border-bottom: 3px solid #ffc400;
	display: inline;
	padding-bottom: 0.2vw;
	line-height: 1.6em;
	font-size: 2vw;
	font-weight: bold;
}
.business_ourList{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 6vw;
}
.business_ourList_item{
	width: 24%;
}
.business_ourList_itemTtl{
	font-size: 1vw;
	font-weight: bold;
	margin: 0.5vw 0;
}
.business_ourList_itemTxt{
	font-size: 0.8vw;
	letter-spacing: 1px;
}
.cmn_btn01.aboutVer{
  border:1px solid #0C16BC;
}
.cmn_btn01.aboutVer:before{
	border-color: transparent transparent #0C16BC transparent;
}
@media only screen and (max-width: 899px) { /* ============== Tablet LAYOUT ============== */
.business_introTtl_txt01 {
    font-size: 3vw;
    margin-bottom: 3vw;
    display: inline-block;
}
.business_introTtl_txt02 {
    font-size: 3.6vw;
    border-bottom: 4px solid #FFC400;
    padding-bottom: 1.8vw;
    display: inline-block;
}
.business_introTtl_img {
    width: 19%;
    margin-bottom: 3vw;
}
.business_introList {
    width: 90%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 10vw;
    flex-wrap: wrap;
}
.business_introList_item {
    width: 48%;
}
.business_introList_itemImg {
    padding: 0 11vw;
    margin-bottom: 1vw;
}
.business_introList_itemTtl {
    margin-bottom: 1vw;
    font-size: 2vw;
    font-weight: bold;
    text-align: center;
    min-height: 10vw;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.6em;
}
.business_introList_itemTxt {
    font-size: 1.9vw;
    padding: 0 1vw 4vw;
    line-height: 1.6em;
}
.business_service01_innerL_ttl {
    font-size: 3vw;
    font-weight: bold;
    color: #fff;
    margin-bottom: 2vw;
}
.business_service01_innerL_txt {
    font-size: 1.95vw;
    color: #fff;
    line-height: 1.6em;
}
.business_service01_infoTtl span {
    font-size: 3.2vw;
    font-weight: bold;
    display: inline-block;
    background: #ffc400;
    padding: 0 2vw;
    color: #fff;
    position: relative;
    z-index: 1;
}
.business_service01_innerL {
    width: 46%;
    padding: 3vw 0 0;
}
.business_service01_innerR {
    width: 50%;
}
.business_service02_innerR {
    width: 50%;
}
.business_service02_innerL {
    width: 46%;
    padding: 3vw 0 0;
}
.business_service02_innerL_ttl {
    font-size: 3vw;
    font-weight: bold;
    color: #fff;
    margin-bottom: 2vw;
}
.business_service02_innerL_txt {
    font-size: 1.95vw;
    color: #fff;
    line-height: 1.6em;
}
.business_service01_infoList_item {
    width: 12%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 1.9vw;
    line-height: 1.4em;
}
.business_service02_infoTtl span {
    font-size: 3.2vw;
    font-weight: bold;
    display: inline-block;
    background: #0C16BC;
    padding: 0 2vw;
    color: #fff;
    position: relative;
    z-index: 1;
}
.business_service02_infoList_item {
    width: 12%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 1.9vw;
    line-height: 1.4em;
    margin: 0 2vw;
}
.business_ourTtl span {
    border-bottom: 3px solid #ffc400;
    display: inline;
    padding-bottom: 0.2vw;
    line-height: 1.6em;
    font-size: 3vw;
    font-weight: bold;
}
.business_ourList {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 6vw;
    flex-wrap: wrap;
}
.business_ourList_item {
    width: 48%;
}
.business_ourList_itemTtl {
    font-size: 2.4vw;
    font-weight: bold;
    margin: 1.5vw 0;
}
.business_ourList_itemTxt {
    font-size: 1.8vw;
    letter-spacing: 1px;
    line-height: 2em;
    margin-bottom: 4vw;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.business_introTtl{
	text-align: center;
	color: #0C16BC;
	margin-bottom: 6vw;
}
.business_introTtl_txt01{
	font-size: 4vw;
	margin-bottom: 1vw;
	display: inline-block;
}
.business_introTtl_img{
	width: 26%;
	margin-bottom: 1vw;
}
.business_introTtl_txt02{
	font-size: 5.2vw;
	border-bottom: 4px solid #FFC400;
  padding-bottom: 0.8vw;
  display: inline-block;
}
.business_introList{
	width: 85%;
	display: flex;
	justify-content: space-between;
	margin: 0 auto 10vw;
	flex-wrap: wrap;
}
.business_introList_item{
	width: 100%;
	display: flex;
    flex-wrap: wrap;
    margin-bottom: 10vw;
}
.business_introList_itemImg{
	padding: 0 2vw;
	order: 2;
	width: 45%;
	margin: 0 auto 3vw;
}
.business_introList_itemTtl{
	margin-bottom: 3vw;
	font-size: 3.6vw;
	font-weight: bold;
	text-align: center;
	min-height: unset;
	display: flex;
  align-items: center;
  justify-content: center;
  order: 1;
  width: 100%;
  letter-spacing: 1px;
}
.business_introList_itemTxt{
	font-size: 3.2vw;
	padding: 0 1vw;
	order: 3;
	width: 100%;
}
.business_service01{
	background: #FFC400;
	padding: 6vw 0;
}
.business_service01_inner{
	width: 85%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 auto 8vw;
	flex-wrap: wrap;
}
.business_service01_innerL{
	width: 100%;
	padding: 3vw 0 0;
	margin-bottom: 5vw;
}
.business_service01_innerL_ttl{
	font-size: 4vw;
	font-weight: bold;
	color: #fff;
	margin-bottom: 4vw;
}
.business_service01_innerL_txt{
	font-size: 3.2vw;
	color: #fff;
}
.business_service01_innerR{
	width: 100%;
}
.business_service01_info{
	width: 90%;
	margin: 0 auto 6vw;
}
.business_service01_infoTtl{
	position: relative;
	text-align: center;
	margin-bottom: 6vw;
}
.business_service01_infoTtl:after{
	content: "";
	height: 1px;
	width: 100%;
	background: #fff;
	position: absolute;
	left: 0;
	top: 1vw;
	display: none;
}
.business_service01_infoTtl span{
	font-size: 4vw;
	font-weight: bold;
	display: inline-block;
	background: #ffc400;
	padding: 0 2vw;
	color: #fff;
	position: relative;
	z-index: 1;
}
.business_service01_infoList{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 2vw;
	margin: 0 -5vw 8vw;
}
.business_service01_infoList_item{
	width: 12%;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 3.2vw;
	line-height: 1.4em;
	margin: 0 5vw;
}
.business_service01_infoList_item a p{
	margin-top: 1vw;
}
.business_service02{
	background: #0C16BC;
	padding: 6vw 0;
}
.business_service02_inner{
	width: 85%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 auto 8vw;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
.business_service02_innerL{
	width: 100%;
    padding: 3vw 0 0;
    margin-bottom: 5vw;
}
.business_service02_innerL_ttl{
	font-size: 4vw;
    font-weight: bold;
    color: #fff;
    margin-bottom: 4vw;
}
.business_service02_innerL_txt{
	font-size: 3.2vw;
    color: #fff;
}
.business_service02_innerR{
	width: 100%;
}
.business_service02_info{
	width: 90%;
	margin: 0 auto 6vw;
}
.business_service02_infoTtl{
position: relative;
    text-align: center;
    margin-bottom: 6vw;
}
.business_service02_infoTtl:after{
	content: "";
	height: 1px;
	width: 100%;
	background: #fff;
	position: absolute;
	left: 0;
	top: 1vw;
	display: none;
}
.business_service02_infoTtl span{
font-size: 4vw;
    font-weight: bold;
    display: inline-block;
    background: #0c16bc;
    padding: 0 2vw;
    color: #fff;
    position: relative;
    z-index: 1;
}
.business_service02_infoList{
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2vw;
    margin: 0 -5vw 8vw;
}
.business_service02_infoList_item{
	width: 12%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 3.2vw;
    line-height: 1.4em;
    margin: 0 5vw;
}
.business_our{
	width: 85%;
	margin: 6vw auto;
}
.business_ourTtl{
	text-align: center;
	margin-bottom: 8vw;
}
.business_ourTtl span{
	border-bottom: 3px solid #ffc400;
	display: inline;
	padding-bottom: 0.2vw;
	line-height: 1.6em;
	font-size: 5vw;
	font-weight: bold;
}
.business_ourList{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 6vw;
	flex-wrap: wrap;
}
.business_ourList_item{
	width: 100%;
	margin-bottom: 6vw;
	display: flex;
	flex-wrap: wrap;
}
.business_ourList_item picture{
	order: 1;
	width: 100%;
	margin-bottom: 2vw;
}
.business_ourList_itemTtl{
	font-size: 4vw;
	font-weight: bold;
	margin: 0 0 2vw;
	order: 0;
	width: 100%;
}
.business_ourList_itemTxt{
	font-size: 3.2vw;
	letter-spacing: 1px;
	order: 2;
	width: 100%;
}
.cmn_btn01.aboutVer{
  border:1px solid #0C16BC;
}
.cmn_btn01.aboutVer:before{
	border-color: transparent transparent #0C16BC transparent;
}
}
/*-----------------------------------------------------------

SERVICE

-------------------------------------------------------------*/
.service_intro{
	width: 100%;
	margin: 0 0 6vw;
}
.service_introTtl{
	text-align: center;
	color: #0C16BC;
	font-weight: bold;
	line-height: 2em;
	font-size: 2vw;
	margin-bottom: 3vw;
}
.service_introTtl img{
	width: 6%;
	position: relative;
	top: -0.5vw;
	margin-right: 0.5vw;
}
.service_introList{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 70%;

	margin: 0 auto;
}
.service_introList_item{
	width: 30%;
}
.service_introList_item img{
	width: 80%;
	margin: 0 auto 0vw;
	display: block;
}
.service_introList_itemTtl{
	display: flex;
	align-items: center;
	font-size: 1vw;
	font-weight: bold;
	min-height: 5vw;
}
.service_introList_itemTxt{
	font-size: 0.8vw;
	letter-spacing: 1px;
}
.service_lineup{
	width: 70%;
	margin: 0 auto 6vw;
}
.service_lineupList{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.service_lineupListLine{
	width: 1px;
	background: #0C18BC;
	padding: 1vw 0;
}
.service_lineup_detail{
	width: 70%;
	display: flex;
	justify-content: space-between;
	margin: 0 auto 6vw;
}
.service_lineup_detailL{
	width: 40%;
}
.service_lineup_detailLBox{
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-bottom: 1vw;
}
.service_lineup_detailLBox_l{
	width: 18%;
}
.service_lineup_detailLBox_r{
	width: 75%;
}
.service_lineup_detailLBox_rTtl{
	color: #0C16BC;
	font-size: 1.4vw;
	font-weight: bold;
	margin-bottom: 0.6vw;
}
.service_lineup_detailLBox_rList{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.service_lineup_detailLBox_rList li{
	padding: 0.2vw 1vw;
	background: #FFF186;
	border: 1px solid #707070;
	border-radius: 20px;
	font-size: 0.8vw;
	margin-right: 0.5vw;
	line-height: 1em;
	margin-bottom: 0.5vw;
	letter-spacing: 0px;
}
.service_lineup_detailLBox_rTxt{
	color: #0C16BC;
	font-size: 0.8vw;
}
.service_lineup_detailR{
	width: 55%;
}
.service_flow{
	background: #FFF7BA;
	padding: 6vw 0;
	margin-bottom: 6vw;
}
.service_flowInner{
	width: 90%;
	margin: 0 auto;
}
.service_flowInner_list{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 2vw;
}
.service_flowInner_listItem{
	width: 18%;
}
.service_flowInner_listItemArrow{
	width: 10%;
  text-align: center;
  display: flex;
  justify-content: center;
  margin: auto;
  position: relative;
}
.service_flowInner_listItemArrow img{
	width: 30%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
 	right: 0;
}
.service_flowInner_listItem_ttl{
	margin-bottom: 1vw;
	display: flex;
	align-items: center;
}
.service_flowInner_listItem_ttlNum{
	font-size: 3vw;
	color: #FFC400;
	font-weight: bold;
}
.service_flowInner_listItem_ttlTxt{
	font-weight: bold;
	font-size: 1.2vw;
}
.service_flowInner_listItem_txt{
	font-size: 0.8vw;
	margin-top: 1vw;
}
@media only screen and (max-width: 899px) { /* ============== Tablet LAYOUT ============== */
.service_introTtl {
    text-align: center;
    color: #0C16BC;
    font-weight: bold;
    line-height: 2em;
    font-size: 3vw;
    margin-bottom: 3vw;
}
.service_introTtl img {
    width: 10%;
    position: relative;
    top: -0.5vw;
    margin-right: 0.5vw;
}
.service_introList {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 90%;
    margin: 0 auto;
}
.service_introList_itemTtl {
    display: flex;
    align-items: center;
    font-size: 2vw;
    font-weight: bold;
    min-height: 9vw;
    line-height: 1.6em;
}
.service_introList_itemTxt {
    font-size: 1.8vw;
    letter-spacing: 1px;
    line-height: 2em;
}
.service_lineup {
    width: 90%;
    margin: 0 auto 6vw;
}
.service_lineupList li{
	font-size: 1.4vw;
}
.service_lineup_detail {
    width: 90%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 6vw;
}
.service_lineup_detailL {
    width: 56%;
}
.service_lineup_detailR {
    width: 40%;
}
.service_lineup_detailLBox_rTtl {
    color: #0C16BC;
    font-size: 2.4vw;
    font-weight: bold;
    margin-bottom: 2.6vw;
}
.service_lineup_detailLBox_rList li {
    padding: 0.6vw 1vw;
    background: #FFF186;
    border: 1px solid #707070;
    border-radius: 20px;
    font-size: 1.8vw;
    margin-right:1vw;
    line-height: 1em;
    margin-bottom: 1vw;
    letter-spacing: 0px;
}
.service_lineup_detailLBox_rTxt {
    color: #0C16BC;
    font-size: 1.8vw;
    line-height: 1.6em;
}
.service_flowInner_listItem {
    width: 22%;
}
.service_flowInner_listItemArrow {
    width: 5%;
    text-align: center;
    display: flex;
    justify-content: center;
    margin: auto;
    position: relative;
}
.service_flowInner_listItemArrow img {
    width: 48%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.service_flowInner_listItem_ttlTxt {
    font-weight: bold;
    font-size: 2.2vw;
}
.service_flowInner_listItem_txt {
    font-size: 1.8vw;
    margin-top: 1vw;
    line-height: 1.6em;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.service_intro{
	width: 100%;
	margin: 0 0 6vw;
}
.service_introTtl{
	text-align: center;
	color: #0C16BC;
	font-weight: bold;
	line-height: 3em;
	font-size: 5vw;
	margin-bottom: 3vw;
}
.service_introTtl img{
	width: 22%;
	position: relative;
	top: -3.2vw;
	margin-right: 1vw;
}
.service_introList{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 85%;
	margin: 0 auto;
	flex-wrap: wrap;
}
.service_introList_item{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 6vw;
}
.service_introList_item img{
	width: 40%;
	margin: 0;
	display: block;
	order: 1;
}
.service_introList_itemTtl{
	display: flex;
	align-items: center;
	font-size: 3.6vw;
	font-weight: bold;
	min-height: unset;
	order: 0;
	width: 100%;
	margin-bottom: 2vw;
}
.service_introList_itemTxt{
	font-size: 3.2vw;
	letter-spacing: 1px;
	order: 2;
	width: 56%;
}
.service_lineup{
	width: 70%;
	margin: 0 auto 6vw;
}
.service_lineupList{
	display: none;
	justify-content: space-between;
	align-items: center;
}
.service_lineupListLine{
	width: 1px;
	background: #0C18BC;
	padding: 1vw 0;
}
.service_lineup_detail{
	width: 85%;
	display: flex;
	justify-content: space-between;
	margin: 0 auto 12vw;
	flex-wrap: wrap;
}
.service_lineup_detailL{
	width: 100%;
}
.service_lineup_detailLBox{
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-bottom: 3vw;
	position: relative;
	padding-top: 8vw;
}
.service_lineup_detailLBox_l{
	width: 18%;
}
.service_lineup_detailLBox_r{
	width: 70%;
}
.service_lineup_detailLBox_rTtl{
	color: #0C16BC;
	font-size: 4vw;
	font-weight: bold;
	margin-bottom: 0.6vw;
	position: absolute;
	top: 0;
	left: 0;
	white-space: nowrap;
}
.service_lineup_detailLBox_rList{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.service_lineup_detailLBox_rList li{
	padding: 1vw 3vw;
	background: #FFF186;
	border: 1px solid #707070;
	border-radius: 20px;
	font-size: 3vw;
	margin-right: 3vw;
	line-height: 1em;
	margin-bottom: 1vw;
	letter-spacing: 0px;
}
.service_lineup_detailLBox_rTxt{
	color: #0C16BC;
	font-size: 3.2vw;
	margin-bottom: 5vw;
}
.service_lineup_detailR{
	width: 100%;
}
.service_flow{
	background: #FFF7BA;
	padding: 6vw 0;
	margin-bottom: 6vw;
}
.service_flowInner{
	width: 85%;
	margin: 0 auto;
}
.service_flowInner_list{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 2vw;
	flex-wrap: wrap;
}
.service_flowInner_listItem{
	width: 100%;
	margin-bottom: 6vw;
}
.service_flowInner_listItemArrow{
	width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  margin: auto;
  position: relative;
  margin-bottom: 6vw;
}
.service_flowInner_listItemArrow img{
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: unset;
	margin: auto;
	top: 0;
	bottom: 0;
}
.service_flowInner_listItem_ttl{
	margin-bottom: 3vw;
	display: flex;
	align-items: center;
}
.service_flowInner_listItem_ttlNum{
	font-size: 8vw;
	color: #FFC400;
	font-weight: bold;
}
.service_flowInner_listItem_ttlTxt{
	font-weight: bold;
	font-size: 4vw;
	width: 70%;
}
.service_flowInner_listItem_txt{
	font-size: 3vw;
	margin-top: 2vw;
}
}
/*-----------------------------------------------------------

SERVICE02

-------------------------------------------------------------*/
.service02_btm{
	width: 56%;
	margin: 0 auto 6vw;
}
.service02_btmTtl{
	margin-bottom: 3vw;
}
.service02_btmInner{
	position: relative;
	display: flex;
	justify-content: space-between;
	padding:2vw 0.6vw ;
}
.service02_btmInner:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAFElEQVQYV2NkYGD4z8DAwMiAAwAAHT4BAk+wsRwAAAAASUVORK5CYII=) repeat;
}
.service02_btmInner_first:before{
	content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAFElEQVQYV2NkYGD4z8DAwMiAAwAAHT4BAk+wsRwAAAAASUVORK5CYII=) repeat;
}
.service02_btmInner h3{
	width: 30%;
	font-size: 1.2vw;
	font-weight: bold;
	color: #0C16BC;
}
.service02_btmInner p{
	width: 68%;
	font-size: 0.9vw;
}
@media only screen and (max-width: 899px) { /* ============== Tablet LAYOUT ============== */
.service02_btm{
	width: 90%;
	margin: 0 auto 6vw;
}
.service02_btmInner h3 {
    width: 30%;
    font-size: 2vw;
    font-weight: bold;
    color: #0C16BC;
}
.service02_btmInner p {
    width: 68%;
    font-size: 1.9vw;
    line-height: 1.6em;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.service02_btm{
	width: 85%;
	margin: 10vw auto 10vw;
}
.service02_btmTtl{
	margin-bottom: 6vw;
}
.service02_btmInner{
	position: relative;
	display: flex;
	justify-content: space-between;
	padding:3vw 0;
	flex-wrap: wrap;
}
.service02_btmInner:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAFElEQVQYV2NkYGD4z8DAwMiAAwAAHT4BAk+wsRwAAAAASUVORK5CYII=) repeat;
}
.service02_btmInner_first:before{
	content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAFElEQVQYV2NkYGD4z8DAwMiAAwAAHT4BAk+wsRwAAAAASUVORK5CYII=) repeat;
    display: none;
}
.service02_btmInner h3{
	width: 100%;
	font-size: 4vw;
	font-weight: bold;
	color: #0C16BC;
}
.service02_btmInner p{
	width: 100%;
	font-size: 3.2vw;
}
}
/*-----------------------------------------------------------

RECRUIT

-------------------------------------------------------------*/
.recruit_intro{
	width: 90%;
	margin: 0 auto 6vw;
}
.recruit_introTtl{
	text-align: center;
	margin-bottom: 1vw;
}
.recruit_introTtl span{
	border-bottom: 3px solid #ffc400;
	display: inline;
	padding-bottom: 0.2vw;
	line-height: 1.6em;
	font-size: 2vw;
	font-weight: bold;
}
.recruit_introTxt{
	text-align: center;
	font-size: 0.9vw;
}
.recruit_listBox{
	width: 100%;
	margin: 0 auto 3vw;
}
.recruit_list{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin:0 auto 5vw;
	width: 40%;
}
.recruit_listLine{
	width: 1px;
	background: #0C18BC;
	padding: 1vw 0;
}
.recruit_cmn_ttl{
	position: relative;
	margin-bottom: 3vw;
}
.recruit_cmn_ttl:before {
    content: "";
    width: 1px;
    height: 4.4vw;
    background: #0C16BC;
    position: absolute;
    left: 0;
    right: 0;
    top: 2.8vw;
    margin: auto;
}
.recruit_cmn_ttl_jp {
    font-size: 2vw;
    color: #0C16BC;
    margin-bottom: 6vw;
    display: block;
    text-align: center;
}
.recruit_cmn_ttl_en {
    font-size: 1vw;
    color: #0C16BC;
    display: block;
    text-align: center;
}
.recruit_listBox_inner{
	margin-bottom: 10vw;
}
.recruit_listBox_sec01{
	width: 30%;
	margin: 0 auto;
}
.recruit_listBox_sec02{
	width: 40%;
	margin: 0 auto;
}
.recruit_listBox_sec02 p{
	position: relative;
	padding:1vw 0.6vw ;
	text-align: center;
	font-size: 1vw;
}
.recruit_listBox_sec02 p:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAFElEQVQYV2NkYGD4z8DAwMiAAwAAHT4BAk+wsRwAAAAASUVORK5CYII=) repeat;
}
.recruit_listBox_sec02 .recruit_listBox_sec02_first:before{
	content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAFElEQVQYV2NkYGD4z8DAwMiAAwAAHT4BAk+wsRwAAAAASUVORK5CYII=) repeat;
}
.recruit_cmn02_ttl{
	position: relative;
	margin-bottom: 9vw;
}
.recruit_cmn02_ttl:before {
    content: "";
    width: 1px;
    height: 4.4vw;
    background: #0C16BC;
    position: absolute;
    left: 0;
    right: 0;
    top: 5vw;
    margin: auto;
}
.recruit_cmn02_ttl_jp {
    font-size: 2vw;
    color: #0C16BC;
    margin-bottom: 1vw;
    display: block;
    text-align: center;
}
.recruit_cmn02_ttl_en {
    font-size: 1vw;
    color: #0C16BC;
    display: block;
    text-align: center;
}
.recruitPost_box{
	margin-bottom: 6vw;
}
.recruitPost{
	width: 50%;
	margin: 0 auto 2vw;
}
.recruitPost_ttl{
	font-size: 1.2vw;
	font-weight: bold;
	color: #0C16BC;
	margin-bottom: 1vw;
}
.recruitPost_list{
	position: relative;
	padding:1vw 0;
	display: flex;
	justify-content: space-between;
}
.recruitPost_list:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAFElEQVQYV2NkYGD4z8DAwMiAAwAAHT4BAk+wsRwAAAAASUVORK5CYII=) repeat;
}
.recruitPost_list .recruitPost_list_first:before{
	content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAFElEQVQYV2NkYGD4z8DAwMiAAwAAHT4BAk+wsRwAAAAASUVORK5CYII=) repeat;
}
.recruitPost_listTtl{
	width: 20%;
	font-weight: bold;
	font-size: 0.9vw;
}
.recruitPost_listTxt{
	width: 80%;
	font-size: 0.9vw;
}
@media only screen and (max-width: 899px) { /* ============== Tablet LAYOUT ============== */
.recruit_introTtl span {
    border-bottom: 3px solid #ffc400;
    display: inline;
    padding-bottom: 0.2vw;
    line-height: 1.6em;
    font-size: 3vw;
    font-weight: bold;
}
.recruit_introTxt {
    text-align: center;
    font-size: 1.9vw;
    line-height: 1.6em;
}
.recruit_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto 5vw;
    width: 60%;
    font-size: 2vw;
}
.recruit_cmn_ttl_jp {
    font-size: 3vw;
    color: #0C16BC;
    margin-bottom: 6vw;
    display: block;
    text-align: center;
}
.recruit_cmn_ttl_en {
    font-size: 2vw;
    color: #0C16BC;
    display: block;
    text-align: center;
}
.recruit_listBox_sec01 {
    width: 40%;
    margin: 0 auto;
}
.recruit_listBox_sec02 {
    width: 60%;
    margin: 0 auto;
}
.recruit_listBox_sec02 p {
    position: relative;
    padding: 2vw 0.6vw;
    text-align: center;
    font-size: 2vw;
}
.recruit_cmn02_ttl_jp {
    font-size: 3vw;
    color: #0C16BC;
    margin-bottom: 2vw;
    display: block;
    text-align: center;
}
.recruit_cmn02_ttl:before {
    content: "";
    width: 1px;
    height: 4.4vw;
    background: #0C16BC;
    position: absolute;
    left: 0;
    right: 0;
    top: 8vw;
    margin: auto;
}
.recruitPost {
    width: 60%;
    margin: 0 auto 2vw;
}
.recruitPost_ttl {
    font-size: 2.2vw;
    font-weight: bold;
    color: #0C16BC;
    margin-bottom: 2vw;
}
.recruitPost_listTtl {
    width: 20%;
    font-weight: bold;
    font-size: 1.9vw;
}
.recruitPost_list {
    position: relative;
    padding: 2vw 0;
    display: flex;
    justify-content: space-between;
}
.recruitPost_listTxt {
    width: 80%;
    font-size: 1.9vw;
    line-height: 1.6em;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.recruit_intro{
	width: 85%;
	margin: 0 auto 10vw;
}
.recruit_introTtl{
	text-align: center;
	margin-bottom: 3vw;
}
.recruit_introTtl span{
	border-bottom: 3px solid #ffc400;
	display: inline;
	padding-bottom: 0.2vw;
	line-height: 1.6em;
	font-size: 5vw;
	font-weight: bold;
}
.recruit_introTxt{
	text-align: left;
	font-size: 3.2vw;
}
.recruit_listBox{
	width: 100%;
	margin: 0 auto 3vw;
}
.recruit_list{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin:0 auto 10vw;
	width: 85%;
	font-size: 3.4vw;
}
.recruit_listLine{
	width: 1px;
	background: #0C18BC;
	padding: 2vw 0;
}
.recruit_cmn_ttl{
	position: relative;
	margin-bottom: 8vw;
}
.recruit_cmn_ttl:before {
    content: "";
    width: 1px;
    height: 7.4vw;
    background: #0C16BC;
    position: absolute;
    left: 0;
    right: 0;
    top: 7.8vw;
    margin: auto;
}
.recruit_cmn_ttl_jp {
    font-size: 5vw;
    color: #0C16BC;
    margin-bottom: 10vw;
    display: block;
    text-align: center;
}
.recruit_cmn_ttl_en {
    font-size: 3.2vw;
    color: #0C16BC;
    display: block;
    text-align: center;
}
.recruit_listBox_inner{
	margin-bottom: 14vw;
}
.recruit_listBox_sec01{
	width: 70%;
	margin: 0 auto;
}
.recruit_listBox_sec02{
	width: 85%;
	margin: 0 auto;
}
.recruit_listBox_sec02 p{
	position: relative;
	padding:2vw 0.6vw ;
	text-align: center;
	font-size: 3.4vw;
}
.recruit_listBox_sec02 p:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAFElEQVQYV2NkYGD4z8DAwMiAAwAAHT4BAk+wsRwAAAAASUVORK5CYII=) repeat;
}
.recruit_listBox_sec02 .recruit_listBox_sec02_first:before{
	content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAFElEQVQYV2NkYGD4z8DAwMiAAwAAHT4BAk+wsRwAAAAASUVORK5CYII=) repeat;
}
.recruit_cmn02_ttl{
	position: relative;
	margin-bottom: 9vw;
}
.recruit_cmn02_ttl:before {
    content: "";
    width: 1px;
    height: 7.4vw;
    background: #0C16BC;
    position: absolute;
    left: 0;
    right: 0;
    top: 7.8vw;
    margin: auto;
}
.recruit_cmn02_ttl_jp {
    font-size: 5vw;
    color: #0C16BC;
    margin-bottom: 10vw;
    display: block;
    text-align: center;
}
.recruit_cmn02_ttl_en {
    font-size: 3.2vw;
    color: #0C16BC;
    display: block;
    text-align: center;
}
.recruitPost_box{
	margin-bottom: 16vw;
}
.recruitPost{
	width: 85%;
	margin: 0 auto 6vw;
}
.recruitPost_ttl{
	font-size: 4.4vw;
	font-weight: bold;
	color: #0C16BC;
	margin-bottom: 3vw;
}
.recruitPost_list{
	position: relative;
	padding:3vw 0;
	display: flex;
	justify-content: space-between;
}
.recruitPost_list:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAFElEQVQYV2NkYGD4z8DAwMiAAwAAHT4BAk+wsRwAAAAASUVORK5CYII=) repeat;
}
.recruitPost_list .recruitPost_list_first:before{
	content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAFElEQVQYV2NkYGD4z8DAwMiAAwAAHT4BAk+wsRwAAAAASUVORK5CYII=) repeat;
}
.recruitPost_listTtl{
	width: 26%;
	font-weight: bold;
	font-size: 3.4vw;
}
.recruitPost_listTxt{
	width: 70%;
	font-size: 3.2vw;
}
}
/*-----------------------------------------------------------

RESERVE

-------------------------------------------------------------*/
.reserve_introTtl {
    text-align: center;
    color: #0C16BC;
    font-weight: bold;
    line-height: 2em;
    font-size: 2vw;
    margin-bottom: 1vw;
}
.reserve_introTxt {
    text-align: center;
    font-size: 0.9vw;
    margin-bottom: 6vw;
}
.reserve_flow{
	width: 70%;
	margin: 0 auto 6vw;
}
.reserve_flowTtl{
	text-align: center;
	font-size: 1.4vw;
}
.reserve_flowInner{

}
.reserve_flowInner_list{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 2vw;
}
.reserve_flowInner_listItem{
	width: 30%;
}
.reserve_flowInner_listItemArrow{
	width: 7%;
  text-align: center;
  display: flex;
  justify-content: center;
  margin: auto;
  position: relative;
}
.reserve_flowInner_listItemArrow img{
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.reserve_flowInner_listItem_ttl{
	font-size: 2vw;
	color: #FFC400;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1vw;
}
.reserve_flowInner_listItem img{
	margin-bottom: 1vw;
}
.reserve_flowInner_listItem_txt{
	font-size: 0.8vw;
}
.form_box{
	width: 70%;
	margin: 0 auto 6vw;
}
.form_boxWrap{
	margin-bottom: 4vw;
}
.form_boxTtl{
	text-align: center;
	font-size: 1.4vw;
	margin: 0 0 2vw;
}
.form_boxInner{
	margin-bottom: 1.4vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.form_boxInner_l{
	width: 28%;
	padding: 1vw;
	padding-left: 7vw;
	background: #F7F7F7;
	font-weight: bold;
	font-size: 1vw;
	display: flex;
	align-self: stretch;
	align-items: center;
	position: relative;
	white-space: nowrap;
}
.form_boxInner_l2txt{
	align-items: flex-start;
}
.form_boxInner_l.hissu:before{
	content: "必須";
	background: #FF1010;
	color: #fff;
	padding: 0.2vw 0.4vw;
	line-height: 1em;
	position: absolute;
	font-size: 0.8vw;
	left: 2vw;
	letter-spacing: 0px;
	border-radius: 4px;
}
.form_boxInner_l.hissusentaku:before{
	content: "必須選択";
	background: #FF1010;
	color: #fff;
	padding: 0.2vw 0.4vw;
	line-height: 1em;
	position: absolute;
	font-size: 0.8vw;
	left: 2vw;
	letter-spacing: 0px;
	border-radius: 4px;
}
.form_boxInner_r{
	width: 71.7%;
	padding: 1vw;
	padding-right: 6vw;
	background: #F7F7F7;
	font-size: 1vw;
}
.form_boxInner_dateWrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.form_boxInner_dateWrap_l{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 48%;
}
.form_boxInner_dateWrap_r{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 48%;
}
.form_boxInner_dateWrap_ttl{
	font-weight: bold;
}
.form_boxInner_dateWrap_ttl{
	width: 16%;
}
.form_boxInner_dateWrap_input{
	width: 82%;
}
.form_boxInner_dateWrap_input input{
	width: 100%;
	padding: 0.4vw;
	border: 1px solid #D9D4D4;
}
.form_boxInner_dateWrap_input select{
	width: 100%;
	padding: 0.4vw;
	border: 1px solid #D9D4D4;
	-webkit-appearance: none;
  -moz-appearance: none;
}
.form_boxInner02{
	margin-bottom: 0.6vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.form_boxInner_rInput input{
	width: 100%;
	padding: 0.4vw;
	border: 1px solid #D9D4D4;
}
.form_boxInner_rInput select{
	width: 100%;
	padding: 0.6vw 0.4vw;
	border: 1px solid #D9D4D4;
	-webkit-appearance: none;
	position: relative;
	background: #fff;
}
.wpcf7-form-control-wrap.time01,.wpcf7-form-control-wrap.time02,.wpcf7-form-control-wrap.time03,.wpcf7-form-control-wrap.kind,.wpcf7-form-control-wrap.job{
	position: relative;
}
.wpcf7-form-control-wrap.time01:after,.wpcf7-form-control-wrap.time02:after,.wpcf7-form-control-wrap.time03:after,.wpcf7-form-control-wrap.kind:after,.wpcf7-form-control-wrap.job:after{
	content: "▼";
	font-size: 0.8vw;
	position: absolute;
	right: 1vw;
	top: 0vw;
	color: #aaa;
}
.form_boxInner_rInput textarea{
	width: 100%;
	padding: 0.4vw;
	border: 1px solid #D9D4D4;
}
.form_boxCheck{
	margin: 4vw 0 2vw;
	text-align: center;
}
.form_boxPrivacy{
	font-size: 0.8vw;
	text-align: center;
	margin-bottom: 2vw;
}
.form_boxPrivacy a{
	color: #0C16BC;
}
.sendBtn {
    width: 40%;
    margin: 0 auto 2vw;
    display: block;
    position: relative;
    border: 1px solid #000;
    text-align: center;
    color: #000;
    font-size: 0.9vw;
    background: #fff;
}
.sendBtn:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 16px 16px;
    border-color: transparent transparent #000 transparent;
    position: absolute;
    right: 0;
    bottom: 0;
}
.button {
    display: block;
    letter-spacing: 2px;
    -webkit-appearance: none;
    cursor: pointer;
    background: #fff;
    width: 100%;
    border: none;
    padding: 10px;
    font-size: 1vw;
}
.button:hover{
    background: #000AFF;
    color: #ffff;
}

.daisha .wpcf7-radio .wpcf7-list-item{
  width: 23%;
  font-size: 1vw;
  letter-spacing: 2px;
  text-align: center;
  position: relative;
  margin: 0;
}
.daisha input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  width: 20px;
  height: 20px;
  border: 4px solid #fff;
  background: #fff;
  border-radius: 50%;
  left: 10%;
  top: 10%;
  box-shadow: 0px 0px 2px #000;
}
.daisha input[type=radio]:checked {
    border: 4px solid #fff;
    background: #888888;
    box-shadow: 0px 0px 2px #000;
}
.daisha .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label{
  display: block;
  padding: 0;
  padding-left: 4.5vw;
  letter-spacing: 0;
  text-align: left;
}
.daisha input[type=radio]:checked + .wpcf7-list-item-label{
  display: block;
  padding: 0;
  padding-left: 4.5vw;
}
@media only screen and (max-width: 899px) { /* ============== Tablet LAYOUT ============== */
.reserve_introTtl {
    text-align: center;
    color: #0C16BC;
    font-weight: bold;
    line-height: 2em;
    font-size: 3vw;
    margin-bottom: 1vw;
}
.reserve_introTxt {
    text-align: center;
    font-size: 1.9vw;
    margin-bottom: 6vw;
    width: 90%;
    margin: 0 auto 6vw;
    line-height: 1.6em;
}
.reserve_flow {
    width: 90%;
    margin: 0 auto 6vw;
}
.reserve_flowTtl {
    text-align: center;
    font-size: 2.4vw;
}
.reserve_flowInner_listItem_txt {
    font-size: 1.8vw;
    line-height: 1.6em;
}
.reserve_flowInner_listItem_ttl {
    font-size: 3vw;
    color: #FFC400;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1vw;
}
.form_box {
    width: 90%;
    margin: 0 auto 6vw;
}
.form_boxTtl {
    text-align: center;
    font-size: 2.4vw;
    margin: 0 0 2vw;
}
.form_boxInner_l {
    width: 36%;
    padding: 2vw;
    padding-left: 11vw;
    background: #F7F7F7;
    font-weight: bold;
    font-size: 1.4vw;
    display: flex;
    align-self: stretch;
    align-items: center;
    position: relative;
    white-space: nowrap;
}
.form_boxInner_r {
    width: 63.7%;
    padding: 2vw;
    padding-right: 2vw;
    background: #F7F7F7;
    font-size: 1.4vw;
}
.form_boxInner_l.hissu:before {
    content: "必須";
    background: #FF1010;
    color: #fff;
    padding: 0.2vw 0.4vw;
    line-height: 1em;
    position: absolute;
    font-size: 1.8vw;
    left: 2vw;
    letter-spacing: 0px;
    border-radius: 4px;
}
.daisha input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    width: 14px;
    height: 14px;
    border: 4px solid #fff;
    background: #fff;
    border-radius: 50%;
    left: 10%;
    top: 5%;
    box-shadow: 0px 0px 2px #000;
}
.daisha input[type=radio]:checked {
    border: 2px solid #fff;
    background: #888888;
    box-shadow: 0px 0px 2px #000;
}
.form_boxPrivacy {
    font-size: 1.2vw;
    text-align: center;
    margin-bottom: 6vw;
    line-height: 1.6em;
}
.form_boxInner_l.hissusentaku:before {
    content: "必須選択";
    background: #FF1010;
    color: #fff;
    padding: 0.2vw 0.4vw;
    line-height: 1em;
    position: absolute;
    font-size: 1.8vw;
    left: 2vw;
    letter-spacing: 0px;
    border-radius: 4px;
}
.sendBtn {
    width: 60%;
    margin: 0 auto 2vw;
    display: block;
    position: relative;
    border: 1px solid #000;
    text-align: center;
    color: #000;
    font-size: 1.9vw;
    background: #fff;
}
.button {
    display: block;
    letter-spacing: 2px;
    -webkit-appearance: none;
    cursor: pointer;
    background: #fff;
    width: 100%;
    border: none;
    padding: 10px;
    font-size: 2vw;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.reserve_introTtl {
    text-align: center;
    color: #0C16BC;
    font-weight: bold;
    line-height: 2em;
    font-size: 5vw;
    margin-bottom: 1vw;
}
.reserve_introTxt {
    text-align: center;
    font-size: 3.2vw;
    margin-bottom: 6vw;
    width: 85%;
    margin: 0 auto 12vw;
}
.reserve_flow{
	width: 85%;
	margin: 0 auto 6vw;
}
.reserve_flowTtl{
	text-align: center;
	font-size: 4vw;
	margin-bottom: 6vw;
}
.reserve_flowInner{

}
.reserve_flowInner_list{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 2vw;
	flex-wrap: wrap;
}
.reserve_flowInner_listItem{
	width: 100%;
	margin-bottom: 6vw;
}
.reserve_flowInner_listItemArrow{
	width: 100%;
  text-align: center;
  display: none;
  justify-content: center;
  margin: auto;
  position: relative;
}
.reserve_flowInner_listItemArrow img{
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin: auto;
	top: 0;
	bottom: 0;
}
.reserve_flowInner_listItem_ttl{
	font-size: 8vw;
	color: #FFC400;
	font-weight: bold;
	text-align: center;
	margin-bottom: 3vw;
}
.reserve_flowInner_listItem img{
	margin-bottom: 1vw;
}
.reserve_flowInner_listItem_txt{
	font-size: 3vw;
}
.form_box{
	width: 85%;
	margin: 0 auto 6vw;
}
.form_boxWrap{
	margin-bottom: 10vw;
}
.form_boxTtl{
	text-align: center;
	font-size: 4vw;
	margin: 0 0 6vw;
}
.form_boxInner{
	margin-bottom: 1.4vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.form_boxInner_l{
	width: 100%;
	padding: 0;
	padding-left: 0;
	background: #fff;
	font-weight: bold;
	font-size: 3.4vw;
	display: flex;
    align-self: stretch;
    align-items: center;
    position: relative;
    margin-bottom: 2vw;
}
.form_boxInner_l2txt{
	align-items: flex-start;
}
.form_boxInner_l.hissu{
	padding-left: 12vw;
}
.form_boxInner_l.hissusentaku{
	padding-left: 18vw;
}
.form_boxInner_l.hissu:before{
	content: "必須";
	background: #FF1010;
	color: #fff;
	padding: 1vw 2vw;
	line-height: 1em;
	position: absolute;
	font-size: 3vw;
	left: 0vw;
	letter-spacing: 0px;
	border-radius: 4px;
}
.form_boxInner_l.hissusentaku:before{
	content: "必須選択";
	background: #FF1010;
	color: #fff;
	padding: 1vw 2vw;
	line-height: 1em;
	position: absolute;
	font-size: 3vw;
	left: 0vw;
	letter-spacing: 0px;
	border-radius: 4px;
}
.form_boxInner_r{
	width: 100%;
	padding: 3vw;
	background: #F7F7F7;
	font-size: 3.4vw;
	margin-bottom: 4vw;
}
.form_boxInner_dateWrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.form_boxInner_dateWrap_l{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-bottom: 4vw;
}
.form_boxInner_dateWrap_r{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.form_boxInner_dateWrap_ttl{
	font-weight: bold;
}
.form_boxInner_dateWrap_ttl{
	width: 16%;
}
.form_boxInner_dateWrap_input{
	width: 82%;
}
.form_boxInner_dateWrap_input input{
	width: 100%;
	border: 1px solid #D9D4D4;
	background: #fff;
}
.form_boxInner_dateWrap_input select{
	width: 100%;
	padding: 2vw 1vw;
	border: 1px solid #D9D4D4;
	background: #fff;
	-webkit-appearance: none;
  -moz-appearance: none;
}
.form_boxInner02{
	margin-bottom: 0.6vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.form_boxInner_rInput input{
	width: 100%;
	padding: 1.6vw 1vw;
	border: 1px solid #D9D4D4;
	-webkit-appearance: none;
  -moz-appearance: none;
}
.form_boxInner_rInput select{
	width: 100%;
	padding: 2vw 1vw;
	border: 1px solid #D9D4D4;
	-webkit-appearance: none;
  -moz-appearance: none;
}
.wpcf7-form-control-wrap.time01,.wpcf7-form-control-wrap.time02,.wpcf7-form-control-wrap.time03,.wpcf7-form-control-wrap.kind,.wpcf7-form-control-wrap.job{
	position: relative;
}
.wpcf7-form-control-wrap.time01:after,.wpcf7-form-control-wrap.time02:after,.wpcf7-form-control-wrap.time03:after,.wpcf7-form-control-wrap.kind:after,.wpcf7-form-control-wrap.job:after{
	content: "▼";
	font-size: 2vw;
	position: absolute;
	right: 1vw;
	top: 0.3vw;
	color: #aaa;
}
.form_boxInner_rInput textarea{
	width: 100%;
	padding: 1vw;
	border: 1px solid #D9D4D4;
	-webkit-appearance: none;
  -moz-appearance: none;
}
.form_boxCheck{
	margin: 4vw 0 4vw;
	text-align: center;
}
.form_boxPrivacy{
	font-size: 3vw;
	text-align: left;
	margin-bottom: 8vw;
}
.sendBtn {
    width: 100%;
    margin: 0 auto 5vw;
    display: block;
    position: relative;
    border: 1px solid #000;
    text-align: center;
    color: #000;
    font-size: 3.2vw;
    background: #fff;
}
.sendBtn:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 16px 16px;
    border-color: transparent transparent #000 transparent;
    position: absolute;
    right: 0;
    bottom: 0;
}
.button {
    display: block;
    letter-spacing: 2px;
    -webkit-appearance: none;
    cursor: pointer;
    background: #fff;
    width: 100%;
    border: none;
    padding: 10px;
}
.button:hover{
    background: #000AFF;
    color: #ffff;
}
.daisha .wpcf7-radio .wpcf7-list-item{
  width: 40%;
  font-size: 3.2vw;
  letter-spacing: 2px;
  text-align: center;
  position: relative;
  margin: 0;
}
.daisha input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  width: 20px;
  height: 20px;
  border: 4px solid #fff;
  background: #fff;
  border-radius: 50%;
  left: 10%;
  top: 5%;
  box-shadow: 0px 0px 2px #000;
}
.daisha input[type=radio]:checked {
    border: 4px solid #fff;
    background: #888888;
    box-shadow: 0px 0px 2px #000;
}
.daisha .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label{
  display: block;
  padding: 0;
  padding-left: 45px;
  letter-spacing: 0;
  text-align: left;
}
.daisha input[type=radio]:checked + .wpcf7-list-item-label{
  display: block;
  padding: 0;
  padding-left: 45px;
}
}
/*-----------------------------------------------------------

THANKS

-------------------------------------------------------------*/
.thanks_ttlBox{
	padding-top: 10vw;
}
.thanks_ttl{
	background: #FFC400;
	padding: 7vw 0;
	font-size: 1.6vw;
	color: #fff;
	text-align: center;
}
.thanks_intro{
	margin-bottom: 6vw;
}
.thanks_introTtl{
	text-align: center;
	margin-bottom: 1vw;
	font-size: 1.4vw;
	color: #0C16BC;
	font-weight: bold;
}
.thanks_introTxt{
	text-align: center;
	font-size: 0.9vw;
	margin-bottom: 4vw;
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.thanks_ttlBox{
	padding-top: 10vw;
}
.thanks_ttl{
	background: #FFC400;
	padding: 26vw 0;
	font-size: 5vw;
	color: #fff;
	text-align: center;
}
.thanks_intro{
	margin-bottom: 6vw;
}
.thanks_introTtl{
	text-align: center;
	margin-bottom: 3vw;
	font-size: 4vw;
	color: #0C16BC;
	font-weight: bold;
}
.thanks_introTxt{
	text-align: center;
	font-size: 3vw;
	margin-bottom: 8vw;
}
}
/*-----------------------------------------------------------

ITEM

-------------------------------------------------------------*/
.item_bread{
	padding-top: 8vw;
	margin-bottom: 8vw;
}
.itemWrap{
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.itemWrap_cat{
	width: 22%;
}
.itemWrap_catTtl{
	font-size: 1.8vw;
	font-weight: bold;
	margin-bottom: 1.8vw;
}
.itemWrap_catList{
	margin-bottom: 6vw;
}
.itemWrap_catList_item{
	margin-bottom: 1.4vw;
}
.itemWrap_catList_item a{
	padding-bottom: 0.6vw;
	border-bottom: 1px solid #1123B9;
	display: block;
	font-size: 1vw;
}
.itemWrap_box{
	width: 72%;
	margin-bottom: 3vw;
}
.itemList{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.itemList::after {
    display: block;
    content: "";
    width: 30%;
}
.itemList_item{
	width: 30%;
	margin-bottom: 3vw;
}
.itemList_itemLink{
	display: block;
}
.itemList_itemImg {
    width: 100%;
    height: 14vw;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
    display: block;
}
.itemList_itemImg img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.itemList_item_txtTop{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.itemList_item_txtTop_ttl{
	font-size: 1vw;
	font-weight: bold;
}
.itemList_item_txtTop_price{
	font-size: 1vw;
	font-weight: bold;
}
.itemList_item_txtBtm{
	font-size: 0.8vw;
	letter-spacing: 1px;
}
.wp-pagenavi{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90%;
  margin: 0 auto 6vw;
}
.wp-pagenavi a{
  color: #1123B9;
  -moz-transition: all 0.26s ease-out;
  -o-transition: all 0.26s ease-out;
  -webkit-transition: all 0.26s ease-out;
  -ms-transition: all 0.26s ease-out;
}
.wp-pagenavi a:hover{
  opacity: 0.5;
  -moz-transition: all 0.26s ease-out;
  -o-transition: all 0.26s ease-out;
  -webkit-transition: all 0.26s ease-out;
  -ms-transition: all 0.26s ease-out;
}
.previouspostslink{
  display: flex;
  margin-right: 40px;
  position: relative;
  align-items: center;
}
.previouspostslink:before{
  content: '';
  width: 12px;
  height: 12px;
  border-top: 1px solid #1123B9;
  border-right: 1px solid #1123B9;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  position: absolute;
  left: 0px;
}
.nextpostslink{
  display: flex;
  margin-left: 40px;
  position: relative;
  align-items: center;
}
.nextpostslink:before{
  content: '';
  width: 12px;
  height: 12px;
  border-top: 1px solid #1123B9;
  border-right: 1px solid #1123B9;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 0px;
}
.wp-pagenavi .page{
  width: 36px;
  height: 36px;
  margin: 0 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  border:1px solid #1123B9;
  font-weight: 700;
  line-height: 1em;
  text-align: center;
  letter-spacing: 0px;
  background: #fff;
  color: #000;
  position: relative;
}
.wp-pagenavi .page:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #0C16BC transparent;
    position: absolute;
    right: 0;
    bottom: 0;
}
.wp-pagenavi .current{
  background: #1123B9;
  color: #fff;
  width: 36px;
  height: 36px;
  margin: 0 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  border:1px solid #1123B9;
  font-weight: 700;
  line-height: 1em;
  text-align: center;
  letter-spacing: 0px;
}
@media only screen and (max-width: 899px) { /* ============== Tablet LAYOUT ============== */
.itemWrap_catTtl {
    font-size: 2.4vw;
    font-weight: bold;
    margin-bottom: 1.8vw;
}
.itemWrap_catList_item a {
    padding-bottom: 1.6vw;
    border-bottom: 1px solid #1123B9;
    display: block;
    font-size: 2vw;
}
.itemList_item {
    width: 48%;
    margin-bottom: 3vw;
}
.itemList_itemImg {
    width: 100%;
    height: 24vw;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
    display: block;
}
.itemList_item_txtTop_ttl {
    font-size: 2vw;
    font-weight: bold;
    line-height: 1.6em;
}
.itemList_item_txtTop_price {
    font-size: 2vw;
    font-weight: bold;
}
.itemList_item_txtBtm {
    font-size: 1.8vw;
    letter-spacing: 1px;
    margin-top: 2vw;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.item_bread{
	padding-top: 16vw;
	margin-bottom: 8vw;
}
.itemWrap{
	width: 85%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.itemWrap_cat{
	width: 70%;
	margin-bottom: 8vw;
	position: relative;
}
.itemWrap_catTtl{
	font-size: 5vw;
	font-weight: bold;
	margin-bottom: 1.8vw;
	position: relative;
}
.itemWrap_catTtl:after{
	content: "";
	display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 10px;
    border-bottom: 1px solid #1123b9;
    border-right: 1px solid #1123b9;
    transform: rotate(45deg);
    position: absolute;
    top: 20%;
}
.itemWrap_catTtl.on:after{
	content: "";
	display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 10px;
    border-bottom: 1px solid #1123b9;
    border-right: 1px solid #1123b9;
    transform: rotate(225deg);
    position: absolute;
    top: 45%;
}
.itemWrap_catList{
	margin-bottom: 6vw;
	border: 1px solid #1123B9;
	padding: 3vw 2vw 2vw;
	display: none;
	position: absolute;
	background: #fff;
	z-index: 1;
	width: 100%;
}
.itemWrap_catList_item{
	margin-bottom: 3vw;
}
.itemWrap_catList_item a{
	padding-bottom: 3vw;
	border-bottom: 1px solid #1123B9;
	display: block;
	font-size: 3.4vw;
	padding-left: 10vw;
	color: #1123B9;
}
.itemWrap_catList_item:last-child{
	margin-bottom: 2vw;
}
.itemWrap_catList_item:last-child a{
	border-bottom: none;
	padding-bottom: 0vw;
}
.itemWrap_box{
	width: 100%;
	margin-bottom: 3vw;
}
.itemList{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.itemList::after {
    display: block;
    content: "";
    width: 100%;
}
.itemList_item{
	width: 100%;
	margin-bottom: 8vw;
}
.itemList_itemLink{
	display: block;
}
.itemList_itemImg {
    width: 100%;
    height: 50vw;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
    display: block;
}
.itemList_itemImg img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.itemList_item_txtTop{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.itemList_item_txtTop_ttl{
	font-size: 3.8vw;
	font-weight: bold;
}
.itemList_item_txtTop_price{
	font-size: 3.4vw;
	font-weight: bold;
}
.itemList_item_txtBtm{
	font-size: 3vw;
	letter-spacing: 1px;
}
.wp-pagenavi{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90%;
  margin: 0 auto 10vw;
}
.wp-pagenavi a{
  color: #1123B9;
  -moz-transition: all 0.26s ease-out;
  -o-transition: all 0.26s ease-out;
  -webkit-transition: all 0.26s ease-out;
  -ms-transition: all 0.26s ease-out;
}
.wp-pagenavi a:hover{
  opacity: 0.5;
  -moz-transition: all 0.26s ease-out;
  -o-transition: all 0.26s ease-out;
  -webkit-transition: all 0.26s ease-out;
  -ms-transition: all 0.26s ease-out;
}
.previouspostslink{
  display: flex;
  margin-right: 40px;
  position: relative;
  align-items: center;
}
.previouspostslink:before{
  content: '';
  width: 12px;
  height: 12px;
  border-top: 1px solid #1123B9;
  border-right: 1px solid #1123B9;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  position: absolute;
  left: 0px;
}
.nextpostslink{
  display: flex;
  margin-left: 40px;
  position: relative;
  align-items: center;
}
.nextpostslink:before{
  content: '';
  width: 12px;
  height: 12px;
  border-top: 1px solid #1123B9;
  border-right: 1px solid #1123B9;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 0px;
}
.wp-pagenavi .page{
  width: 36px;
  height: 36px;
  margin: 0 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  border:1px solid #1123B9;
  font-weight: 700;
  line-height: 1em;
  text-align: center;
  letter-spacing: 0px;
  background: #fff;
  color: #000;
  position: relative;
}
.wp-pagenavi .page:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #0C16BC transparent;
    position: absolute;
    right: 0;
    bottom: 0;
}
.wp-pagenavi .current{
  background: #1123B9;
  color: #fff;
  width: 36px;
  height: 36px;
  margin: 0 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  border:1px solid #1123B9;
  font-weight: 700;
  line-height: 1em;
  text-align: center;
  letter-spacing: 0px;
}
}
/*-----------------------------------------------------------

ITEM DETAIL

-------------------------------------------------------------*/
.item_detailWrap{
	width: 70%;
	margin: 0 auto 6vw;
	display: flex;
	justify-content: space-between;
}
.item_detailWrap_l{
	width: 40%;
}
.item_detailWrap_r{
	width: 48%;
}
.slide_design{
	display: flex;
}
.itemNav{

}
.itemNav li {
    width: 100%;
    height: 6vw;
    position: relative;
    margin: 0 1vw;
    overflow: hidden;
    display: block;
    border: 1px solid #aaa;
}
.itemNav li img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.item_detailWrap_rTtl{
	border-bottom: 1px solid #000;
	padding-bottom: 0.6vw;
	margin:0 0 1vw;
	font-size: 1.6vw;
	font-weight: bold;
}
.item_detailWrap_rBox{
	border-bottom: 1px solid #000;
	padding-bottom: 1vw;
	margin:0 0 1vw;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.item_detailWrap_rBox_ttl{
	font-size: 0.9vw;
	font-weight: bold;
	width: 30%;
}
.item_detailWrap_rBox_txt{
	width: 68%;
	font-size: 0.9vw;
	letter-spacing: 1px;
}
.itemPrice{
	color: #FF1010;
	text-align: right;
	font-size: 1.4vw;
}
.item_detailCart_select{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 4vw 0 2vw;
}
.item_detailCart_selectTxt{
	margin-right: 1vw;
}
.item_detailCart_selectInput{
	width: 30%;
}
.item_detailCart_selectInput input{
	width: 100%;
	padding: 0.4vw;
	border: 1px solid #D9D4D4;
	text-align: right;
}
.item_detailCart_btn{
	display: flex;
	justify-content: flex-end;
	width: 100%;
	position: relative;
}
.item_detailCart_btn .skubutton {
    width: 60%;
    display: block;
    padding: 10px;
    border: 1px solid #000;
    text-align: center;
    color: #000;
    font-size: 0.9vw;
    background: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
}
.item_detailCart_btn:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 16px 16px;
    border-color: transparent transparent #000 transparent;
    position: absolute;
    right: 0;
    bottom: 0;
}
@media only screen and (max-width: 899px) { /* ============== Tablet LAYOUT ============== */
.item_detailWrap {
    width: 90%;
    margin: 0 auto 6vw;
    display: flex;
    justify-content: space-between;
}
.item_detailWrap_rTtl {
    border-bottom: 1px solid #000;
    padding-bottom: 0.6vw;
    margin: 0 0 1vw;
    font-size: 2.2vw;
    font-weight: bold;
    line-height: 1.6em;
}
.item_detailWrap_r {
    width: 55%;
}
.item_detailWrap_rBox_ttl {
    font-size: 1.9vw;
    font-weight: bold;
    width: 30%;
}
.item_detailWrap_rBox_txt {
    width: 68%;
    font-size: 1.9vw;
    letter-spacing: 1px;
    line-height: 1.6em;
}
.itemPrice {
    color: #FF1010;
    text-align: right;
    font-size: 2.4vw;
}
.item_detailCart_btn .skubutton {
    width: 100%;
    display: block;
    padding: 10px;
    border: 1px solid #000;
    text-align: center;
    color: #000;
    font-size: 1.9vw;
    background: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.item_detailWrap{
	width: 85%;
	margin: 0 auto 6vw;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.item_detailWrap_l{
	width: 100%;
	margin-bottom: 8vw;
}
.item_detailWrap_r{
	width: 100%;
	margin-bottom: 8vw;
}
.slide_design{
	display: flex;
}
.itemNav{

}
.itemNav li {
    width: 100%;
    height: 20vw;
    position: relative;
    margin: 0 1vw;
    overflow: hidden;
    display: block;
    border: 1px solid #aaa;
}
.itemNav li img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.item_detailWrap_rTtl{
	border-bottom: 1px solid #000;
	padding-bottom: 3vw;
	margin:0 0 3vw;
	font-size: 4vw;
	font-weight: bold;
}
.item_detailWrap_rBox{
	border-bottom: 1px solid #000;
	padding-bottom: 3vw;
	margin:0 0 3vw;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.item_detailWrap_rBox_ttl{
	font-size: 3.2vw;
	font-weight: bold;
	width: 30%;
}
.item_detailWrap_rBox_txt{
	width: 68%;
	font-size: 3.2vw;
	letter-spacing: 1px;
}
.itemPrice{
	color: #FF1010;
	text-align: right;
	font-size: 4vw;
}
.item_detailCart_select{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 10vw 0 4vw;
}
.item_detailCart_selectTxt{
	margin-right: 1vw;
}
.item_detailCart_selectInput{
	width: 40%;
}
.item_detailCart_selectInput input{
	width: 100%;
	padding: 1vw;
	border: 1px solid #D9D4D4;
	text-align: right;
}
.item_detailCart_btn{
	display: flex;
	justify-content: flex-end;
	width: 100%;
	position: relative;
}
.item_detailCart_btn .skubutton {
    width: 100%;
    display: block;
    padding: 16px 10px;
    border: 1px solid #000;
    text-align: center;
    color: #000;
    font-size: 3.2vw;
    background: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    -webkit-appearance: none;
}
.item_detailCart_btn:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 16px 16px;
    border-color: transparent transparent #000 transparent;
    position: absolute;
    right: 0;
    bottom: 0;
}
}
/*-----------------------------------------------------------

CONTACT

-------------------------------------------------------------*/
.contactTel_box{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 6vw;
}
.contactTel_boxTtl{
	text-align: center;
	margin-bottom: 1vw;
	font-size: 1.4vw;
	color: #0C16BC;
	width: 100%;
}
.contactTel_boxTxt{
	text-align: center;
	font-size: 0.8vw;
	margin-bottom: 1vw;
	width: 100%;
}
.contact_tel{
	width: 33%;
}
.contact_telTop{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.2vw;
}
.contact_telTop_txt{
	width: 26%;
	line-height: 1.4em;
}
.contact_telTop_tel{
	width: 74%;
    font-size: 3.2vw;
    font-weight: bold;
    color: #0C16BC;
    line-height: 1;
    letter-spacing: 1px;
}
.contact_telBtm{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.contact_telBtm_txt01{
	margin-right: 2vw;
}
@media only screen and (max-width: 899px) { /* ============== Tablet LAYOUT ============== */
.contactTel_boxTtl {
    text-align: center;
    margin-bottom: 3vw;
    font-size: 2.4vw;
    color: #0C16BC;
    width: 100%;
}
.contactTel_boxTxt {
    text-align: center;
    font-size: 1.8vw;
    margin-bottom: 2vw;
    width: 100%;
}
.contact_tel {
    width: 66%;
}
.contact_telTop {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2.2vw;
}
.contact_telTop_tel {
    width: 47%;
    font-size: 4.2vw;
    font-weight: bold;
    color: #0C16BC;
    line-height: 1;
    letter-spacing: 1px;
}
.contact_telTop_txt {
    width: 26%;
    line-height: 1.4em;
    font-size: 2vw;
}
.contact_telBtm {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6vw;
    font-size: 2vw;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.contactTel_box{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 6vw;
}
.contactTel_boxTtl{
	text-align: center;
	margin-bottom: 1vw;
	font-size: 5vw;
	color: #0C16BC;
	width: 100%;
}
.contactTel_boxTxt{
	text-align: center;
	font-size: 3vw;
	margin-bottom: 8vw;
	width: 100%;
}
.contact_tel{
	width: 100%;
}
.contact_telTop{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0.2vw;
}
.contact_telTop_txt{
	width: 26%;
	line-height: 1.4em;
	display: none;
}
.contact_telTop_tel{
	width: auto;
    font-size: 7.7vw;
    font-weight: bold;
    color: #0C16BC;
    line-height: 1;
    letter-spacing: 1px;
    display: flex;
    align-items: flex-end;
    text-decoration: underline;
}
.contact_telTop_tel span{
    font-size: 5vw;
    text-decoration: none;
    color: #000;
}
.contact_telBtm{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 6vw;
}
.contact_telBtm_txt01{
	margin-right: 2vw;
}
}
.wpcf7 .ajax-loader {
    display: none!important;
}
.wpcf7-not-valid-tip {
    color: #FF1010!important;
    font-size: 1em;
    font-weight: normal;
    display: block;
}
/*-----------------------------------------------------------

QA

-------------------------------------------------------------*/
.qa_box{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 auto 6vw;
	width: 80%;
}
.qa_boxL{
	width: 20%;
	color: #0C16BC;
	font-size: 1.6vw;
}
.qa_boxR{
	width: 78%;
}
.qa_boxRList_item{
	background: #F7F7F7;
	padding:1vw 2vw;
	margin-bottom: 1vw;
}
.qa_boxRList_itemTtl{
	font-size: 1.2vw;
	position: relative;
	padding-left: 2.6vw;
}
.qa_boxRList_itemTtl:before{
	content: "Q";
    position: absolute;
    left: 0.8vw;
    top: 0;
    color: #0C16BC;
    font-weight: bold;
}
.qa_boxRList_itemTtl:after{
	content: "＋";
	position: absolute;
	right: 0;
	top: 0;
	color: #0C16BC;
	font-weight: bold;
	color: #707070;
}
.qa_boxRList_itemTtl.on:after{
	content: "−";
	position: absolute;
	right: 0.2vw;
	top: 0;
	color: #0C16BC;
	font-weight: bold;
	color: #707070;
}
.qa_boxRList_itemTxt{
	background: #fff;
	padding: 3.2vw 1vw 1vw;
	margin: 1vw 0 0.6vw;
	position: relative;
	font-size: 0.9vw;
	letter-spacing: 0px;
	display: none;
}
.qa_boxRList_itemTxt:before{
	content: "A";
	position: absolute;
	left: 1vw;
	top: 1vw;
	color: #FFC400;
	font-weight: bold;
	font-size: 1.2vw;
}
@media only screen and (max-width: 899px) { /* ============== Tablet LAYOUT ============== */
.qa_box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 auto 6vw;
    width: 90%;
    flex-wrap: wrap;
}
.qa_boxL {
    width: 100%;
    color: #0C16BC;
    font-size: 2.6vw;
    margin-bottom: 4vw;
}
.qa_boxR {
    width: 100%;
}
.qa_boxRList_item {
    background: #F7F7F7;
    padding: 2vw 2vw;
    margin-bottom: 1vw;
}
.qa_boxRList_itemTtl {
    font-size: 2.2vw;
    position: relative;
    padding-left: 4.6vw;
}
.qa_boxRList_itemTxt {
    background: #fff;
    padding: 4.2vw 2vw 2vw;
    margin: 2vw 0 0.6vw;
    position: relative;
    font-size: 1.9vw;
    letter-spacing: 0px;
    line-height: 1.6em;
    display: none;
}
.qa_boxRList_itemTxt:before {
    content: "A";
    position: absolute;
    left: 1vw;
    top: 1vw;
    color: #FFC400;
    font-weight: bold;
    font-size: 2.2vw;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.qa_box{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 auto 6vw;
	width: 85%;
	flex-wrap: wrap;
}
.qa_boxL{
	width: 100%;
	color: #0C16BC;
	font-size: 5vw;
	text-align: center;
	margin-bottom: 4vw;
}
.qa_boxR{
	width: 100%;
}
.qa_boxRList_item{
	background: #F7F7F7;
	padding:3vw;
	margin-bottom: 3vw;
}
.qa_boxRList_itemTtl{
	font-size: 3.4vw;
	position: relative;
	padding-left: 10vw;
	padding-right: 6vw;
	letter-spacing: 1px;
}
.qa_boxRList_itemTtl:before{
	content: "Q";
    position: absolute;
    left: 2.8vw;
    color: #0C16BC;
    font-size: 5vw;
    top: -1vw;
    bottom: 0;
    margin: auto;
    height: fit-content;
}
.qa_boxRList_itemTtl:after{
	content: "＋";
	position: absolute;
	color: #0C16BC;
	color: #707070;
	font-size: 5vw;
	top: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
}
.qa_boxRList_itemTtl.on:after{
	content: "−";
	position: absolute;
	right: 0.2vw;

	color: #0C16BC;
	color: #707070;
	top: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
}
.qa_boxRList_itemTxt{
	background: #fff;
	padding: 10vw 3vw 3vw;
	margin: 4vw 0 0.6vw;
	position: relative;
	font-size: 3.2vw;
	letter-spacing: 0px;
	display: none;
}
.qa_boxRList_itemTxt:before{
	content: "A";
	position: absolute;
	left: 3.2vw;
    top: 2vw;
	color: #FFC400;
	font-size: 5vw;
}
}
/*-----------------------------------------------------------

NEWS

-------------------------------------------------------------*/
.news_box {
    width: 70%;
    margin: 0 auto 80px;
    position: relative;
    z-index: 1;
}
.news_boxList{
  margin-bottom: 60px;
}
.news_boxList_item{
  margin-bottom: 20px;
  padding:0 0 20px;
  border-bottom: 1px dashed #4D4C4C;
  display: flex;
  align-items: center;
}
.news_boxList_itemCat{
  padding: 6px 20px;
    line-height: 1em;
    background: #FFC400;
    margin-right: 20px;
    display: inline-block;
    font-size: 0.8vw;
    width: 14%;
    text-align: center;
}
.news_boxList_itemLink{
    font-size: 1vw;
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}
.news_boxList_itemLink:hover{
  color: #8e8e8d;
}
.news_boxList_itemDate{
      margin-right: 40px;
    font-size: 1vw;
    font-weight: 500;
    letter-spacing: 2px;
    width: 12%;
}
.news_boxList_itemTtl{
  font-size: 1.1vw;
    font-weight: 500;
    letter-spacing: 2px;
    width: 60%;
}
@media only screen and (max-width: 899px) { /* ============== Tablet LAYOUT ============== */
.news_box {
    width: 90%;
    margin: 0 auto 80px;
    position: relative;
    z-index: 1;
}
.news_boxList_itemCat {
    padding: 6px 0px;
    line-height: 1em;
    background: #FFC400;
    margin-right: 20px;
    display: inline-block;
    font-size: 1.8vw;
    width: 20%;
    text-align: center;
}
.news_boxList_itemDate {
    margin-right: 40px;
    font-size: 2vw;
    font-weight: 500;
    letter-spacing: 2px;
    width: 52%;
}
.news_boxList_itemTtl {
    font-size: 2.1vw;
    font-weight: 500;
    letter-spacing: 2px;
    width: 100%;
    margin-top: 2vw;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.news_box {
    width: 85%;
    margin: 0 auto 30px;
    position: relative;
    z-index: 1;
}
.news_boxList{
  margin-bottom: 30px;
}
.news_boxList_item{
  margin-bottom: 3vw;
  padding:0 0 20px;
  border-bottom: none;
  display: flex;
  align-items: center;

}
.news_boxList_itemCat{
  padding: 6px 0px;
    line-height: 1em;
    background: #FFC400;
    margin-right: 20px;
    display: inline-block;
    font-size: 3vw;
    width: 40%;
    text-align: center;
}
.news_boxList_itemLink{
    font-size: 1vw;
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}
.news_boxList_itemLink:hover{
  color: #8e8e8d;
}
.news_boxList_itemDate{
    margin-right: 0;
    font-size: 3.2vw;
    font-weight: 500;
    letter-spacing: 2px;
    width: fit-content;
}
.news_boxList_itemTtl{
  font-size: 3.4vw;
    font-weight: 500;
    letter-spacing: 2px;
    width: 100%;
    border-top: 1px solid #707070;
    margin-top: 1vw;
    padding-top: 1vw;
}
}
/*-----------------------------------------------------------

NEWS DETAIL

-------------------------------------------------------------*/
.news_detail_box {
    width: 70%;
    margin: 0 auto 80px;
    position: relative;
    z-index: 1;
}
.news_detailbox {
    display: flex;
    justify-content: space-between;
}
.news_detailboxL {
    width: 62%;
    position: relative;
    z-index: 1;
}
.news_detailboxL_ttl{

}
.news_detailboxL_ttlTxt{
	display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  width: 100%;
}
.news_detailboxL_List_itemCat{
  padding: 6px 0px;
    line-height: 1em;
    background: #FFC400;
    margin-right: 20px;
    display: inline-block;
    font-size: 0.8vw;
    width: 17%;
    text-align: center;
}
.news_detailboxL_List_itemDate {
    margin-right: 0px;
    font-size: 0.8vw;
    letter-spacing: 2px;
    width: 20%;
    text-align: right;
}
.news_detailboxL_List_itemTtl{
  font-size: 1.1vw;
  font-weight: bold;

    letter-spacing: 2px;
    width: 65%;
}
.news_detailboxL_contentInner{
  margin-bottom: 60px;
  font-size: 0.8vw;
}
.news_detailboxL_contentInner img,.news_detailboxL_contentInner div{
  line-height: 2.4em;
  margin-bottom: 20px;
}
.news_detailboxL_contentInner p{
  margin-bottom: 20px;
  line-height: 2em;
  font-size: 0.8vw;
}
.news_detailboxR{
  width: 26%;
}
.news_detailboxR_txt{
  margin-bottom: 30px;
  font-size: 1.1vw;
  font-weight: bold;
}
.news_detailboxR .news_boxList_item {
    width: 100%;
    margin-bottom: 50px;
}
.news_detailboxRList{
  margin-bottom: 30px;
}
.news_detailboxRList_item{
  margin-bottom: 20px;
  padding:0 0 20px;
  border-bottom: 1px dashed #4D4C4C;
}
.news_detailboxRList_itemCat{
	padding: 6px 0px;
	line-height: 1em;
	background: #ffc400;
	margin-right: 20px;
	display: inline-block;
	margin-bottom: 6px;
	font-size: 0.8vw;
	width: 39%;
	text-align: center;
}
.news_detailboxRList_itemLink{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.news_detailboxRList_itemLink:hover{
  color: #8e8e8d;
}
.news_detailboxRList_itemDate{
  margin-right: 0px;
  font-size: 0.8vw;
  letter-spacing: 1px;
}
.news_detailboxRList_itemTtl{
  width: 100%;
  display: block;
  font-size: 0.8vw;
  margin-bottom: 4px;
  letter-spacing: 2px;
  line-height: 1.6em;
}
.news_detailboxRList_itemContent{
  width: 100%;
  display: block;
  font-size: 0.8vw;
  letter-spacing: 2px;
  line-height: 1.6em;
}
.newsVer{
	width: 54%;
  border: 2px solid #000;
}
@media only screen and (max-width: 899px) { /* ============== Tablet LAYOUT ============== */
.news_detail_box {
    width: 80%;
    margin: 0 auto 80px;
    position: relative;
    z-index: 1;
}
.news_detailbox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.news_detailboxL {
    width: 100%;
    position: relative;
    z-index: 1;
}
.news_detailboxL_List_itemCat {
    padding: 6px 20px;
    line-height: 1em;
    background: #FFC400;
    margin-right: 20px;
    display: inline-block;
    font-size: 1.8vw;
    width: 22%;
    text-align: center;
}
.news_detailboxL_List_itemTtl {
    font-size: 2.1vw;
    font-weight: bold;
    letter-spacing: 2px;
    width: 65%;
}
.news_detailboxL_List_itemDate {
    margin-right: 0px;
    font-size: 1.8vw;
    letter-spacing: 2px;
    width: 19%;
}
.news_detailboxL_contentInner p {
    margin-bottom: 20px;
    line-height: 2em;
    font-size: 1.8vw;
}
.newsVer {
    width: 54%;
    border: 2px solid #000;
    margin: 0 auto 7vw;
}
.news_detailboxL_contentInner {
    margin-bottom: 10px;
    font-size: 1.8vw;
}
.news_detailboxR {
    width: 100%;
}
.news_detailboxR_txt {
    margin-bottom: 30px;
    font-size: 2.1vw;
    font-weight: bold;
}
.news_detailboxRList_itemCat {
    padding: 6px 20px;
    line-height: 1em;
    background: #ffc400;
    margin-right: 20px;
    display: inline-block;
    margin-bottom: 6px;
    font-size: 1.8vw;
    width: 19%;
    text-align: center;
}
.news_detailboxRList_itemDate {
    margin-right: 0px;
    font-size: 1.8vw;
    letter-spacing: 1px;
}
.news_detailboxRList_itemContent {
    width: 100%;
    display: block;
    font-size: 1.8vw;
    letter-spacing: 2px;
    line-height: 1.6em;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.news_detail_box {
    width: 85%;
    margin: 0 auto 30px;
    position: relative;
    z-index: 1;
}
.news_detailbox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.news_detailboxL {
    width: 100%;
    position: relative;
    z-index: 1;
}
.news_detailboxL_ttl{

}
.news_detailboxL_ttlTxt{
	display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3vw;
  width: 100%;
  flex-wrap: wrap;
}
.news_detailboxL_List_itemCat{
  padding: 6px 0px;
    line-height: 1em;
    background: #FFC400;
    margin-right: 20px;
    display: inline-block;
    font-size: 3vw;
    width: 40%;
    text-align: center;
    order: 0;
}
.news_detailboxL_List_itemDate{
    margin-right: 0px;
    font-size: 3vw;
    letter-spacing: 2px;
    width: fit-content;
    order: 1;
}
.news_detailboxL_List_itemTtl{
	font-size: 3.8vw;
	font-weight: bold;
	letter-spacing: 2px;
	width: 100%;
	order: 2;
	padding-top: 1vw;
	margin-top: 1vw;
	border-top: 1px solid #707070;
}
.news_detailboxL_contentInner{
  margin-bottom: 12vw;
  font-size: 3vw;
}
.news_detailboxL_contentInner img,.news_detailboxL_contentInner div{
  line-height: 2.4em;
  margin-bottom: 20px;
}
.news_detailboxL_contentInner p{
  margin-bottom: 20px;
  line-height: 2em;
  font-size: 3.2vw;
}
.news_detailboxR{
  width: 100%;
}
.news_detailboxR_txt{
  margin-bottom: 3vw;
  font-size: 4vw;
  font-weight: bold;
}
.news_detailboxR .news_boxList_item {
    width: 100%;
    margin-bottom: 50px;
}
.news_detailboxRList{
  margin-bottom: 30px;
}
.news_detailboxRList_item{
  margin-bottom: 20px;
  padding:0 0 20px;
  border-bottom: 1px dashed #4D4C4C;
}
.news_detailboxRList_itemCat{
	padding: 6px 0px;
	line-height: 1em;
	background: #ffc400;
	margin-right: 20px;
	display: inline-block;
	margin-bottom: 6px;
	font-size: 3vw;
	width: 40%;
	text-align: center;
}
.news_detailboxRList_itemLink{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.news_detailboxRList_itemLink:hover{
  color: #8e8e8d;
}
.news_detailboxRList_itemDate{
  margin-right: 0px;
  font-size: 3vw;
  letter-spacing: 1px;
}
.news_detailboxRList_itemTtl{
  width: 100%;
  display: block;
  font-size: 3vw;
  margin-bottom: 4px;
  letter-spacing: 2px;
  line-height: 1.6em;
}
.news_detailboxRList_itemContent{
  width: 100%;
  display: block;
  font-size: 3vw;
  letter-spacing: 2px;
  line-height: 1.6em;
}
.newsVer{
	width: 100%;
	margin-bottom: 10vw;
}
}
/*-----------------------------------------------------------

BLOG

-------------------------------------------------------------*/
.blog_boxSearchWrap{
	width: 90%;
	margin: 0 auto 4vw;
}
.blog_boxSearch{

}
.blog_boxSearch form{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.searchBox_blog01{
	width: 25%;
}

.searchBox_blog01_ttl{
	font-size: 1.2vw;
	padding: 0.4vw;
	padding-left: 1vw;
	border-left: 2px solid #0C18BC;
	line-height: 1em;
	margin-bottom: 1vw;
}
.searchBox_blog01_input{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.searchBox_blog01_input label{
	display: flex;
	align-items: center;
}
.searchBox_blog01_input input {
    margin-right: 4px;
    -webkit-appearance: none;
    height: 16px;
    width: 16px;
    border: 1px solid #aaa;
    background: #fff;
    border-radius: 2px;
}
.searchBox_blog01_input input[type=checkbox]:checked:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #000AFF;
    font-size: 1vw;
    position: relative;
    left: 12%;
    top: -20%;
}
.searchBox_blog02{
	width: 25%;
}
.searchBox_blog02_ttl{
	font-size: 1.2vw;
	padding: 0.4vw;
	padding-left: 1vw;
	border-left: 2px solid #0C18BC;
	line-height: 1em;
	margin-bottom: 1vw;
}
.searchBox_blog02_input{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.searchBox_blog02_input input{
	width: 100%;
	background: url(../../src/img/blog_search_ico01.png) 0 0 no-repeat;
	background-size: contain;
	padding: 0.4vw;
	border: 1px solid #1123B9;
	padding-left: 2.4vw;
}
.searchBox_blog03{
	width: 25%;
}
.searchBox_blog03_ttl{
	font-size: 1.2vw;
	padding: 0.4vw;
	padding-left: 1vw;
	border-left: 2px solid #0C18BC;
	line-height: 1em;
	margin-bottom: 1vw;
}
.searchBox_blog03_input{
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.searchBox_blog03_input:before{
	content: "▼";
	position: absolute;
	color: #1123B9;
	right: 1vw;
}
.searchBox_blog03_input select{
	width: 100%;
	padding: 0.4vw;
	border: 1px solid #1123B9;
	-webkit-appearance: none;
}
.searchBox_blog_send {
    width: 16%;
    display: block;
    position: relative;
    border: 1px solid #0C18BC;
    text-align: center;
    color: #000;
    font-size: 0.9vw;
    background: #fff;
}
.searchBox_blog_send:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 16px 16px;
    border-color: transparent transparent #0C18BC transparent;
    position: absolute;
    right: 0;
    bottom: 0;
}
.searchBox_blog_send input {
    display: block;
    letter-spacing: 2px;
    -webkit-appearance: none;
    cursor: pointer;
    background: #fff;
    width: 100%;
    border: none;
    padding: 0.4vw;
}
.searchBox_blog_send input:hover{
    opacity: 0.5;
}
/* == NEWS SEARCH == */
.blog_boxSearchNews form{
	justify-content: center;
	align-items: center;
}
.blog_boxSearchNews .searchBox_blog01_ttl{
	font-size: 1vw;
	padding: 0;
	padding-left: none;
	border-left: none;
	line-height: 1em;
	margin-bottom: 1vw;
}
.searchBox_blog01News {
	width: 42%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-right: 4vw;
}
.searchBox_blog01News .searchBox_blog01_ttl{
	margin-bottom: 0;
}
.searchBox_blog01News .searchBox_blog01_input {
	width: 74%;
}
.searchBox_blog01News .searchBox_blog01_input input {
    margin-right: 0.8vw;
    -webkit-appearance: checkbox;
    height: 12px;
    width: 12px;
    border: 1px solid #aaa;
    background: #fff;
    border-radius: 2px;
}
.searchBox_blog01News .searchBox_blog01_input input[type=checkbox]:checked:after {
    display: none;
}
.blog_boxSearchNews .searchBox_blog_send input{
	position: relative;
}
.blog_boxSearchNews .searchBox_blog_send:before,
.blog_boxSearchNews .searchBox_blog_send:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 10%;
  right: 5rem;
  height: 1px;
  -moz-transition: all 0.26s ease-out;
  -o-transition: all 0.26s ease-out;
  -webkit-transition: all 0.26s ease-out;
  -ms-transition: all 0.26s ease-out;
  border-radius: 10px;
}
.blog_boxSearchNews .searchBox_blog_send:before {
  width: 3rem;
  transform: translate(6rem, 0px);
  content: '';
  background: #000;
}
.blog_boxSearchNews .searchBox_blog_send:after {
  width: 1rem;
  transform-origin: right center;
  transform: translate(6rem, 0px) rotate(40deg);
  content: '';
  background: #000;
}

.searchBox_news_send {
    width: 10%;
    display: block;
    position: relative;
    text-align: left;
    color: #000;
    background: #fff;
    margin-right: 2vw;
}
.searchBox_news_send input {
    display: block;
		letter-spacing: 2px;
		-webkit-appearance: none;
		cursor: pointer;
		background: #041366;
		width: 100%;
		border: none;
		padding: 0.6vw 1vw;
		color: #fff;
		text-align: left;
		font-size: 0.9vw;
		line-height: 1;
		font-weight: normal;
}
.searchBox_news_send input:hover{
    opacity: 0.5;
}
.searchBox_news_send:before,
.searchBox_news_send:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 40%;
  height: 1px;
  -moz-transition: all 0.26s ease-out;
  -o-transition: all 0.26s ease-out;
  -webkit-transition: all 0.26s ease-out;
  -ms-transition: all 0.26s ease-out;
  border-radius: 10px;
  z-index: 1;
  right: 1vw;
}
.searchBox_news_send:before {
  width: 2vw;
  content: '';
  background: #fff;
  
}
.searchBox_news_send:after {
  width: 0.5vw;
  transform-origin: right center;
  transform: rotate(40deg);
  content: '';
  background: #fff;
}

.searchBox_news_clear{
	width: 10%;
  display: block;
  position: relative;
  text-align: left;
  color: #000;
  background: #fff;
}
.searchBox_news_clear button {
    display: block;
		letter-spacing: 2px;
		-webkit-appearance: none;
		cursor: pointer;
		background: #000;
		width: 100%;
		border: none;
		padding: 0.6vw 1vw;
		color: #fff;
		text-align: left;
		font-size: 0.9vw;
		line-height: 1;
}
.searchBox_news_clear button:hover{
    opacity: 0.5;
}
.searchBox_news_clear{
	width: 10%;
  display: block;
  position: relative;
  text-align: left;
  color: #000;
  background: #fff;
}
.searchBox_news_clear a {
    display: block;
		letter-spacing: 2px;
		-webkit-appearance: none;
		cursor: pointer;
		background: #000;
		width: 100%;
		border: none;
		padding: 0.6vw 1vw;
		color: #fff;
		text-align: left;
		font-size: 0.9vw;
		line-height: 1;
		-moz-transition: all 0s ease-out;
	  -o-transition: all 0s ease-out;
	  -webkit-transition: all 0s ease-out;
	  -ms-transition: all 0s ease-out;
}
.searchBox_news_clear a:hover{
    opacity: 0.5;
    -moz-transition: all 0s ease-out;
	  -o-transition: all 0s ease-out;
	  -webkit-transition: all 0s ease-out;
	  -ms-transition: all 0s ease-out;
}
.searchBox_news_clear:before,
.searchBox_news_clear:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 40%;
  height: 1px;
  -moz-transition: all 0.26s ease-out;
  -o-transition: all 0.26s ease-out;
  -webkit-transition: all 0.26s ease-out;
  -ms-transition: all 0.26s ease-out;
  border-radius: 10px;
  z-index: 1;
  right: 1vw;
}
.searchBox_news_clear:before {
  width: 2vw;
  content: '';
  background: #fff;
  
}
.searchBox_news_clear:after {
  width: 0.5vw;
  transform-origin: right center;
  transform: rotate(40deg);
  content: '';
  background: #fff;
}
/* == NEWS SEARCH == */


/******* news_category_search *******/
.p-sec01-searchArea {
	display:flex;
	align-items:center;
	justify-content:center;
	margin: 60px auto;
	width: 1000px;
}	
.p-sec01-searchArea__title {
	margin-right: 30px;
}
.p-sec01-searchArea__checkbox {
	margin-right: 20px;
}
.p-sec01-searchArea__checkbox label+label {
	margin-left: 30px;
}
.p-sec01-searchArea__checkbox input {
	width: 15px;
	height: 15px;
	margin-right: 10px;
	border:1px solid #000
}
.p-sec01-searchArea__select {
	margin-right: 1.6rem;
	margin-left: 1.6rem
}
.p-sec01-searchArea__select .select {
	display:flex;
	position:relative;
	align-items:center;
	justify-content:space-between;
	width:100%;
}
.p-sec01-searchArea__select .select select {
	width:100%;
	padding:1.6rem;
}
.p-sec01-searchArea__btn,#news .p-sec01-searchArea__btn .btn {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex
}
.p-sec01-searchArea__btn .btn {
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	justify-content:center;
	width: 160px;
	height: 40px;
	margin-left: 20px;
	color:#fff
}
.p-sec01-searchArea__btn .btn--submit {
	background-color:#041366
}
.p-sec01-searchArea__btn .btn--reset {
	margin-left:20px;
	background-color:#000
}
/******* news_category_searchここまで *******/


.blog_wrap{
	width: 90%;
	margin: 0 auto 6vw;
}
.blog_list{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.blog_list:after,
.blog_list:before{
  content:"";
  display:block;
  width: 22%;
  height:0;
}
.blog_list:before{
  order:1;
}
.blog_listItem{
	width: 22%;
	margin-bottom: 2vw;
}
.blog_listItem_link{
	display: block;
}
.blog_listItem_linkImg {
    width: 100%;
    height: 15vw;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
    display: block;
}
.blog_listItem_linkImg img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.blog_listItem_top{
	display: flex;
	align-items: center;
	margin-bottom: 0.2vw;
}
.blog_listItem_topDate{
	font-size: 0.8vw;
	margin-right: 0.6vw;
	font-weight: bold;
}
.blog_listItem_topCat{
	font-size: 0.8vw;
	padding: 0.2vw 0.4vw;
	line-height: 1em;
	border: 1px solid #707070;
}
.blog_listItem_btm{
	font-size: 1.2vw;
	font-weight: bold;
}
@media only screen and (max-width: 899px) { /* ============== Tablet LAYOUT ============== */
.blog_boxSearch form {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}
.searchBox_blog01{
	width: 100%;
}
.searchBox_blog01_ttl{
	font-size: 2vw;
	padding: 0.4vw;
	padding-left: 1vw;
	border-left: 2px solid #0C18BC;
	line-height: 1em;
	margin-bottom: 3vw;
}
.searchBox_blog01_input{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 3vw;
}
.searchBox_blog01_input label{
	display: flex;
	align-items: center;
}
.searchBox_blog01_input input {
    margin-right: 4px;
    -webkit-appearance: none;
    height: 24px;
    width: 24px;
    border: 1px solid #aaa;
    background: #fff;
    border-radius: 2px;
}
.searchBox_blog01_input input[type=checkbox]:checked:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #000AFF;
    font-size: 3vw;
    position: relative;
    left: 12%;
    top: -0%;
}
.searchBox_blog02{
	width: 100%;
}
.searchBox_blog02_ttl{
	font-size: 2vw;
	padding: 0.4vw;
	padding-left: 1vw;
	border-left: 2px solid #0C18BC;
	line-height: 1em;
	margin-bottom: 3vw;
}
.searchBox_blog02_input{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 3vw;
}
.searchBox_blog02_input input{
	width: 100%;
	background: url(../../src/img/blog_search_ico01.png) 0 0 no-repeat;
	background-size: contain;
	padding: 1vw 1vw;
	border: 1px solid #1123B9;
	padding-left: 6.4vw;
}
.searchBox_blog03{
	width: 100%;
}
.searchBox_blog03_ttl{
	font-size: 2vw;
	padding: 0.4vw;
	padding-left: 1vw;
	border-left: 2px solid #0C18BC;
	line-height: 1em;
	margin-bottom: 3vw;
}
.searchBox_blog03_input{
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	margin-bottom: 3vw;
}
.searchBox_blog03_input:before{
	content: "▼";
	position: absolute;
	color: #1123B9;
	right: 1vw;
}
.searchBox_blog03_input select{
	width: 100%;
	padding: 1.2vw 1vw;
	border: 1px solid #1123B9;
	-webkit-appearance: none;
}
.searchBox_blog_send {
    width: 100%;
    display: block;
    position: relative;
    border: 1px solid #0C18BC;
    text-align: center;
    color: #000;
    font-size: 3.4vw;
    background: #fff;
}
.searchBox_blog_send:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 16px 16px;
    border-color: transparent transparent #0C18BC transparent;
    position: absolute;
    right: 0;
    bottom: 0;
}
.searchBox_blog_send input {
    display: block;
    letter-spacing: 2px;
    -webkit-appearance: none;
    cursor: pointer;
    background: #fff;
    width: 100%;
    border: none;
    padding: 1vw 1vw;
}
.searchBox_blog_send input:hover{
    opacity: 0.5;
}

/* == NEWS SEARCH == */
.searchBox_blog01News .searchBox_blog01_ttl {
	margin-bottom: 3vw;
	margin-right: 5vw;
	font-size: 1.6vw;
}
.searchBox_blog01News .searchBox_blog01_input {
	width: 52%;
	font-size: 1.6vw;
}
.searchBox_blog01News {
	justify-content: flex-start;
}
.searchBox_news_send {
	width: 48%;
	display: block;
	position: relative;
	text-align: left;
	color: #000;
	background: #fff;
	margin-right: 2vw;
}
.searchBox_news_send input {
	display: block;
	letter-spacing: 2px;
	-webkit-appearance: none;
	cursor: pointer;
	background: #041366;
	width: 100%;
	border: none;
	padding: 1vw 1vw;
	color: #fff;
	text-align: left;
	font-size: 1.6vw;
	line-height: 1;
	font-weight: normal;
}
.searchBox_news_clear {
	width: 48%;
	display: block;
	position: relative;
	text-align: left;
	color: #000;
	background: #fff;
}
.searchBox_news_clear button {
	display: block;
	letter-spacing: 2px;
	-webkit-appearance: none;
	cursor: pointer;
	background: #000;
	width: 100%;
	border: none;
	padding: 1vw 1vw;
	color: #fff;
	text-align: left;
	font-size: 1.6vw;
	line-height: 1;
}
.searchBox_news_clear{
	width: 48%;
	display: block;
	position: relative;
	text-align: left;
	color: #000;
	background: #fff;
}
.searchBox_news_clear a {
    display: block;
		letter-spacing: 2px;
		-webkit-appearance: none;
		cursor: pointer;
		background: #000;
		width: 100%;
		border: none;
		padding: 1vw 1vw;
	color: #fff;
	text-align: left;
	font-size: 1.6vw;
		line-height: 1;
		-moz-transition: all 0s ease-out;
	  -o-transition: all 0s ease-out;
	  -webkit-transition: all 0s ease-out;
	  -ms-transition: all 0s ease-out;
}
.searchBox_news_clear a:hover{
    opacity: 0.5;
    -moz-transition: all 0s ease-out;
	  -o-transition: all 0s ease-out;
	  -webkit-transition: all 0s ease-out;
	  -ms-transition: all 0s ease-out;
}
.searchBox_news_clear:before,
.searchBox_news_clear:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 40%;
  height: 1px;
  -moz-transition: all 0.26s ease-out;
  -o-transition: all 0.26s ease-out;
  -webkit-transition: all 0.26s ease-out;
  -ms-transition: all 0.26s ease-out;
  border-radius: 10px;
  z-index: 1;
  right: 1vw;
}
.searchBox_news_clear:before {
  width: 2vw;
  content: '';
  background: #fff;
  
}
.searchBox_news_clear:after {
  width: 0.5vw;
  transform-origin: right center;
  transform: rotate(40deg);
  content: '';
  background: #fff;
}
/* == NEWS SEARCH == */


/******* news_category_search *******/
.p-sec01-searchArea {
	width: 95vw;
    font-size: 0.6rem;
	margin: 40px auto;
}	
.p-sec01-searchArea__title {
	margin-right: 20px;
}
.p-sec01-searchArea__checkbox {
	margin-right: 10px;
}
.p-sec01-searchArea__checkbox label+label {
	margin-left: 15px;
}
.p-sec01-searchArea__checkbox input {
	width: 12px;
	height: 12px;
	margin-right: 8px;
}
.p-sec01-searchArea__btn .btn {
	width: 90px;
	height: 30px;
	margin-left: 10px;
}
.p-sec01-searchArea__btn .btn--submit {
    font-size: 0.6rem;
}
.p-sec01-searchArea__btn .btn--reset {
	margin-left: 10px;
    font-size: 0.6rem;
}
/******* news_category_searchここまで *******/


.blog_listItem {
    width: 48%;
    margin-bottom: 5vw;
}
.blog_listItem_linkImg {
    width: 100%;
    height: 30vw;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
    display: block;
}
.blog_listItem_topDate {
    font-size: 1.8vw;
    margin-right: 0.6vw;
    font-weight: bold;
}
.blog_listItem_topCat {
    font-size: 1.8vw;
    padding: 0.2vw 0.4vw;
    line-height: 1em;
    border: 1px solid #707070;
}
.blog_listItem_btm {
    font-size: 2.2vw;
    font-weight: bold;
    line-height: 1.6em;
}

}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.blog_boxSearchWrap{
	width: 85%;
	margin: 0 auto 16vw;
}
.blog_boxSearch{

}
.blog_boxSearch form{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
}
.searchBox_blog01{
	width: 100%;
}
.searchBox_blog01_ttl{
	font-size: 4vw;
	padding: 0.4vw;
	padding-left: 1vw;
	border-left: 2px solid #0C18BC;
	line-height: 1em;
	margin-bottom: 3vw;
}
.searchBox_blog01_input{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 6vw;
}
.searchBox_blog01_input label{
	display: flex;
	align-items: center;
}
.searchBox_blog01_input input {
    margin-right: 4px;
    -webkit-appearance: none;
    height: 16px;
    width: 16px;
    border: 1px solid #aaa;
    background: #fff;
    border-radius: 2px;
}
.searchBox_blog01_input input[type=checkbox]:checked:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #000AFF;
    font-size: 3vw;
    position: relative;
    left: 12%;
    top: -10%;
}
.searchBox_blog02{
	width: 100%;
}
.searchBox_blog02_ttl{
	font-size: 4vw;
	padding: 0.4vw;
	padding-left: 1vw;
	border-left: 2px solid #0C18BC;
	line-height: 1em;
	margin-bottom: 3vw;
}
.searchBox_blog02_input{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 6vw;
}
.searchBox_blog02_input input{
	width: 100%;
	background: url(../../src/img/blog_search_ico01.png) 0 0 no-repeat;
	background-size: contain;
	padding: 2vw 1vw;
	border: 1px solid #1123B9;
	padding-left: 10.4vw;
}
.searchBox_blog03{
	width: 100%;
}
.searchBox_blog03_ttl{
	font-size: 4vw;
	padding: 0.4vw;
	padding-left: 1vw;
	border-left: 2px solid #0C18BC;
	line-height: 1em;
	margin-bottom: 3vw;
}
.searchBox_blog03_input{
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	margin-bottom: 6vw;
}
.searchBox_blog03_input:before{
	content: "▼";
	position: absolute;
	color: #1123B9;
	right: 1vw;
}
.searchBox_blog03_input select{
	width: 100%;
	padding: 2.2vw 1vw;
	border: 1px solid #1123B9;
	-webkit-appearance: none;
}
.searchBox_blog_send {
    width: 100%;
    display: block;
    position: relative;
    border: 1px solid #0C18BC;
    text-align: center;
    color: #000;
    font-size: 3.4vw;
    background: #fff;
}
.searchBox_blog_send:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 16px 16px;
    border-color: transparent transparent #0C18BC transparent;
    position: absolute;
    right: 0;
    bottom: 0;
}
.searchBox_blog_send input {
    display: block;
    letter-spacing: 2px;
    -webkit-appearance: none;
    cursor: pointer;
    background: #fff;
    width: 100%;
    border: none;
    padding: 2vw 1vw;
}
.searchBox_blog_send input:hover{
    opacity: 0.5;
}

/* == NEWS SEARCH == */
.blog_boxSearchNews form{
	justify-content: space-between;
}
.searchBox_blog01News{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-right: 0;
	flex-wrap: wrap;
}
.searchBox_blog01News .searchBox_blog01_ttl{
	margin-bottom: 3vw;
}
.searchBox_blog01News .searchBox_blog01_input {
	width: 100%;
	position: relative;
}
.searchBox_blog01News .searchBox_blog01_input:before{
	content: "▼";
	position: absolute;
	color: #000;
	right: 2vw;
	font-size: 3vw;
}
.searchBox_blog01News .searchBox_blog01_input select{
	width: 100%;
	padding: 3vw 3vw;
	border: 1px solid #d9d4d4;
	-webkit-appearance: none;
	font-size: 3.4vw;
	background: #fff;
	color: #000;
}
.searchBox_news_send {
    width: 46%;
    display: block;
    position: relative;
    text-align: left;
    color: #000;
    background: #fff;
    margin-right: 2vw;
}
.searchBox_news_send input {
    display: block;
		letter-spacing: 2px;
		-webkit-appearance: none;
		cursor: pointer;
		background: #041366;
		width: 100%;
		border: none;
		padding: 3vw 4vw;
		color: #fff;
		text-align: left;
		font-size: 3.4vw;
		line-height: 1;
		font-weight: normal;
}
.searchBox_news_send input:hover{
    opacity: 0.5;
}
.searchBox_news_send:before,
.searchBox_news_send:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 40%;
  height: 1px;
  -moz-transition: all 0.26s ease-out;
  -o-transition: all 0.26s ease-out;
  -webkit-transition: all 0.26s ease-out;
  -ms-transition: all 0.26s ease-out;
  border-radius: 10px;
  z-index: 1;
  right: 3vw;
}
.searchBox_news_send:before {
  width: 6vw;
  content: '';
  background: #fff;
  
}
.searchBox_news_send:after {
  width: 2vw;
  transform-origin: right center;
  transform: rotate(40deg);
  content: '';
  background: #fff;
}

.searchBox_news_clear{
	width: 46%;
  display: block;
  position: relative;
  text-align: left;
  color: #000;
  background: #fff;
}
.searchBox_news_clear button {
    display: block;
		letter-spacing: 2px;
		-webkit-appearance: none;
		cursor: pointer;
		background: #000;
		width: 100%;
		border: none;
		padding: 3vw 4vw;
		color: #fff;
		text-align: left;
			font-size: 3.4vw;
		line-height: 1;
}
.searchBox_news_clear button:hover{
    opacity: 0.5;
}
.searchBox_news_clear a {
    display: block;
		letter-spacing: 2px;
		-webkit-appearance: none;
		cursor: pointer;
		background: #000;
		width: 100%;
		border: none;
		padding: 3vw 4vw;
		color: #fff;
		text-align: left;
			font-size: 3.4vw;
		line-height: 1;
}
.searchBox_news_clear a:hover{
    opacity: 0.5;
}
.searchBox_news_clear:before,
.searchBox_news_clear:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 40%;
  height: 1px;
  -moz-transition: all 0.26s ease-out;
  -o-transition: all 0.26s ease-out;
  -webkit-transition: all 0.26s ease-out;
  -ms-transition: all 0.26s ease-out;
  border-radius: 10px;
  z-index: 1;
  right: 3vw;
}
.searchBox_news_clear:before {
  width: 6vw;
  content: '';
  background: #fff;
  
}
.searchBox_news_clear:after {
  width: 2vw;
  transform-origin: right center;
  transform: rotate(40deg);
  content: '';
  background: #fff;
}
/* == NEWS SEARCH == */

/******* news_category_search *******/
.p-sec01-searchArea {
	width: 95vw;
	margin: 40px auto 50px;
	flex-wrap: wrap;
}	
.p-sec01-searchArea__title {
	margin-right: 20px;
}
.p-sec01-searchArea__checkbox {
	margin-right: 10px;
}
.p-sec01-searchArea__checkbox label+label {
	margin-left: 15px;
}
.p-sec01-searchArea__checkbox input {
	width: 12px;
	height: 12px;
	margin-right: 8px;
}
.p-sec01-searchArea__select {
	margin-right: 1.6rem;
	margin-left: 1.6rem;
	width: 80%;
}
.p-sec01-searchArea__select .select select {
	width: 100%;
	padding: 10px;
	margin-bottom: 15px;
}
.p-sec01-searchArea__btn,#news .p-sec01-searchArea__btn .btn {
	display: block;
}
.p-sec01-searchArea__btn .btn {
	width: 120px;
	height: 30px;
	margin-left: 10px;
}
.p-sec01-searchArea__btn .btn--submit {
    font-size: 0.8rem;
}
.p-sec01-searchArea__btn .btn--reset {
	margin-left: 20px;
    font-size: 0.8rem;
}
/******* news_category_searchここまで *******/

.blog_wrap{
	width: 85%;
	margin: 0 auto 6vw;
}
.blog_list{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.blog_list:after,
.blog_list:before{
  content:"";
  display:block;
  width: 100%;
  height:0;
}
.blog_list:before{
  order:1;
}
.blog_listItem{
	width: 100%;
	margin-bottom: 6vw;
	padding-top: 8vw;
	position: relative;
}
.blog_listItem_link{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.blog_listItem_linkImg {
    width: 100%;
    height: 60vw;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
    display: block;
}
.blog_listItem_linkImg img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.blog_listItem_top{
	display: flex;
	align-items: center;
	margin-bottom: 0.2vw;
}
.blog_listItem_topDate{
	font-size: 3vw;
	margin-right: 0.6vw;
	font-weight: bold;
}
.blog_listItem_topCat{
	font-size: 3vw;
	padding: 1vw 4vw;
	line-height: 1em;
	border: 1px solid #707070;
	position: absolute;
	left: 0;
	top: 0;
}
.blog_listItem_btm{
	font-size: 3.6vw;
	font-weight: bold;
}
}
/*-----------------------------------------------------------

BLOG DETAIL

-------------------------------------------------------------*/
 .blog_detailList{
 	margin-bottom: 1vw;
 }
 .blog_detailListLink{
 	display: flex;
 	justify-content: space-between;
 	align-items: flex-start;
 }
 .blog_detailListLink_img {
    width: 30%;
    height: 5vw;
    position: relative;
    overflow: hidden;
    display: block;
}
.blog_detailListLink_img img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.blog_detailListLink_box{
	width: 66%;
}
.blog_detailListDate{
	display: block;
	font-size: 0.8vw;
}
.blog_detailListContent{
	display: block;
	font-size: 1vw;
}
@media only screen and (max-width: 899px) { /* ============== Tablet LAYOUT ============== */
.blog_detailList {
    margin-bottom: 3vw;
}
.blog_detailListLink_img {
    width: 30%;
    height: 18vw;
    position: relative;
    overflow: hidden;
    display: block;
}
.blog_detailListDate {
    display: block;
    font-size: 1.8vw;
}
.blog_detailListContent {
    display: block;
    font-size: 2vw;
    line-height: 1.6em;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.blog_detailList{
 	margin-bottom: 4vw;
 }
 .blog_detailListLink{
 	display: flex;
 	justify-content: space-between;
 	align-items: flex-start;
 }
 .blog_detailListLink_img {
    width: 40%;
    height: 33vw;
    position: relative;
    overflow: hidden;
    display: block;
}
.blog_detailListLink_img img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.blog_detailListLink_box{
	width: 54%;
}
.blog_detailListDate{
	display: block;
	font-size: 3vw;
}
.blog_detailListContent{
	display: block;
	font-size: 3.4vw;
}
}
/*-----------------------------------------------------------

PRIVACY

-------------------------------------------------------------*/
.privacy_box{
	width: 60%;
	margin: 0 auto 6vw;
}
.privacy_ttlWrap{
	margin-bottom: 3vw;
}
.privacy_ttlWrap_ttl{
	color: #0C16BC;
    font-size: 1.6vw;
    text-align: center;
    margin-bottom: 1vw;
}
.privacy_ttlWrap_txt{
	font-size: 1.2vw;
	text-align: center;
}
.privacy_boxCmn_txt{
	font-size: 0.8vw;
	letter-spacing: 1px;
	margin-bottom: 2vw;
}
.privacy_boxCmn_ttl{
	font-size: 1.2vw;
	margin-bottom: 0.6vw;
	padding-bottom: 0.6vw;
	border-bottom: 1px dashed #707070;
}
.privacy_boxCmn_txt02{
	font-size: 1.2vw;
	text-align: right;
}
.borderNone{
	border-bottom: none;
}
@media only screen and (max-width: 899px) { /* ============== Tablet LAYOUT ============== */
.privacy_box{
	width: 80%;
	margin: 0 auto 6vw;
}
.privacy_ttlWrap{
	margin-bottom: 3vw;
}
.privacy_ttlWrap_ttl{
	color: #0C16BC;
    font-size: 2.6vw;
    text-align: center;
    margin-bottom: 2vw;
}
.privacy_ttlWrap_txt{
	font-size: 2.2vw;
	text-align: center;
}
.privacy_boxCmn_txt{
	font-size: 1.8vw;
	letter-spacing: 1px;
	margin-bottom: 2vw;
	    line-height: 1.6em;
}
.privacy_boxCmn_ttl{
	font-size: 2.2vw;
	margin-bottom: 0.6vw;
	padding-bottom: 0.6vw;
	border-bottom: 1px dashed #707070;
	    line-height: 1.6em;
}
.privacy_boxCmn_txt02{
	font-size: 2.2vw;
	text-align: right;
	    line-height: 1.6em;
}
.borderNone{
	border-bottom: none;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.privacy_box{
	width: 85%;
	margin: 0 auto 6vw;
}
.privacy_ttlWrap{
	margin-bottom: 6vw;
}
.privacy_ttlWrap_ttl{
	color: #0C16BC;
    font-size: 5vw;
    text-align: center;
    margin-bottom: 2vw;
}
.privacy_ttlWrap_txt{
	font-size: 4vw;
	text-align: center;
}
.privacy_boxCmn_txt{
	font-size: 3vw;
	letter-spacing: 1px;
	margin-bottom: 5vw;
}
.privacy_boxCmn_ttl{
	font-size: 3.6vw;
	margin-bottom: 2vw;
	padding-bottom: 2vw;
	border-bottom: 1px dashed #707070;
}
.privacy_boxCmn_txt02{
	font-size: 3.6vw;
	text-align: right;
}
.borderNone{
	border-bottom: none;
	text-align: center;
}
}
/*-----------------------------------------------------------

SITEMAP

-------------------------------------------------------------*/
.notation_box{
	width: 60%;
	margin: 0 auto 6vw;
}
.notation_list{
	padding: 0 0 1vw;
	margin: 0 0 1vw;
	border-bottom: 1px solid #707070;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.notation_listL{
	width: 28%;
	font-size: 1.1vw;
	font-weight: bold;
}
.notation_listR{
	width: 72%;
	font-size: 0.8vw;
}
@media only screen and (max-width: 899px) { /* ============== Tablet LAYOUT ============== */
.notation_box{
	width: 80%;
	margin: 0 auto 6vw;
}
.notation_list{
	padding: 0 0 2vw;
	margin: 0 0 2vw;
	border-bottom: 1px solid #707070;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.notation_listL{
	width: 36%;
	font-size: 2.1vw;
	font-weight: bold;
	line-height: 1.6em;
}
.notation_listR{
	width: 62%;
	font-size: 1.8vw;
	line-height: 1.6em;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.notation_box{
	width: 85%;
	margin: 0 auto 6vw;
}
.notation_list{
	padding: 0 0 3vw;
	margin: 0 0 3vw;
	border-bottom: 1px solid #707070;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.notation_listL{
	width: 100%;
	font-size: 3.4vw;
	font-weight: bold;
	margin-bottom: 2vw;
}
.notation_listR{
	width: 100%;
	font-size: 3vw;
}
}
.form01 {
    color: #0c16bc;
}
/*-----------------------------------------------------------

SITEMAP

-------------------------------------------------------------*/
.sitemap_box{
	width: 40%;
	margin: 0 auto 6vw;
}
.sitemap_boxTtl{
	color: #0C16BC;
    font-size: 1.6vw;
    margin-bottom: 3vw;
}
.sitemap_boxInner{
	display: flex;
	justify-content: space-between;
}
.sitemap_boxList{
	padding-left: 2vw;
	border-left: 1px solid #0C16BC;
}
.sitemap_boxList li{
	margin-bottom: 2vw;
}
.sitemap_boxList li:last-child{
	margin-bottom: 0;
}
.sitemap_boxList li a{
	color: #0C16BC;
	font-size: 1vw;
	display: block;
	font-weight: bold;
}
@media only screen and (max-width: 899px) { /* ============== Tablet LAYOUT ============== */
.sitemap_box{
	width: 70%;
	margin: 0 auto 6vw;
}
.sitemap_boxTtl {
    color: #0C16BC;
    font-size: 2.6vw;
    margin-bottom: 3vw;
}
.sitemap_boxList li {
    margin-bottom: 4vw;
}
.sitemap_boxList li a {
    color: #0C16BC;
    font-size: 2vw;
    display: block;
    font-weight: bold;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.sitemap_box{
	width: 65%;
	margin: 7vw auto 10vw;
}
.sitemap_boxTtl{
	color: #0C16BC;
    font-size: 1.6vw;
    margin-bottom: 3vw;
}
.sitemap_boxInner{
	display: flex;
	justify-content: space-between;
}
.sitemap_boxList{
	padding-left: 2vw;
	border-left: none
}
.sitemap_boxList li{
	margin-bottom: 9vw;
}
.sitemap_boxList li:last-child{
	margin-bottom: 0;
}
.sitemap_boxList li a{
	color: #0C16BC;
	font-size: 3.6vw;
	display: block;
	font-weight: bold;
}
}
/*-----------------------------------------------------------

404

-------------------------------------------------------------*/
.nfBox{
	margin-bottom: 6vw;
}
.nf_ttl{
	font-size: 4vw;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2vw;
	color: #0C16BC;
}
.nf_txt{
	text-align: center;
	margin-bottom: 4vw;
	font-size: 0.8vw;
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.nfBox{
	margin-bottom: 6vw;
	margin-top: 20vw;
}
.nf_ttl{
	font-size: 8vw;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2vw;
	color: #0C16BC;
}
.nf_txt{
	text-align: center;
	margin-bottom: 20vw;
	font-size: 3vw;
}
}
/*-----------------------------------------------------------

LOGIN

-------------------------------------------------------------*/
.loginBox{
	width:34%;
	margin: 0 auto 10vw;
}
.loginTtl{
	text-align: center;
	color: #1123B9;
}
.loginTtl img{
	width: 20%;
	margin-bottom: 1vw;
}
.login_input{
	display: flex;
	justify-content: space-between;
	text-align: center;
	margin-bottom: 1vw;
}
.login_inputLabel{
	width: 30%;
	text-align: center;
	color: #fff;
	background: #1123B9;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
}
.login_inputForm{
	width: 70%;
	display: flex;
	align-items: stretch;
	position: relative;
}
.login_inputForm:after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 16px 16px;
	border-color: transparent transparent #1123B9 transparent;
	position: absolute;
	right: 0;
	bottom: 0;
}
.login_inputForm input{
	width: 100%;
	border: 1px solid #1123B9;
	padding: 0.6vw 0.4vw;
}
.forgetmenot{
	text-align: center;
	margin-bottom: 1vw;
}
.member_login_button{
	background: #1123B9;
	-webkit-appearance: none;
  cursor: pointer;
  color: #fff;
  width: 100%;
  border: none;
  padding: 0.6vw;
  margin-bottom: 4vw;
  font-size: 1vw;
}
.noAccount{
	text-align: center;
	position: relative;
	font-size: 1vw;
	margin-bottom: 2vw;
}
.noAccount span{
	text-align: center;
	display: inline-block;
	background: #fff;
	padding: 0 1vw;
	position: relative;
	z-index: 1;
}
.noAccount:before{
	content: "";
	background: #FEC42D;
	height: 2px;
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.newmemberLink{
	margin-bottom: 4vw;
}
.newmemberLink a{
	display: block;
	width: 100%;
	background: #FFC400;
	padding: 0.6vw;
	text-align: center;
	color: #fff;
}
.lostPass{
	display: flex;
	justify-content: space-between;
}
.lostPass li{
	padding-right: 3vw;
	position: relative;
}
.lostPass li:after{
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 10px;
	border-bottom: 1px solid #1123b9;
	border-right: 1px solid #1123b9;
	transform: rotate(315deg);
	position: absolute;
	top: 30%;
}
@media only screen and (max-width: 899px) { /* ============== Tablet LAYOUT ============== */
.loginBox {
    width: 64%;
    margin: 0 auto 10vw;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.loginBox{
	width: 85%;
	margin: 0 auto 10vw;
}
.loginTtl{
	text-align: center;
	color: #1123B9;
	font-size: 4vw;
	margin-bottom: 8vw;
}
.loginTtl img{
	width: 20%;
	margin-bottom: 1vw;
}
.login_input{
	display: flex;
	justify-content: space-between;
	text-align: center;
	margin-bottom: 3vw;
}
.login_inputLabel{
	width: 30%;
	text-align: center;
	color: #fff;
	background: #1123B9;
	display: flex;
	align-items: center;
	justify-content: center;
}
.login_inputForm{
	width: 70%;
	display: flex;
	align-items: stretch;
	position: relative;
}
.login_inputForm:after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 16px 16px;
	border-color: transparent transparent #1123B9 transparent;
	position: absolute;
	right: 0;
	bottom: 0;
}
.login_inputForm input{
	width: 100%;
	border: 1px solid #1123B9;
	padding: 2.2vw 1.4vw;
}
.forgetmenot{
	text-align: center;
	margin-bottom: 4vw;
}
.member_login_button{
	background: #1123B9;
	-webkit-appearance: none;
  cursor: pointer;
  color: #fff;
  width: 100%;
  border: none;
  padding: 2.2vw 1.6vw;
  margin-bottom: 10vw;
  font-size: 3.4vw;
}
.noAccount{
	text-align: center;
	position: relative;
	font-size: 3.4vw;
	margin-bottom: 8vw;
}
.noAccount span{
	text-align: center;
	display: inline-block;
	background: #fff;
	padding: 0 2vw;
	position: relative;
	z-index: 1;
}
.noAccount:before{
	content: "";
	background: #FEC42D;
	height: 2px;
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.newmemberLink{
	margin-bottom: 10vw;
}
.newmemberLink a{
	display: block;
	width: 100%;
	background: #FFC400;
	padding: 1.6vw;
	text-align: center;
	color: #fff;
}
.lostPass{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.lostPass li{
	padding-right: 3vw;
	position: relative;
	width: 100%;
	text-align: center;
	margin-bottom: 6vw;
}
.lostPass li:after{
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 10px;
	border-bottom: 1px solid #1123b9;
	border-right: 1px solid #1123b9;
	transform: rotate(315deg);
	position: absolute;
	top: 30%;
}
}
/*-----------------------------------------------------------

NEWMEMBER

-------------------------------------------------------------*/
.listPassNote{
	text-align: center;
	margin: 3vw 0;
	font-size: 0.9vw;
}
.login_inputFormLost{
	width: 100%;
}
.noAccount.newAccount:before {
    background: #707070;
}
.noAccount.newAccount span {
    font-size: 1.2vw;
    color: #707070;
}
.createAccountLink{
	text-align: center;
	display: block;
	font-size: 1.4vw;
	font-weight: bold;
	margin-bottom: 6vw;
}
.wcPageLink{
	width: 70%;
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.listPassNote{
	text-align: center;
	margin: 3vw 0;
	font-size: 4vw;
}
.login_inputFormLost{
	width: 100%;
}
.noAccount.newAccount{
	margin-bottom: 6vw;
}
.noAccount.newAccount:before {
    background: #707070;
}
.noAccount.newAccount span {
    font-size: 4vw;
    color: #707070;
}
.createAccountLink{
	text-align: center;
	display: block;
	font-size: 4.4vw;
	font-weight: bold;
	margin-bottom: 10vw;
}
.wcPageLink{
	width: 100%;
}
}
/*-----------------------------------------------------------

TOP

-------------------------------------------------------------*/
.error_message{
	text-align: center;
	color: red;
	margin-bottom: 2vw;
}
.newMemberBox{
	width: 80%;
	margin: 0 auto 10vw;
}
.newMemberBox02{
	width: 40%;
	margin: 0 auto 2vw;
}
.wcCustom_form{
	border-collapse: unset;
    border-spacing: 2px;
}
.wcCustom_form tr{
	margin: 0 0 1vw!important;
}
.wcCustom_form th{
	border: none!important;
	background: #F7F7F7;
	padding: 1vw!important;
	text-align: center;
	font-size: 1vw;
}
.wcCustom_form td{
	border: none!important;
	background: #F7F7F7;
	padding: 1vw!important;
	font-size: 1vw;
}
.wcCustom_form td input{
	border: none;
	background: #fff;
	padding: 0.4vw;
	width: 70%!important;
}
.wcCustom_form td select{
	border: none;
	background: #fff;
	padding: 0.4vw;
	width: 70%!important;
}
.newmemberSend{

}
.newmemberSend input {
    background: #1123B9;
    -webkit-appearance: none;
    cursor: pointer;
    color: #fff;
    width: 40%;
    border: none;
    padding: 1vw;
    margin: 4vw auto 4vw;
    display: block;
    font-size: 1vw;
}
@media only screen and (max-width: 899px) { /* ============== Tablet LAYOUT ============== */
.newMemberBox {
    width: 90%;
    margin: 0 auto 10vw;
}
.newMemberBox02 {
    width: 70%;
    margin: 0 auto 2vw;
}
.wcCustom_form th {
    border: none!important;
    background: #F7F7F7;
    padding: 1vw!important;
    text-align: left;
    font-size: 2vw;
}
.wcCustom_form td {
    border: none!important;
    background: #F7F7F7;
    padding: 2vw!important;
    width: 100%!important;
}
.newmemberSend input {
    background: #1123B9;
    -webkit-appearance: none;
    cursor: pointer;
    color: #fff;
    width: 40%;
    border: none;
    padding: 1vw;
    margin: 4vw auto 4vw;
    display: block;
    font-size: 2vw;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.error_message{
	text-align: center;
	color: red;
	margin-bottom: 2vw;
}
.newMemberBox{
	width: 85%;
	margin: 0 auto 10vw;
}
.newMemberBox02{
	width: 85%;
	margin: 0 auto 2vw;
}
.wcCustom_form{
	border-collapse: unset;
    border-spacing: 2px;
}
.wcCustom_form tr{
	margin: 0 0 1vw!important;
	padding: 0!important;
	border-bottom: none!important;
}
.wcCustom_form th{
	border: none!important;
	background: #F7F7F7;
	padding: 2vw!important;
	text-align: left;
	font-size: 3.2vw;
	width: 100%!important;
}
.wcCustom_form td{
	border: none!important;
	background: #F7F7F7;
	padding: 2vw!important;
	font-size: 3.2vw;
	width: 100%!important;
}
.wcCustom_form td input{
	border: 1px solid #D9D4D4;
	background: #fff;
	padding: 2vw;
	width: 100%!important;
	margin: 0!important;
}
.wcCustom_form td select{
	border: 1px solid #D9D4D4;
	background: #fff;
	padding: 2vw;
	width: 100%!important;
	margin: 0!important;
}
.newmemberSend{

}
.newmemberSend input {
    background: #1123B9;
    -webkit-appearance: none;
    cursor: pointer;
    color: #fff;
    width: 100%;
    border: none;
    padding: 4vw 2vw!important;
    margin: 4vw auto 4vw;
    display: block;
    font-size: 3.2vw;
}
}
.wcBtnWhite{
	background: #fff;
  -webkit-appearance: none;
  cursor: pointer;
  color: #000;
  width: 33%;
  border: 1px solid #000!important;
  padding: 1vw;
  margin: 4vw auto 4vw;
  display: inline-block;
}
.wcBtnBlue{
	 background: #1123B9;
  -webkit-appearance: none;
  cursor: pointer;
  color: #fff;
  width: 33%;
  border: none;
  padding: 1vw;
  margin: 4vw auto 4vw;
  display: inline-block;
}
.wcBtnRed{
	 background: #FF1010;
  -webkit-appearance: none;
  cursor: pointer;
  color: #fff;
  width: 33%;
  border: none;
  padding: 1vw;
  margin: 4vw auto 4vw;
  display: inline-block;
}

/*-----------------------------------------------------------

CART

-------------------------------------------------------------*/
.cart_cmnWrap{
	width: 85%;
	margin: 0 auto 8vw;
}
.cartBtnCmn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60%;
	margin: 2vw auto;
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.cart_cmnWrap{
	width: 85%;
	margin: 0 auto 8vw;
}
.cartBtnCmn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 2vw auto;
	flex-wrap: wrap;
}
}
.zeikomi{
	text-align: right;
	font-size: 0.8vw;
	margin-top: -0.5vw;
}
@media only screen and (max-width: 899px) { /* ============== Tablet LAYOUT ============== */
.zeikomi{
	text-align: right;
	font-size: 1.8vw;
	margin-top: 0.5vw;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.zeikomi{
	text-align: right;
	font-size: 3vw;
	margin-top: -0.5vw;
}
}