@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: 500;}

/*-----------------------------------------------------------
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: 'A1GothicStd','Noto Sans JP', "游ゴシック", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
  font-weight: 500;
  height:100%;
  color: #2E2E2E;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  letter-spacing: 1.5px;
}
/* Regular */
@font-face {
    font-family: 'A1GothicStd';
    src: url('../../src/fonts/AP-OTF-A1GothicStd-Regular.otf') format('OpenType');
    font-weight: 400;
}
/* Medium*/
@font-face {
    font-family: 'A1GothicStd';
    src: url('../../src/fonts/AP-OTF-A1GothicStd-Medium.otf') format('OpenType');
    font-weight: 500;
}
/* Bold*/
@font-face {
    font-family: 'A1GothicStd';
    src: url('../../src/fonts/AP-OTF-A1GothicStd-Bold.otf') format('OpenType');
    font-weight: 700;
}

::-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: #26466d;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #26466d;
}

::-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 screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
body {
	font-size: 1.5vw;
	line-height: 2em;
}
}
@media only screen and (max-width: 599px) {
body {
	font-size: 3.2vw;
}
.is_pc { display: none !important; }
.is_sp { display: block !important; }
}

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

cmn laypout

-------------------------------------------------------------*/
.headerWrap{
	background: none;
	position: absolute;
	width: 100%;
	z-index: 1;
	padding: 1vw 0;
	background: #ffffff80;
}
.headerWrap.subHeader{
	background: #ffffff80;
}
.header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	top: 1vw;
	left: 0;
	right: 0;
	margin: auto;
	width: 88%;
	z-index: 1;
}
.h_logo{
	width: 13%;
}
.gnav{
	width: 85%;
}

.gnav_inner{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.gnav_inner_item{
	margin:0 0.6vw;
	font-size: 0.9vw;
	white-space: nowrap;
}
@media only screen and (max-width: 1300px) {
.header{
	width: 95%;
}
.h_logo{
	width: 11%;
}
.gnav{
	width: 88%;
}
.gnav_inner_item{
	margin:0 0.6vw;
}
}
@media only screen and (max-width: 1100px) {
.gnav_inner_item{
	margin:0 0.3vw;
}
}
.gnav_inner_item02{
	width: 13%;
	margin-left: 0.6vw;
}
.gnav_inner_itemAC{
	position: relative;
}

.gnav_inner_itemAC_tgl{

}
.gnav_inner_itemAC_box{
	display: none;
	position: absolute;
	white-space: nowrap;
	background: #fff;
	border: 1px solid #707070;
	bottom: -5vw;
	padding: 0.5vw;
	left: -2vw;
}
.gnav_inner_itemAC_box:before{
	content: '';
    position: absolute;
    top: -0.45vw;
    left: 3.4vw;
    margin-left: -10px;
    width: 0.7vw;
    height: 0.7vw;
    transform: rotate(45deg);
    background: #fff;
    border-left: 1px solid #707070;
    border-top: 1px solid #707070;
}
.gnav_inner_itemAC_box a{
	display: block;
	font-size: 0.9vw;
}

.gnav_inner_itemAC02{
	position: relative;
}
.gnav_inner_itemAC02_box {
	display: none;
	position: absolute;
	white-space: nowrap;
	background: #fff;
	border: 1px solid #707070;
	bottom: -5vw;
	padding: 0.5vw;
	left: -2vw;
}
.gnav_inner_itemAC02_box:before{
	content: '';
  position: absolute;
  top: -0.45vw;
  left: 3.4vw;
  margin-left: -10px;
  width: 0.7vw;
  height: 0.7vw;
  transform: rotate(45deg);
  background: #fff;
  border-left: 1px solid #707070;
  border-top: 1px solid #707070;
}
.gnav_inner_itemAC02_box a{
	display: block;
	font-size: 0.9vw;
}

.nav_button ,.nav_wrap{
  display: none;
}
.footer{
	background: #A4A4A4;
	padding: 2vw 0 0;
}
.footerInner{
	width: 75%;
	margin: 0 auto 2vw;
	display: flex;
	justify-content: space-between;
	padding-left: 8vw;
	align-items: flex-start;
}
.footerInner_l{
	width: 30%;
	color: #fff;
}
.footerInner_lName{
	display: flex;
	align-items: center;
	margin-bottom: 0.6vw;
}
.footerInner_lName span{
	margin-right: 1.5vw;
}
.footerInner_lName span + span{
	font-size: 1.2vw;
}
.footerInner_lAdd{
	margin-bottom: 0.6vw;
	line-height: 1.6em;
}
.footerInner_lLink{
	display: flex;
	align-items: center;
}
.footerInner_lLink img{
	width: 5%;
	height: auto;
	margin-left: 0.4vw;
}
.footerInner_r{
	width: 63%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-top: 2vw;
}
.footerInner_r li{
	padding: 0 0.8vw;
	margin-bottom: 1vw;
	color: #fff;
	font-size: 0.9vw;
}
.footerInner_flex {
	display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.footerInner_rSns{
	/* width: 100%; */
	display: flex;
	align-items: center;
}
.footerInner_rSns li{
	width: 3.5vw;
	margin-right: 0vw;
}
.footerInner_bnr {
    width: 22%;
    margin-left: 1.2vw;
}
.f_logo{
	width: 100%;
	margin-bottom: 1vw;
}
.f_logo a {
    width: 63%;
    display: block;
}
.copyRight{
	background: #fff;
	text-align: center;
	padding: 0.5vw 0;
	font-size: 0.9vw;
}
.fix_btnBox{
	position: fixed;
	bottom: 2vw;
	right: 2vw;
	display: none;
	width: 100%;
	z-index: 10;
	width: 12%;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.headerWrap {
    background: none;
    position: absolute;
    width: 100%;
    z-index: 1;
    padding: 3vw 0;
    background: #ffffff80;
}
.h_logo {
    width: 19%;
}
.gnav{
	width: 80%;
	display: none;
}

.nav_wrap.open {
  display: block;
}
.nav_wrap.close {
  display: none;
}
.nav_button {
  display: block;
  cursor: pointer;
  padding: 4vw;
}
.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;
  right: 4%;
  top: 1%;
  padding: 0;
}
.nav_button.active span{
  width: 90%;
}
.nav_button span {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 60%;
  height: 2px;
  background-color: #707070;
}
.pageSub .nav_button {
  right: 3%;
  top: 1%;
}
.pageSub .nav_button span {
  background-color: #333;
  box-shadow: unset;
}
.pageSub .nav_button.active {
  background-color: #333;
  top: 2%;
  right: 6%;
}
.pageSub .nav_button.active span {
  background-color: #333;
}
.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: #707070;
  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: #707070;
  outline: none;
  bottom: -5%;
}
.nav_wrap {
  position: fixed;
  right: 0;
  top: 0;
  display: none;
  z-index: 210;
  background-color: #707070;
  height: 100vh;
  width: 100vw;
  padding:
  env(safe-area-inset-top, 20px)
  env(safe-area-inset-right, 20px)
  env(safe-area-inset-bottom, 20px)
  env(safe-area-inset-left, 20px);
  background-color: #FFF596;
}


.nav_wrapInner{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  height: 100%;
  padding-bottom: 16vw;
}
.nav_wrapInner_logo{
width: 30%;
padding-left: 4%;
padding-top: 3vw;
display: block;
margin-bottom: 4vw;
}
.nav_wrapInner_logo a{
display: block;
width: 100%;
}
.navLinkBox{
  width: 85%;
  margin: 0 auto;
  margin-bottom: 8vw;

}
.navLink{
  width: 100%;
  height: 75vh;
   display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
.navLink + .navLink{
  width: 40%;
}
.navLinkItem{
  font-size: 2vw;
  margin-bottom: 4.3vw;
  color: #2E2E2E;
}
.navLinkItemCase{
	width: 100%;
	margin-top: 3vw;
}
.navLinkItemCase a {
    font-size: 1.4vw;
    padding: 2vw;
    padding-left: 1vw;
    display: block;
    border-left: 1px solid #707070;
    white-space: nowrap;
 }
 .navLinkItem_sns{
	display: flex;
	align-items: center;
}
.navLinkItem_sns li{
	margin-right: 4vw;
}
.footerInner {
    width: 86%;
    margin: 0 auto 2vw;
    display: flex;
    justify-content: space-between;
    padding-left: 0;
}
.footerInner_lName span + span {
    font-size: 2vw;
}
.footerInner_r li {
    padding: 0 0.8vw;
    margin-bottom: 2vw;
    color: #fff;
    font-size: 1.5vw;
}
.fix_btnBox {
    position: fixed;
    bottom: 1vw;
    right: 2vw;
    display: none;
    width: 100%;
    z-index: 10;
    width: 15%;
}
}
@media screen and (max-width: 599px) {  /* ============== SP LAYOUT ============== */
.headerWrap{
	background: none;
	position: absolute;
	width: 100%;
	z-index: 100;
	padding: 1vw 0;
}
.headerWrap.subHeader{
	background: unset;
}
.header{
	display: flex;
    justify-content: space-between;
    align-items: center;
    top: 1vw;
    left: 0;
    right: 0;
    margin: auto;
    width: 92%;
    z-index: 1;
    padding-top: 2vw;
}
.h_logo{
	width: 40%;
}
.gnav{
	width: 80%;
	display: none;
}

.nav_wrap.open {
  display: block;
}
.nav_wrap.close {
  display: none;
}
.nav_button {
  display: block;
  cursor: pointer;
  padding: 6vw;
}
.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;
  right: 4%;
  top: 1%;
  padding: 0;
}
.nav_button.active span{
  width: 90%;
}
.nav_button span {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 60%;
  height: 2px;
  background-color: #707070;
}
.pageSub .nav_button {
  right: 3%;
  top: 1%;
}
.pageSub .nav_button span {
  background-color: #333;
  box-shadow: unset;
}
.pageSub .nav_button.active {
  background-color: #333;
  top: 2%;
  right: 6%;
}
.pageSub .nav_button.active span {
  background-color: #333;
}
.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: #707070;
  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: #707070;
  outline: none;
  bottom: -5%;
}
.nav_wrap {
  position: fixed;
  right: 0;
  top: 0;
  display: none;
  z-index: 210;
  background-color: #707070;
  height: 100vh;
  width: 100vw;
  padding:
  env(safe-area-inset-top, 20px)
  env(safe-area-inset-right, 20px)
  env(safe-area-inset-bottom, 20px)
  env(safe-area-inset-left, 20px);
  background-color: #FFF596;
}


.nav_wrapInner{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  height: 100%;
  padding-bottom: 16vw;
}
.nav_wrapInner_logo{
width: 41%;
padding-left: 4%;
padding-top: 3vw;
display: block;
margin-bottom: 4vw;
}
.nav_wrapInner_logo a{
display: block;
width: 100%;
}
.navLinkBox{
  width: 85%;
  margin: 0 auto;
  margin-bottom: 8vw;

}
.navLink{
  width: 100%;
  height: 75vh;
   display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
.navLink + .navLink{
  width: 40%;
}
.navLinkItem{
  font-size: 4vw;
  margin-bottom: 4.3vw;
  color: #2E2E2E;
}
.navLinkItemCase{
	width: 100%;
	margin-top: 3vw;
}
.navLinkItemCase a {
    font-size: 3.4vw;
    padding: 2vw;
    padding-left: 1vw;
    display: block;
    border-left: 1px solid #707070;
    white-space: nowrap;
 }
.navLinkItem_sns{
	display: flex;
	align-items: center;
}
.navLinkItem_sns li{
	margin-right: 4vw;
}
.footer{
	background: #A4A4A4;
	padding: 12vw 0 0;
}
.footerInner{
	width: 85%;
	margin: 0 auto 2vw;
	display: flex;
	justify-content: space-between;
	padding-left: 0vw;
	flex-wrap: wrap;
}
.footerInner_l{
	width: 100%;
	color: #fff;
}
.footerInner_lName{
	display: flex;
	align-items: center;
	margin-bottom: 4vw;
}
.footerInner_lName span{
	margin-right: 5vw;
	font-size: 4vw;
}
.footerInner_lName span + span{
	font-size: 5vw;
}
.footerInner_lAdd{
	margin-bottom: 0.6vw;
	line-height: 1.6em;
	font-size: 4vw;
	margin-bottom: 4vw;
}
.footerInner_lLink{
	display: flex;
	align-items: center;
	font-size: 4vw;
	margin-bottom: 8vw;
}
.footerInner_lLink img{
	width: 5%;
	height: auto;
	margin-left: 2vw;
}
.footerInner_r{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 6vw;
}
.footerInner_r li{
	padding: 0;
	margin-bottom: 5vw;
	color: #fff;
	font-size: 3.4vw;
	width: 100%;
}
.footerInner_flex {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.footerInner_rSns{
	width: 100%;
	display: flex;
	align-items: center;
}
.footerInner_rSns li{
	width: 8vw;
	margin-right: 4vw;
}
.footerInner_bnr {
	width: 52%;
}
.f_logo{
	width: 100%;
	margin-bottom: 10vw;
}
.f_logo a {
    width: 80%;
    display: block;
}

.copyRight{
	background: #fff;
	text-align: center;
	padding: 2vw 0;
	font-size:3.4vw;
	padding-bottom: 21vw;
}
.fix_btnBox{
	position: fixed;
	bottom: 0vw;
	right: 0vw;
	display: none;
	width: 100%;
	z-index: 10;
	width: 100%;
}
.fix_btnBoxWrap{
	display: flex;
}
.fix_btnBoxWrap a{
	display: block;
	width: 50%;
}
.fix_btnBoxWrap a:first-child{
	display: block;
	border-right: #dadada 1px solid;
}
}
/*-----------------------------------------------------------

TOP

-------------------------------------------------------------*/
.mainV{
	position: relative;
	overflow: hidden;
}
.mainV_ttl{
	position: absolute;
	left: 12%;
	top: 24vw;
	color: #fff;
	letter-spacing: 3px;
	line-height: 1.4em;
	z-index: 1;
}
.mainV_ttl_s{
	display: inline-block;
	font-size: 2vw;
	margin-bottom: 1.4vw;
}
.mainV_ttl_l{
	display: inline-block;
	font-size: 3vw;
}
.mainUnder{
	background:linear-gradient(transparent 60%, #C5FF0090 30%);
	padding-bottom: 0.1vw;
}
/*.mainV_btm{
	position: absolute;
	bottom: -3vw;
	right: 0;
	padding: 1vw;
	background: #fff;
	width: 65%;
	display: flex;
	justify-content: flex-start;
}
.mainV_btmL{
	width: 22%;
	position: relative;
	left: -4vw;
    top: -4vw;
}
.mainV_btmC{
	width: 60%;
	margin-left: -2vw;
}
.mainV_btmR{
	width: 20%;
}
.mainV_btmC_top{
	font-size: 1.6vw;
	margin-bottom: 1vw;
	letter-spacing: 5px;
}
.mainV_btmC_center{
	font-size: 1.6vw;
	letter-spacing: 6px;
	margin-bottom: 1vw;
}
.mbcF_l{
	display: inline-block;
	font-size: 2.4vw;
	margin-left: -1vw;
	background:linear-gradient(transparent 60%, #C5FF00 30%);
}
.mbcF_s{
	display: inline-block;
	font-size: 1.6vw;
}
.mbcF_m{
	display: inline-block;
	font-size: 1.6vw;
	letter-spacing: -10px;
}
.mainV_btmC_btm{
	font-size: 2.2vw;
	letter-spacing: 3px;
}
.mbbF_l{
	display: inline-block;
	font-size: 2.2vw;
	background:linear-gradient(transparent 60%, #C5FF00 30%);
}
.mbbF_s{
	display: inline-block;
	font-size: 1.6vw;
}*/
.mainV_txtBox{
	position: absolute;
	right: 0;
	bottom: -0.3vw;
	width: 65%;
	z-index: 1;
}
.top_about{
	width: 68%;
	margin: 4vw auto 6vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.top_about_l{
	width: 40%;
}
.top_about_r{
	width: 55%;
}
.cmn_ttl01{
	display: flex;
	align-items: center;
	margin-bottom: 1vw;
}
.cmn_ttl01_en{
	position: relative;
	width: 7vw;
	margin-right: 0.6vw;
}
.cmn_ttl01_enTxt{
	position: absolute;
  font-size: 1.3vw;
  font-weight: 700;
  display: block;
  text-align: center;
  width: 96%;
  height: 1em;
  top: 0;
  bottom: 0.8vw;
  margin: auto;
}
.cmn_ttl01_enIco{
}
.cmn_ttl01_jp{
	font-size: 1.8vw;
	padding-bottom: 0.5vw;
}
.top_about_rTxt01{
	font-size: 1.2vw;
	margin-bottom: 0.4vw;
	line-height: 1.6em;
}
.top_about_rTxt02{
	font-size: 0.9vw;
	margin-bottom: 2vw;
}
.cmn_btn01{
	display: block;
	width: 50%;
	padding: 1vw;
	line-height: 1em;
	text-align: center;
	background: #FCF085;
	border: 1px solid #707070;
	border-radius: 60px;
	position: relative;
	font-size: 0.9vw;
	box-shadow: 1px 1px 3px #00000040;
}
.cmn_btn01:after{
	content: "〉";
	position: absolute;
	right: 2vw;
}
.top_aboutBtn{
	width: 60%;
}
.top_guide{
	width: 65%;
	margin: 4vw auto 6vw;
}
.top_guideTTL_wrap{
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.top_voice{
	width: 70%;
	margin: 6vw auto 0vw;
	padding-top: 1vw;
	position: relative;
}
.top_voiceItem01{
	position: absolute;
	left: 1vw;
	top: 9.5vw;
	width: 26%;
	display: flex;
	align-items: center;
}
.top_voiceItem01 p{
	position: absolute;
	left: 0;
	right: 1vw;
	top: 1vw;
	bottom: 0;
	margin: auto;
	width: 100;
	text-align: center;
	font-size: 1.2vw;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

.top_voiceItem02{
	position: absolute;
	left: 16vw;
	top: 0vw;
	width: 26%;
	display: flex;
	align-items: center;
}
.top_voiceItem02 p{
	position: absolute;
	left: 0;
	right: 1vw;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100;
	text-align: center;
	font-size: 1.2vw;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}
.top_voiceItem03{
	position: absolute;
	right: 0;
	top: 5vw;
	width: 22%;
	display: flex;
	align-items: center;
}
.top_voiceItem03 p{
	position: absolute;
	left: 1.2vw;
	right: 0vw;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100;
	text-align: center;
	font-size: 1.2vw;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}
.top_nayami_bg{
	width: 84%;
	margin: 0 auto;
	display: block;
}
.top_service{
	padding: 3vw 0 4vw;
	background: #FFF596;
}
.top_service_ttl{
	width: 70%;
	margin: 0 auto 1.6vw;
}
.top_serviceList{
	width: 76%;
	margin: 0 auto 0vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.top_serviceList_item{
	width: 20%;
	position: relative;
}
.top_serviceList_itemBox{
	position: absolute;
	width: 90%;
	left: 0;
	right: 0;
	margin: auto;
	top: 3.8vw;
}
.top_serviceList_itemBox_ttl{
	text-align: center;
	font-size: 1.4vw;
	font-weight: 700;
	margin-bottom: 0.6vw;
	line-height: 1em;
}
.top_serviceList_itemBox_line{
	width: 70%;
	margin: 0 auto 1vw;
	display: block;
}
.top_serviceList_itemBox_txt01{
	text-align: center;
	font-size: 0.8vw;
	line-height: 1em;
	margin: 0 auto 0.2vw;
}
.top_serviceList_itemBox_txt02{
	text-align: center;
	font-size: 1.15vw;
	white-space: nowrap;
	letter-spacing: 1px;

	display: flex;
	justify-content: center;
}
.top_serviceList_itemBox_txt02 span{
	background:linear-gradient(transparent 60%, #FFB300 30%);
	display: inline-block;
	padding-left: 0.4vw;
}
.top_flowIntro{
	width: 68%;
	margin: 0 auto;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.top_flowIntro_l{
	width: 30%;
	position: relative;
	bottom: -1vw;
}
.top_flowIntro_r{
	width: 70%;
	position: relative;
}
.top_flowIntro_rTxt01{
	font-size: 1.2vw;
	margin-bottom: 0.4vw;
	line-height: 1.6em;
}
.top_flowIntro_rTxt02{
	font-size: 0.9vw;
	margin-bottom: 2vw;
}
.top_flowBox{
	width: 76%;
	margin: -1vw auto 0;
	padding: 5vw 0vw 10vw;
	background: url(../../src/img/top_flow_bg.svg) 0 0 no-repeat;
	background-size: 100% 100%;
	position: relative;
}
.top_flowBox_ttl{
	width: 26%;
	margin: -3.4vw auto 0;
}
.top_flowBoxList{
	width: 92%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-right: 2vw;
}
.top_flowBoxList_item{
	width: 50%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.top_flowBoxList_itemL{
	width: 40%;
}
.top_flowBoxList_itemR{
	width: 58%;
	padding-top: 2vw;
}
.top_flowBoxList_itemR_step{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 6vw;
	margin-bottom: 0.6vw;
}
.top_flowBoxList_itemR_step span{
    position: absolute;
    font-size: 0.8vw;
    font-weight: 700;
    display: block;
    text-align: center;
    width: 96%;
    height: 1em;
    top: 0;
    bottom: 0.9vw;
    margin: auto;
    letter-spacing: 1px;
}
.top_flowBoxList_itemR_ttl{
	font-size: 1.1vw;
	margin-bottom: 0.5vw;
	font-weight: 700;
	line-height: 1.4em;
}
.top_flowBoxList_itemR_txt{
	font-size: 0.8vw;
	line-height: 1.8em;
	letter-spacing: 1px;
}
@media only screen and (max-width: 1300px) {
.top_flowBoxList_itemR_txt br{
	display: none;
}
}
.top_flowBtn{
	background: #fff;
	width: 20%;
	margin: 0 auto;
}
.top_case{
	margin: 5vw auto 3vw;
}
.top_caseTtl_wrap{
	display: flex;
	justify-content: center;
}
.top_caseLead{
	text-align: center;
	margin: 0 0 2vw;
	font-size: 1.1vw;
}
.top_caseList{
	width: 60%;
	margin: 0 auto 3vw;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	z-index: 1;
}
.top_caseList_item{
	width: 30.5%;
}
.top_caseList_itemLink{
	display: block;
}
.top_caseList_itemLink_img {
    width: 100%;
    height: 16vw;
    position: relative;
    margin-bottom: 0.4vw;
    overflow: hidden;
    display: block;
}
.top_caseList_itemLink_img img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.top_caseList_itemLink_ttl{
	font-size: 1.1vw;
}
.top_caseList_itemLink_txt{
	font-size: 0.8vw;
	line-height: 1.8em;
}
.top_caseBtn{
	width: 20%;
	margin: 0 auto;
}
.top_news{
	background:#FFF596 ;
	padding: 3vw 0;
}
.top_newsTtl_wrap{
	display: flex;
	justify-content: center;
	position: relative;
}
.top_newsLead{
	text-align: center;
	margin: 0 0 2vw;
	font-size: 1.1vw;
}
.top_newsList{
	width: 60%;
	margin: 0 auto 4vw;
	position: relative;
}
.top_newsList_item{
	margin-bottom: 1vw;
	padding: 0 1vw 1vw;
	border-bottom: 1px solid #707070;
}
.top_newsList_itemLink{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.9vw;
}
.top_newsList_itemLink_date{
	width: 16%;
}
.top_newsList_itemLink_ttl{
	width: 84%;
}
.top_newsBtn{
	background: #fff;
	width: 20%;
	margin: 0 auto;
}
.top_news_ico01{
	position: absolute;
	width: 24%;
	right: 0;
	top: -15vw;
}
.top_blog_ico{
	position: absolute;
	width: 24%;
	left: 0;
	bottom: -20vw;
}
.top_blog{
	background:#FFF596 ;
	padding: 3vw 0;
	margin-bottom: 7vw;
}
.top_blogList{
	width: 62%;
	margin: 0 auto 3vw;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	z-index: 1;
}
.top_blogList_item{
	width: 31%;
	position: relative;
}
.top_blogList_itemLink{
	display: block;
  position: absolute;
  width: 70%;
  margin: auto;
  left: 0;
  right: 0.2vw;
  top: 4vw;
}
.top_blogList_itemLink_img {
    width: 100%;
    height: 10vw;
    position: relative;
    margin-bottom: 0.4vw;
    overflow: hidden;
    display: block;
}
.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_ttl{
	font-size: 1.1vw;
}
.top_blogList_itemLink_txt{
	font-size: 0.8vw;
	line-height: 1.8em;
}
.top_qa_box{
	margin-bottom: 7vw;
}
.top_qaList{
	width: 60%;
	margin: 0 auto 3vw;
}
.top_qaList_item{
	margin-bottom: 1vw;
}
.top_qaList_itemTtl{
	font-size: 1.2vw;
	position: relative;
	background: #F5FFD2;
	padding: 1vw;
}
.top_qaList_itemTtl:after{
	content: "";
	position: absolute;
	right: 1vw;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url(../../src/img/top_qa_close.svg) 0 0 no-repeat;
	background-size: 100% 100%;
	width: 1.5vw;
	height: 1.5vw;
}
.top_qaList_itemTtl.on:after{
	content: "";
	position: absolute;
	right: 1vw;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url(../../src/img/top_qa_open.svg) 0 0 no-repeat;
	background-size: 100% 100%;
	width: 1.5vw;
	height: 1.5vw;
}
.top_qaList_itemTxt{
	position: relative;
	font-size: 0.9vw;
	letter-spacing: 0px;
	display: none;
	padding: 1vw;
	text-indent: -2em;
  padding-left: 3em;
  margin-left: 0.3vw;
}
.top_qaBtn{
	width: 20%;
	margin: 0 auto;
}
.cmn_contactTtl_wrap{
	display: flex;
	justify-content: center;
	position: relative;
}
.cmn_contactLead{
	text-align: center;
	margin: 0 0 2vw;
	font-size: 1.1vw;
}
.cmn_ttl01_enIcoWide{
	width: 30vw;
}
.cmn_ttl01_enWide {
    width: 10vw;
}
.cmn_contactList{
	width: 60%;
	margin: 0 auto 4vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.cmn_contactList_item{
	width: 49%;
}
.cmn_contactList_itemLine{
	width: 1px;
	background: #707070;
	height: 6vw;
}
.cmn_contactList_itemBox{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.cmn_contactList_itemTxt{
	font-size: 1.4vw;
	width: 100%;
	text-align: center;
	margin-bottom: 0.7vw;
}
.cmn_contactList_itemTel{
	display: block;
	font-size: 2.4vw;
	text-align: center;
	letter-spacing: 4px;
}
.cmn_contactBtn{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60%;
	padding: 0.7vw;
	line-height: 1em;
	text-align: center;
	background: #03c755;
	border: 1px solid #707070;
	border-radius: 60px;
	position: relative;
	font-size: 0.9vw;
	box-shadow: 1px 1px 3px #00000040;
	color: #fff;
}
.cmn_contactBtn img {
	width: 1.7vw;
	margin-right: 0.5vw;
	margin-left: -1vw;
}
.cmn_contactBtn:after{
	content: "〉";
	position: absolute;
	right: 2vw;
	color: #fff;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.mainV_ttl {
    position: absolute;
    left: 8%;
    top: 18vw;
    color: #fff;
    letter-spacing: 3px;
    line-height: 2em;
}
.mainV_ttl_l {
    display: inline-block;
    font-size: 5vw;
}
.mainV_ttl_s {
    display: inline-block;
    font-size: 3vw;
    margin-bottom: 1.4vw;
}
.mainV_txtBox {
    position: absolute;
    right: 0;
    bottom: -0.3vw;
    width: 70%;
}
.top_about {
    width: 88%;
    margin: 4vw auto 6vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cmn_ttl01_en{
	position: relative;
	width: 12vw;
	margin-right: 0.6vw;
}
.cmn_ttl01_enTxt{
	position: absolute;
	font-size: 2.3vw;
	font-weight: 700;
	display: block;
	text-align: center;
	width: 96%;
	height: 1em;
	top: 0;
	bottom: 0.8vw;
	margin: auto;
}
.cmn_ttl01_jp {
    font-size: 2.8vw;
    padding-bottom: 0.5vw;
}
.top_about_rTxt01 {
    font-size: 2.2vw;
    margin-bottom: 0.4vw;
    line-height: 1.6em;
}
.top_about_rTxt02 {
    font-size: 1.5vw;
    margin-bottom: 2vw;
}
.cmn_btn01 {
    display: block;
    width: 50%;
    padding: 2vw;
    line-height: 1em;
    text-align: center;
    background: #FCF085;
    border: 1px solid #707070;
    border-radius: 60px;
    position: relative;
    font-size: 2vw;
    box-shadow: 1px 1px 3px #00000040;
}
.top_aboutBtn {
    width: 60%;
}
.top_voice {
    width: 84%;
    margin: 6vw auto 0vw;
    padding-top: 1vw;
    position: relative;
}
.top_voiceItem01{
	position: absolute;
	left: -3vw;
	top: 9.5vw;
	width: 31%;
	display: flex;
	align-items: center;
}
.top_voiceItem01 p{
	position: absolute;
	left: 0;
	right: 1vw;
	top: 1vw;
	bottom: 0;
	margin: auto;
	width: 100;
	text-align: center;
	font-size: 1.7vw;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

.top_voiceItem02{
	position: absolute;
	left: 19vw;
	top: 0vw;
	width: 26%;
	display: flex;
	align-items: center;
}
.top_voiceItem02 p{
	position: absolute;
	left: 0;
	right: 1vw;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100;
	text-align: center;
	font-size: 1.7vw;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}
.top_voiceItem03{
	position: absolute;
	right: -1vw;
	top: 5vw;
	width: 25%;
	display: flex;
	align-items: center;
}
.top_voiceItem03 p{

	position: absolute;
	left: 1.2vw;
	right: 0vw;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100;
	text-align: center;
	font-size: 1.7vw;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}
.top_service_ttl {
    width: 88%;
    margin: 0 auto 1.6vw;
}
.top_serviceList {
    width: 90%;
    margin: 0 auto 0vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top_serviceList_itemBox_ttl {
    text-align: center;
    font-size: 2vw;
    font-weight: 700;
    margin-bottom: 0.6vw;
    line-height: 1em;
}
.top_serviceList_itemBox_txt01 {
    text-align: center;
    font-size: 1.5vw;
    line-height: 1em;
    margin: 0 auto 0.2vw;
    letter-spacing: 0;
}
.top_serviceList_itemBox_txt02 {
    text-align: center;
    font-size: 1.6vw;
    white-space: nowrap;
    letter-spacing: 0px;
    display: flex;
    justify-content: center;
}
.top_flowIntro {
    width: 98%;
    margin: 6vw auto 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.top_flowIntro_rTxt01 {
    font-size: 2.2vw;
    margin-bottom: 0.4vw;
    line-height: 1.6em;
}
.top_flowIntro_rTxt02 {
    font-size: 1.5vw;
    margin-bottom: 2vw;
    width: 90%;
    letter-spacing: 1px;
}
.top_flowBox {
    width: 96%;
    margin: -2vw auto 0;
    padding: 5vw 0vw 17vw;
    background: url(../../src/img/top_flow_bg.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.top_flowBox_ttl {
    width: 36%;
    margin: -3.4vw auto 0;
}
.top_flowBoxList_itemR_step {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 11vw;
    margin-bottom: 0.6vw;
}
.top_flowBoxList_itemR_step span {
    position: absolute;
    font-size: 1.8vw;
    font-weight: 700;
    display: block;
    text-align: center;
    width: 96%;
    height: 1em;
    top: 0;
    bottom: 0.9vw;
    margin: auto;
    letter-spacing: 1px;
}
.top_flowBoxList_itemR_ttl {
    font-size: 2.1vw;
    margin-bottom: 0.5vw;
    font-weight: 700;
    line-height: 1.4em;
}
.top_flowBoxList_itemR_txt {
    font-size: 1.5vw;
    line-height: 1.8em;
    letter-spacing: 1px;
}
.top_case {
    margin: 8vw auto 8vw;
}
.top_caseLead {
    text-align: center;
    margin: 0 0 2vw;
    font-size: 2.1vw;
}
.top_caseList {
    width: 90%;
    margin: 0 auto 3vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    z-index: 1;
}
.top_caseList_itemLink_img {
    width: 100%;
    height: 20vw;
    position: relative;
    margin-bottom: 0.4vw;
    overflow: hidden;
    display: block;
}
.top_caseList_itemLink_txt {
    font-size: 1.5vw;
    line-height: 1.8em;
}
.top_newsLead {
    text-align: center;
    margin: 0 0 2vw;
    font-size: 2.1vw;
}
.top_newsList {
    width: 90%;
    margin: 0 auto 4vw;
    position: relative;
}
.top_newsList_itemLink {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.5vw;
}
.top_news_ico01 {
    position: absolute;
    width: 18%;
    right: 0;
    top: -15vw;
}
.top_blog_ico {
    position: absolute;
    width: 17%;
    left: 0;
    bottom: -20vw;
}
.top_news {
    background: #FFF596;
    padding: 6vw 0;
}

.top_blog {
    background: #FFF596;
    padding: 6vw 0;
    margin-bottom: 7vw;
}
.top_blogList {
    width: 83%;
    margin: 0 auto 3vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    z-index: 1;
}
.top_blogList_itemLink {
    display: block;
    position: absolute;
    width: 70%;
    margin: auto;
    left: 0;
    right: 0.2vw;
    top: 6vw;
}
.top_blogList_itemLink_img {
    width: 100%;
    height: 12vw;
    position: relative;
    margin-bottom: 0.4vw;
    overflow: hidden;
    display: block;
}
.top_blogList_itemLink_ttl {
    font-size: 1.8vw;
}
.top_blogList_itemLink_txt {
    font-size: 1.4vw;
    line-height: 1.6em;
    letter-spacing: 0;
}
.top_qaList {
    width: 90%;
    margin: 0 auto 3vw;
}
.top_qaList_itemTtl {
    font-size: 2.2vw;
    position: relative;
    background: #F5FFD2;
    padding: 2vw;
}
.top_qaList_itemTxt {
    position: relative;
    font-size: 1.5vw;
    letter-spacing: 0px;
    display: none;
    padding: 1vw;
    text-indent: -2em;
    padding-left: 3em;
    margin-left: 0.3vw;
}
.top_qaList_itemTtl.on:after {
    content: "";
    position: absolute;
    right: 1vw;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../../src/img/top_qa_open.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    width: 2.5vw;
    height: 2.5vw;
}
.top_qaList_itemTtl:after {
    content: "";
    position: absolute;
    right: 1vw;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../../src/img/top_qa_close.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    width: 2.5vw;
    height: 2.5vw;
}
.cmn_ttl01_enWide {
    width: 16vw;
}
.cmn_contactLead {
    text-align: center;
    margin: 0 0 2vw;
    font-size: 2.1vw;
}
.cmn_contactList {
    width: 80%;
    margin: 0 auto 4vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cmn_contactList_itemTxt {
    font-size: 2vw;
    width: 100%;
    text-align: center;
    margin-bottom: 0.7vw;
}
.cmn_contactList_itemTel {
    display: block;
    font-size: 3.4vw;
    text-align: center;
    letter-spacing: 4px;
}
.cmn_contactBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 81%;
	padding: 1.3vw;
	line-height: 1em;
	text-align: center;
	background: #03c755;
	border: 1px solid #707070;
	border-radius: 60px;
	position: relative;
	font-size: 2vw;
	box-shadow: 1px 1px 3px #00000040;
	color: #fff;
}
.cmn_contactBtn img {
	width: 2.7vw;
	margin-right: 1.5vw;
	margin-left: -2vw;
}
}
@media screen and (max-width: 599px) {  /* ============== SP LAYOUT ============== */
.mainV{
	position: relative;
	overflow: hidden;
}
.mainV_ttl{
	position: absolute;
	left: 6%;
	top:85vw;
	color: #fff;
	letter-spacing: 3px;
	font-size: 7vw;
	line-height: 1.4em;
}
.mainV_ttl_s{
	display: inline-block;
	font-size: 7vw;
	margin-bottom: 1.4vw;
}
.mainV_ttl_l{
	display: inline-block;
	font-size: 7vw;
}
.mainUnder{
	background:linear-gradient(transparent 60%, #C5FF0090 30%);
	padding-bottom: 1vw;
	font-size: 9vw;
}
.mainV_txtBox{
	position: relative;
	right: 0;
	bottom: 0vw;
	width: 100%;
}
.top_about{
	width: 82%;
	margin: 4vw auto 20vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.top_about_l{
	width: 90%;
	margin: 0 auto 6vw;
}
.top_about_r{
	width: 100%;
}
.cmn_ttl01{
	display: flex;
	align-items: center;
	margin-bottom: 1vw;
	flex-wrap: wrap;
}
.cmn_ttl01_en{
	position: relative;
	width: 26vw;
	margin-right: 0.6vw;
	margin-bottom: 4vw;
	margin-left: 1vw;
}
.cmn_ttl01_enTxt{
	position: absolute;
  font-size: 5vw;
  font-weight: 700;
  display: block;
  text-align: center;
  width: 96%;
  height: 1em;
  top: 0;
  bottom: 1.8vw;
  margin: auto;
}
.cmn_ttl01_enIco{
}
.cmn_ttl01_jp{
	font-size: 7.4vw;
	padding-bottom: 0.5vw;
	width: 100%;
	line-height: 1.2em;
}
.top_about_rTxt01{
	font-size: 5vw;
	margin-bottom: 4vw;
	line-height: 1.6em;
}
.top_about_rTxt02{
	font-size: 4vw;
	margin-bottom: 6vw;
	line-height: 2em;
	font-weight: 400;
}
.cmn_btn01{
	display: block;
    width: 50%;
    padding: 5vw 0;
    line-height: 1em;
    text-align: center;
    background: #FCF085;
    border: 2px solid #707070;
    border-radius: 60px;
    position: relative;
    font-size: 4.3vw;
    box-shadow: 1px 1px 3px #00000040;
}
.cmn_btn01:after{
	content: "〉";
	position: absolute;
	right: 2vw;
}
.top_aboutBtn{
	width: 100%;
}
.top_guide{
	width: 82%;
	margin: 4vw auto 6vw;
}
.top_guideTTL_wrap{
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.top_guideTTL_wrap span{
	white-space: nowrap;
}
.top_guideTTL_r{
	margin-left: -4vw;
	width: 100%;

}
.top_voice{
	width: 95%;
	margin: 39vw auto 0vw;
	padding-top: 1vw;
	position: relative;
}
.top_voiceItem01{
	position: absolute;
    left: 11vw;
    top: -30.5vw;
    width: 39%;
    display: flex;
    align-items: center;
}
.top_voiceItem01 p{
	position: absolute;
	left: 0;
	right: 1vw;
	top: 1vw;
	bottom: 0;
	margin: auto;
	width: 100;
	text-align: center;
	font-size: 1.2vw;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	display: none;
}

.top_voiceItem02{
	position: absolute;
    left: 3vw;
    top: -4vw;
    width: 42%;
    display: flex;
    align-items: center;

}
.top_voiceItem02 p{
	position: absolute;
	left: 0;
	right: 1vw;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100;
	text-align: center;
	font-size: 1.2vw;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	display: none;
}
.top_voiceItem03{
	    position: absolute;
    right: 13vw;
    top: -24vw;
    width: 32%;
    display: flex;
    align-items: center;

}
.top_voiceItem03 p{
	position: absolute;
	left: 1.2vw;
	right: 0vw;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100;
	text-align: center;
	font-size: 1.2vw;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	display: none;
}
.top_nayami_bg{
	width: 100%;
	margin: 0 auto;
	display: block;
}
.top_service{
	padding: 10vw 0 12vw;
	background: #FFF596;
}
.top_service_ttl{
	width: 82%;
	margin: 0 auto 1.6vw;
}
.top_serviceList{
	width: 76%;
	margin:0 auto 22vw!important;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.top_serviceList .slick-dots{
	bottom: -4%;
}
.top_serviceList_item{
	width: 20%;
	position: relative;
}
.top_serviceList_itemBox{
	position: absolute;
	width: 90%;
	left: 0;
	right: 0;
	margin: auto;
	top: 22.8vw;
}
.top_serviceList_itemBox_ttl{
	text-align: center;
	font-size: 6.4vw;
	font-weight: 700;
	margin-bottom: 2.6vw;
	line-height: 1em;
}
.top_serviceList_itemBox_line{
	width: 75%;
	margin: 0 auto 3vw;
	display: block;
}
.top_serviceList_itemBox_txt01{
	text-align: center;
	font-size: 4vw;
	line-height: 1em;
	margin: 0 auto 3vw;
}
.top_serviceList_itemBox_txt02{
	text-align: center;
	font-size: 6.5vw;
	white-space: nowrap;
	letter-spacing: 0px;
	display: flex;
	justify-content: center;

}
.top_serviceList_itemBox_txt02 span{
	background:linear-gradient(transparent 60%, #FFB300 30%);
	display: inline-block;
	padding-left: 0.4vw;
	padding-bottom: 2vw;
}
.top_flowIntro{
	width: 82%;
	margin: 0 auto;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.top_flowIntro_l{
	width: 30%;
	position: relative;
	bottom: -1vw;
	display: none;
}
.top_flowIntro_r{
	width: 100%;
	position: relative;
}
.top_flowIntro_rTxt01{
	font-size: 5vw;
    margin-bottom: 4vw;
    line-height: 1.6em;
}
.top_flowIntro_rTxt02{
	font-size: 4vw;
    margin-bottom: 6vw;
    line-height: 2em;
    font-weight: 400;
}
.top_guideTTL_rService{
	margin-left: -8vw;
	width: 100%;
	position: relative;
	top: -5vw;
}
.top_flowBox{
	width: 82%;
	margin: -1vw auto 0;
	padding: 5vw 0vw 10vw;
	background: none;
	background-size: 100% 100%;
	position: relative;
}
.top_flowBox_ttl{
	width: 100%;
	margin: -3.4vw auto 0;
}
.top_flowBoxList{
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-right: 2vw;
}
.top_flowBoxList .slick-dots{
	bottom: -4%;
}
.top_flowBoxList_item{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.top_flowBoxList_itemL{
	  width: 83%;
    margin: 0 auto;
}
.top_flowBoxList_itemR{
	width: 100%;
	padding-top: 2vw;
}
.top_flowBoxList_itemR_step{
	display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 30vw;
    margin-bottom: 2.6vw;
}
.top_flowBoxList_itemR_step span{
    position: absolute;
    font-size: 4vw;
    font-weight: 700;
    display: block;
    text-align: center;
    width: 96%;
    height: 1em;
    top: 0;
    bottom: 0.9vw;
    margin: auto;
    letter-spacing: 1px;
}
.top_flowBoxList_itemR_ttl{
	font-size: 4.4vw;
	margin-bottom: 0.5vw;
	font-weight: 700;
	line-height: 1.4em;
}
.top_flowBoxList_itemR_txt{
	font-size: 3.4vw;
    line-height: 2em;
    font-weight: 400;
    letter-spacing: 1px;
}
@media only screen and (max-width: 1300px) {
.top_flowBoxList_itemR_txt br{
	display: none;
}
}
.top_flowBtn{
	background: #fff;
	width: 82%;
	margin: 0 auto;
}
.top_case{
	margin: 8vw auto 14vw;
}
.top_caseTtl_wrap{
	display: flex;
	justify-content: center;
}
.top_caseTtl_wrap .cmn_ttl01{
	justify-content: center;
}
.top_caseTtl_wrap .cmn_ttl01_jp {
    text-align: center;
}
.top_caseLead{
	text-align: center;
	font-size: 5vw;
    margin-bottom: 4vw;
    line-height: 1.6em;
}
.top_caseList{
	width: 85%;
	margin: 0 auto 20vw!important;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	z-index: 1;
}
.top_caseList .slick-dots {
    bottom: -8%;
}
.top_caseList_item{
	width: 30.5%;
}
.top_caseList_itemLink{
	display: block;
}
.top_caseList_itemLink_img {
    width: 100%;
    height: 79vw;
    position: relative;
    margin-bottom: 2vw;
    overflow: hidden;
    display: block;
}
.top_caseList_itemLink_img img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.top_caseList_itemLink_ttl{
	font-size: 5vw;
	margin-bottom: 2vw;
}
.top_caseList_itemLink_txt{
	font-size: 3.4vw;
	line-height: 1.8em;
	font-weight: 400;
}
.top_caseBtn{
	width: 85%;
	margin: 0 auto;
}
.top_news{
	background:#FFF596 ;
	padding: 8vw 0;
}
.top_newsTtl_wrap{
	display: flex;
	justify-content: center;
	position: relative;
}
.top_newsTtl_wrap{
	display: flex;
	justify-content: center;
}
.top_newsTtl_wrap .cmn_ttl01{
	justify-content: center;
}
.top_newsTtl_wrap .cmn_ttl01_jp {
    text-align: center;
}
.top_newsLead{
	text-align: center;
	font-size: 5vw;
    margin-bottom: 4vw;
    line-height: 1.6em;
    margin-top: -1vw;
}
.top_newsList{
	width: 85%;
	margin: 0 auto 12vw;
	position: relative;
}
.top_newsList_item{
	margin-bottom: 2vw;
	padding: 0 0vw 2vw;
	border-bottom: 1px solid #707070;
}
.top_newsList_itemLink{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 3.4vw;
	flex-wrap: wrap;
	color: #707070;
}
.top_newsList_itemLink_date{
	width: 100%;
}
.top_newsList_itemLink_ttl{
	width: 100%;
}
.top_newsBtn{
	background: #fff;
	width: 85%;
	margin: 0 auto;
}
.top_news_ico01{
	position: absolute;
    width: 18%;
    right: 0;
    top: -42vw;
    left: 6vw;
}
.top_news_ico01_2{
	position: absolute;
    width: 25%;
    right: 0;
    top: -48vw;
    right: 2vw;
}
.top_blog_ico{
	position: absolute;
    width: 29%;
    left: -3vw;
    bottom: -61vw;
}
.top_blog{
	background:#FFF596 ;
	padding: 3vw 0 14vw;
	margin-bottom: 7vw;
}
.top_blogList{
	width: 80%;
	margin: 0 auto 18vw!important;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	z-index: 1;
}
.top_blogList .slick-dots {
    bottom: -5%;
}
.top_blogList_item{
	width: 31%;
	position: relative;
}
.top_blogList_itemLink{
	display: block;
    position: absolute;
    width: 70%;
    margin: auto;
    left: 0;
    right: 0.2vw;
    top: 18vw;
}
.top_blogList_itemLink_img {
    width: 100%;
    height: 45vw;
    position: relative;
    margin-bottom:2vw;
    overflow: hidden;
    display: block;
}
.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_ttl{
	font-size: 5vw;
	margin-bottom:2vw;
}
.top_blogList_itemLink_txt{
	font-size: 3.4vw;
	line-height: 1.8em;
	font-weight: 400;
}
.top_qa_box{
	margin-bottom: 15vw;
}
.top_qaList{
	width: 100%;
	margin: 0 auto 8vw;
}
.top_qaList_item{
	margin-bottom: 0.5vw;
}
.top_qaList_itemTtl{
	font-size: 4.4vw;
	position: relative;
	background: #F5FFD2;
	padding: 3vw 8vw;
	padding-right: 16vw;
	line-height: 1.4em;
}
.top_qaList_itemTtl:after{
	content: "";
	position: absolute;
	right: 6vw;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url(../../src/img/top_qa_close.svg) 0 0 no-repeat;
	background-size: 100% 100%;
	width: 6vw;
	height: 6vw;
}
.top_qaList_itemTtl.on:after{
	content: "";
	position: absolute;
	right: 6vw;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url(../../src/img/top_qa_open.svg) 0 0 no-repeat;
	background-size: 100% 100%;
	width: 6vw;
	height: 6vw;
}
.top_qaList_itemTxt{
	position: relative;
	font-size: 3.4vw;
	letter-spacing: 0px;
	display: none;
	padding: 1vw;
	text-indent: 0;
  padding-left: 3em;
  margin-left: 0.3vw;
  padding: 3vw 8vw;
  font-weight: 400;
  line-height: 2em;
}
.top_qaBtn{
	width: 85%;
	margin: 0 auto;
}
.cmn_contactTtl_wrap{
	display: flex;
	justify-content: center;
	position: relative;
	padding-top: 8vw;
}
.cmn_contactTtl_wrap .cmn_ttl01{
	justify-content: center;
}
.cmn_contactTtl_wrap .cmn_ttl01_jp {
    text-align: center;
}
.cmn_contactLead{
	text-align: center;
    font-size: 5vw;
    margin-bottom: 4vw;
    line-height: 1.6em;
    margin-top: -5vw;
    display: none;
}
.cmn_ttl01_enIcoWide{
	width: 30vw;
}
.cmn_ttl01_enWide {
    width: 36vw;
}
.cmn_contactList{
	width: 85%;
	margin: 0 auto 4vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.cmn_contactList_item{
	width: 100%;
}
.cmn_contactList_itemLine{
	width: 100%;
	background: #707070;
	height: 1px;
	margin-bottom: 5vw;
}
.cmn_contactList_itemBox{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.cmn_contactList_itemTxt{
	font-size: 5vw;
	width: 100%;
	text-align: center;
	margin-bottom: 3vw;
}
.cmn_contactList_itemTel{
	display: block;
	font-size: 7.8vw;
	text-align: center;
	letter-spacing: 4px;
	margin-bottom: 5vw;
}
.cmn_contactBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 90%;
	padding: 4vw 0;
	line-height: 1em;
	text-align: center;
	background: #03c755;
	color: #fff;
	border: 2px solid #707070;
	border-radius: 60px;
	position: relative;
	font-size: 4.3vw;
	box-shadow: 1px 1px 3px #00000040;
	margin-bottom: 6vw;
}
.cmn_contactBtn img {
	width: 5.7vw;
	margin-right: 3.5vw;
	margin-left: -4vw;
}
.cmn_contactBtn:after{
	content: "〉";
	position: absolute;
	right: 2vw;
	color: #fff;
}
}
/*-----------------------------------------------------------

ABOUT

-------------------------------------------------------------*/
.gnavSub li{
	text-shadow: 0 0 2px #ffffff;
}
.gnavSub a{
	text-shadow: 0 0 2px #ffffff;
}
.mainV_ttlSub{
	width: 70%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 2vw 0;
	background: #fff;
	text-align: center;
	font-size: 2.4vw;
	letter-spacing: 5px;
	line-height: 1;
}
.punkuz{
	width: 85%;
	margin: 1vw auto 3vw;
	display: flex;
	align-items: center;
	white-space: nowrap;
}
.punkuz li{
	font-size: 0.8vw;
	color: #707070;
	margin-right: 0.2vw;
	letter-spacing: 0;
}
.about_intro{
	width: 55%;
	margin: 0 auto 3vw;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.about_intro_l{
	width: 68%;
}
.about_intro_lTxt01{
	font-size: 1.2vw;
	margin-bottom: 0.4vw;
	line-height: 1.6em;
}
.about_intro_lTxt02{
	font-size: 0.9vw;
	margin-bottom: 2vw;
}
.about_intro_r{
	width: 30%;
}
.about_thoughtWrap{
	background: #FFF596;
	padding: 4vw 0;
	margin-bottom: 6vw;
}
.about_thought{
	width: 65%;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.about_thought_l{
	width: 65%;
}
.about_thought_lTxt01{
	font-size: 1.2vw;
	margin-bottom: 0.4vw;
	line-height: 1.6em;
}
.about_thought_lTxt02{
	font-size: 0.9vw;
	margin-bottom: 1vw;
}
.about_thought_r{
	width: 30%;
}
.about_sdgs{
	width: 65%;
	margin: 0 auto 5vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.about_sdgs_l{
	width: 52%;
}
.about_sdgs_lTxt01{
	font-size: 1.2vw;
	margin-bottom: 0.4vw;
	line-height: 1.6em;
}
.about_sdgs_lTxt02{
	font-size: 0.9vw;
	margin-bottom: 1vw;
}
.about_sdgs_r{
	width: 42%;
}
.about_company{
	width: 65%;
	margin: 0 auto 5vw;
}
.cmn_ttl01_wrap {
    display: flex;
    justify-content: center;
    position: relative;
}
.cmn_lead {
    text-align: center;
    margin: 0 0 2vw;
    font-size: 1.1vw;
}
.about_companyList{
	margin-bottom: 2vw;
}
.about_companyList_item{
	display: flex;
	justify-content: space-between;
	background: #ECFFAA;
}
.about_companyList_item:nth-child(even){
	background: #F8FFE1;
}
.about_companyList_itemL{
	width: 14%;
	padding: 1vw 2vw;
	font-size: 0.9vw;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAGCAYAAAACEPQxAAAAAXNSR0IArs4c6QAAABBJREFUGFdjOH846D8DLgAAT3EC5CSJSbwAAAAASUVORK5CYII=) right 0 repeat-y;
	background-size: 1px;
}
.about_companyList_itemR{
	width: 85%;
	padding: 1vw 2vw;
	font-size: 0.9vw;
}
.about_companyBtn {
    width: 28%;
    margin: 0 auto;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.punkuz li {
    font-size: 1.5vw;
    color: #707070;
    margin-right: 0.2vw;
    letter-spacing: 0;
}
.mainV_ttlSub {
    width: 84%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 2vw 0;
    background: #fff;
    text-align: center;
    font-size: 3.4vw;
    letter-spacing: 5px;
    line-height: 1;
}
.about_intro_lTxt01 {
    font-size: 2.2vw;
    margin-bottom: 0.4vw;
    line-height: 1.6em;
}
.about_intro {
    width: 83%;
    margin: 0 auto 3vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.about_intro_lTxt02 {
    font-size: 1.5vw;
    margin-bottom: 2vw;
}
.about_thought {
    width: 83%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.about_thought_lTxt01 {
    font-size: 2.2vw;
    margin-bottom: 0.4vw;
    line-height: 1.6em;
}
.about_thought_lTxt02 {
    font-size: 1.5vw;
    margin-bottom: 1vw;
    width: 90%;
}
.about_thought_l {
    width: 75%;
}
.about_thought_r {
    width: 23%;
}
.about_sdgs {
    width: 83%;
    margin: 0 auto 5vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.about_sdgs_lTxt01 {
    font-size: 2.2vw;
    margin-bottom: 0.4vw;
    line-height: 1.6em;
}
.about_sdgs_lTxt02 {
    font-size: 1.5vw;
    margin-bottom: 1vw;
}
.about_sdgs_r {
    width: 28%;
}
.about_sdgs_l {
    width: 65%;
}
.cmn_lead {
    text-align: center;
    margin: 0 0 2vw;
    font-size: 2.1vw;
}
.about_company {
    width: 83%;
    margin: 0 auto 5vw;
}
.about_companyList_itemL {
    width: 14%;
    padding: 1vw 2vw;
    font-size: 1.5vw;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAGCAYAAAACEPQxAAAAAXNSR0IArs4c6QAAABBJREFUGFdjOH846D8DLgAAT3EC5CSJSbwAAAAASUVORK5CYII=) right 0 repeat-y;
    background-size: 1px;
}
.about_companyList_itemR {
    width: 85%;
    padding: 1vw 2vw;
    font-size: 1.5vw;
}
.about_companyBtn {
    width: 48%;
    margin: 0 auto;
}
}
@media screen and (max-width: 599px) {  /* ============== SP LAYOUT ============== */
.gnavSub li{
	text-shadow: 0 0 2px #ffffff;
}
.gnavSub a{
	text-shadow: 0 0 2px #ffffff;
}
.mainV_ttlSub{
	width: 90%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 3vw 0;
    background: #fff;
    text-align: center;
    font-size: 7.4vw;
    letter-spacing: 3px;
    line-height: 1;
}
.punkuz{
	width: 85%;
	margin: 3vw auto 3vw;
	display: flex;
	align-items: center;
	white-space: nowrap;
	overflow: auto;
}
.punkuz li{
	font-size: 3.4vw;
	color: #707070;
	margin-right: 0.2vw;
	letter-spacing: 0;
	font-weight: 400;
}
.about_intro{
	width: 82%;
	margin: 0 auto 3vw;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-direction: column-reverse;
	flex-wrap: wrap;
}
.about_intro_l{
	width: 100%;
}
.about_intro_lTxt01{
	font-size: 5vw;
    margin-bottom: 4vw;
    line-height: 1.6em;
}
.about_intro_lTxt02{
	font-size: 4vw;
    margin-bottom: 6vw;
    line-height: 2em;
    font-weight: 400;
}
.about_intro_r{
	width: 80%;
	margin: 0 auto 6vw;
}
.about_thoughtWrap{
	background: #FFF596;
	padding: 8vw 0;
	margin-bottom: 6vw;
}
.about_thought{
	width: 82%;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column-reverse;
	flex-wrap: wrap;
}
.about_thought_l{
	width: 100%;
}
.about_thought_lTxt01{
	font-size: 5vw;
    margin-bottom: 4vw;
    line-height: 1.6em;
}
.about_thought_lTxt02{
	font-size: 4vw;
    margin-bottom: 6vw;
    line-height: 2em;
    font-weight: 400;
}
.about_thought_r{
	width: 100%;
	margin-bottom: 8vw;
}
.about_sdgs{
	width: 82%;
	margin: 15vw auto 15vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column-reverse;
	flex-wrap: wrap;
}
.about_sdgs_l{
	width: 100%;
}
.about_sdgs_lTxt01{
	font-size: 5vw;
    margin-bottom: 4vw;
    line-height: 1.6em;
}
.about_sdgs_lTxt02{
	font-size: 4vw;
    margin-bottom: 6vw;
    line-height: 2em;
    font-weight: 400;
}
.about_sdgs_r{
	width: 100%;
	margin-bottom: 7vw;
}
.about_company{
	width: 82%;
	margin: 0 auto 5vw;
}
.cmn_ttl01_wrap {
    display: flex;
    justify-content: center;
    position: relative;
}
.cmn_ttl01_wrap .cmn_ttl01{
	justify-content: center;
}
.cmn_ttl01_wrap .cmn_ttl01_jp {
    text-align: center;
}
.cmn_lead {
    text-align: center;
   font-size: 5vw;
    margin-bottom: 4vw;
    line-height: 1.6em;
    margin-top: -1vw;
}
.about_companyList{
	margin-bottom: 8vw;
}
.about_companyList_item{
	display: flex;
	justify-content: space-between;
	background: #ECFFAA;
}
.about_companyList_item:nth-child(even){
	background: #F8FFE1;
}
.about_companyList_itemL{
	width: 30%;
    padding: 3vw 4vw;
    font-size: 3.5vw;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAGCAYAAAACEPQxAAAAAXNSR0IArs4c6QAAABBJREFUGFdjOH846D8DLgAAT3EC5CSJSbwAAAAASUVORK5CYII=) right 0 repeat-y;
    background-size: 1px;
    font-weight: 400;
}
.about_companyList_itemR{
	width: 70%;
	padding: 3vw 4vw;
	font-size: 3.5vw;
	font-weight: 400;
}
.about_companyBtn {
    width: 100%;
    margin: 0 auto 8vw;
}
}
/*-----------------------------------------------------------

SERVICE

-------------------------------------------------------------*/
.service_intro{
	width: 70%;
	margin: 4vw auto 6vw;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.service_intro_l{
	width: 68%;
}
.service_intro_lTxt01{
	font-size: 1.2vw;
	margin-bottom: 0.4vw;
	line-height: 1.6em;
}
.service_intro_lTxt02{
	font-size: 0.9vw;
}
.service_intro_r{
	width: 30%;
}
.service_howto{
	width: 70%;
	margin: 4vw auto 3vw;
}
.service_howtoTxt{
	text-align: center;
	font-size: 0.9vw;
	width:75%;
	margin: -1vw auto 3vw;
}
.service_howtoList{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 3vw;
}
.service_howtoList_ico{
	width: 100%;
	margin-bottom: 1vw;
}
.service_howtoList_txt{
	width: 24%;
	font-size: 1.6vw;
	text-align: center;
}
.service_howtoList_txt span{
	font-size: 1.2vw;
}
.serviceMerit{
	padding: 3vw 0 4vw;
	background: #FFF596;
}
.serviceMerit_ttl{
	width: 70%;
	margin: 0 auto 1.6vw;
}
.serviceMeritList{
	width: 80%;
	margin: 0 auto 0vw;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.serviceMeritList_item{
	width: 28%;
	position: relative;
	margin: 0 3vw 1vw;
}
.serviceMeritList_itemBox{
	position: absolute;
	width: 90%;
	left: 0;
	right: 0;
	margin: auto;
	top: 5.8vw;
}
.serviceMeritList_itemBox_ttl{
	text-align: center;
	font-size: 1.8vw;
	font-weight: 700;
	margin-bottom: 0.6vw;
	line-height: 1em;
}
.serviceMeritList_itemBox_line{
	width: 80%;
	margin: 0 auto 1vw;
	display: block;
}
.serviceMeritList_itemBox_txt01{
	text-align: center;
	font-size: 1.1vw;
	line-height: 1em;
	margin: 0 auto 0.8vw;
}
.serviceMeritList_itemBox_txt02{
	text-align: center;
	font-size: 1.7vw;
	white-space: nowrap;
	letter-spacing: 1px;
	display: flex;
	justify-content: center;
	margin-bottom: 0.8vw;
}
.serviceMeritList_itemBox_txt02 span{
	background:linear-gradient(transparent 60%, #FFB300 30%);
	display: inline-block;
	padding-left: 0.4vw;
	padding-bottom: 0.3vw;
}
.serviceMeritList_itemBox_txt03{
	font-size: 0.8vw;
	width: 90%;
	margin: 0 auto;
	line-height: 1.4em;
	letter-spacing: 1px;
	text-align: center;
}
@media only screen and (max-width: 1160px) {
.serviceMeritList_itemBox_txt03 br{
	display: none;
}
}
.subCase{
	margin: 0 auto 3vw;
	padding: 3vw 0 4vw;
    background: #FFF596;
}
.subCaseTtl_wrap{
	display: flex;
	justify-content: center;
}
.subCaseLead{
	text-align: center;
	margin: 0 0 2vw;
	font-size: 1.1vw;
}
.subCaseList{
	width: 60%;
	margin: 0 auto 3vw;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	z-index: 1;
}
.subCaseList_item{
	width: 30.5%;
}
.subCaseList_itemLink{
	display: block;
}
.subCaseList_itemLink_img {
    width: 100%;
    height: 16vw;
    position: relative;
    margin-bottom: 0.4vw;
    overflow: hidden;
    display: block;
}
.subCaseList_itemLink_img img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.subCaseList_itemLink_ttl{
	font-size: 1.1vw;
}
.subCaseList_itemLink_txt{
	font-size: 0.8vw;
	line-height: 1.8em;
}
.subCaseBtn{
	width: 20%;
	margin: 0 auto;
	background: #fff;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.service_intro {
    width: 83%;
    margin: 4vw auto 6vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.service_intro_lTxt01 {
    font-size: 2.2vw;
    margin-bottom: 0.4vw;
    line-height: 1.6em;
}
.service_intro_lTxt02 {
    font-size: 1.5vw;
    width: 97%;
}
.service_howto {
    width: 83%;
    margin: 4vw auto 3vw;
}
.service_howtoTxt {
    text-align: center;
    font-size: 1.5vw;
    width: 100%;
    margin: -1vw auto 3vw;
}
.serviceMerit_ttl {
    width: 83%;
    margin: 0 auto 1.6vw;
}
.serviceMeritList {
    width: 100%;
    margin: 0 auto 0vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.serviceMeritList_itemBox_ttl {
    text-align: center;
    font-size: 2.4vw;
    font-weight: 700;
    margin-bottom: 0.6vw;
    line-height: 1em;
}
.serviceMeritList_itemBox_txt01 {
    text-align: center;
    font-size: 2.1vw;
    line-height: 1em;
    margin: 0 auto 0vw;
}
.serviceMeritList_itemBox_txt02 {
    text-align: center;
    font-size: 2.2vw;
    white-space: nowrap;
    letter-spacing: 1px;
    display: flex;
    justify-content: center;
    margin-bottom: 0.8vw;
}
.serviceMeritList_itemBox_txt03 {
    font-size: 1.5vw;
    width: 90%;
    margin: 0 auto;
    line-height: 1.4em;
    letter-spacing: 1px;
    text-align: center;
    text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
}
.serviceMeritList_itemBox_txt03 br{

   display: none!important;
}
.serviceMeritList_itemBox {
    position: absolute;
    width: 90%;
    left: 0;
    right: 0;
    margin: auto;
    top: 7.8vw;
}
.subCaseLead {
    text-align: center;
    margin: 0 0 2vw;
    font-size: 2.1vw;
}
.subCaseList {
    width: 83%;
    margin: 0 auto 3vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    z-index: 1;
}
.subCaseList_itemLink_img {
    width: 100%;
    height: 19vw;
    position: relative;
    margin-bottom: 0.4vw;
    overflow: hidden;
    display: block;
    background: #fff;
}
.subCaseList_itemLink_txt {
    font-size: 1.5vw;
    line-height: 1.8em;
}
.subCaseBtn {
    width: 40%;
    margin: 0 auto;
    background: #fff;
}
}
@media screen and (max-width: 599px) {  /* ============== SP LAYOUT ============== */
.service_intro{
	width: 82%;
	margin: 8vw auto 3vw;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-direction: column-reverse;
	flex-wrap: wrap;
}
.service_intro_l{
	width: 100%;
}

.service_intro_lTxt01{
	font-size: 5vw;
    margin-bottom: 4vw;
    line-height: 1.6em;
}
.service_intro_lTxt02{
	font-size: 4vw;
    margin-bottom: 6vw;
    line-height: 2em;
    font-weight: 400;
}
.service_intro_r{
	width: 100%;
	margin: 0 auto 6vw;
}
.service_howto{
	width: 82%;
	margin: 4vw auto 14vw;
}
.cmn_leadLeft{
	text-align: left;
}
.service_howtoTxt{
	text-align: left;
	font-size: 4vw;
	width:100%;
	margin: 1vw auto 3vw;
	font-size: 4vw;
    margin-bottom: 6vw;
    line-height: 2em;
    font-weight: 400;
}
.service_howtoList{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 10vw;
}
.service_howtoList_ico{
	width: 80%;
	margin-bottom: 1vw;
	margin: 0 auto;
}
.service_howtoList_txt{
	width: 24%;
	font-size: 1.6vw;
	text-align: center;
	display: none;
}
.service_howtoList_txt span{
	font-size: 1.2vw;
}
.serviceMerit{
	padding: 10vw 0 0vw;
	background: #FFF596;
}
.serviceMerit_ttl{
	width: 85%;
	margin: 0 auto 3vw;
}
.serviceMeritList{
	width: 80%;
	margin: 0 auto 0vw;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.serviceMeritList_item{
	width: 100%;
	position: relative;
	margin: 0 1vw 2vw;
}
.serviceMeritList_itemBox{
	position: absolute;
	width: 80%;
	left: 0;
	right: 0;
	margin: auto;
	top: 23.8vw;
}
.serviceMeritList_itemBox_ttl{
	text-align: center;
	font-size: 6.4vw;
	font-weight: 700;
	margin-bottom: 2.6vw;
	line-height: 1em;
}
.serviceMeritList_itemBox_line{
	width: 80%;
	margin: 0 auto 4vw;
	display: block;
}
.serviceMeritList_itemBox_txt01{
	text-align: center;
	font-size: 4vw;
	line-height: 1em;
	margin: 0 auto 2.8vw;
}
.serviceMeritList_itemBox_txt02{
	text-align: center;
	font-size: 5.7vw;
	white-space: nowrap;
	letter-spacing: 1px;
	display: flex;
	justify-content: center;
	margin-bottom: 3.8vw;
}
.serviceMeritList_itemBox_txt02 span{
	background:linear-gradient(transparent 60%, #FFB300 30%);
	display: inline-block;
	padding-left: 0.4vw;
	padding-bottom: 1.3vw;
}
.serviceMeritList_itemBox_txt03{
	font-size: 3.4vw;
	width: 100%;
	margin: 0 auto;
	line-height: 1.8em;
	letter-spacing: 1px;
	text-align: center;
	font-weight: 400;
}
@media only screen and (max-width: 1160px) {
.serviceMeritList_itemBox_txt03 br{
	display: unset;
}
}
.subCase{
	margin: 0 auto 3vw;
	padding: 8vw 0 12vw;
    background: #FFF596;
}
.subCaseTtl_wrap{
	display: flex;
	justify-content: center;
}
.subCaseTtl_wrap .cmn_ttl01{
	justify-content: center;
}
.subCaseTtl_wrap .cmn_ttl01_jp {
    text-align: center;
}
.subCaseLead{
	text-align: center;
    font-size: 5vw;
    margin-bottom: 4vw;
    line-height: 1.6em;
    margin-top: -1vw;
}
.subCaseList{
	width: 85%;
	margin: 0 auto 15vw!important;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	z-index: 1;
}
.subCaseList .slick-dots {
    bottom: -8%;
}
.subCaseList_item{
	width: 30.5%;
}
.subCaseList_itemLink{
	display: block;
}
.subCaseList_itemLink_img {
    width: 100%;
    height: 79vw;
    position: relative;
    margin-bottom: 2vw;
    overflow: hidden;
    display: block;
}
.subCaseList_itemLink_img img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.subCaseList_itemLink_ttl{
	font-size: 5vw;
	margin-bottom: 2vw;
}
.subCaseList_itemLink_txt{
	font-size: 3.4vw;
	line-height: 1.8em;
	font-weight: 400;
}
.subCaseBtn{
	width: 85%;
	margin: 0 auto;
	background: #fff;
}

}
/*-----------------------------------------------------------

FLOW

-------------------------------------------------------------*/
.flow_intro{
	margin: -4vw 0 0;
}
.flow_introTtl{
	text-align: center;
  margin: 0 0 0.5vw;
  font-size: 1.1vw;
}
.flow_introTxt {
    text-align: center;
    font-size: 0.8vw;
    margin: 0vw auto 6vw;
}
.flowBox{
	width: 50%;
	margin: 0 auto 4vw;
	position: relative;
}
.flowBox_ttl{
	width: 35%;
	margin: 0 auto 1.4vw;
}
.flowBoxList{

}
.flowBoxList_item{
	position: relative;
	margin-bottom: 1vw;
}
.flowBoxList_itemInner{
	position: absolute;
	width: 50%;
	left: 5vw;
	top: 4vw;
}
.flowBoxList_itemInnerTTl_wrap{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.flowBoxList_itemInner_step {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 6vw;
    margin-right: 0.6vw;
    margin-bottom: 0.6vw;
}
.flowBoxList_itemInner_step span {
    position: absolute;
    font-size: 0.8vw;
    font-weight: 700;
    display: block;
    text-align: center;
    width: 96%;
    height: 1em;
    top: 0;
    bottom: 0.9vw;
    margin: auto;
    letter-spacing: 1px;
}
.flowBoxList_itemInner_ttl {
    font-size: 1.1vw;
    margin-bottom: 0.5vw;
    font-weight: 700;
    line-height: 1.4em;
}
.flowBoxList_itemInner_txt {
    font-size: 0.8vw;
    line-height: 1.8em;
    letter-spacing: 1px;
}
.flow_ico{
	position: absolute;
    top: -6vw;
    left: 4vw;
    width: 21%;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.flow_intro {
    margin: 0vw 0 0;
}
.flow_introTtl {
    text-align: center;
    margin: 0 0 0.5vw;
    font-size: 2.1vw;
}
.flow_introTxt {
    text-align: center;
    font-size: 1.5vw;
    margin: 0vw auto 6vw;
}
.flowBox {
    width: 80%;
    margin: 0 auto 4vw;
    position: relative;
}
.flowBoxList_itemInner_step {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 12vw;
    margin-right: 0.6vw;
    margin-bottom: 0.6vw;
}
.flowBoxList_itemInner_step span {
    position: absolute;
    font-size: 1.8vw;
    font-weight: 700;
    display: block;
    text-align: center;
    width: 96%;
    height: 1em;
    top: 0;
    bottom: 0.9vw;
    margin: auto;
    letter-spacing: 1px;
}
.flowBoxList_itemInner_ttl {
    font-size: 2.1vw;
    margin-bottom: 0.5vw;
    font-weight: 700;
    line-height: 1.4em;
}
.flowBoxList_itemInner_txt {
    font-size: 1.5vw;
    line-height: 1.8em;
    letter-spacing: 1px;
}
.flowBoxList_item:nth-child(4) .flowBoxList_itemInner_txt{
    width: 90%;
}
.flowBoxList_item:nth-child(4) .flowBoxList_itemInner_txt br{
    display: none!important;
}
.flowBoxList_itemInner {
    position: absolute;
    width: 50%;
    left: 5vw;
    top: 5vw;
}
.flowBox_ttl {
    width: 45%;
    margin: 0 auto 1.4vw;
}
}
@media screen and (max-width: 599px) {  /* ============== SP LAYOUT ============== */
.flow_intro{
	margin: 4vw 0 0;
}
.flow_introTtl{
	text-align: center;
font-size: 5vw;
    margin-bottom: 4vw;
    line-height: 1.6em;
}
.flow_introTxt {
    text-align: center;
    font-size: 4vw;
    margin-bottom: 10vw;
    line-height: 2em;
    font-weight: 400;
}
.flowBox{
	width: 85%;
	margin: 0 auto 8vw;
	position: relative;
}
.flowBox_ttl{
	width: 96%;
	margin: 0 auto 4vw;
}
.flowBoxList{

}
.flowBoxList_item{
	position: relative;
	margin-bottom: 1vw;
}
.flowBoxList_itemInner{
	position: absolute;
    width: 80%;
    left: 7vw;
    top: 52vw;
}
.flowBoxList_itemInner.step5{
    top: 56vw;
}
.flowBoxList_itemInnerTTl_wrap{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.flowBoxList_itemInner_step {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 30vw;
    margin-right: 0.6vw;
    margin-bottom: 2vw;
}
.flowBoxList_itemInner_step span {
    position: absolute;
    font-size: 4vw;
    font-weight: 700;
    display: block;
    text-align: center;
    width: 96%;
    height: 1em;
    top: 0;
    bottom: 0.9vw;
    margin: auto;
    letter-spacing: 1px;
}
.flowBoxList_itemInner_ttl {
    font-size: 4.3vw;
    margin-bottom: 2vw;
    font-weight: 700;
    line-height: 1.4em;
    width: 100%;
}
.flowBoxList_itemInner_txt {
    font-size: 3.6vw;
    line-height: 1.8em;
    letter-spacing: 1px;
}
.flow_ico{
	position: absolute;
    top: -6vw;
    left: 4vw;
    width: 21%;
    display: none;
}
}
/*-----------------------------------------------------------

NEWS

-------------------------------------------------------------*/
.news_box{
	width: 66%;
	margin: 0 auto 4vw;
}
.news_boxList{
	width: 100%;
	margin: -1vw auto 4vw;
	position: relative;
}
.news_boxList_item{
	margin-bottom: 1.5vw;
	padding: 0 1vw 1.5vw;
	border-bottom: 1px solid #707070;
}
.news_boxList_itemLink{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.9vw;
}
.news_boxList_itemLink_date{
	width: 16%;
}
.news_boxList_itemLink_ttl{
	width: 84%;
}
.wp-pagenavi{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80%;
	margin: 0 auto 3vw;
}
.previouspostslink{
	padding: 0.6vw 6vw;
	background: #E4D876;
	border-radius: 50px;
	color: #fff;
	font-size: 0.9vw;
	order: 0;
}
.nextpostslink{
	padding: 0.6vw 6vw;
	background: #E4D876;
	border-radius: 50px;
	color: #fff;
	font-size: 0.9vw;
	order: 2;
}
.pages{
	font-size: 0.9vw;
	order: 1;
	margin: 0 3vw;
}
.punkuzNews{
	margin-top: -3vw;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.news_box {
    width: 83%;
    margin: 0 auto 4vw;
}
.news_boxList_itemLink {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.5vw;
}
}
@media screen and (max-width: 599px) {  /* ============== SP LAYOUT ============== */
.news_box{
	width: 82%;
	margin: 7vw auto 8vw;
}
.news_boxList{
	width: 100%;
	margin: 1vw auto 8vw;
	position: relative;
}
.news_boxList_item{
	margin-bottom: 2.5vw;
	padding: 0 0vw 2.5vw;
	border-bottom: 1px solid #707070;
}
.news_boxList_itemLink{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 3.4vw;
	flex-wrap: wrap;
	color: #707070;
}
.news_boxList_itemLink_date{
	width: 100%;
}
.news_boxList_itemLink_ttl{
	width: 100%;
}
.wp-pagenavi{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0 auto 3vw;
}
.previouspostslink{
	padding: 1vw 6vw;
	background: #E4D876;
	border-radius: 50px;
	color: #fff;
	font-size: 3.4vw;
	order: 0;
}
.nextpostslink{
	padding: 1vw 6vw;
	background: #E4D876;
	border-radius: 50px;
	color: #fff;
	font-size: 3.4vw;
	order: 2;
}
.pages{
	font-size: 3.4vw;
	order: 1;
	margin: 0 3vw;
}
.punkuzNews{
	margin-top: 0vw;
}
}
/*-----------------------------------------------------------

NEWS DETAIL

-------------------------------------------------------------*/
.newsDetail_box{
	width: 70%;
	margin: 0 auto 5vw;
}
.newsDetail_boxDate{
	font-size: 0.8vw;
	margin-bottom: 0.4vw;
}
.newsDetail_boxTtl{
	font-size: 1.6vw;
	margin-bottom: 3vw;
	padding-bottom: 3vw;
	border-bottom: 1px solid #707070;
}
.newsDetail_boxContent{
	margin-bottom: 2vw;
	font-size: 0.9vw;
	letter-spacing: 1px;
}
.newsDetail_boxContent a{
	color: blue;
}
.newsDetail_boxContent p{
	margin-bottom: 2vw;
}
.newsDetail_boxContent img{
	margin-bottom: 2vw;
}
.newsBtn{
	width: 26%;
  margin: 0 auto;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.newsDetail_box {
    width: 83%;
    margin: 0 auto 5vw;
}
.newsDetail_boxDate {
    font-size: 1.5vw;
    margin-bottom: 0.4vw;
}
.newsDetail_boxTtl {
    font-size: 2.6vw;
    margin-bottom: 3vw;
    padding-bottom: 3vw;
    border-bottom: 1px solid #707070;
}
.newsDetail_boxContent {
    margin-bottom: 8vw;
    font-size: 1.5vw;
    letter-spacing: 1px;
}
.newsBtn {
    width: 46%;
    margin: 0 auto;
}

}
@media screen and (max-width: 599px) {  /* ============== SP LAYOUT ============== */
.newsDetail_box{
	width: 83%;
	margin: 0 auto 5vw;
}
.newsDetail_boxDate{
	font-size: 3.2vw;
	margin-bottom: 0.4vw;
	font-weight: 400;
}
.newsDetail_boxTtl{
	font-size: 5vw;
	margin-bottom: 3vw;
	padding-bottom: 3vw;
	border-bottom: 1px solid #707070;
}
.newsDetail_boxContent{
	margin-bottom: 2vw;
	font-size: 4vw;
	letter-spacing: 1px;
	font-weight: 400;
}
.newsDetail_boxContent p{
	margin-bottom: 4vw;
	font-weight: 400;
}
.newsDetail_boxContent img{
	margin-bottom: 4vw;
}
.newsBtn{
	width: 100%;
  margin: 0 auto;
}
}
/*-----------------------------------------------------------

BLOG

-------------------------------------------------------------*/
.blog_box{
	width: 66%;
	margin: 0 auto 4vw;
}
.blog_boxSearch{
  margin-bottom: 3vw;
}
.blog_boxSearch form{
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #FAFFE8;
  padding: 1vw;
  border: 1px solid #707070;
	border-radius: 6px;
}
.searchBox_blog01{
  width:30%;
  display: flex;
  align-items: center;
  border-right: 1px solid #707070;
  padding-right: 3vw;
}
.searchBox_blog01_input{
  width: 100%;
}
.searchBox_blog01_input select {
    width: 100%;
	  background: url(../../src/img/search_arrow.svg) right center no-repeat;
	  background-size: 8% 76%;
	  padding: 0.6vw;
	  padding-left: 2vw;
	  border: none;
	  -webkit-appearance: none;
	  font-size: 0.9vw;
}
.searchBox_blog02{
  width: 55%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.searchBox_blog02_input{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width:100%;
}
.searchBox_blog02_input input{
  width: 100%;
  background: none;
  padding: 0.6vw;
  border: none;
  border-radius: 6px;
  -webkit-appearance: none;
  font-size: 0.9vw;
}
.searchBox_blog_send {
    width: 8%;
    display: block;
    position: relative;
    text-align: center;
    color: #000;
}
.searchBox_blog_send input {
    display: block;
    letter-spacing: 2px;
    -webkit-appearance: none;
    cursor: pointer;
    background: url(../../src/img/search_btn.svg) right center no-repeat;
	  background-size: 100% 76%;
    width: 100%;
    border: none;
    padding: 0.6vw;
    border-radius: 6px;
    font-size: 0.8vw;
    -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;
}
.searchBox_blog_send input: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;
}
.blog_boxRec{
	width: 100%;
	position: relative;
	padding-bottom: 2vw;
	margin-bottom: 4vw;
	padding-top: 2vw;
}
.blog_boxRec:after{
	content: "";
	height: 13vw;
	width: 100%;
	background: #F4FFCF;
	position: absolute;
	bottom: 0;
}
.blog_pickUp{
	position: absolute;
    width: 18%;
    left: 8vw;
    top: -3.5vw;
}
.caseList + .blog_pickUp{
	 top: 3.5vw;
}
.blogList{
	width: 85%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	z-index: 1;
}
.blogList_item{
	width: 24%;
	position: relative;
	margin: 0 0.6vw;
}
.blogList_itemLink{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.blogList_itemLink_img {
    width: 100%;
    height: 13vw;
    position: relative;
    margin-bottom: 0.8vw;
    overflow: hidden;
    display: block;
}
.blogList_itemLink_img img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.blogList_itemLink_date{
	font-size: 0.8vw;
	margin-right: 1vw;
}
.blogList_itemLink_cat{
	font-size: 0.8vw;
	padding: 0.4vw 0.6vw;
	background: #fff;
	border: 1px solid #707070;
	border-radius: 20px;
	line-height: 1em;
}
.blogList_itemLink_ttl{
	font-size: 0.9vw;
	width: 100%;
	margin-top: 0.8vw;
}
.blogList .slick-prev {
    left: -0.7vw;
    top: 7vw;
    width: 3vw;
    height: 3vw;
}
.blogList .slick-prev:before {
    content: '';
    background: url(../../src/img/slide_prev.svg) 0 0 no-repeat;
    background-size: cover;
    width: 3vw;
    height: 3vw;
    display: block;
    opacity: 1;
}
.blogList .slick-next {
    right: -0.7vw;
    top: 7vw;
    width: 3vw;
    height: 3vw;
}
.blogList .slick-next:before {
    content: '';
    background: url(../../src/img/slide_next.svg) 0 0 no-repeat;
    background-size: cover;
    width: 3vw;
    height: 3vw;
    display: block;
    opacity: 1;
}
.blog_boxAll{
	margin-bottom: 6vw;
}
.blogAllList{
	width: 83%;
	margin: 0 auto 2vw;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}
.blogAllList_item{
	width: 48%;
	margin-bottom: 3vw;
}
.blogAllList_itemLink{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	background: #F4FFCF;
	box-shadow: 4px 4px 0px #FFF596;
	border-radius: 6px;
	padding: 1.5vw;
	position: relative;
}
.blogAllList_itemLink_img {
    width: 40%;
    height: 11vw;
    position: relative;
    overflow: hidden;
    display: block;
    background: #fff;
}
.blogAllList_itemLink_img img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.blogAllList_itemLink_info{
	width: 55%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
}
.blogAllList_itemLink_date{
	font-size: 0.8vw;
	margin-right: 1vw;
}
.blogAllList_itemLink_cat{
	font-size: 0.8vw;
	padding: 0.4vw 0.6vw;
	background: #fff;
	border: 1px solid #707070;
	border-radius: 20px;
	line-height: 1em;
}
.blogAllList_itemLink_ttl{
	font-size: 0.9vw;
	width: 100%;
	margin-top: 0.8vw;
}
.blog_more{
	position: absolute;
  right: 1.5vw;
  bottom: 1.5vw;
  width: 11%;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.blog_box {
    width: 83%;
    margin: 0 auto 4vw;
}
.searchBox_blog01_input select {
    width: 100%;
    background: url(../../src/img/search_arrow.svg) right center no-repeat;
    background-size: 8% 76%;
    padding: 0.6vw;
    padding-left: 2vw;
    border: none;
    -webkit-appearance: none;
    font-size: 1.5vw;
}
.searchBox_blog02_input input {
    width: 100%;
    background: none;
    padding: 0.6vw;
    border: none;
    border-radius: 6px;
    -webkit-appearance: none;
    font-size: 1.5vw;
}
.blogList_itemLink_date {
    font-size: 1.5vw;
    margin-right: 1vw;
}
.blogList_itemLink_ttl {
    font-size: 1.5vw;
    width: 100%;
    margin-top: 0.8vw;
}
.blogAllList_itemLink_date {
    font-size: 1.5vw;
    margin-right: 1vw;
}
.blogAllList_itemLink_ttl {
    font-size: 1.5vw;
    width: 100%;
    margin-top: 0.8vw;
}
.blog_more {
    position: absolute;
    right: 1.5vw;
    bottom: 1.5vw;
    width: 20%;
}
}
@media screen and (max-width: 599px) {  /* ============== SP LAYOUT ============== */
.blog_box{
	width: 82%;
	margin: 0 auto 0vw;
}

.blog_boxRec{
	width: 100%;
	position: relative;
	padding-bottom: 8vw;
	margin-bottom: 8vw;
}
.blog_boxRec:after{
	content: "";
	height:53vw;
	width: 100%;
	background: #F4FFCF;
	position: absolute;
	bottom: 0;
}
.blog_pickUp{
	position: absolute;
    width: 91%;
    left: 8vw;
    top: 0;
    top: 4vw;
    bottom: 0;
}
.caseList + .blog_pickUp{
	 top: 43vw;
}
.blogList{
	width: 85%;
	margin: 30vw auto 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	z-index: 1;
}
.blogList_item{
	width: 24%;
	position: relative;
	margin: 0 0.6vw;
}
.blogList_itemLink{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.blogList_itemLink_img {
    width: 100%;
    height: 53vw;
    position: relative;
    margin-bottom: 2vw;
    overflow: hidden;
    display: block;
}
.blogList_itemLink_img img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.blogList_itemLink_date{
	font-size: 3.2vw;
	margin-right: 1vw;
}
.blogList_itemLink_cat{
	font-size: 3.2vw;
	padding: 0.4vw 0.6vw;
	background: #fff;
	border: 1px solid #707070;
	border-radius: 20px;
	line-height: 1em;
}
.blogList_itemLink_ttl{
	font-size: 3.4vw;
	width: 100%;
	margin-top: 2vw;
}
.blogList .slick-prev {
    left: -4vw;
    top: 28vw;
    width: 9vw;
    height: 9vw;
}
.blogList .slick-prev:before {
    content: '';
    background: url(../../src/img/slide_prev.svg) 0 0 no-repeat;
    background-size: cover;
    width: 9vw;
    height: 9vw;
    display: block;
    opacity: 1;
}
.blogList .slick-next {
    right: -4vw;
    top: 28vw;
    width: 9vw;
    height: 9vw;
}
.blogList .slick-next:before {
    content: '';
    background: url(../../src/img/slide_next.svg) 0 0 no-repeat;
    background-size: cover;
    width: 9vw;
    height: 9vw;
    display: block;
    opacity: 1;
}

.blog_boxSearch{
  margin-bottom: 3vw;
}
.blog_boxSearch form{
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  padding: 0;
  border: none;
border-radius: 0px;
flex-wrap: wrap;
}
.searchBox_blog01{
  width:100%;
  display: flex;
  align-items: center;
  border-right: none;
  padding-right: 3vw;
  background: #FAFFE8;
  padding: 1vw;
  border: 1px solid #707070;
border-radius: 6px;
margin-bottom: 3vw;
}
.searchBox_blog01_input{
  width: 100%;
}
.searchBox_blog01_input select {
    width: 100%;
	  background: url(../../src/img/search_arrow.svg) 95% center no-repeat;
	  background-size: 6% 60%;
	  padding: 2vw;
	  padding-left: 2vw;
	  border: none;
	  -webkit-appearance: none;
	  font-size: 3.4vw;
}
.searchBox_blog02{
  width: 55%;
  display: flex;
  justify-content: flex-end;
  align-items: center;

  width:100%;
  display: flex;
  align-items: center;
  border-right: none;
  padding-right: 3vw;
  background: #FAFFE8;
  padding: 1vw;
  border: 1px solid #707070;
	border-radius: 6px;
}
.searchBox_blog02_input{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width:100%;
}
.searchBox_blog02_input input{
  width: 85%;
  background: none;
  padding: 1vw;
  border: none;
  border-radius: 6px;
  -webkit-appearance: none;
  font-size: 3.4vw;
}
.searchBox_blog_send {
    width: 8%;
    display: block;
    position: relative;
    text-align: center;
    color: #000;
    left: 87%;
    top: -10.5vw;
}
.searchBox_blog_send input {
    display: block;
    letter-spacing: 2px;
    -webkit-appearance: none;
    cursor: pointer;
    background: url(../../src/img/search_btn.svg) right center no-repeat;
	  background-size: 100% 76%;
    width: 100%;
    border: none;
    padding: 0.6vw;
    border-radius: 6px;
    font-size: 4vw;
    -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;
}
.searchBox_blog_send input: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;
}
.blog_boxAll{
	margin-bottom: 6vw;
}
.blogAllList{
	width: 83%;
	margin: 0 auto 2vw;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}
.blogAllList_item{
	width: 100%;
	margin-bottom: 6vw;
}
.blogAllList_itemLink{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	background: #F4FFCF;
	box-shadow: 4px 4px 0px #FFF596;
	border-radius: 6px;
	padding: 5vw;
	padding-bottom: 12vw;
	position: relative;
	flex-wrap: wrap;
}
.blogAllList_itemLink_img {
    width: 100%;
    height: 54vw;
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 3vw;
}
.blogAllList_itemLink_img img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.blogAllList_itemLink_info{
	width: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	margin-bottom: 2vw;
}
.blogAllList_itemLink_date{
	font-size: 3.2vw;
	margin-right: 1vw;
}
.blogAllList_itemLink_cat{
	font-size: 3.2vw;
	padding: 0.4vw 0.6vw;
	background: #fff;
	border: 1px solid #707070;
	border-radius: 20px;
	line-height: 1em;
}
.blogAllList_itemLink_ttl{
	font-size: 3.4vw;
	width: 100%;
	margin-top: 0.8vw;
}
.blog_more{
	position: absolute;
    right: 4.5vw;
    bottom: 5.5vw;
    width: 21%;
}
.pagenaviBlog{
	width: 83%;
	margin: 0 auto 2vw;
}
}
/*-----------------------------------------------------------

BLOG DETAIL

-------------------------------------------------------------*/
.blogDetail_box{
	width: 70%;
	margin: 0 auto 5vw;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.blogDetail_boxL{
	width: 65%;
}
.blogDetail_boxLInner{
	margin-bottom: 4vw;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.blogDetail_boxLInner_date{
	font-size: 0.8vw;
	margin-right: 1vw;
	padding-left: 1vw;
	border-left: 1px solid #707070;
}
.blogDetail_boxLInner_cat{
	font-size: 0.8vw;
	padding: 0.4vw 0.6vw;
	background: #fff;
	border: 1px solid #707070;
	border-radius: 20px;
	line-height: 1em;
}
.blogDetail_boxLInner_ttl{
	font-size: 1.6vw;
	width: 100%;
	margin-top: 0.8vw;
	padding-left: 1vw;
	line-height: 1.6em;
	letter-spacing: 5px;
}
.blogDetail_boxContent{
	margin-bottom: 4vw;
	font-size: 0.9vw;
	letter-spacing: 1px;
	line-height: 2.4em;
}
.blogDetail_boxContent p{
	margin-bottom: 2vw;
}
.blogDetail_boxContent img{
	margin-bottom: 2vw;
}
.blogDetail_boxR{
	width: 25%;
}
.blogDetail_boxR_ttl{
	font-size: 1.2vw;
	padding-bottom: 1vw;
	margin-bottom: 1.6vw;
	border-bottom: 2px solid #707070;
	line-height: 1em;
}
.blogDetail_boxR_List{
	margin-bottom: 3vw;
}
.blogDetail_boxR_ListItem{
	margin-bottom: 2vw;
}
.blogDetail_boxR_ListItem_link{
	display: block;
}
.blogDetail_boxR_ListItem_linkDate{
	font-size: 0.8vw;
	line-height: 1em;
	margin-bottom: 0.4vw;
}
.blogDetail_boxR_ListItem_linkTtl{
	font-size: 0.9vw;
	width: 100%;
	margin-bottom: 0.4vw;
	line-height: 1.6em;
}
.blogDetail_boxR_ListItem_linkImg {
    width: 100%;
    height: 10vw;
    position: relative;
    overflow: hidden;
    display: block;
}
.blogDetail_boxR_ListItem_linkImg img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.blogBtn{
	width: 40%;
  margin: 0 auto;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.blogDetail_box {
    width: 83%;
    margin: 0 auto 5vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.blogDetail_boxLInner_date {
    font-size: 1.5vw;
    margin-right: 1vw;
    padding-left: 1vw;
    border-left: 1px solid #707070;
}
.blogDetail_boxLInner_ttl {
    font-size: 2.6vw;
    width: 100%;
    margin-top: 0.8vw;
    padding-left: 1vw;
    line-height: 1.6em;
    letter-spacing: 5px;
}
.blogDetail_boxContent {
    margin-bottom: 4vw;
    font-size: 1.5vw;
    letter-spacing: 1px;
    line-height: 2.4em;
}
.blogBtn {
    width: 60%;
    margin: 0 auto;
}
.blogDetail_boxR_ttl {
    font-size: 1.8vw;
    padding-bottom: 1vw;
    margin-bottom: 1.6vw;
    border-bottom: 2px solid #707070;
    line-height: 1em;
}
}
@media screen and (max-width: 599px) {  /* ============== SP LAYOUT ============== */
.blogDetail_box{
	width: 85%;
	margin: 0 auto 5vw;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.blogDetail_boxL{
	width: 100%;
	margin-bottom: 1vw;
}
.blogDetail_boxLInner{
	margin-bottom: 4vw;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.blogDetail_boxLInner_date{
	font-size: 3.2vw;
	margin-right: 3vw;
	padding-left: 3vw;
	border-left: 1px solid #707070;
}
.blogDetail_boxLInner_cat{
	font-size: 3.2vw;
	padding: 1vw 2vw;
	background: #fff;
	border: 1px solid #707070;
	border-radius: 20px;
	line-height: 1em;
}
.blogDetail_boxLInner_ttl{
	font-size: 5vw;
	width: 100%;
	margin-top: 3.2vw;
	padding-left: 1vw;
	line-height: 1.6em;
	letter-spacing: 5px;
}
.blogDetail_boxContent{
	margin-bottom: 4vw;
	font-size: 4vw;
	letter-spacing: 1px;
	line-height: 2.4em;
	font-weight: 400;
}
.blogDetail_boxContent p{
	margin-bottom: 4vw;
}
.blogDetail_boxContent img{
	margin-bottom: 4vw;
}
.blogDetail_boxR{
	width: 100%;
}
.blogDetail_boxR_ttl{
	font-size: 5vw;
	padding-bottom: 3vw;
	margin-bottom: 5vw;
	border-bottom: 2px solid #707070;
	line-height: 1em;
	font-weight: 400;
	margin-top: 14vw;
}
.blogDetail_boxR_List{
	margin-bottom: 0;
}
.blogDetail_boxR_ListItem{
	margin-bottom: 8vw;
	font-weight: 400;
}
.blogDetail_boxR_ListItem_link{
	display: block;
}
.blogDetail_boxR_ListItem_linkDate{
	font-size: 3.2vw;
	line-height: 1em;
	margin-bottom: 2vw;
}
.blogDetail_boxR_ListItem_linkTtl{
	font-size: 3.4vw;
	width: 100%;
	margin-bottom: 2vw;
	line-height: 1.6em;
}
.blogDetail_boxR_ListItem_linkImg {
    width: 100%;
    height: 50vw;
    position: relative;
    overflow: hidden;
    display: block;
}
.blogDetail_boxR_ListItem_linkImg img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.blogBtn{
	width: 100%;
  margin: 0 auto;
}
}
/*-----------------------------------------------------------

CASE

-------------------------------------------------------------*/
.casePageer{
	display: flex;
	justify-content: center;
	align-content: center;
	margin-bottom: 5vw;
}
.casePageer li{
	font-size: 1.2vw;
	padding: 0 3vw;
	position: relative;
}
.casePageer li:first-child:after{
	content: "";
	width: 1px;
	height: 1.8vw;
	background: #2E2E2E;
	position: absolute;
	right: 0;
}
.casePageer li a{
	color: #2E2E2E;
	padding: 0 0.5vw 1vw;
	border-bottom: 1px solid #fff;
}
.casePageer li a:after{
	content: "▼";
	font-size: 0.8vw;
	margin-left: 1vw;
	position: relative;
	bottom: 0.1vw;
}
.caseVoice{
	margin-top: 10vw;
}
.caseListItem{
	margin: 0 1.4vw;
}
.caseListItem .blogList_itemLink_img {
    height: 18vw;
    background: #fff;
}
.caseList .slick-prev {
    left: -0.7vw;
    top: 9.5vw;
    width: 3vw;
    height: 3vw;
}
.caseList .slick-next {
    right: -0.7vw;
    top: 9.5vw;
    width: 3vw;
    height: 3vw;
}
.caseAllList_item .blogAllList_itemLink_img {
    width: 40%;
    height: 14vw;
    position: relative;
    overflow: hidden;
    display: block;
    background: #fff;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.casePageer li {
    font-size: 2.2vw;
    padding: 0 3vw;
    position: relative;
}
.casePageer li a:after {
    content: "▼";
    font-size: 1.5vw;
    margin-left: 1vw;
    position: relative;
    bottom: 0.3vw;
}
}
@media screen and (max-width: 599px) {  /* ============== SP LAYOUT ============== */
.casePageer{
	display: flex;
	justify-content: space-between;
	align-content: center;
	margin-bottom: 5vw;
	width: 83%;
	margin: 8vw auto 8vw;
}
.casePageer li{
	font-size: 4vw;
	padding: 0;
	position: relative;
}
.casePageer li:first-child:after{
	content: "";
    width: 1px;
    height: 5vw;
    background: #2E2E2E;
    position: absolute;
    right: -9vw;
}
.casePageer li a{
	color: #2E2E2E;
	padding: 0 0.5vw 1vw;
	border-bottom: 1px solid #fff;
}
.casePageer li a:after{
	content: "▼";
	font-size: 3vw;
	margin-left: 3vw;
	position: relative;
	bottom: 0.1vw;
}
.caseVoice{
	margin-top: 20vw;
}
.caseListItem{
	margin: 0 1.4vw;
}
.caseListItem .blogList_itemLink_img {
    height: 78vw;
}
.caseList .slick-prev {
    left: -4vw;
    top: 39vw;
    width: 9vw;
    height: 9vw;
}
.caseList .slick-prev:before {
    content: '';
    background: url(../../src/img/slide_prev.svg) 0 0 no-repeat;
    background-size: cover;
    width: 9vw;
    height: 9vw;
    display: block;
    opacity: 1;
}
.caseList .slick-next {
    right: -4vw;
    top: 39vw;
    width: 9vw;
    height: 9vw;
}
.caseList .slick-next:before {
    content: '';
    background: url(../../src/img/slide_next.svg) 0 0 no-repeat;
    background-size: cover;
    width: 9vw;
    height: 9vw;
    display: block;
    opacity: 1;
}
.caseAllList_item .blogAllList_itemLink_img {
    width: 100%;
    height: 69vw;
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 3vw;
}
}
/*-----------------------------------------------------------

CASE DETAIL

-------------------------------------------------------------*/
.caseBefore{
	display: flex;
	justify-content: space-between;
	margin-bottom: 2vw;
}
.caseBefore_item{
	width: 48%;
}
.caseBefore_itemImg {
    width: 100%;
    height: 14vw;
    position: relative;
    overflow: hidden;
    display: block;
}
.caseBefore_itemImg img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.caseDetail_boxContent{
	margin-bottom: 3vw;
	font-size: 0.9vw;
	letter-spacing: 1px;
	line-height: 2.4em;
}
.caseDetail_boxContent p{
	margin-bottom: 2vw;
}
.caseDetail_boxContent img{
	margin-bottom: 2vw;
}
.case_mov{
	margin-bottom: 3vw;
}
.case_mov iframe{
	width: 100%;
	height: 26vw;
}
.caseDetailList{
	margin-bottom: 3vw;
}
.caseDetailList_item{
	display: flex;
	justify-content: space-between;
	background: #ECFFAA;
}
.caseDetailList_item:nth-child(even){
	background: #F8FFE1;
}
.caseDetailList_itemL{
	width: 38%;
	padding: 1vw 2.4vw;
	font-size: 0.9vw;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAGCAYAAAACEPQxAAAAAXNSR0IArs4c6QAAABBJREFUGFdjOH846D8DLgAAT3EC5CSJSbwAAAAASUVORK5CYII=) right 0 repeat-y;
	background-size: 1px;
}
.caseDetailList_itemR{
	width: 62%;
	padding: 1vw 2vw;
	font-size: 0.9vw;
}
.caseBtn{
	width: 40%;
  margin: 5vw auto 0;
}
.caseDetail_slide{
	margin-bottom: 1.5vw;
}
.caseDetail_nav{
	width: 100%;
	margin: 0 auto;
}
.caseDetail_nav li{
	margin: 0 0.4vw;
}
.caseDetail_nav .slick-slide div {
	width: 100%;
	height: 4vw;
	position: relative;
	overflow: hidden;
	display: block;
}
.caseDetail_nav .slick-slide div img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.caseDetail_boxR_List .blogDetail_boxR_ListItem_linkImg {
    width: 100%;
    height: 16vw;
    position: relative;
    overflow: hidden;
    display: block;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.caseBefore_itemImg {
    width: 100%;
    height: 19vw;
    position: relative;
    overflow: hidden;
    display: block;
}
.caseDetail_boxContent {
    margin-bottom: 3vw;
    font-size: 1.5vw;
    letter-spacing: 1px;
    line-height: 2.4em;
}
.case_mov iframe {
    width: 100%;
    height: 30vw;
}
.caseDetailList_itemL {
    width: 47%;
    padding: 1vw 2.4vw;
    font-size: 1.5vw;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAGCAYAAAACEPQxAAAAAXNSR0IArs4c6QAAABBJREFUGFdjOH846D8DLgAAT3EC5CSJSbwAAAAASUVORK5CYII=) right 0 repeat-y;
    background-size: 1px;
}
.caseDetailList_itemR {
    width: 53%;
    padding: 1vw 2vw;
    font-size: 1.5vw;
}
.caseDetail_nav {
    width: 100%;
    margin: 0 auto;
}
.caseDetail_nav .slick-slide div {
	width: 100%;
	height: 5vw;
	position: relative;
	overflow: hidden;
	display: block;
}
.caseDetail_nav .slick-slide div img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.caseBtn {
    width: 60%;
    margin: 5vw auto 0;
}
.blogDetail_boxR_ListItem_linkDate {
    font-size: 1.5vw;
    line-height: 1em;
    margin-bottom: 0.4vw;
}
.blogDetail_boxR_ListItem_linkTtl {
    font-size: 1.5vw;
    width: 100%;
    margin-bottom: 0.4vw;
    line-height: 1.6em;
}
}
@media screen and (max-width: 599px) {  /* ============== SP LAYOUT ============== */
.caseBefore{
	display: flex;
	justify-content: space-between;
	margin-bottom: 2vw;
	flex-wrap: wrap;
}
.caseBefore_item{
	width: 100%;
	margin-bottom: 5vw;
	font-size: 4vw;
}
.caseBefore_itemImg {
    width: 100%;
    height: 50vw;
    position: relative;
    overflow: hidden;
    display: block;
}
.caseBefore_itemImg img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.caseDetail_boxContent{
	margin-bottom: 3vw;
	font-size: 4vw;
	letter-spacing: 1px;
	line-height: 2.4em;
	font-weight: 400;
}
.caseDetail_boxContent p{
	margin-bottom: 4vw;
}
.caseDetail_boxContent img{
	margin-bottom: 4vw;
}
.case_mov{
	margin-bottom: 5vw;
}
.case_mov iframe{
	width: 100%;
	height: 46vw;
}
.caseDetailList{
	margin-bottom: 6vw;
}
.caseDetailList_item{
	display: flex;
	justify-content: space-between;
	background: #DEF393;
	flex-wrap: wrap;
	font-weight: 400;

}
.caseDetailList_item:nth-child(even){
	background: #EFF5DD;
}
.caseDetailList_itemL{
	width: 100%;
	padding: 2vw 3vw;
	font-size: 3.4vw;
	background:none;
	background-size: 1px;
	position: relative;
}
.caseDetailList_itemR{
	width: 100%;
	padding: 2vw 3vw;
	font-size: 3.4vw;
	display: none;
	background: #ECFFAA;
}
.caseDetailList_item:nth-child(even) .caseDetailList_itemR{
	background: #F8FFE1;
}
.caseDetailList_itemL:after{
	content: "";
	position: absolute;
	right: 4vw;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url(../../src/img/top_qa_close.svg) 0 0 no-repeat;
	background-size: 100% 100%;
	width: 4vw;
	height: 4vw;
}
.caseDetailList_itemL.on:after{
	content: "";
	position: absolute;
	right: 4vw;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url(../../src/img/top_qa_open.svg) 0 0 no-repeat;
	background-size: 100% 100%;
	width: 4vw;
	height: 4vw;
}
.caseBtn{
	width: 100%;
  margin: 5vw auto 0;
}
.caseDetail_slide{
	margin-bottom: 3vw;
}
.caseDetail_nav{
	width: 100%;
	margin: 0 auto 15vw;
}
.caseDetail_nav li{
	margin: 0 2vw;
}
.caseDetail_nav .slick-slide div {
	width: 100%;
	height: 13vw;
	position: relative;
	overflow: hidden;
	display: block;
}
.caseDetail_nav .slick-slide div img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.caseDetail_boxR_List .blogDetail_boxR_ListItem_linkImg {
    width: 100%;
    height: 79vw;
    position: relative;
    overflow: hidden;
    display: block;
}
}
/*-----------------------------------------------------------

OWNER

-------------------------------------------------------------*/
.caseQaBox{
	margin-bottom: 2vw;
}
.caseQa{
	font-size: 1vw;
	margin-bottom: 0.6vw;
	font-weight: 400;
}
.caseQa span{
	font-size: 1.4vw;
	margin-right: 0.6vw;
}
.caseQa_answer{
	background: #F5F4F4;
	padding: 1vw 2vw;
	font-size: 0.9vw;
	margin-bottom: 2vw;
	border-radius: 6px;
	font-weight: 400;
}
.caseQa_answerGraph{
	padding: 3vw 6vw;
}
.caseQa_answerGraph_top{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1vw;
}
.caseQa_answerGraph_top li{
	width: 20%;
	text-align: center;
	font-size: 0.9vw;
}
.caseQa_answerGraph_list{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 0.6vw;
	margin-bottom: 1vw;
	border-bottom: 1px solid #707070;
}
.caseQa_answerGraph_list li{
	width: 20%;
	text-align: center;
	font-size: 0.9vw;
	line-height: 1em;
}
.caseQa_answerGraph_list li:first-child{
	text-align: left;
}
.caseQa_answerGraph_list li span{
	font-size: 1.4vw;
	color: #F5B06B;
	display: none;
}
.caseQa_answerGraph_list li.choice span{
	display: block;
}
.caseOwnerBtn{
	width: 40%;
  margin: 3vw auto 4vw;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.caseQa {
    font-size: 1.8vw;
    margin-bottom: 0.6vw;
    font-weight: 400;
    letter-spacing: 0;
}
.caseQa_answer {
    background: #F5F4F4;
    padding: 1vw 2vw;
    font-size: 1.5vw;
    margin-bottom: 2vw;
    border-radius: 6px;
    font-weight: 400;
}
}
@media screen and (max-width: 599px) {  /* ============== SP LAYOUT ============== */
.caseQaBox{
	margin-bottom: 12vw;
}
.caseQa{
	font-size: 4vw;
	margin-bottom:2vw;
	font-weight: 400;
	display: flex;
	align-items: center;
	position: relative;
	background: #F5F4F4;
	padding: 3vw 5vw;
}
.caseQa span{
	font-size: 4vw;
	margin-right: 2vw;
}
.caseQa_answer{
	background: #fff;
	padding: 3vw 5vw;
	font-size: 3.4vw;
	margin-bottom: 2vw;
	border-radius: 6px;
	font-weight: 400;
	display: none;
}
.caseQa:after{
	content: "";
	position: absolute;
	right: 4vw;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url(../../src/img/top_qa_close.svg) 0 0 no-repeat;
	background-size: 100% 100%;
	width: 4vw;
	height: 4vw;
}
.caseQa.on:after{
	content: "";
	position: absolute;
	right: 4vw;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url(../../src/img/top_qa_open.svg) 0 0 no-repeat;
	background-size: 100% 100%;
	width: 4vw;
	height: 4vw;
}
.caseQa_answerGraph{
	padding: 3vw 6vw;
}
.caseQa_answerGraph_top{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1vw;
}
.caseQa_answerGraph_top li{
	width: 20%;
	text-align: center;
	font-size: 0.9vw;
}
.caseQa_answerGraph_list{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 0.6vw;
	margin-bottom: 1vw;
	border-bottom: 1px solid #707070;
}
.caseQa_answerGraph_list li{
	width: 20%;
	text-align: center;
	font-size: 0.9vw;
	line-height: 1em;
}
.caseQa_answerGraph_list li:first-child{
	text-align: left;
}
.caseQa_answerGraph_list li span{
	font-size: 1.4vw;
	color: #F5B06B;
	display: none;
}
.caseQa_answerGraph_list li.choice span{
	display: block;
}
.caseOwnerBtn{
	width: 100%;
  margin: 3vw auto 4vw;
}
}
/*-----------------------------------------------------------

QA

-------------------------------------------------------------*/
.qa_box{
	margin-top: -4vw;
	margin-bottom: 7vw;
}
.qaList{
	width: 68%;
	margin: 3vw auto 3vw;
}
.qaList_item{
	margin-bottom: 1vw;
}
.qaList_itemTtl{
	font-size: 1.2vw;
	position: relative;
	background: #F5FFD2;
	padding: 1vw;
}
.qaList_itemTtl:after{
	content: "";
	position: absolute;
	right: 1vw;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url(../../src/img/top_qa_close.svg) 0 0 no-repeat;
	background-size: 100% 100%;
	width: 1.5vw;
	height: 1.5vw;
}
.qaList_itemTtl.on:after{
	content: "";
	position: absolute;
	right: 1vw;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url(../../src/img/top_qa_open.svg) 0 0 no-repeat;
	background-size: 100% 100%;
	width: 1.5vw;
	height: 1.5vw;
}
.qaList_itemTxt{
	position: relative;
	font-size: 0.9vw;
	letter-spacing: 0px;
	display: none;
	padding: 1vw;
	text-indent: -2em;
  padding-left: 3em;
  margin-left: 0.3vw;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.qaList {
    width: 83%;
    margin: 3vw auto 3vw;
}
.qaList_itemTtl {
    font-size: 2.2vw;
    position: relative;
    background: #F5FFD2;
    padding: 2vw;
}
.qaList_itemTxt {
    position: relative;
    font-size: 1.5vw;
    letter-spacing: 0px;
    display: none;
    padding: 1vw;
    text-indent: -2em;
    padding-left: 3em;
    margin-left: 0.3vw;
}
.qaList_itemTtl:after{
	content: "";
	position: absolute;
	right: 1vw;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url(../../src/img/top_qa_close.svg) 0 0 no-repeat;
	background-size: 100% 100%;
	width: 2.5vw;
	height: 2.5vw;
}
.qaList_itemTtl.on:after{
	content: "";
	position: absolute;
	right: 1vw;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url(../../src/img/top_qa_open.svg) 0 0 no-repeat;
	background-size: 100% 100%;
	width: 2.5vw;
	height: 2.5vw;
}
}
@media screen and (max-width: 599px) {  /* ============== SP LAYOUT ============== */
.qa_box{
	margin-top: 10vw;
	margin-bottom: 7vw;
}

.qaList{
	width: 100%;
	margin: 6vw auto 8vw;
}
.qaList_item{
	margin-bottom: 3vw;
}
.qaList_itemTtl{
	font-size: 4.4vw;
	position: relative;
	background: #F5FFD2;
	padding: 3vw 8vw;
	padding-right: 16vw;
	line-height: 1.4em;
}
.qaList_itemTtl:after{
	content: "";
	position: absolute;
	right: 6vw;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url(../../src/img/top_qa_close.svg) 0 0 no-repeat;
	background-size: 100% 100%;
	width: 6vw;
	height: 6vw;
}
.qaList_itemTtl.on:after{
	content: "";
	position: absolute;
	right: 6vw;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url(../../src/img/top_qa_open.svg) 0 0 no-repeat;
	background-size: 100% 100%;
	width: 6vw;
	height: 6vw;
}
.qaList_itemTxt{
	position: relative;
	font-size: 3.4vw;
	letter-spacing: 0px;
	display: none;
	padding: 1vw;
	text-indent: 0;
  padding-left: 3em;
  margin-left: 0.3vw;
  padding: 3vw 8vw;
  font-weight: 400;
  line-height: 2em;
}
.qaList_item:first-child .qaList_itemTxt{
	display: block;
}
.qaList_item:first-child .qaList_itemTtl:after{
	background: url(../../src/img/top_qa_open.svg) 0 0 no-repeat;
	background-size: 100% 100%;
}
.qaList_item:first-child .qaList_itemTtl.on:after{
	background: url(../../src/img/top_qa_close.svg) 0 0 no-repeat;
	background-size: 100% 100%;
}
}
/*-----------------------------------------------------------

CONTACT

-------------------------------------------------------------*/
.contactBox{
	margin: -4vw 0 4vw;
}
.contactBox_txt{
	width: 48%;
	margin: -1vw auto 0;
	font-size: 0.9vw;
	line-height: 2.4em;
}
.formBox{
	width: 75%;
	margin: 0 auto 6vw;
	border-top:1px solid #707070 ;
	padding-top: 1.6vw;
}
.formBoxItem{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.6vw;
	padding-bottom: 1.6vw;
	border-bottom:1px solid #707070 ;
}
.formBoxItemL {
    width: 26%;
    padding: 1vw;
    padding-left: 6vw;
    font-size: 0.9vw;
    display: flex;
    align-self: stretch;
    align-items: center;
    position: relative;
    white-space: nowrap;
}
.formBoxItemL.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;
}
.formBoxItemR{
	width: 74%;
}
.formBoxItem2col{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.formBoxItem2col_l{
	width: 30%;
	margin-right: 1vw;
}
.formBoxItem2col_r{
	width: 30%;
	font-size: 0.9vw;
}
.formBoxItemInput input{
	width: 100%;
  padding: 1vw;
  border: none;
  -webkit-appearance: none;
  position: relative;
  background: #F2F2F2;
  font-size: 0.9vw;
  letter-spacing: 2px;
}
.formBoxItemInput select{
	width: 100%;
  padding: 1.2vw 1vw;
  border: none;
  -webkit-appearance: none;
  position: relative;
  background: #F2F2F2 url(../../src/img/select_arrow.svg) 95% center no-repeat;
  background-size: 0.6vw;
  font-size: 0.9vw;
  letter-spacing: 2px;
}
.formBoxItemInput textarea{
	width: 100%;
  padding: 1vw;
  border: none;
  -webkit-appearance: none;
  position: relative;
  background: #F2F2F2;
  font-size: 0.9vw;
  letter-spacing: 2px;
}

.formBoxItemInput02{
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
}
.formBoxItemInput02 span{
	width: 20%;
}
.formBoxItemInput02 p {
    margin-left: 1vw;
}
.formBoxItemInput02 p + p{
    position: relative;
    bottom: 1vw;
    margin-left: 2vw;
}
.formBoxItemRadio02 p{
	margin-left: 2vw;
}


.formBoxItemTel{
	display: flex;
	justify-content: space-between;
}
.formBoxItemTelL{
	display: flex;
	justify-content: space-between;
}
.formBoxItemTelR{
	display: flex;
	justify-content: space-between;
}
.formBoxItemInputTel{
	display: flex;
	align-items: center;
}
.formBoxItemInputTel span{
	width: 80%;
}
.formBoxItemInputTel p{
	margin: 0 0.5vw;
	white-space: nowrap;
}


.formBoxItem2col_add{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.formBoxItem2col_add_l{
	width: 40%;
	margin-right: 1vw;
}
.formBoxItem2col_add_r{
	width: 37%;
}
.addFormBtn{
	background: #E6DA67!important;
	border-radius: 50px;
	color: #fff;
	border: none;
	display: inline-block;
	-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;
	cursor: pointer;
	font-size: 0.9vw;
}
.addFormBtn: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;
}
.form_boxCheck {
    margin: 1vw 0 2vw;
    display: flex;
    justify-content: center;
}
.form_boxCheck label{
	display: flex;
	align-items: center;
	font-size: 0.9vw;
	justify-content: center;
}
.form_boxCheck input {
    margin-right: 1vw;
    -webkit-appearance: none;
    height: 1.4vw!important;
    width: 1.4vw!important;
    border: 1px solid #aaa;
    background: #fff;
    border-radius: 2px;
    padding: 0;
    line-height: 1em;
    font-size: 1vw;
}
.form_boxCheck input[type=checkbox]:checked:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #000;
    font-size: 1.2vw;
    position: relative;
    left: 0.1vw;
    top: 0.1vw;
}
.formBoxItemRadio .wpcf7-form-control{
	display: flex;
	flex-wrap: wrap;
}
.formBoxItemRadio .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item{
  font-size: 0.9vw;
  letter-spacing: 2px;
  text-align: left;
  position: relative;
  margin: 0;
}
.formBoxItemRadio .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item:last-child{
  margin-top: 0.6vw;
}
.formBoxItemRadio input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  width: 20px;
  height: 20px;
  border: 1px solid #707070;
  background: #fff;
  left: 0%;
  top: 10%;
  box-shadow: 0px 0px 0px #ECFFAA;
  padding: 0;
}
.formBoxItemRadio input[type=radio]:checked {
    border: 1px solid #707070;
    background: #ECFFAA;
}
.formBoxItemRadio .wpcf7-radio .wpcf7-list-item{
  display: block;
  padding: 0;
  padding-left: 2.5vw;
  letter-spacing: 0;
  text-align: left;
  width: 100%;
}
.formBoxItemRadio03{
	
}
.formBoxItemRadio03 .wpcf7-form-control{
	display: flex;
	flex-wrap: wrap;
}
.formBoxItemRadio03 .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item{
  font-size: 0.9vw;
  letter-spacing: 2px;
  text-align: left;
  position: relative;
  margin: 0.5vw 0;
  margin-right: 3vw;
}
.formBoxItemRadio03 input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  width: 20px;
  height: 20px;
  border: 1px solid #707070;
  background: #fff;
  left: 0%;
  top: 10%;
  box-shadow: 0px 0px 0px #ECFFAA;
  padding: 0;
}
.formBoxItemRadio03 input[type=radio]:checked {
    border: 1px solid #707070;
    background: #ECFFAA;
}
.formBoxItemRadio03 .wpcf7-radio .wpcf7-list-item{
  display: block;
  padding: 0;
  padding-left: 2.5vw;
  letter-spacing: 0;
  text-align: left;
  width: auto;
}
.form_boxCheckTxt{
	text-align: center;
	margin: 3vw 0 1vw;
}
.form_boxCheckTxt01{
	text-align: center;
	font-size: 0.9vw;
	margin-bottom: 1vw;
}
.form_boxCheckTxt01 a{
	text-decoration: underline!important;
}
.sendBtn {
  position: relative;
  width: 26%;
  margin: 0 auto;
}
.sendBtn:after {
    content: "〉";
    position: absolute;
    right: 2vw;
    top: 0.7vw;
}
.sendBtn .button {
    -webkit-appearance: none;
    cursor: pointer;
    position: relative;
    display: block;
    width: 100%;
    padding: 1vw;
    margin: 4vw auto 4vw;
    line-height: 1em;
    text-align: center;
    background: #FCF085;
    border: 1px solid #707070;
    border-radius: 60px;
    position: relative;
    font-size: 0.9vw;
}
.sendBtn:hover:after {
    opacity: 0.6;
}
.button:hover{
  opacity: 0.6;
}
.formBoxItemInputFile{
	background: #F2F2F2;
	 padding: 0 0 4vw;
}
.uploadNote{
	font-size: 0.7vw;
	text-align: center;
	margin-bottom: 0vw;
	color: #BCBCBC;
	padding: 0 3vw;
	line-height: 1.7em;
}
.formBoxItemInputFile .codedropz-upload-handler {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    position: relative;
    background: #F2F2F2 url(../../src/img/upload_ico.svg) center 3vw no-repeat;
    background-size: 2.5vw;
    font-size: 0.9vw;
    padding: 6vw 0 0vw;
}
/*.formBoxItemInputFile .codedropz-upload-handler:before{
	content: "※最大5つまでファイルを添付でき、ファイル容量は1ファイルあたり100MBまで添付可能です。";
	position: absolute;
	font-size: 0.8vw;
	bottom: 4.3vw;
	color: #BCBCBC;
	width: 100%;
	text-align: center;
	letter-spacing: 0;
}
.formBoxItemInputFile .codedropz-upload-handler:after{
	content: "※容量の上限を超えてしまう場合は、データを1つずつ送信するか、zipファイル形式にして圧縮することをお試しください。";
	position: absolute;
	font-size: 0.8vw;
	bottom: 3vw;
	color: #BCBCBC;
	width: 100%;
	text-align: center;
	letter-spacing: 0;
}*/
.formBoxItemInputFile .codedropz-upload-inner{
		display: flex;
		flex-direction: row-reverse;
		justify-content: center;
		color: #BCBCBC;
}
.formBoxItemInputFile .codedropz-upload-inner a{
		color: #1900FF;
}
.formBoxItemInputFile .dnd-upload-counter{
	display: none;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.contactBox_txt {
    width: 78%;
    margin: -1vw auto 0;
    font-size: 1.5vw;
    line-height: 2.4em;
}
.formBox {
    width: 83%;
    margin: 0 auto 6vw;
    border-top: 1px solid #707070;
    padding-top: 1.6vw;
}
.formBoxItemL.hissu:before {
    content: "必須";
    background: #FF1010;
    color: #fff;
    padding: 0.2vw 0.4vw;
    line-height: 1em;
    position: absolute;
    font-size: 1.3vw;
    left: 1vw;
    letter-spacing: 0px;
    border-radius: 4px;
}
.formBoxItemL {
    width: 30%;
    padding: 1vw;
    padding-left: 6vw;
    font-size: 1.5vw;
    display: flex;
    align-self: stretch;
    align-items: center;
    position: relative;
    white-space: nowrap;
}
.formBoxItemR {
    width: 68%;
}
.formBoxItemRadio .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item {
    font-size: 1.5vw;
    letter-spacing: 2px;
    text-align: left;
    position: relative;
    margin: 0;
}
.formBoxItemRadio .wpcf7-radio .wpcf7-list-item {
    display: block;
    padding: 0;
    padding-left: 3.5vw;
    letter-spacing: 0;
    text-align: left;
    width: 100%;
}
.formBoxItemRadio03 .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item {
    font-size: 1.5vw;
    letter-spacing: 2px;
    text-align: left;
    position: relative;
    margin: 0.5vw 0;
    margin-right: 3vw;
}
.formBoxItemRadio03 .wpcf7-radio .wpcf7-list-item {
    display: block;
    padding: 0;
    padding-left: 3.5vw;
    letter-spacing: 0;
    text-align: left;
    width: auto;
}
.formBoxItemInput input {
    width: 100%;
    padding: 1vw;
    border: none;
    -webkit-appearance: none;
    position: relative;
    background: #F2F2F2;
    font-size: 1.5vw;
    letter-spacing: 2px;
}
.formBoxItemInput textarea {
    width: 100%;
    padding: 1vw;
    border: none;
    -webkit-appearance: none;
    position: relative;
    background: #F2F2F2;
    font-size: 1.5vw;
    letter-spacing: 2px;
}
.formBoxItem2col_add_r {
    width: 45%;
}
.form_boxCheckTxt01 {
    text-align: center;
    font-size: 1.5vw;
    margin-bottom: 1vw;
}
.form_boxCheck label {
    display: flex;
    align-items: center;
    font-size: 1.5vw;
    justify-content: center;
}
.sendBtn {
    position: relative;
    width: 46%;
    margin: 0 auto;
}
.sendBtn .button {
    -webkit-appearance: none;
    cursor: pointer;
    position: relative;
    display: block;
    width: 100%;
    padding: 2vw;
    margin: 4vw auto 4vw;
    line-height: 1em;
    text-align: center;
    background: #FCF085;
    border: 1px solid #707070;
    border-radius: 60px;
    position: relative;
    font-size: 2vw;
}
.sendBtn:after {
    content: "〉";
    position: absolute;
    right: 2vw;
    top: 1.7vw;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1.5vw!important;
    font-weight: normal;
    display: block;
    letter-spacing: 0;
    white-space: nowrap;
}
.contactBox {
    margin: 4vw 0 4vw;
}
}
@media screen and (max-width: 599px) {  /* ============== SP LAYOUT ============== */
.contactBox{
	margin: 8vw 0 4vw;
}
.contactBox_txt{
	width: 83%;
	margin: 1vw auto 6vw;
	font-size: 3.2vw;
	line-height: 2em;
	font-weight: 400;
}
.formBox{
	width: 83%;
	margin: 0 auto 10vw;
	border-top:1px solid #707070 ;
	padding-top: 6vw;
}
.formBoxItem{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 6vw;
	padding-bottom: 6vw;
	border-bottom:1px solid #707070 ;
	flex-wrap: wrap;
}
.formBoxItemL {
    width: 100%;
    padding: 1vw;
    padding-left: 0;
    font-size: 3.6vw;
    display: flex;
    align-self: stretch;
    align-items: center;
    position: relative;
    white-space: nowrap;
    margin-bottom: 3vw;
}
.formBoxItemL.hissu{
	padding-left: 12vw;
}
.formBoxItemL.hissu:before {
    content: "必須";
    background: #FF1010;
    color: #fff;
    padding: 0.6vw 1vw;
    line-height: 1em;
    position: absolute;
    font-size: 3vw;
    left: 0vw;
    letter-spacing: 0px;
    border-radius: 4px;
}
.formBoxItemR{
	width: 100%;
}
.formBoxItem2col{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.formBoxItem2col_l{
	width: 30%;
	margin-right: 1vw;
}
.formBoxItem2col_r{
	width: 30%;
	font-size: 3.6vw;
}
.formBoxItemInput input{
	width: 100%;
  padding: 3vw;
  border: none;
  -webkit-appearance: none;
  position: relative;
  background: #F2F2F2;
  font-size: 3.6vw;
  letter-spacing: 2px;
}
.formBoxItemInput select{
	width: 100%;
  padding: 1.2vw 3vw;
  border: none;
  -webkit-appearance: none;
  position: relative;
  background: #F2F2F2 url(../../src/img/select_arrow.svg) 95% center no-repeat;
  background-size: 0.6vw;
  font-size: 3.6vw;
  letter-spacing: 2px;
}
.formBoxItemInput textarea{
	width: 100%;
  padding: 3vw;
  border: none;
  -webkit-appearance: none;
  position: relative;
  background: #F2F2F2;
  font-size: 3.6vw;
  letter-spacing: 2px;
}


.formBoxItemRadio02 p{
	margin-left: 2vw;
}





.formBoxItem2col_add{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.formBoxItem2col_add p{
	font-size: 4vw;
	font-weight: 400;
}
.formBoxItem2col_add_l{
	width: 86%;
	margin-right: 1vw;
	margin-bottom: 3vw;

}
.formBoxItem2col_add_r{
	width: 100%;
}
.addFormBtn{
	background: #E6DA67!important;
	border-radius: 50px;
	color: #fff;
	border: none;
	display: inline-block;
	-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;
	cursor: pointer;
	font-size: 0.9vw;
}
.addFormBtn: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;
}
.form_boxCheck {
    margin: 1vw 0 2vw;
}
.form_boxCheck label{
	display: flex;
	align-items: center;
	font-size: 3.6vw;
	justify-content: center;
}
.form_boxCheck input {
    margin-right: 1vw;
    -webkit-appearance: none;
    height: 4.4vw!important;
    width: 4.4vw!important;
    border: 1px solid #aaa;
    background: #fff;
    border-radius: 2px;
    padding: 0;
    line-height: 1em;
    font-size: 1vw;
}
.form_boxCheck input[type=checkbox]:checked:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #000;
    font-size: 4vw;
    position: relative;
    left: 0.1vw;
    top: 1.4vw;
}
.formBoxItemRadio .wpcf7-form-control{
	display: flex;
	flex-wrap: wrap;
}
.formBoxItemRadio .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item{
  font-size: 3.6vw;
  letter-spacing: 2px;
  text-align: left;
  position: relative;
  margin: 0 0 2vw;
}
.formBoxItemRadio .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item:last-child{
  margin-top: 0.6vw;
}
.formBoxItemRadio input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  width: 20px;
  height: 20px;
  border: 1px solid #707070;
  background: #fff;
  left: 0%;
  top: 10%;
  box-shadow: 0px 0px 0px #ECFFAA;
  padding: 0;
}
.formBoxItemRadio input[type=radio]:checked {
    border: 1px solid #707070;
    background: #ECFFAA;
}
.formBoxItemRadio .wpcf7-radio .wpcf7-list-item{
  display: block;
  padding: 0;
  padding-left: 9.5vw;
  letter-spacing: 0;
  text-align: left;
  width: 100%;
}

.formBoxItemRadio03 .wpcf7-form-control{
	display: flex;
	flex-wrap: wrap;
}
.formBoxItemRadio03 .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item{
  font-size: 3.6vw;
  letter-spacing: 2px;
  text-align: left;
  position: relative;
  margin: 2vw 0;
}
.formBoxItemRadio03 input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  width: 20px;
  height: 20px;
  border: 1px solid #707070;
  background: #fff;
  left: 0%;
  top: 10%;
  box-shadow: 0px 0px 0px #ECFFAA;
  padding: 0;
}
.formBoxItemRadio03 input[type=radio]:checked {
    border: 1px solid #707070;
    background: #ECFFAA;
}
.formBoxItemRadio03 .wpcf7-radio .wpcf7-list-item{
  display: block;
  padding: 0;
  padding-left: 9.5vw;
  letter-spacing: 0;
  text-align: left;
  width: 50%;
}
.form_boxCheckTxt{
	text-align: center;
	margin: 3vw 0 1vw;
}
.form_boxCheckTxt01{
	text-align: center;
	font-size: 3.6vw;
	margin-bottom: 3vw;
}
.form_boxCheckTxt01 + .form_boxCheckTxt01{
	text-align: center;
	font-size: 3.2vw;
	margin-bottom: 3vw;
	font-weight: 400;
}
.form_boxCheckTxt01 a{
	text-decoration: underline!important;
}
.sendBtn {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.sendBtn:after {
    content: "〉";
    position: absolute;
    right: 5vw;
    top: 5vw;
    font-size: 4.3vw;
}
.sendBtn .button {
    -webkit-appearance: none;
    cursor: pointer;
    position: relative;
    display: block;
    width: 100%;
    padding: 5vw 0;
    margin: 4vw auto 4vw;
    line-height: 1em;
    text-align: center;
    background: #FCF085;
    border: 2px solid #707070;
    border-radius: 60px;
    position: relative;
    font-size: 4.3vw;
}
.sendBtn:hover:after {
    opacity: 0.6;
}
.button:hover{
  opacity: 0.6;
}

}
/*-----------------------------------------------------------

THANKS

-------------------------------------------------------------*/
.thanksBox{
	width: 68%;
	margin: 4vw auto 4vw;
}
.thanksBoxIco{
	width: 14%;
	margin: 0 auto 2vw;
}
.thanksBox_ttl{
	font-size: 1.6vw;
	text-align: center;
	margin-bottom: 1vw;
	line-height: 1.4em;
}
.thanksBox_txt{
	font-size: 0.9vw;
	text-align: center;
	margin-bottom: 3vw;
}
.totopBtn{
	width: 28%;
    margin: 0 auto;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.thanksBox{
	width: 68%;
	margin: 4vw auto 4vw;
}
.thanksBoxIco{
	width: 24%;
	margin: 0 auto 2vw;
}
.thanksBox_ttl{
	font-size: 2.6vw;
	text-align: center;
	margin-bottom: 1vw;
	line-height: 1.4em;
}
.thanksBox_txt{
	font-size: 1.5vw;
	text-align: center;
	margin-bottom: 3vw;
}
.totopBtn{
	width: 48%;
    margin: 0 auto;
}
}
@media screen and (max-width: 599px) {  /* ============== SP LAYOUT ============== */
.thanksBox{
	width: 83%;
	margin: 3vw auto 14vw;
}
.thanksBoxIco{
	width: 43%;
    margin: 0 auto 11vw;
}
.thanksBox_ttl{
	font-size: 5vw;
    margin-bottom: 4vw;
    line-height: 1.6em;
    margin-top: -5vw;
}
.thanksBox_txt{
	text-align: center;

    width: 100%;
    margin: 1vw auto 3vw;
    font-size: 3.4vw;
    margin-bottom: 6vw;
    line-height: 2em;
    font-weight: 400;
}
.totopBtn{
	width: 100%;
    margin: 0 auto;
}
}
/*-----------------------------------------------------------

ESTIMATE

-------------------------------------------------------------*/
.estimate_tel{
	width: 40%;
	margin: 1vw auto 3vw;
	display: block;
}
.formBoxItemRadio02{
	display: flex;
	align-items: center;
}
.formBoxItemRadio02Inner{
	display: flex;
	align-items: flex-end;
	margin-right: 2vw;
	width: 26%;
	position: relative;
}
.formBoxItemRadio02Inner .wpcf7-list-item{
	margin-right: 2vw;
}
.formBoxItemRadio02Inner .wpcf7-list-item input[type=radio] {
    top: 33%;
}
.formBoxItemRadio02Inner p{
	margin-left: 1vw;
}
.formBoxItemRadio02 .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item{
  font-size: 0.9vw;
  letter-spacing: 2px;
  text-align: left;
  position: relative;
  margin: 0;
}
.formBoxItemRadio02 .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item:last-child{
  margin-top: 0.6vw;
}
.formBoxItemRadio02 input {
    width: 100%;
    padding: 1vw;
    border: none;
    -webkit-appearance: none;
    position: relative;
    background: #F2F2F2;
    font-size: 0.9vw;
    letter-spacing: 2px;
    margin-right: 1vw;
}
.formBoxItemRadio02 input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  width: 20px;
  height: 20px;
  border: 1px solid #707070;
  border-radius: 50%;
  background: #fff;
  left: 0%;
  top: 10%;
  box-shadow: 0px 0px 0px #ECFFAA;
  padding: 0;
}
.formBoxItemRadio02 input[type=radio]:checked {
    border: 1px solid #707070;
    background: #ECFFAA;
}
.formBoxItemRadio02 .wpcf7-radio .wpcf7-list-item{
  display: block;
  padding: 0;
  padding-left: 2.5vw;
  letter-spacing: 0;
  text-align: left;
  width: 100%;
}
.formBoxItemInputFile{
	background: #F2F2F2;
	 padding: 0 0 4vw;
}
.uploadNote{
	font-size: 0.7vw;
	text-align: center;
	margin-bottom: 0vw;
	color: #BCBCBC;
	padding: 0 3vw;
	line-height: 1.7em;
}
.formBoxItemInputFile .codedropz-upload-handler {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    position: relative;
    background: #F2F2F2 url(../../src/img/upload_ico.svg) center 3vw no-repeat;
    background-size: 2.5vw;
    font-size: 0.9vw;
    padding: 6vw 0 0vw;
}
/*.formBoxItemInputFile .codedropz-upload-handler:before{
	content: "※最大5つまでファイルを添付でき、ファイル容量は1ファイルあたり100MBまで添付可能です。";
	position: absolute;
	font-size: 0.8vw;
	bottom: 4.3vw;
	color: #BCBCBC;
	width: 100%;
	text-align: center;
	letter-spacing: 0;
}
.formBoxItemInputFile .codedropz-upload-handler:after{
	content: "※容量の上限を超えてしまう場合は、データを1つずつ送信するか、zipファイル形式にして圧縮することをお試しください。";
	position: absolute;
	font-size: 0.8vw;
	bottom: 3vw;
	color: #BCBCBC;
	width: 100%;
	text-align: center;
	letter-spacing: 0;
}*/
.formBoxItemInputFile .codedropz-upload-inner{
		display: flex;
		flex-direction: row-reverse;
		justify-content: center;
		color: #BCBCBC;
}
.formBoxItemInputFile .codedropz-upload-inner a{
		color: #1900FF;
}
.formBoxItemInputFile .dnd-upload-counter{
	display: none;
}
.formBoxItemInputFile .dnd-upload-status {
    display: flex;
    padding: 0.3vw 4vw;
    align-items: center;
    position: relative;
}
.formBoxItemInputFile .dnd-upload-status .dnd-upload-details .remove-file {
    position: absolute;
    right: 5vw;
    top: 1vw;
    text-decoration: none;
    box-shadow: none;
    outline: none;
    opacity: 1;
}
.formBoxItemTel{
	display: flex;
	justify-content: space-between;
}
.formBoxItemTelL{
	display: flex;
	justify-content: space-between;
}
.formBoxItemTelR{
	display: flex;
	justify-content: space-between;
}
.formBoxItemInputTel{
	display: flex;
	align-items: center;
}
.formBoxItemInputTel span{
	width: 80%;
}
.formBoxItemInputTel p{
	margin: 0 0.5vw;
}
.formBoxItemInput02{
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
}
.formBoxItemInput02 span{
	width: 20%;
}
.formBoxItemInput02 p {
    margin-left: 1vw;
}
.formBoxItemInput02 p + p{
    position: relative;
    bottom: 1vw;
    margin-left: 2vw;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 0.8vw!important;
    font-weight: normal;
    display: block;
    letter-spacing: 0;
    white-space: nowrap;
}
.estimate_map{
  width: 48%;
  margin: 1vw auto 2vw;
  display: flex;
  justify-content: space-between;
}
.estimate_mapL{
  width: 80%;
  line-height: 2em;
}
.estimate_mapL h3{
  font-size: 1vw;
}
.estimate_mapL h3 span{
  font-size: 0.8vw;
}
.estimate_mapL p{
  font-size: 0.9vw;
  letter-spacing: 0.3em;

}
.estimate_mapR{
  width: 18%;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.estimate_map {
    width: 78%;
    margin: 1vw auto 2vw;
    display: flex;
    justify-content: space-between;
}
.estimate_mapL{
  width: 80%;
  line-height: 2em;
}
.estimate_mapL h3{
  font-size: 2vw;
}
.estimate_mapL h3 span{
  font-size: 1.5vw;
}
.estimate_mapL p{
  font-size: 1.5vw;
  letter-spacing: 0.3em;
}
.estimate_mapR{
  width: 18%;
}
.estimate_tel {
    width: 60%;
    margin: 1vw auto 3vw;
    display: block;
}
.formBoxItemInput select {
    width: 100%;
    padding: 1.2vw 1vw;
    border: none;
    -webkit-appearance: none;
    position: relative;
    background: #F2F2F2 url(../../src/img/select_arrow.svg) 95% center no-repeat;
    background-size: 0.6vw;
    font-size: 1.5vw;
    letter-spacing: 2px;
}
.formBoxItemTel .formBoxItemInput input {
    width: 100%;
    padding: 1vw;
    border: none;
    -webkit-appearance: none;
    position: relative;
    background: #F2F2F2;
    font-size: 1.5vw;
    letter-spacing: 0px;
    white-space: nowrap;
}
.formBoxItemRadio02 input {
    width: 100%;
    padding: 1vw;
    border: none;
    -webkit-appearance: none;
    position: relative;
    background: #F2F2F2;
    font-size: 1.5vw;
    letter-spacing: 2px;
    margin-right: 1vw;
}
.formBoxItemRadio02 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.formBoxItemRadio02 .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item {
    font-size: 1.5vw;
    letter-spacing: 2px;
    text-align: left;
    position: relative;
    margin: 0;
}
.formBoxItemRadio02 .wpcf7-radio .wpcf7-list-item {
    display: block;
    padding: 0;
    padding-left: 3.5vw;
    letter-spacing: 0;
    text-align: left;
    width: 100%;
}
.formBoxItemInputFile .codedropz-upload-handler {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    position: relative;
    background: #F2F2F2 url(../../src/img/upload_ico.svg) center 3vw no-repeat;
    background-size: 2.5vw;
    font-size: 1.5vw;
    padding: 6vw 0 0vw;
}
.uploadNote {
    font-size: 1.4vw;
    text-align: center;
    margin-bottom: 0vw;
    color: #BCBCBC;
    padding: 0 3vw;
    line-height: 1.7em;
}
}
@media screen and (max-width: 599px) {  /* ============== SP LAYOUT ============== */
.estimate_tel{
	width: 83%;
	margin: 1vw auto 3vw;
	display: block;
}
.formBoxItemRadio02{
	display: block;
	align-items: center;
	flex-wrap: wrap;
}
.formBoxItemRadio02Inner{
	display: flex;
	align-items: flex-end;
	margin-right: 2vw;
	width: 100%;
	position: relative;
	font-size: 3.6vw;
	padding-left: 10vw;
	margin-bottom: 4vw;
}
.formBoxItemRadio02Inner .wpcf7-list-item{
	margin-right: 2vw;
}
.formBoxItemRadio02Inner .wpcf7-list-item input[type=radio] {
    top: 33%;
    left: 2.3%;
}
.formBoxItemRadio02Inner p{
	margin-left: 1vw;
}
.formBoxItemRadio02 .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item{
  font-size: 3.6vw;
  letter-spacing: 2px;
  text-align: left;
  position: relative;
  margin: 0;
  padding-left: 14vw;
  margin-bottom: 4vw;
}
.formBoxItemRadio02 .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item:last-child{
  margin-top: 0.6vw;
}
.formBoxItemRadio02 input {
    width: 100%;
    padding: 3vw;
    border: none;
    -webkit-appearance: none;
    position: relative;
    background: #F2F2F2;
    font-size: 3.6vw;
    letter-spacing: 2px;
    margin-right: 1vw;
}
.formBoxItemRadio02 input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  width: 20px;
  height: 20px;
  border: 1px solid #707070;
  border-radius: 50%;
  background: #fff;
  left: 0%;
  top: 10%;
  box-shadow: 0px 0px 0px #ECFFAA;
  padding: 0;
}
.formBoxItemRadio02 input[type=radio]:checked {
    border: 1px solid #707070;
    background: #ECFFAA;
}
.formBoxItemRadio02 .wpcf7-radio .wpcf7-list-item{
  display: block;
  padding: 0;
  padding-left: 2.5vw;
  letter-spacing: 0;
  text-align: left;
  width: 100%;
}
.formBoxItemInputFile{
	background: #F2F2F2;
	 padding: 0 0 4vw;
}
.uploadNote{
	font-size: 3vw;
	text-align: left;
	margin-bottom: 0vw;
	color: #BCBCBC;
	padding: 0 8vw;
	line-height: 1.7em;
}
.formBoxItemInputFile .codedropz-upload-handler {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    position: relative;
    background: #F2F2F2 url(../../src/img/upload_ico.svg) center 6vw no-repeat;
    background-size: 8vw;
    font-size: 3.4vw;
    padding: 17vw 0 0vw;
}
.formBoxItemInputFile .codedropz-upload-inner{
		display: flex;
		flex-direction: unset;
		justify-content: center;
		color: #BCBCBC;
		overflow: unset;
		white-space: pre-wrap;
		flex-wrap: wrap;
}
.formBoxItemInputFile .codedropz-upload-inner span{
		white-space: nowrap;
		order: 1;
}
.formBoxItemInputFile .codedropz-upload-inner div{
		width: 80%;
		order: 2;
}
.formBoxItemInputFile .codedropz-upload-inner div.codedropz-btn-wrap{
		white-space: nowrap;
		width: auto;
		order: 0;
}


.formBoxItemInputFile .codedropz-upload-inner a{
		color: #1900FF;
}
.formBoxItemInputFile .dnd-upload-counter{
	display: none;
}

.formBoxItemTel{
	display: flex;
	justify-content: space-between;
}
.formBoxItemTel .formBoxItemR{
	margin-bottom: 4vw;
}
.formBoxItemTelL{
	display: flex;
	justify-content: space-between;
}
.formBoxItemTelR{
	display: flex;
	justify-content: space-between;
}
.formBoxItemInputTel{
	display: flex;
	align-items: center;
	width: 50%;
}
.formBoxItemInputTel select {
    width: 100%;
    padding: 3vw 3vw;
    border: none;
    -webkit-appearance: none;
    position: relative;
    background: #F2F2F2 url(../../src/img/select_arrow.svg) 95% center no-repeat;
    background-size: 2vw;
    font-size: 3.6vw;
    letter-spacing: 2px;
}
.formBoxItemInputTel span{
	width: 80%;
}
.formBoxItemInputTel p{
	margin: 0 2vw;
}
.formBoxItemInput02{
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	flex-wrap: wrap;
	font-size: 3.6vw;
}
.formBoxItemInput02 span{
	width: 50%;
}
.formBoxItemInput02 p {
    margin-left: 1vw;

}
.formBoxItemInput02 p + p{
    position: relative;
    bottom: 1vw;
    margin-left: 2vw;
     width: 100%;
     margin-top: 3vw;
     font-size: 3.2vw;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 3vw!important;
    font-weight: normal;
    display: block;
}
.estimate_map{
  width: 83%;
  margin: 1vw auto 2vw;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.estimate_mapL{
  width: 100%;
  line-height: 2em;
}
.estimate_mapL h3{
  font-size: 4vw;
}
.estimate_mapL h3 span{
  font-size: 3vw;
}
.estimate_mapL p{
  font-size: 3.2vw;
  letter-spacing: 0em;

}
.estimate_mapR{
  width: 70%;
  margin: 5vw auto ;
}
}
/*-----------------------------------------------------------

POLICY

-------------------------------------------------------------*/
.policy_box{
	width: 60%;
	margin: 0vw auto 4vw;
}
.policy_boxTop{
	margin-bottom: 2vw;
}
.policy_boxTop p{
	font-size: 0.8vw;
	text-align: right;
	font-weight: 400;
	line-height: 1.6em;
}
.policy_boxIntro{
	font-size: 0.9vw;
	font-weight: 400;
	margin-bottom: 2vw;
	letter-spacing: 3px;
}
.policy_boxBody{
	margin-bottom: 3vw;
}
.policy_boxBody h2{
	font-size: 1vw;
	margin-bottom: 0.6em;
	font-weight: 700;
}
.policy_boxBody p{
	font-size: 0.8vw;
	font-weight: 400;
	line-height: 2em;
	margin-bottom: 1vw;
	letter-spacing: 1px;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.policy_box{
	width: 83%;
	margin: 0vw auto 4vw;
}
.policy_boxTop{
	margin-bottom: 2vw;
}
.policy_boxTop p{
	font-size: 1.4vw;
	text-align: right;
	font-weight: 400;
	line-height: 1.6em;
}
.policy_boxIntro{
	font-size: 1.5vw;
	font-weight: 400;
	margin-bottom: 2vw;
	letter-spacing: 3px;
}
.policy_boxBody{
	margin-bottom: 3vw;
}
.policy_boxBody h2{
	font-size: 1.6vw;
	margin-bottom: 0.6em;
	font-weight: 700;
}
.policy_boxBody p{
	font-size: 1.4vw;
	font-weight: 400;
	line-height: 2em;
	margin-bottom: 1vw;
	letter-spacing: 1px;
}
}
@media screen and (max-width: 599px) {  /* ============== SP LAYOUT ============== */
.policy_box{
	width: 83%;
	margin: 3vw auto 12vw;
}
.policy_boxTop{
	margin-bottom: 4vw;
}
.policy_boxTop p{
	font-size: 3.4vw;
	text-align: right;
	font-weight: 400;
	line-height: 1.6em;
}
.policy_boxIntro{
	font-size: 3.4vw;
	font-weight: 400;
	margin-bottom: 4vw;
	letter-spacing: 1px;
	line-height: 2em;
}
.policy_boxBody{
	margin-bottom: 8vw;
}
.policy_boxBody h2{
	font-size: 4.4vw;
	margin-bottom: 1vw;
	font-weight: 700;
}
.policy_boxBody p{
	font-size: 3.4vw;
	font-weight: 400;
	line-height: 2em;
	margin-bottom: 4vw;
	letter-spacing: 1px;
}
}
/*-----------------------------------------------------------

404

-------------------------------------------------------------*/
.nfBox{
	width: 68%;
	margin: -4vw auto 4vw;
}
.nfBoxIco{
	width: 16%;
	margin: 0 auto 2vw;
}
.nfBox_ttl{
	font-size: 1.6vw;
	text-align: center;
	margin-bottom: 1vw;
	line-height: 1.4em;
}
.nfBox_txt{
	font-size: 0.9vw;
	text-align: center;
	margin-bottom: 3vw;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.nfBox{
	width: 83%;
	margin: -4vw auto 4vw;
}
.nfBoxIco{
	width: 26%;
	margin: 0 auto 2vw;
}
.nfBox_ttl{
	font-size: 2.6vw;
	text-align: center;
	margin-bottom: 1vw;
	line-height: 1.4em;
}
.nfBox_txt{
	font-size: 1.5vw;
	text-align: center;
	margin-bottom: 3vw;
}
}
@media screen and (max-width: 599px) {  /* ============== SP LAYOUT ============== */
.nfBox{
	width: 83%;
	margin: 3vw auto 14vw;
}
.nfBoxIco{
	width: 43%;
    margin: 0 auto 11vw;
}
.nfBox_ttl{
	font-size: 5vw;
    margin-bottom: 4vw;
    line-height: 1.6em;
    margin-top: -5vw;
}
.nfBox_txt{
	text-align: center;

    width: 100%;
    margin: 1vw auto 3vw;
    font-size: 3.4vw;
    margin-bottom: 6vw;
    line-height: 2em;
    font-weight: 400;
}
}
/*-----------------------------------------------------------

SITEMAP

-------------------------------------------------------------*/
.sitemapBox{
	width: 66%;
	margin: 0vw auto 6vw;
}
.sitemapBoxList{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 3vw;
}
.sitemapBoxList li{
	font-size: 1vw;
}
.sitemapBoxList_btm{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 5vw;
}
.sitemapBoxList_btm li{
	padding-right: 4vw;
	font-size: 1vw;
}
.caseSitemap{
	display: flex;
	flex-direction: column;
	margin-right: -3vw;
	width: 10%;
}
.caseSitemap span{
	display: inline-block;
	margin-bottom: 0.4vw;
}
.caseSitemap a{
	font-size: 0.9vw;
	padding-left: 1vw;
	display: block;
	border-left: 1px solid #707070;
	white-space: nowrap;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.sitemapBox{
	width: 83%;
	margin: 0vw auto 6vw;
}
.sitemapBoxList{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 3vw;
}
.sitemapBoxList li{
	font-size: 1.6vw;
}
.sitemapBoxList_btm{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 5vw;
}
.sitemapBoxList_btm li{
	padding-right: 4vw;
	font-size: 1.6vw;
}
.caseSitemap{
	display: flex;
	flex-direction: column;
	margin-right: -3vw;
	width: 10%;
}
.caseSitemap span{
	display: inline-block;
	margin-bottom: 0.4vw;
}
.caseSitemap a{
	font-size: 1.5vw;
	padding-left: 1vw;
	display: block;
	border-left: 1px solid #707070;
	white-space: nowrap;
}
}
@media screen and (max-width: 599px) {  /* ============== SP LAYOUT ============== */
.sitemapBox{
	width: 83%;
	margin: 10vw auto 10vw;
}
.sitemapBoxList{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 0vw;
	flex-wrap: wrap;
}
.sitemapBoxList li{
	font-size: 4.5vw;
	width: 100%;
	margin-bottom: 8vw;
}
.sitemapBoxList_btm{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 5vw;
	flex-wrap: wrap;
}
.sitemapBoxList_btm li{
	padding-right: 4vw;
	font-size: 4.5vw;
	width: 100%;
	margin-bottom: 8vw;
}
.caseSitemap{
	display: flex;
	flex-direction: column;
	margin-right: 3vw;
	width: 10%;
}
.caseSitemap span{
	display: inline-block;
	margin-bottom: 3vw;
}
.caseSitemap a{
	font-size: 3.4vw;
	padding: 2vw;
	padding-left: 1vw;
	display: block;
	border-left: 1px solid #707070;
	white-space: nowrap;
}
}


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

STAFF

-------------------------------------------------------------*/
.staffIntro{
	margin-bottom: 4vw;
	margin-top: -4vw;
}
.staffIntro_img{
	width: 40%;
	margin: 0 auto 2vw;
}
.staffIntroTxt01 {
	font-size: 1.6vw;
	margin-bottom: 0.6vw;
	line-height: 1.6em;
	text-align: center;
}
.staffIntroTxt02 {
	font-size: 0.9vw;
	text-align: center;
}
.staffListBox{
	margin-bottom: 4vw;
}
.staffList{

}
.staffList_item{
	padding: 4vw 0;
	padding-bottom: 0;
}
.staffList_item:nth-child(odd){
	background: #FFF596;
}
.staffList_item:nth-child(even){
	background: #fff;
}
.staffList_itemInner{
	width: 70%;
	margin: 0 auto;
}
.staffList_itemInnerTop{
	display: flex;
	justify-content: space-between;
	margin-bottom: 1vw;
}
.staffList_itemInnerTopL{
	width: 31%;
}
.cmn_ttl01_enStaff01{
	width: 8vw;
}
.cmn_ttl01_enStaff02{
	width: 9vw;
}
.staffList_itemInnerTopLBox01{
	margin-bottom: 2vw;
}
.staffList_itemJob{
	font-size: 0.9vw;
	color: #707070;
}
.staffList_itemName_jp{
	font-size: 1.2vw;
	color: #707070;
}
.staffList_itemName_en{
	font-size: 0.8vw;
	color: #707070;
}
.staffList_itemProfile{
	font-size: 0.9vw;
	color: #707070;
}
.staffList_itemInnerTopR{
	width: 65%;
	height: 29vw;
  position: relative;
  margin-bottom: 0.4vw;
  overflow: hidden;
  display: block;
  border-radius: 20px;
}
.staffList_itemInnerTopR img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.staffList_itemInnerBtm{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.staffList_itemInnerBtmL{
	width: 15%;
	margin-top: -4vw;
}
.staffList_itemInnerBtmR{
	width: 80%;
	margin-bottom: 3vw;
}
.staffList_itemInnerBtmRTtl{
	font-size: 1vw;
	font-weight: 600;
	color: #707070;
	margin-bottom: 0.4vw;
}
.staffList_itemInnerBtmRTxt{
	font-size: 0.9vw;
	color: #707070;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.staffIntro_img {
	width: 60%;
	margin: 0 auto 2vw;
}
.staffIntroTxt01 {
	font-size: 2.2vw;
	margin-bottom: 0.6vw;
	line-height: 1.6em;
	text-align: center;
}
.staffIntroTxt02 {
	font-size: 1.5vw;
	text-align: center;
}
.staffList_itemInner {
	width: 85%;
	margin: 0 auto;
}
.cmn_ttl01_enStaff01 {
	width: 12vw;
}
.cmn_ttl01_enStaff02 {
	width: 15vw;
}
.staffList_itemInnerTopL {
	width: 45%;
}
.staffList_itemInnerTopR {
	width: 50%;
	height: 39vw;
	position: relative;
	margin-bottom: 0.4vw;
	overflow: hidden;
	display: block;
	border-radius: 20px;
}
.staffList_itemJob{
	font-size: 1.5vw;
	color: #707070;
}
.staffList_itemName_jp{
	font-size: 2.2vw;
	color: #707070;
}
.staffList_itemName_en{
	font-size: 1.3vw;
	color: #707070;
}
.staffList_itemProfile{
	font-size: 1.5vw;
	color: #707070;
}
.staffList_itemInnerBtmRTtl {
	font-size: 2vw;
	font-weight: 600;
	color: #707070;
	margin-bottom: 0.4vw;
}
.staffList_itemInnerBtmRTxt {
	font-size: 1.5vw;
	color: #707070;
}
}
@media screen and (max-width: 599px) {  /* ============== SP LAYOUT ============== */
.staffIntro{
	margin-bottom: 8vw;
	margin-top: 0vw;
}
.staffIntro_img{
	width: 90%;
	margin: 0 auto 2vw;
}
.staffIntroTxt01 {
	font-size: 5vw;
	margin-bottom: 0.6vw;
	line-height: 1.6em;
	text-align: center;
}
.staffIntroTxt02 {
	font-size: 3.2vw;
	text-align: center;
}
.staffListBox{
	margin-bottom: 4vw;
}
.staffList{

}
.staffList_item{
	padding: 8vw 0;
	padding-bottom: 8vw;
}
.staffList_item:nth-child(odd){
	background: #FFF596;
}
.staffList_item:nth-child(even){
	background: #fff;
}
.staffList_itemInner{
	width: 85%;
	margin: 0 auto;
}
.staffList_itemInnerTop{
	display: flex;
	justify-content: space-between;
	margin-bottom: 6vw;
	flex-direction: column-reverse;
}
.staffList_itemInnerTopL{
	width: 100%;
}
.cmn_ttl01_enStaff01{
	width: 28vw;
	margin-bottom: 2vw;
}
.cmn_ttl01_enStaff02{
	width: 32vw;
	margin-bottom: 2vw;
}
.staffList_itemInnerTopLBox01{
	margin-bottom: 10vw;
}
.staffList_itemJob{
	font-size: 3.4vw;
	color: #707070;
	margin-bottom: 2vw;
}
.staffList_itemName_jp{
	font-size: 5vw;
	color: #707070;
	margin-bottom: 2vw;
}
.staffList_itemName_en{
	font-size: 4vw;
	color: #707070;
}
.staffList_itemProfile{
	font-size: 3.4vw;
	color: #707070;
	letter-spacing: 0.2em;
	line-height: 2.2;
}
.staffList_itemInnerTopR{
	width: 100%;
	height: 89vw;
  position: relative;
  margin-bottom: 8vw;
  overflow: hidden;
  display: block;
  border-radius: 20px;
}
.staffList_itemInnerTopR img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.staffList_itemInnerBtm{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.staffList_itemInnerBtmL{
	width: 15%;
	margin-top: -4vw;
	display: none;
}
.staffList_itemInnerBtmR{
	width: 100%;
	margin-bottom: 0vw;
	padding: 6vw;
	background: #fff;
	border-radius: 20px;
}
.staffList_item:nth-child(even) .staffList_itemInnerBtmR{
	background: #F8FFDE;
}
.staffList_itemInnerBtmRTtl{
	font-size: 4vw;
	font-weight: 600;
	color: #707070;
	margin-bottom: 0.4vw;
	position: relative;
}
.staffList_itemInnerBtmRTtl:after{
	content: "▼";
	position: absolute;
	right: 0;
}
.staffList_itemInnerBtmRTtl.on:after{
	content: "▲";
}
.staffList_itemInnerBtmRTxt{
	font-size: 3.4vw;
	color: #707070;
	line-height: 2.2;
	padding-top: 3vw;
	display: none;
}
}

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

TOP ADD

-------------------------------------------------------------*/
.blog_boxRecTop{
	margin: 5vw 0;
}
.blog_boxRecTop .top_caseBtn{
 margin-top: 2vw;
 position: relative;
 z-index: 1;
}
.blog_boxRecTop:after {
	content: "";
	height: 19vw;
	width: 100%;
	background: #F4FFCF;
	position: absolute;
	bottom: 0;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.blog_boxRecTop .top_caseBtn{
 margin-top: 4vw;
 position: relative;
 z-index: 1;
}
.blog_boxRecTop:after {
	content: "";
	height: 26vw;
	width: 100%;
	background: #F4FFCF;
	position: absolute;
	bottom: 0;
}
}
@media screen and (max-width: 599px) {  /* ============== SP LAYOUT ============== */
.blog_boxRecTop{
	margin: 12vw 0;
}
.blog_boxRecTop .top_caseBtn{
 margin-top: 9vw;
 position: relative;
 z-index: 1;
}
.blog_boxRecTop:after {
	content: "";
	height: 69vw;
	width: 100%;
	background: #F4FFCF;
	position: absolute;
	bottom: 0;
}
}
/*-----------------------------------------------------------

SERVICE ADD

-------------------------------------------------------------*/
.flow_introService{
	margin-top: 5vw;
}
.flowBox_ttlService {
	width: 22%;
	margin: 0 auto 1.4vw;
}
.flowBoxService .flow_ico {
	position: absolute;
	top: -7vw;
	left: 4vw;
	width: 15%;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.flowBox_ttlService {
	width: 32%;
	margin: 0 auto 1.4vw;
}
.flowBoxService .flow_ico {
	position: absolute;
	top: -8vw;
	left: 8vw;
	width: 11%;
}
}
@media screen and (max-width: 599px) {  /* ============== SP LAYOUT ============== */
.flow_introService{
	margin-top: 5vw;
}
.flowBox_ttlService {
	width: 85%;
	margin: 0 auto 4vw;
}
.flowBoxService .flow_ico {
	position: absolute;
	top: -7vw;
	left: 4vw;
	width: 15%;
}
}
/*-----------------------------------------------------------

SERVICE ADD02

-------------------------------------------------------------*/
.service_target{
	width: 70%;
	margin: 4vw auto 6vw;
}
.cmn_ttl01_enWidePlus {
	width: 14vw;
}
.service_targetList{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 4vw;
}
.service_targetList_item{
	width: 30%;
}
.service_targetList_item div{
	width: 80%;
	margin: 0 auto 0.4vw;
}
.service_targetList_item p{
	text-align: center;
	font-size: 1.1vw;
	line-height: 1.4;
}
.service_targetList_item p span{
	font-size: 0.8vw;
}
.service_targetList_item_adaptTxt{
	position: relative;
	top: -1vw;
}
.service_howtoNew{
	width: 75%;
	margin: 4vw auto 9vw;
	background: #F4FFD1;
	border: 10px solid #FCF085;
	border-radius: 20px;
	padding: 4vw 5vw;
}
.service_howtoNew .service_howtoTxt {
	text-align: center;
	font-size: 0.9vw;
	width: 100%;
	margin: -1vw auto 3vw;
}
.flowBoxService .cmn_ttl01_wrap {
	display: flex;
	justify-content: center;
	position: relative;
	padding-left: 5vw;
	top: -1.5vw;
}
.flowBoxService .flow_icoNew {
	position: absolute;
	top: -6vw;
	left: 4vw;
	width: 19%;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.cmn_ttl01_enWidePlus {
	width: 25vw;
}
.service_target {
	width: 90%;
	margin: 4vw auto 6vw;
}
.service_targetList_item {
	width: 33%;
}
.service_targetList_item p {
	text-align: center;
	font-size: 2.1vw;
	line-height: 1.4;
}
.service_howtoNew {
	width: 90%;
	margin: 4vw auto 9vw;
	background: #F4FFD1;
	border: 10px solid #FCF085;
	border-radius: 20px;
	padding: 4vw 5vw;
}
.service_howtoNew .service_howtoTxt {
	text-align: center;
	font-size: 1.5vw;
	width: 95%;
	margin: -1vw auto 3vw;
}
}
@media screen and (max-width: 599px) {  /* ============== SP LAYOUT ============== */
.service_target{
	width: 88%;
	margin: 8vw auto 6vw;
}
.cmn_ttl01_enWidePlus {
	width: 51vw;
}
.service_targetList{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 4vw;
}
.service_targetList_item{
	width: 50%;
	margin-bottom: 3vw;
}
.service_targetList_item div{
	width: 80%;
	margin: 0 auto 2vw;
}
.service_targetList_item p{
	text-align: center;
	font-size: 4.2vw;
	line-height: 1.4;
}
.service_targetList_item p span{
	font-size: 3vw;
}
.service_targetList_item_adaptTxt{
	position: relative;
	top: -6vw;
}
.service_howtoNew{
	width: 90%;
	margin: 4vw auto 20vw;
	background: #F4FFD1;
	border: 5px solid #FCF085;
	border-radius: 20px;
	padding: 8vw 3vw 15vw;
}
.cmn_leadservice_howtoNew{
	margin: 1vw 0 4vw;
	line-height: 1.4;
	letter-spacing: 0;
}
.service_howtoNew .service_howtoTxt {
	text-align: left;
	font-size: 4vw;
	width: 95%;
	margin: 0vw auto 10vw;
	line-height: 2em;
	font-weight: 400;
}
.service_howto_img_new{
	width: 75%;
	margin: 0 auto;
}
.flowBoxService .cmn_ttl01_wrap {
	display: flex;
	justify-content: center;
	position: relative;
	padding-left: 0vw;
	top: -1.5vw;
}
.flowBoxService .flow_icoNew {
	position: absolute;
	top: -6vw;
	left: 4vw;
	width: 19%;
	display: none;
}
}
/*-----------------------------------------------------------

OPERATION

-------------------------------------------------------------*/
.operation_intro{
	width: 70%;
	margin: 2vw auto 2vw;
}
.operation_introTxt01{
	font-size: 1.2vw;
	margin-bottom: 1vw;
	line-height: 1.6em;
	text-align: center;
}
.operation_introTxt02{
	text-align: center;
	font-size: 0.9vw;
	width: 100%;
	margin: 0vw auto 3vw;
}
.operation_number{
	width: 60%;
	margin: 2vw auto 6vw;
	border: 2px solid #707070;
	background: #FCFFF3;
	border-radius: 20px;
	padding: 3vw;
	position: relative;
}
.operation_numberIntro{
	margin-bottom: 3vw;
}
.operation_numberIntro_top{
	display: flex;
	justify-content: space-between;
	padding-left: 6vw;
	border-bottom: 2px solid #CFCFCF;
	padding-bottom: 2vw;
	margin-bottom: 2vw;
}
.operation_numberIntro_topItem{
	width: 48%;
	position: relative;
}
.operation_numberIntro_topItem:first-child:before{
	content: "";
	position: absolute;
	width: 2px;
	height: 100%;
	background: #aaa;
	right: 1vw;
}
.operation_numberIntro_topItem_ttl {
	font-size: 1.8vw;
	padding-bottom: 1vw;
	position: relative;
	left: -1vw;
}
.operation_numberIntro_topItem_numBox{
	display: flex;
	align-items: flex-end;
	line-height: 0.8;
	letter-spacing: 0.5em;
	margin-bottom: 0.5vw;
}
.numS{
	font-size: 2vw;
	font-weight: bold;
}
.numL{
	font-size: 4vw;
	font-weight: 500;
}
.numS02{
	font-size: 2vw;
	font-weight: 500;
}
.operation_numberIntro_topItem_note{
	font-size: 0.8vw;
}
.operation_numberIntro_btm{
	padding-left: 6vw;
}
.operation_numberGraph{
	padding-left: 6vw;
	margin-bottom: 4vw;
}
.operation_numberGraph_ttl {
	font-size: 1.8vw;
	padding-bottom: 2vw;
	position: relative;
	left: -1vw;
}
.operation_numberGraphInner{
	padding-right: 2vw;
}
.operation_numberSearch{
	padding-left: 6vw;
}
.operation_numberSearch_ttl {
	font-size: 1.8vw;
	padding-bottom: 3vw;
	position: relative;
	left: -1vw;
}
.operation_numberSearchList{
	display: flex;
	justify-content: space-between;
	width: 88%;
	margin-bottom: 1vw;
}
.operation_numberSearchList_item{
	width: 45%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.operation_numberSearchList_itemImg{
	margin-bottom: 1vw;
}
.operation_numberSearchList_itemBtm{
	width: 75%;
}
.operation_numberSearchList_itemBtm h4{
	background: #ECFFAA;
	line-height: 1;
	padding: 0.5vw 0;
	text-align: center;
	font-size: 1.2vw;
	border-radius: 5px;
	width: 90%;
	margin: 0 auto 0.5vw;
}
.operation_numberSearchList_itemBtm p{
	text-align: center;
}
.operation_numberSearch_note{
	font-size: 0.8vw;
}
.oparation_number_ico {
	position: absolute;
	width: 10vw;
	left: -4vw;
	top: -4vw;
}
.operation_merit{
	width: 68%;
	margin: 2vw auto 14vw;
}
.operation_meritTxt01{
	font-size: 1.8vw;
	margin-bottom: 1vw;
	line-height: 1.6em;
	text-align: center;
}
.operation_meritTxt02{
	text-align: center;
	font-size: 0.9vw;
	width: 73%;
	margin: 0vw auto 3vw;
}
.operation_meritList{
	display: flex;
	justify-content: space-between;
	position: relative;
}
.operation_meritList_item01{
	width: 50%;
	background: #F4FFD1;
	border: 10px solid #FCF085;
	border-radius: 20px;
	padding: 4vw 3vw 5vw;
	right: -1vw;
	position: relative;
	z-index: 1;
}
.operation_meritList:before{
	content: "";
	position: absolute;
	width: 50%;
	height: 100%;
	background: #CECECE;
	border-radius: 20px;
	mix-blend-mode: multiply;
	left: 2.5vw;
	bottom: -1.5vw;
	z-index: 1;
}
.operation_meritList_item02{
	width: 50%;
	background: #F3F3F3;
	border-radius: 20px;
	padding: 3vw 3vw 0.1vw;
	padding-left: 5vw;
	left: -1vw;
	position: relative;
	top: 6vw;
}
.operation_meritList_itemTop{
	width: 80%;
	margin: 0 auto 2vw;
}
.operation_meritList_itemTop div{
	margin-bottom: 1vw;
}
.operation_meritList_item02 .operation_meritList_itemTop div{
	width: 50%;
	margin: 0 auto 1vw;
}
.operation_meritList_itemTop h4{
	text-align: center;
	background: #fff;
	border: 1px solid #707070;
	border-radius: 50px;
	line-height: 1;
	padding: 0.4vw 0;
}
.operation_meritList_itemBox{
	margin-bottom: 2vw;
}
.operation_meritList_itemBox + .operation_meritList_itemBox{
	margin-bottom: 0;
}
.operation_meritList_itemBox ul li{
	margin-bottom: 0.5vw;
}
.operationWrap{
	background: #FFF596;
	padding: 4vw 0;
	margin-bottom: 4vw;
}
.operation_model{
	width: 80%;
	margin: 2vw auto 6vw;
}
.operation_modelBox{
	position: relative;
}
.oparation_model_ico {
	position: absolute;
	width: 13vw;
	left: 9vw;
	top: 3vw;
}
.operation_modelList{

}
.operation_modelList li{
	margin-bottom: 4vw;
}
.operation_case{
	width: 70%;
	margin: 2vw auto 2vw;
}
.operation_caseBox{
	margin-top: 5vw;
	margin-bottom: 6vw;
	display: flex;
	justify-content: space-between;
}
.operation_caseBoxList{
	width: 45%;
}
.operation_caseBoxList_item01{
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAABCAYAAADn9T9+AAAAAXNSR0IArs4c6QAAABRJREFUGFdjLCgo+D9hwgRGBgIAAJOOBAJUF2SuAAAAAElFTkSuQmCC) 0 bottom repeat-x;
	padding-bottom: 1.2vw;
	margin-bottom: 1.2vw;
}
.operation_caseBoxList_item01 h3{
	font-size: 1.8vw;
}
.operation_caseBoxList_item02{
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAABCAYAAADn9T9+AAAAAXNSR0IArs4c6QAAABRJREFUGFdjLCgo+D9hwgRGBgIAAJOOBAJUF2SuAAAAAElFTkSuQmCC) 0 bottom repeat-x;
	padding-bottom: 1.2vw;
	margin-bottom: 1.2vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 1.2vw;
}
.operation_caseBoxList_item02 h4{
	width: 35%;
}
.operation_caseBoxList_item02 p{
	width: 65%;
}
.operation_caseBoxList_item03{

}
.operation_caseBoxList_item03 h4{
	font-size: 1.4vw;
	margin-bottom: 1vw;
}
.operation_caseBoxList_item03 div{

}
.operation_caseBoxList_item03 div mark{
	display: inline-block;
	align-items: flex-end;
	justify-content: flex-start;
	color: #000598;
	line-height: 1;
	background: linear-gradient(transparent 70%, #FF3B3B70 0%);
}
.operation_caseBoxList_item03 div mark p{
	font-size: 4.5vw;
	font-weight: 500;
	display: inline-block;
}
.operation_caseBoxList_item03 div mark p + p{
	font-size: 2.5vw;
	font-weight: bold;
}
.operation_caseBoxImg{
	width: 50%;
}
.operationCaseBtn{
	width: 30%;
	margin: 0 auto;
	background: #fff;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.operation_intro .cmn_ttl01_enWide {
	width: 18vw;
}
.operation_introTxt01 {
	font-size: 2.2vw;
	margin-bottom: 1vw;
	line-height: 1.6em;
	text-align: center;
}
.operation_introTxt02 {
	text-align: center;
	font-size: 1.5vw;
	width: 100%;
	margin: 0vw auto 3vw;
}
.operation_number {
	width: 83%;
	margin: 2vw auto 6vw;
	border: 2px solid #707070;
	background: #FCFFF3;
	border-radius: 20px;
	padding: 3vw;
	position: relative;
}
.operation_numberIntro_topItem_note {
	font-size: 1.2vw;
}
.operation_numberIntro_topItem_ttl {
	font-size: 2.4vw;
	padding-bottom: 1vw;
	position: relative;
	left: -1vw;
}
.operation_numberGraph_ttl {
	font-size: 2.4vw;
	padding-bottom: 2vw;
	position: relative;
	left: -1vw;
}
.operation_numberSearch_ttl {
	font-size: 2.4vw;
	padding-bottom: 3vw;
	position: relative;
	left: -1vw;
}
.operation_numberSearchList_itemBtm h4 {
	background: #ECFFAA;
	line-height: 1;
	padding: 1vw 0;
	text-align: center;
	font-size: 2.2vw;
	border-radius: 5px;
	width: 90%;
	margin: 0 auto 0.5vw;
}
.operation_numberSearch_note {
	font-size: 1.2vw;
}
.operation_meritTxt01 {
	font-size: 2.2vw;
	margin-bottom: 1vw;
	line-height: 1.6em;
	text-align: center;
}
.operation_meritTxt02 {
	text-align: center;
	font-size: 1.5vw;
	width: 80%;
	margin: 0vw auto 3vw;
}
.operation_merit {
	width: 90%;
	margin: 2vw auto 14vw;
}
.operation_model {
	width: 90%;
	margin: 2vw auto 6vw;
}

.operation_case {
	width: 84%;
	margin: 2vw auto 2vw;
}
.operation_caseBoxList_item01 h3 {
	font-size: 2.8vw;
}
.operation_caseBoxList_item02 {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAABCAYAAADn9T9+AAAAAXNSR0IArs4c6QAAABRJREFUGFdjLCgo+D9hwgRGBgIAAJOOBAJUF2SuAAAAAElFTkSuQmCC) 0 bottom repeat-x;
	padding-bottom: 1.2vw;
	margin-bottom: 1.2vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 1.8vw;
}
.operation_caseBoxList_item02 h4 {
	width: 40%;
}
.operation_caseBoxList_item02 p {
	width: 60%;
}
.operation_caseBoxList_item03 h4 {
	font-size: 2.4vw;
	margin-bottom: 1vw;
}
.operation_caseBoxList_item03 div mark p {
	font-size: 6.5vw;
	font-weight: 500;
	display: inline-block;
}
.operation_caseBoxList_item03 div mark p + p {
	font-size: 4.5vw;
	font-weight: bold;
}
}
@media screen and (max-width: 599px) {  /* ============== SP LAYOUT ============== */
.operation_intro{
	width: 86%;
	margin: 4vw auto 12vw;
}
.operation_introTxt01{
	font-size: 5vw;
	margin-bottom: 4vw;
	line-height: 1.6em;
	text-align: center;
}
.operation_introTxt02{
	text-align: left;
	font-size: 0.9vw;
	width: 100%;
	margin: 0vw auto 6vw;

	font-size: 4vw;
	line-height: 2em;
	font-weight: 400;
}
.operation_number{
	width: 90%;
	margin: 2vw auto 12vw;
	border: 2px solid #707070;
	background: #FCFFF3;
	border-radius: 20px;
	padding: 16vw 3vw 8vw;
	position: relative;
}
.operation_numberIntro{
	margin-bottom: 3vw;
}
.operation_numberIntro_top{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	align-items: center;
	padding-left: 0vw;
	border-bottom: 2px solid #CFCFCF;
	padding-bottom: 6vw;
	margin-bottom: 6vw;
}
.operation_numberIntro_topItem{
	width: 100%;
	position: relative;
	border-bottom: none;
	padding-bottom: 0vw;
	margin-bottom: 0vw;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.operation_numberIntro_topItem:first-child{
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAABCAYAAADn9T9+AAAAAXNSR0IArs4c6QAAABZJREFUGFdjnDNnzv+UlBRGBiSATQwA2uoIApCfajUAAAAASUVORK5CYII=) 0 bottom repeat-x;
	padding-bottom: 6vw;
	margin-bottom: 6vw;
}
.operation_numberIntro_topItem:first-child:before{
	content: "";
	position: absolute;
	width: 2px;
	height: 100%;
	background: #aaa;
	right: 1vw;
	display: none;
}
.operation_numberIntro_topItem_ttl {
	font-size: 7vw;
	padding-bottom: 4vw;
	position: relative;
	left: -1vw;
}
.operation_numberIntro_topItem_numBox{
	display: flex;
	align-items: flex-end;
	line-height: 0.8;
	letter-spacing: 0.5em;
	margin-bottom: 2vw;
}
.numS{
	font-size: 8vw;
	font-weight: bold;
}
.numL{
	font-size: 12vw;
	font-weight: 500;
}
.numS02{
	font-size: 6vw;
	font-weight: 500;
}
.operation_numberIntro_topItem_note{
	font-size: 3vw;
}
.operation_numberIntro_topItem_numBox03{
	flex-wrap: wrap;
	justify-content: center;
}
.operation_numberIntro_topItem_numBox03 .numS02{
	margin-top: 2vw;
	letter-spacing: 0.2em;
}
.operation_numberIntro_btm{
	padding-left: 6vw;
	margin-bottom: 8vw;
}
.operation_numberIntro_btm .operation_numberIntro_topItem_note{
	text-align: center;
}
.operation_numberGraph{
	padding-left: 0vw;
	margin-bottom: 8vw;
}
.operation_numberGraph_ttl {
	font-size: 7vw;
	padding-bottom: 4vw;
	position: relative;
	left: -1vw;
	text-align: center;
}
.operation_numberGraphInner{
	padding-right: 0vw;
	padding-bottom: 4vw;
}
.operation_numberGraphInner_img{
	width: 165%;
}
.scroll-hint-icon {
	width: 96px!important;
	height: 88px!important;
}
.operation_numberSearch{
	padding-left: 0vw;
}
.operation_numberSearch_ttl {
	font-size: 7vw;
	padding-bottom: 6vw;
	position: relative;
	left: -1vw;
	text-align: center;
}
.operation_numberSearchList{
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 1vw;
	flex-wrap: wrap;
}
.operation_numberSearchList_item{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 8vw;
}
.operation_numberSearchList_item:last-child{
	margin-bottom: 4vw;
}
.operation_numberSearchList_itemImg{
	margin-bottom: 4vw;
	padding-right: 24%;
}
.operation_numberSearchList_itemBtm{
	width: 75%;
}
.operation_numberSearchList_itemBtm h4{
	background: #ECFFAA;
	line-height: 1;
	padding: 2vw 0;
	text-align: center;
	font-size: 6vw;
	border-radius: 5px;
	width: 90%;
	margin: 0 auto 2vw;
}
.operation_numberSearchList_itemBtm p{
	text-align: center;
	font-size: 4.5vw;
	line-height: 1.8;
}
.operation_numberSearch_note{
	font-size: 3vw;
	text-align: center;
}
.oparation_number_ico {
	position: absolute;
	width: 17vw;
	left: 2vw;
	top: -10vw;
}
.operation_merit{
	width: 90%;
	margin: 2vw auto 14vw;
}
.operation_meritTxt01{
	font-size: 7.4vw;
	padding-bottom: 3vw;
	line-height: 1.6em;
	text-align: center;
}
.operation_meritTxt02{
	text-align: left;
	font-size: 4vw;
	line-height: 2em;
	font-weight: 400;
	width: 94%;
	margin: 0vw auto 6vw;
	letter-spacing: 0em;
}
.operation_meritList{
	display: flex;
	justify-content: space-between;
	position: relative;
	flex-wrap: wrap;
}
.operation_meritList_item01{
	width: 100%;
	background: #F4FFD1;
	border: 5px solid #FCF085;
	border-radius: 20px;
	padding: 4vw 3vw 5vw;
	right: 2vw;
	position: relative;
	z-index: 1;
}
.operation_meritList:before{
	content: "";
	position: absolute;
	width: 90%;
	height: 47%;
	background: #CECECE;
	border-radius: 20px;
	mix-blend-mode: multiply;
	left: unset;
	bottom: unset;
	top: 2vw;
	right: -1vw;
	z-index: 1;
}
.operation_meritList_item02{
	width: 100%;
	background: #F3F3F3;
	border-radius: 20px;
	padding: 10vw 3vw 5vw;
	padding-left: 5vw;
	left: 2vw;
	position: relative;
	top: -2vw;
}
.operation_meritList_itemTop{
	width: 90%;
	margin: 0 auto 8vw;
}
.operation_meritList_itemTop div{
	margin-bottom: 1vw;
}
.operation_meritList_item01 .operation_meritList_itemTop div{
	width: 80%;
	margin: 0 auto 1vw;
}
.operation_meritList_item02 .operation_meritList_itemTop div{
	width: 50%;
	margin: 0 auto 3vw;
}
.operation_meritList_itemTop h4{
	text-align: center;
	background: #fff;
	border: 1px solid #707070;
	border-radius: 50px;
	line-height: 1;
	padding: 2vw 0;
	font-size: 3.6vw;
}
.operation_meritList_itemBox{
	margin-bottom: 6vw;
}
.operation_meritList_itemBox + .operation_meritList_itemBox{
	margin-bottom: 0;
}
.operation_meritList_itemBox ul li{
	margin-bottom: 0.5vw;
	font-size: 3vw;
}
.operationWrap{
	background: #FFF596;
	padding: 9vw 0;
	margin-bottom: 4vw;
}
.operation_model{
	width: 90%;
	margin: 2vw auto 12vw;
	
}
.operation_meritTxt02Model{
	text-align: center;
}
.operation_modelBox{
	position: relative;
	padding-top: 25vw;
}
.oparation_model_ico {
	position: absolute;
	width: 34vw;
	left: 0;
	top: 0;
	right: 0;
	margin: auto;
}

.operation_modelList{

}
.operation_modelList li{
	margin-bottom: 4vw;
}
.operation_case{
	width: 90%;
	margin: 2vw auto 2vw;
}
.operation_caseBox{
	margin-top: 5vw;
	margin-bottom: 20vw;
	display: flex;
	justify-content: space-between;
	flex-direction: column-reverse;
}
.operation_caseBoxList{
	width: 100%;
}
.operation_caseBoxList_item01{
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAABCAYAAADn9T9+AAAAAXNSR0IArs4c6QAAABRJREFUGFdjLCgo+D9hwgRGBgIAAJOOBAJUF2SuAAAAAElFTkSuQmCC) 0 bottom repeat-x;
	padding-bottom: 7.2vw;
	margin-bottom: 5.2vw;
}
.operation_caseBoxList_item01 h3{
	font-size: 8vw;
}
.operation_caseBoxList_item02{
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAABCAYAAADn9T9+AAAAAXNSR0IArs4c6QAAABRJREFUGFdjLCgo+D9hwgRGBgIAAJOOBAJUF2SuAAAAAElFTkSuQmCC) 0 bottom repeat-x;
	padding-bottom: 5.2vw;
	margin-bottom: 5.2vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 4.4vw;
}
.operation_caseBoxList_item02 h4{
	width: 45%;
}
.operation_caseBoxList_item02 p{
	width: 55%;
}
.operation_caseBoxList li:nth-child(2){
	flex-wrap: wrap;
}
.operation_caseBoxList li:nth-child(2) h4{
	width: 100%;
	margin-bottom: 2vw;
}
.operation_caseBoxList li:nth-child(2) p{
	width: 100%;
}
.operation_caseBoxList_item03{

}
.operation_caseBoxList_item03 h4{
	font-size: 7vw;
	margin-bottom: 4vw;
	letter-spacing: 0.1em;
}
.operation_caseBoxList_item03 div{

}
.operation_caseBoxList_item03 div mark{
	display: inline-block;
	align-items: flex-end;
	justify-content: flex-start;
	color: #000598;
	line-height: 1;
	background: linear-gradient(transparent 70%, #FF3B3B70 0%);
}
.operation_caseBoxList_item03 div mark p{
	font-size: 19vw;
	font-weight: 500;
	display: inline-block;
}
.operation_caseBoxList_item03 div mark p + p{
	font-size: 10vw;
	font-weight: bold;
}
.operation_caseBoxImg{
	width: 100%;
	margin-bottom: 8vw;
}
.operationCaseBtn{
	width: 90%;
	margin: 0 auto;
	background: #fff;
}
}

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

OPERATION NAV

-------------------------------------------------------------*/
.opNavBox{
	width: 100%;
	position: fixed;
	z-index: 0;
	background: #fff;
	display: flex;
	justify-content: space-between;
	padding: 1vw 2vw;
	transition: 0.5s ease;
	opacity: 0;
}
.opNavBox .h_logo{
	width: 10%;
}
.opNavBox.transform{
	z-index: 100;
	opacity: 1;
}
.opNavBox_innerList{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.opNavBox_innerList_item01{
	margin-left: 3vw;
}
.opNavBox_innerList_item01 a{
	display: flex;
	align-items: center;
	line-height: 1;
	font-size: 0.9vw;
}
.opNavBox_innerList_item01 a img{
	width: 1vw;
	height: 1vw;
	margin-left: 0.5vw;
}
.opNavBox_innerList_item02{
	width: 3vw;
	margin-left: 3vw;
}
.opNavBox_innerList_item02 a{
	display: block;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.opNavBox{
	width: 100%;
	position: fixed;
	z-index: 0;
	background: #fff;
	display: flex;
	justify-content: space-between;
	padding: 2vw 2vw;
	transition: 0.5s ease;
	opacity: 0;
	align-items: center;
}
.opNavBox_innerList_item01 a{
	display: flex;
	align-items: center;
	line-height: 1;
	font-size: 1.2vw;
}
.opNavBox_innerList_item01 a img{
	width: 1.5vw;
	height: 1.5vw;
	margin-left: 0.5vw;
}
.opNavBox_innerList_item02{
	width: 5vw;
	margin-left: 3vw;
}
}
@media screen and (max-width: 599px) {  /* ============== SP LAYOUT ============== */
.opNavBox{
	width: 100%;
	position: fixed;
	z-index: 0;
	background: #6A805C;
	display: block;
	padding: 0vw;
	transition: 0.5s ease;
	opacity: 0;
	bottom: 0;
}
.opNavBox.transform{
	z-index: 100;
	opacity: 1;
}
.opNavBox_innerList{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.opNavBox_innerList_item{
	margin-left: 0;
	width: 25%;
	border-right: 1px solid #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.opNavBox_innerList_item a{
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.2;
	font-size: 10px;
	color: #fff;
	text-align: center;
	padding: 3vw 0 4vw;
	letter-spacing: 0px;
	position: relative;
	width: 100%;
	height: 100%;
}
.opNavBox_innerList_item:last-child{
	border-right: none;
}
.opNavBox_innerList_item a:after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1vw 1vw 0 1vw;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1.5vw;
	margin: auto;
}
a.opNavBox_innerList_itemLink02{
	letter-spacing: -1.5px;
}
}
/*-----------------------------------------------------------

EFFECT

-------------------------------------------------------------*/
.fadeUp {
animation-name:fadeUpAnime;
animation-duration:0.2s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(10px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}
.fadeUpFlow {
animation-name:fadeUpFlowAnime;
animation-duration:0.6s;
animation-fill-mode:forwards;
opacity: 0;
}
.flowBoxList_item{
	opacity: 0;
}

@keyframes fadeUpFlowAnime{
  from {
    opacity: 0;
	transform: translateY(30px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

.fadeLeft{
animation-name:fadeLeftAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeLeftAnime{
  from {
    opacity: 0;
	transform: translateX(-100px);
  }

  to {
    opacity: 1;
	transform: translateX(0);
  }
}

.scaleUp{
animation-name:scaleUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes scaleUpAnime{
  from {
    opacity: 0;
		transform: scale(0);
  }

  to {
    opacity: 1;
	transform: scale(1);
  }
}
@media screen and (max-width: 599px) {  /* ============== SP LAYOUT ============== */
.fadeUp {
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(10px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

.fadeLeft{
animation-name:fadeLeftAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeLeftAnime{
  from {
    opacity: 0;
	transform: translateX(-100px);
  }

  to {
    opacity: 1;
	transform: translateX(0);
  }
}

.scaleUp{
animation-name:scaleUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes scaleUpAnime{
  from {
    opacity: 0;
		transform: scale(0);
  }

  to {
    opacity: 1;
	transform: scale(1);
  }
}
}

.caseMore , .voiceMore{
    display: none;
}
@media screen and (max-width: 599px) {  /* ============== SP LAYOUT ============== */
.voice_item{
	-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;
}
.voice_item.is-hidden {
    opacity: 0;
    height: 0;
    margin: 0;
    -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;
}
.case_item{
	-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;
}
.case_item.is-hidden {
    opacity: 0;
    height: 0;
    margin: 0;
    -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;
}
.caseMore {
    margin: 3vw 0 6vw;
    position: relative;
    z-index: 1;
    display: block;
}
.caseMore.is-btn-hidden{
  display:none;
}
.caseMore p {
    background-color: #fcf085;
    color: #2e2e2e;
    border: none;
    cursor: pointer;
    padding: 3vw;
    line-height: 1em;
    width: 70%;
    margin: 0 auto;
    text-align: center;
    border-radius: 50px;
    border: 2px solid #707070;
    box-shadow: 1px 1px 3px #00000040;
    font-size: 3vw;
}
.voiceMore {
    margin: 3vw 0 6vw;
    position: relative;
    z-index: 1;
    display: block;
}
.voiceMore.is-btn-hidden{
  display:none;
}
.voiceMore p {
    background-color: #fcf085;
    color: #2e2e2e;
    border: none;
    cursor: pointer;
    padding: 3vw;
    line-height: 1em;
    width: 70%;
    margin: 0 auto;
    text-align: center;
    border-radius: 50px;
    border: 2px solid #707070;
    box-shadow: 1px 1px 3px #00000040;
    font-size: 3vw;
}
.t-logo-footer{
	max-width: 32px;
	margin-right: 4vw;
}
}