@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;
}
picture,img {
	width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  /*image-rendering: -webkit-optimize-contrast;*/
}
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: 1;
	-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;}

input,select,textarea{
  font-family: 'Noto Sans JP', "游ゴシック", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}
/*-----------------------------------------------------------
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;
}
html {
  width: 100%;
  font-size: calc(100vw / 1366 * 10);
}

@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
html {
  width: 100%;
  font-size: calc(100vw / 899 * 10);
}
a{
  color: inherit;
    -moz-transition: all 0s ease-out;
  -o-transition: all 0s ease-out;
  -webkit-transition: all 0s ease-out;
  -ms-transition: all 0s ease-out;
}
a:hover{
  opacity: 0.5;
  -moz-transition: all 0s ease-out;
  -o-transition: all 0s ease-out;
  -webkit-transition: all 0s ease-out;
  -ms-transition: all 0s ease-out;
}
}
@media only screen and (max-width: 599px) {
html {
  width: 100%;
  font-size: calc(100vw / 428 * 10);
}
a{
  color: inherit;
    -moz-transition: all 0s ease-out;
  -o-transition: all 0s ease-out;
  -webkit-transition: all 0s ease-out;
  -ms-transition: all 0s ease-out;
}
a:hover{
  opacity: 0.5;
  -moz-transition: all 0s ease-out;
  -o-transition: all 0s ease-out;
  -webkit-transition: all 0s ease-out;
  -ms-transition: all 0s ease-out;
}
}
body {
  position: relative;
  width: 100%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  font-family: 'Noto Sans JP', "游ゴシック", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  line-height: 2;
  letter-spacing: 0.05em;
  background-color: #fff;
  color: #212121;
}

@media only screen and (min-width: 900px) {
::-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: #aaa;
}

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

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  display: none;
}
a[href^="tel:"] {
    pointer-events: none;
}
}
.is_pc { display: block !important; }
.is_sp { display: none !important; }
.is_tb { display: none !important; }
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.is_tb { display: block !important; }
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.is_pc { display: none !important; }
.is_sp { display: block !important; }
.is_tb { display: none !important; }
body {
  font-size: 1.6rem;
}
}

.f_en{
  font-family: 'Oswald', sans-serif;
}
/*-----------------------------------------------------------

component

-------------------------------------------------------------*/
.c_pink{color: #E13C44;}
.c_blue{color: #1FAFE5;}
.c_blue02{color: #0054A4;}
.c_green{color: #0EC392;}
.c_green02{color: #0fa4a4;}
.c_orange{color: #F87549;}
/*-----------------------------------------------------------

cmn laypout

-------------------------------------------------------------*/
.header{
  background: #ffffffba;
  position: fixed;
  width: 100%;
  padding: 2rem 0 1rem;
  z-index: 1000;
}
.headerInner{
  width: 80%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.h_logo{
  width: 20rem;
  display: block;
}
.headerInnerNavWrap{
  width: 60%;
}
.headerInnerNav{

}
.headerInnerNav_top{
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.5rem;
}
.headerInnerNav_top li{
  margin-left: 1.5rem;
}
.headerInnerNav_top li a{
  display: block;
  font-weight: 600;
  color: #494949;
}
.headerInnerNav_btm{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.headerInnerNav_btm li{
  margin-left: 1rem;
  border-right: 1px solid #494949;
  padding-right: 1rem;
}
.headerInnerNav_btm li a{
  display: block;
  font-weight: 600;
  color: #494949;
  font-size: 1.8rem;
  line-height: 1;
}
.headerInnerNav_btm li a.current{
  display: block;
  text-decoration: underline;
}
.headerInnerNav_top li a:hover,.headerInnerNav_btm li a:hover{
  color: #ff2921;
}

.footer{
  padding: 5rem 0;
  background: #4F5252;
}
.footerInner{
  width: 85%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.footerInnerL{
  width: 30%;
}
.footerInnerL_box{
  margin-bottom: 1rem;
}
.footerInnerL_boxTxt01{
  color: #fff;
  font-weight: 600;
}
.footerInnerL_boxTxt01Top{
  margin-bottom: 1rem;
}
.footerInnerL_boxTxt02{
  color: #fff;
}
.footerInnerL_boxLink{
  color: #22B573;
}
.footerInnerL_list{
  margin-top: 1rem;
  border-top: 1px solid #fff;
  padding-top: 1rem;
  margin-bottom: 2rem;
}
.footerInnerL_listItem01{
  color: #fff;
  font-weight: 600;
}
.footerInnerL_listItem02{
  color: #22B573;
  padding-left: 1rem;
}
.footerInnerL_listItem02:before{
  content: "・";
  color: #fff;
}
.ftMore{
  display: flex;
  justify-content: flex-end;
}
.ftMore a{
  width: 11rem;
  display: block;
}
.footerInnerR{
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.footerInnerRTop{
  padding-left: 15rem;
}
.footerInnerRTop_txt01{
  color: #fff;
  font-weight: 600;
}
.footerInnerRTop_txt02{
  color: #fff;
  letter-spacing: 0;
  margin-bottom: 3rem;
}

.cmnBtn01Box--ftVisit{
  justify-content: flex-start;
}
.cmnBtn01Box--ftVisit .cmnBtn01{
  width: 28rem;
  position: relative;
  padding: 1.2rem 3rem;
  background: #008f6b;
  border: 1px solid #008f6b;
}
.cmnBtn01Box--ftVisit .cmnBtn01:hover{
  background: #4F5251;
  border: 1px solid #fff;
  color: #fff;
}
.cmnBtn01Box--ftVisit .cmnBtn01:hover:before,.cmnBtn01Box--ftVisit .cmnBtn01:hover:after {
  background: #fff;
}
.ftSns{
  display: flex;
  justify-content: space-between;
  width: 32%;
  padding-left: 3rem;
}
.ftSns li{
  width: 16%;
}
.ftSns li a{
  display: block;
}
.ftSns li a svg{
  fill: #fff;
}
.ftSns li a:hover svg{
  fill: #aaa;
}
.totop {
  position: fixed;
  right: 3rem;
  bottom: 3rem;
  font-weight: 900;
  width: 4rem;
  height: 4rem;
  z-index: 1;
  display: block;
  filter: drop-shadow(1px 1px 3px #00000060);
}
.totop svg{
  fill: #fff;
}
@media only screen and (min-width: 600px) {
.navTglOpen,.navBox{
  display: none;
}
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.headerInner {
  width: 95%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.headerInnerNavWrap {
  width: 70%;
}
.footerInnerL {
  width: 38%;
}
.footerInnerRTop {
  padding-left: 6rem;
}
.ftSns {
  display: flex;
  justify-content: space-between;
  width: 52%;
  padding-left: 3rem;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.header{
  background: #ffffffba;
  position: fixed;
  width: 100%;
  padding: 2rem 0 1rem;
  z-index: 1000;
}
.headerInner{
  width: 80%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.h_logo{
  width: 14rem;
  display: block;
  position: relative;
  z-index: 1000;
  margin-right: 1rem;
}
.headerInnerNavWrap{
  width: 60%;
  display: none;
}
.headerInnerNav{

}
.headerInnerNav_top{
  display: flex;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.headerInnerNav_top li{
  margin-left: 1.5rem;
}
.headerInnerNav_top li a{
  display: block;
  font-weight: 600;
  color: #494949;
  font-size: 1.2rem;
}
.headerInnerNav_btm{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
}
.headerInnerNav_btm li{
  margin-left: 0rem;
  border-right: none;
  padding-right: 0rem;
  margin-bottom: 2rem;
}
.headerInnerNav_btm li a{
  display: block;
  font-weight: 600;
  color: #494949;
  font-size: 1.4rem;
  line-height: 1;
}
.headerInnerNav_btm li a.current{
  display: block;
  text-decoration: underline;
}
.headerInnerNav_top li a:hover,.headerInnerNav_btm li a:hover{
  color: #ff2921;
}

/* hmb menu */
.navTglOpen{
  position: relative;
  z-index: 1000;
  width: 3rem;
  height: 2rem;
  background: url(../../src/img/nav_open.png) 0 0 no-repeat;
  background-size: 100% 100%;
  top: 0.6rem;
}
.navTglOpen.active{
  width: 3rem;
  height: 2rem;
  background: url(../../src/img/nav_close.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.navBox {
  visibility: hidden;
  z-index: 999;
  position: fixed;
  top: 1.6rem;
  right: 0rem;
  left: 0;
  width: 50%;
  height: auto;
  background: #fff;
  opacity: 0;
  transition: 0.3s ease;
  padding: 8rem 0rem 2rem;
  border-radius: 0px;
  box-shadow: 0 3px 5px #00000010;
  margin: auto;
}

.navBox.active {
  visibility: visible;
  opacity: 1;
  overflow: auto;
  color: #000;
  top: 1.6rem;
  right: 0rem;
  left: 0;
  background: #fff;
  transition: 0.5s ease;
  -ms-overflow-style: none; 
  scrollbar-width: none;
  width: 50%;
  height: auto;
}
.navBox.active::-webkit-scrollbar {
  display:none;
}

.footer{
  padding: 5rem 0;
  background: #4F5252;
}
.footerInner{
  width: 85%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.footerInnerL{
  width: 100%;
  margin-bottom: 3rem;
}
.footerInnerL_box{
  margin-bottom: 1rem;
}
.footerInnerL_boxTxt01{
  color: #fff;
  font-weight: 600;
}
.footerInnerL_boxTxt01Top{
  margin-bottom: 0rem;
}
.footerInnerL_boxTxt02{
  color: #fff;
}
.footerInnerL_boxLink{
  color: #22B573;
  font-size: 1.2rem;
}
.footerInnerL_list{
  margin-top: 1rem;
  border-top: 1px solid #fff;
  padding-top: 1rem;
  margin-bottom: 2rem;
}
.footerInnerL_listItem01{
  color: #fff;
  font-weight: 600;
}
.footerInnerL_listItem02{
  color: #22B573;
  padding-left: 1rem;
  font-size: 1.2rem;
}
.footerInnerL_listItem02:before{
  content: "・";
  color: #fff;
}
.ftMore{
  display: flex;
  justify-content: center;
}
.ftMore a{
  width: 11rem;
  display: block;
}
.footerInnerR{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.footerInnerRTop{
  padding-left: 0rem;
  margin-bottom: 3rem;
}
.footerInnerRTop_txt01{
  color: #fff;
  font-weight: 600;
}
.footerInnerRTop_txt02{
  color: #fff;
  letter-spacing: 0;
  margin-bottom: 2rem;
  font-size: 1.2rem;
}

.cmnBtn01Box--ftVisit{
  justify-content: flex-start;
}
.cmnBtn01Box--ftVisit .cmnBtn01{
  width: 20rem;
  position: relative;
  padding: 1rem 3rem;
  background: #008f6b;
  border: 1px solid #008f6b;
}
.cmnBtn01Box--ftVisit .cmnBtn01:hover{
  background: #4F5251;
  border: 1px solid #fff;
  color: #fff;
}
.cmnBtn01Box--ftVisit .cmnBtn01:hover:before,.cmnBtn01Box--ftVisit .cmnBtn01:hover:after {
  background: #fff;
}
.ftSns{
  display: flex;
  justify-content: space-between;
  width: 52%;
  padding-left: 0rem;
  margin: 0 auto;
}
.ftSns li{
  width: 20%;
}
.ftSns li a{
  display: block;
}
.ftSns li a svg{
  fill: #fff;
}
.ftSns li a:hover svg{
  fill: #aaa;
}
.totop {
  position: fixed;
  right: 2rem;
  bottom: 2rem;
  font-weight: 900;
  width: 3rem;
  height: 3rem;
  z-index: 1;
  display: block;
  filter: drop-shadow(1px 1px 3px #00000060);
}
.totop svg{
  fill: #fff;
}
}
/*-----------------------------------------------------------

TOP

-------------------------------------------------------------*/
.mainContent{

}
.mainV{
  position: relative;
}
.mainVSLide{
  position: relative;
  opacity: 0;
  transform: translateY(0.1rem);
  height: 79rem;
}
.mainVSLide.fadeIn{
  transform: translateY(0rem);
}
.mainVSLide li{
  position: absolute;
  opacity: 0;
  width: 100%;
}
.topAbout{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-left: 10rem solid #ff2921;
  position: relative;
  z-index: 1;
  background: #fff;
}
.topAboutL{
  width: 40%;
}
.topAboutR{
  width: 60%;
}
.topAboutRInner{
  width: 90%;
  margin: 0 auto;
}
.cmnNum01{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 3rem;
}
.cmnNum01 img{
  width: 7rem;
  margin-right: 1rem;
}
.cmnNum01 span{
  font-size: 6rem;
  letter-spacing: 0.15em;
  color: #494949;
  font-weight: 700;
}
.cmnTtl01Box{
  border-top: 1px solid #494949;
  border-bottom: 1px solid #494949;
  padding: 3rem 0;
  margin-bottom: 3rem;
}
.cmnTtl01{
  font-size: 6rem;
  line-height: 1.2;
  font-weight: 700;
}
.cmnTtl01Box--topAbout .cmnTtl01{
  text-align: right;
  color: #ff2921;
}
.topAboutRInner_txt{
  margin-bottom: 3rem;
}
.cmnBtn01Box{
  display: flex;
}
.cmnBtn01{
  width: 30rem;
  position: relative;
  padding: 1.5rem 4rem;
  font-size: 2rem;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.15em;
  line-height: 1;
}
.cmnBtn01:before,
.cmnBtn01:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: -2rem;
  margin: auto;
  height: 1px;
  border-radius: 10px;
  background: #fff;
  -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;
}
.cmnBtn01:before {
  width: 8rem;
  content: '';
  right: 3rem;
  top: 0;
}
.cmnBtn01:after {
  width: 3rem;
  transform-origin: right center;
  transform: rotate(40deg);
  content: '';
  right: 3rem;
}
.cmnBtn01Box--topAbout{
  justify-content: flex-end;
}
.cmnBtn01Box--topAbout .cmnBtn01{
  background: #ff2921;
  border: 1px solid #ff2921;
}
.cmnBtn01Box--topAbout .cmnBtn01:hover{
  background: #fff;
  border: 1px solid #ff2921;
  color: #ff2921;
}
.cmnBtn01Box--topAbout .cmnBtn01:hover:before,.cmnBtn01Box--topAbout .cmnBtn01:hover:after {
  background: #ff2921;
}
.topPolicy{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-left: 10rem solid #0B8D6C;
  background: url(../../src/img/top_policy_img.png) center center no-repeat;
  background-size: cover;
  padding: 6rem 0 10rem;
}
.paraBg {
  background-attachment: fixed;
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.topPolicyL{
  width: 60%;
}
.topPolicyLInner{
  width: 90%;
  margin: 0 auto;
}
.cmnNum01--topPolicy{
  justify-content: flex-start;
}
.cmnTtl01Box--topPolicy .cmnTtl01{
  text-align: center;
  color: #0B8D6C;
}
.topPolicyLInner_txt{
  margin-bottom: 3rem;
}
.topPolicyR{
  width: 40%;
  padding-top: 12rem;
  padding-right: 3%;
}
.cmnBtn01Box--topPolicy{
  justify-content: flex-end;
}
.cmnBtn01Box--topPolicy .cmnBtn01{
  background: #0B8D6C;
  border: 1px solid #0B8D6C;
}
.cmnBtn01Box--topPolicy .cmnBtn01:hover{
  background: #fff;
  border: 1px solid #0B8D6C;
  color: #0B8D6C;
}
.cmnBtn01Box--topPolicy .cmnBtn01:hover:before,.cmnBtn01Box--topPolicy .cmnBtn01:hover:after {
  background: #0B8D6C;
}
.topService{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-left: 10rem solid #00539C;
  padding: 6rem 0;
  background: #fff;
  position: relative;
  z-index: 1;
  margin-top: 20rem;
  margin-bottom: -45rem;
}
.topServiceL{
  width: 50%;
  padding: 4rem 0;
  padding-left: 3rem;
}
.topServiceR{
  width: 50%;
}
.topServiceRInner{
  width: 90%;
  margin: 0 auto;
}
.cmnTtl01Box--topService .cmnTtl01{
  text-align: right;
  color: #00539C;
}
.topServiceRInner_txt{
  margin-bottom: 3rem;
}
.cmnBtn01Box--topService{
  justify-content: flex-end;
}
.cmnBtn01Box--topService .cmnBtn01{
  background: #00539C;
  border: 1px solid #00539C;
}
.cmnBtn01Box--topService .cmnBtn01:hover{
  background: #fff;
  border: 1px solid #00539C;
  color: #00539C;
}
.cmnBtn01Box--topService .cmnBtn01:hover:before,.cmnBtn01Box--topService .cmnBtn01:hover:after {
  background: #00539C;
}
.topClient{
  background: url(../../src/img/top_client_img.png) center center no-repeat;
  background-size: cover;
  padding: 6rem 0 10rem;
  border-left: 10rem solid #494949;
}
.topClientTtl{
  display: flex;
  justify-content: center;
}
.topClientTtl h2 {
  font-size: 6rem;
  letter-spacing: 0.15em;
  color: #494949;
  font-weight: 700;
}
.topClient_txt{
  width: 60%;
  margin: 0 auto 4rem;
}
.topClientList{
  width: 96%;
  margin: 0 auto;
  padding-right: 0rem;
}
.topClientList{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.topClientList li{
  width: 20%;
  margin-bottom: 5rem;
}
.topClientList li:nth-child(1){padding: 0rem 4rem 0rem;}
.topClientList li:nth-child(2){padding: 0rem 5rem 0rem;}
.topClientList li:nth-child(3){padding: 0rem 5rem 0rem;}
.topClientList li:nth-child(4){padding: 0rem 8rem 0rem;}
.topClientList li:nth-child(5){padding: 0rem 6rem 0rem;}

.topClientList li:nth-child(6){padding: 0rem 4rem 0rem;}
.topClientList li:nth-child(7){padding: 0rem 6rem 0rem;}
.topClientList li:nth-child(8){padding: 0rem 5rem 0rem;}
.topClientList li:nth-child(9){padding: 0rem 6rem 0rem;}
.topClientList li:nth-child(10){padding: 0rem 8rem 0rem;}

.topClientList li:nth-child(11){padding: 0rem 1rem 0rem;}
.topClientList li:nth-child(12){padding: 0rem 6rem 0rem;}
.topClientList li:nth-child(13){padding: 0rem 6rem 0rem;}
.topClientList li:nth-child(14){padding: 0rem 4rem 0rem;}
.topClientList li:nth-child(15){padding: 0rem 7rem 0rem;}

.topClientList li:nth-child(16){padding: 0rem 1rem 0rem;}
.topClientList li:nth-child(17){padding: 0rem 4rem 0rem;}
.topClientList li:nth-child(18){padding: 0rem 4rem 0rem;}
.topClientList li:nth-child(19){padding: 0rem 6rem 0rem;}
.topClientList li:nth-child(20){padding: 0rem 5rem 0rem;}

.topClientList li:nth-child(21){padding: 0rem 1rem 0rem;}
.topClientList li:nth-child(22){padding: 0rem 4rem 0rem;}
.topClientList li:nth-child(23){padding: 0rem 6rem 0rem;}
.topClientList li:nth-child(24){padding: 0rem 5rem 0rem;}
.topClientList li:nth-child(25){padding: 0rem 6rem 0rem;}

.topClientList li:nth-child(26){padding: 0rem 1rem 0rem;}
.topClientList li:nth-child(27){padding: 0rem 8rem 0rem;}
.topClientList li:nth-child(28){padding: 0rem 8rem 0rem;}
.topClientList li:nth-child(29){padding: 0rem 5rem 0rem;}
.topClientList li:nth-child(30){padding: 0rem 7rem 0rem;}

.topClientList li:nth-child(31){padding: 0rem 1rem 0rem;}
.topClientList li:nth-child(32){padding: 0rem 5rem 0rem;}
.topClientList li:nth-child(33){padding: 0rem 7rem 0rem;}
.topClientList li:nth-child(34){padding: 0rem 5rem 0rem;}
.topClientList li:nth-child(35){padding: 0rem 7rem 0rem;}

.topNews{
  padding: 6rem 0 6rem;
  width: 85%;
  margin: 0 auto;
}
.topNewsTtl{
  display: flex;
  justify-content: center;
}
.topNewsTtl h2 {
  font-size: 6rem;
  letter-spacing: 0.15em;
  color: #EE2C24;
  font-weight: 700;
}
.topNewsList{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.topNewsList_item{
  width: 32%;
}
.topNewsList_item a{
  display: block;
}
.topNewsList_item a:hover{
  opacity: 0.5;
}
.topNewsList_item div{
  border-bottom: 4px solid #EE2C24;
}
.topNewsListTopic .topNewsList_item div {
    width: 100%;
    height: 27.8rem;
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 1rem;
}
.topNewsListTopic .topNewsList_item div img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.topNewsList_item h3{
  height: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 2.3rem;
  font-weight: 700;
  color: #4F5252;
  line-height: 1.4;
  letter-spacing: 0;
  border-bottom: 1px solid #4F5252;
  margin-bottom: 1rem;
}
.topNewsList_item p{
  color: #4F5252;
  font-weight: 300;
  text-align: center;
  font-size: 2rem;
  line-height: 1.4;
}
.cmnBtn01Box--topTopics {
  justify-content: center;
  margin-top: 3rem;
}
.cmnBtn01Box--topTopics .cmnBtn01 {
  background: #ff2921;
  border: 1px solid #ff2921;
}
.cmnBtn01Box--topTopics .cmnBtn01:hover{
  background: #fff;
  border: 1px solid #ff2921;
  color: #ff2921;
}
.cmnBtn01Box--topTopics .cmnBtn01:hover:before,.cmnBtn01Box--topTopics .cmnBtn01:hover:after {
  background: #ff2921;
}
.topProject{
  padding: 6rem 0 8rem;
  width: 100%;
  margin: 0 auto 8rem;
  background: #4F5251;
}
.topProjectInner{
  width: 80%;
  margin: 0 auto;
}
.topProjectTtl{
  display: flex;
  justify-content: center;
  margin-bottom: 5rem;
}
.topProjectTtl h2 {
  font-size: 6rem;
  letter-spacing: 0.15em;
  color: #fff;
  font-weight: 700;
}
.topProjectList{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 8rem;
}
.topProjectList_item01{
  width: 33.33333%;
}
.topProjectList_item01 a {
  position: relative;
  width: 100%;
  height: 36rem;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  cursor: pointer;
}
.topProjectList_item01 a img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  display: block;
  -webkit-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}
.topProjectList_item01 a:hover img:nth-of-type(2) {
  opacity: 0;
}

.topProjectListBox{
  width: 66.666666%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
.topProjectList_item02{
  width: 50%;
}
.topProjectList_item02 a {
  position: relative;
  width: 100%;
  height: 18rem;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  cursor: pointer;
}
.topProjectList_item02 a img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  display: block;
  -webkit-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}
.topProjectList_item02 a:hover img:nth-of-type(2) {
  opacity: 0;
}
.cmnBtn01Box--topProject{
  justify-content: center;
}
.cmnBtn01Box--topProject .cmnBtn01{
  background: #4F5251;
  border: 1px solid #fff;
}
.cmnBtn01Box--topProject .cmnBtn01:hover{
  background: #fff;
  border: 1px solid #fff;
  color: #4F5251;
}
.cmnBtn01Box--topProject .cmnBtn01:hover:before,.cmnBtn01Box--topProject .cmnBtn01:hover:after {
  background: #4F5251;
}
.topContact{
  width: 100%;
  margin: 0 auto 8rem;
}
.topContactInner{
  width: 80%;
  margin: 0 auto;
}
.topContactTtl{
  display: flex;
  justify-content: center;
  margin-bottom: 5rem;
}
.topContactTtl h2 {
  font-size: 6rem;
  letter-spacing: 0.15em;
  color: #00539C;
  font-weight: 700;
}
.topContactBox{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.topContactBoxL{
  width: 48%;
}
.topContactForm{
  margin-bottom: 8rem;
}
.topContactForm li{
  margin-bottom: 2rem;
}
.topContactForm li input {
  background: #fff;
  padding: 1rem;
  width: 100%;
  -webkit-appearance: none;
  color: #212121;
  border: 1px solid #434343;
}

.topContactForm li textarea {
  background: #fff;
  padding: 1rem;
  width: 100%;
  -webkit-appearance: none;
  color: #212121;
  border: 1px solid #434343;
  height: 18rem;
}
.sendBtn {
  position: relative;
  width: 28rem;
  margin: 0 auto;
}
.sendBtn .button {
    -webkit-appearance: none;
    cursor: pointer;
    width: 100%;
    display: block;
    background: #00539C;
    border: 1px solid #00539C;
    text-align: left;
    padding: 1.4rem 6rem;
    color: #fff;
    position: relative;
    font-size: 2.5rem;
    line-height: 1;
    letter-spacing: 0.15em;
    font-weight: 500;
}
.sendBtn:before,
.sendBtn:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: -2rem;
  margin: auto;
  height: 1px;
  border-radius: 10px;
  background: #fff;
  -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;
  z-index: 1;
}
.sendBtn:before {
  width: 8rem;
  content: '';
  right: 3rem;
  top: 0;
}
.sendBtn:after {
  width: 3rem;
  transform-origin: right center;
  transform: rotate(40deg);
  content: '';
  right: 3rem;
}
.sendBtn:hover:before,.sendBtn:hover:after{
  background: #00539C;
}
.sendBtn .button:hover {
  background: #fff;
  color: #00539C;
}
.button:hover{
  opacity: 1;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
}
::placeholder {
  color: #DFDFDF;
}
.topContactBoxR{
  width: 48%;
}

@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.mainVSLide {
  position: relative;
  opacity: 0;
  transform: translateY(0.1rem);
  height: 52rem;
}
.topAbout {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-left: 5rem solid #ff2921;
  position: relative;
  z-index: 1;
  background: #fff;
}
.cmnTtl01 {
  font-size: 3rem;
  line-height: 1.2;
  font-weight: 700;
}
.topAboutL {
  width: 50%;
}
.topAboutR {
  width: 50%;
}
.topPolicy {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-left: 5rem solid #0B8D6C;
  background: url(../../src/img/top_policy_img.png) center center no-repeat;
  background-size: cover;
  padding: 6rem 0 10rem;
}
.topService {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-left: 5rem solid #00539C;
  padding: 6rem 0;
  background: #fff;
  position: relative;
  z-index: 1;
  margin-top: 0rem;
  margin-bottom: 0rem;
}
.topClient {
  background: url(../../src/img/top_client_img.png) center center no-repeat;
  background-size: cover;
  padding: 6rem 0 10rem;
  border-left: 5rem solid #494949;
}
.topClient_txt {
  width: 90%;
  margin: 0 auto 4rem;
}
.topClientList li{
  width: 20%;
  margin-bottom: 3rem;
}
.topClientList li:nth-child(1){padding: 0rem 3rem 0rem;}
.topClientList li:nth-child(2){padding: 0rem 4rem 0rem;}
.topClientList li:nth-child(3){padding: 0rem 4rem 0rem;}
.topClientList li:nth-child(4){padding: 0rem 6rem 0rem;}
.topClientList li:nth-child(5){padding: 0rem 5rem 0rem;}

.topClientList li:nth-child(6){padding: 0rem 3rem 0rem;}
.topClientList li:nth-child(7){padding: 0rem 5rem 0rem;}
.topClientList li:nth-child(8){padding: 0rem 4rem 0rem;}
.topClientList li:nth-child(9){padding: 0rem 5rem 0rem;}
.topClientList li:nth-child(10){padding: 0rem 6rem 0rem;}

.topClientList li:nth-child(11){padding: 0rem 1rem 0rem;}
.topClientList li:nth-child(12){padding: 0rem 5rem 0rem;}
.topClientList li:nth-child(13){padding: 0rem 5rem 0rem;}
.topClientList li:nth-child(14){padding: 0rem 3rem 0rem;}
.topClientList li:nth-child(15){padding: 0rem 6rem 0rem;}

.topClientList li:nth-child(16){padding: 0rem 1rem 0rem;}
.topClientList li:nth-child(17){padding: 0rem 3rem 0rem;}
.topClientList li:nth-child(18){padding: 0rem 3rem 0rem;}
.topClientList li:nth-child(19){padding: 0rem 5rem 0rem;}
.topClientList li:nth-child(20){padding: 0rem 4rem 0rem;}

.topClientList li:nth-child(21){padding: 0rem 1rem 0rem;}
.topClientList li:nth-child(22){padding: 0rem 3rem 0rem;}
.topClientList li:nth-child(23){padding: 0rem 5rem 0rem;}
.topClientList li:nth-child(24){padding: 0rem 4rem 0rem;}
.topClientList li:nth-child(25){padding: 0rem 5rem 0rem;}

.topClientList li:nth-child(26){padding: 0rem 1rem 0rem;}
.topClientList li:nth-child(27){padding: 0rem 6rem 0rem;}
.topClientList li:nth-child(28){padding: 0rem 5rem 0rem;}
.topClientList li:nth-child(29){padding: 0rem 4rem 0rem;}
.topClientList li:nth-child(30){padding: 0rem 6rem 0rem;}

.topClientList li:nth-child(31){padding: 0rem 1rem 0rem;}
.topClientList li:nth-child(32){padding: 0rem 4rem 0rem;}
.topClientList li:nth-child(33){padding: 0rem 5rem 0rem;}
.topClientList li:nth-child(34){padding: 0rem 4rem 0rem;}
.topClientList li:nth-child(35){padding: 0rem 5rem 0rem;}

.topNews {
  padding: 6rem 0 6rem;
  width: 90%;
  margin: 0 auto;
}
.topNewsListTopic .topNewsList_item div {
  width: 100%;
  height: 19.8rem;
  position: relative;
  overflow: hidden;
  display: block;
  margin-bottom: 1rem;
}
.topNewsList_item h3 {
  height: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
  color: #4F5252;
  line-height: 1.4;
  letter-spacing: 0;
  border-bottom: 1px solid #4F5252;
  margin-bottom: 1rem;
}
.topNewsList_item p {
  color: #4F5252;
  font-weight: 300;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.4;
}
.topProjectInner {
  width: 90%;
  margin: 0 auto;
}
.topProjectList_item01 a {
  position: relative;
  width: 100%;
  height: 27rem;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  cursor: pointer;
}
.topProjectList_item02 a {
  position: relative;
  width: 100%;
  height: 13.5rem;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  cursor: pointer;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.mainContent{
  overflow: hidden;
}
.mainV{
  position: relative;
}
.mainVSLide{
  position: relative;
  opacity: 0;
  transform: translateY(0.1rem);
  height: 35rem;
}
.mainVSLide.fadeIn{
  transform: translateY(0rem);
}
.mainVSLide li{
  position: absolute;
  opacity: 0;
  width: 140%;
  left: -20%;
  right: 0;
  margin: auto;
}
.topAbout{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-left: 2rem solid #ff2921;
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 2rem 0;
}
.topAboutL{
  width: 40%;
}
.topAboutR{
  width: 60%;
}
.topAboutRInner{
  width: 90%;
  margin: 0 auto;
}
.cmnNum01{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 1rem;
}
.cmnNum01 img{
  width: 3rem;
  margin-right: 1rem;
}
.cmnNum01 span{
  font-size: 2.5rem;
  letter-spacing: 0.15em;
  color: #494949;
  font-weight: 700;
}
.cmnTtl01Box{
  border-top: 1px solid #494949;
  border-bottom: 1px solid #494949;
  padding: 1rem 0;
  margin-bottom: 1rem;
}
.cmnTtl01{
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 700;
}
.cmnTtl01Box--topAbout .cmnTtl01{
  text-align: right;
  color: #ff2921;
}
.topAboutRInner_txt{
  margin-bottom: 2rem;
  font-size: 1rem;
  line-height: 1.4;
}
.cmnBtn01Box{
  display: flex;
}
.cmnBtn01{
  width: 20rem;
  position: relative;
  padding: 1rem 4rem;
  font-size: 1.2rem;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.15em;
  line-height: 1;
}
.cmnBtn01:before,
.cmnBtn01:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: -1rem;
  margin: auto;
  height: 1px;
  border-radius: 10px;
  background: #fff;
  -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;
}
.cmnBtn01:before {
  width: 4rem;
  content: '';
  right: 3rem;
  top: 0;
}
.cmnBtn01:after {
  width: 1.5rem;
  transform-origin: right center;
  transform: rotate(40deg);
  content: '';
  right: 3rem;
}
.cmnBtn01Box--topAbout{
  justify-content: flex-end;
}
.cmnBtn01Box--topAbout .cmnBtn01{
  background: #ff2921;
  border: 1px solid #ff2921;
}
.cmnBtn01Box--topAbout .cmnBtn01:hover{
  background: #fff;
  border: 1px solid #ff2921;
  color: #ff2921;
}
.cmnBtn01Box--topAbout .cmnBtn01:hover:before,.cmnBtn01Box--topAbout .cmnBtn01:hover:after {
  background: #ff2921;
}
.topPolicy{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-left: 2rem solid #0B8D6C;
  background: url(../../src/img/top_policy_img.png) center center no-repeat;
  background-size: cover;
  padding: 3rem 0 5rem;
  flex-direction: column;
}
.paraBg {
  background-attachment: fixed;
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.topPolicyL{
  width: 100%;
}
.topPolicyLInner{
  width: 90%;
  margin: 0 auto;
}
.cmnNum01--topPolicy{
  justify-content: flex-start;
}
.cmnTtl01Box--topPolicy .cmnTtl01{
  text-align: center;
  color: #0B8D6C;
}
.topPolicyRInner_txt{
  margin-bottom: 2rem;
  font-size: 1rem;
  line-height: 1.4;
}
.topPolicyR{
  width: 90%;
  padding-top: 0;
  padding-right: 0;
  margin: 0 auto;
}
.cmnBtn01Box--topPolicy{
  justify-content: flex-start;
}
.cmnBtn01Box--topPolicy .cmnBtn01{
  background: #0B8D6C;
  border: 1px solid #0B8D6C;
}
.cmnBtn01Box--topPolicy .cmnBtn01:hover{
  background: #fff;
  border: 1px solid #0B8D6C;
  color: #0B8D6C;
}
.cmnBtn01Box--topPolicy .cmnBtn01:hover:before,.cmnBtn01Box--topPolicy .cmnBtn01:hover:after {
  background: #0B8D6C;
}
.topService{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-left: 2rem solid #00539C;
  padding: 2rem 0;
  background: #fff;
  position: relative;
  z-index: 1;
  margin-top: 0rem;
  margin-bottom: 0rem;
}
.topServiceL{
  width: 50%;
  padding: 4rem 0;
  padding-left: 0rem;
}
.topServiceR{
  width: 50%;
}
.topServiceRInner{
  width: 90%;
  margin: 0 auto;
}
.cmnTtl01Box--topService .cmnTtl01{
  text-align: right;
  color: #00539C;
}
.topServiceRInner_txt{
  margin-bottom: 2rem;
  font-size: 1rem;
  line-height: 1.4;
}
.cmnBtn01Box--topService{
  justify-content: flex-end;
}
.cmnBtn01Box--topService .cmnBtn01{
  background: #00539C;
  border: 1px solid #00539C;
}
.cmnBtn01Box--topService .cmnBtn01:hover{
  background: #fff;
  border: 1px solid #00539C;
  color: #00539C;
}
.cmnBtn01Box--topService .cmnBtn01:hover:before,.cmnBtn01Box--topService .cmnBtn01:hover:after {
  background: #00539C;
}
.topClient{
  background: url(../../src/img/top_client_img.png) center center no-repeat;
  background-size: cover;
  padding: 3rem 0 5rem;
  border-left: 2rem solid #494949;
}
.topClientTtl{
  display: flex;
  justify-content: center;
}
.topClientTtl h2 {
  font-size: 2.5rem;
  letter-spacing: 0.15em;
  color: #494949;
  font-weight: 700;
}
.topClient_txt{
  width: 90%;
  margin: 0 auto 2rem;
  font-size: 1rem;
  line-height: 1.4;
}
.topClientList{
  width: 90%;
  margin: 0 auto;
  padding-right: 0rem;
}
.topClientList{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.topClientList li{
  width: 20%;
  margin-bottom: 2rem;
}
.topClientList li:nth-child(1){padding: 0rem 0rem 0rem;}
.topClientList li:nth-child(2){padding: 0rem 0.5rem 0rem;}
.topClientList li:nth-child(3){padding: 0rem 0.5rem 0rem;}
.topClientList li:nth-child(4){padding: 0rem 2rem 0rem;}
.topClientList li:nth-child(5){padding: 0rem 1rem 0rem;}

.topClientList li:nth-child(6){padding: 0rem 0rem 0rem;}
.topClientList li:nth-child(7){padding: 0rem 1rem 0rem;}
.topClientList li:nth-child(8){padding: 0rem 0.5rem 0rem;}
.topClientList li:nth-child(9){padding: 0rem 0.5rem 0rem;}
.topClientList li:nth-child(10){padding: 0rem 1rem 0rem;}

.topClientList li:nth-child(11){padding: 0rem 0rem 0rem;}
.topClientList li:nth-child(12){padding: 0rem 0.5rem 0rem;}
.topClientList li:nth-child(13){padding: 0rem 0.5rem 0rem;}
.topClientList li:nth-child(14){padding: 0rem 0rem 0rem;}
.topClientList li:nth-child(15){padding: 0rem 1rem 0rem;}

.topClientList li:nth-child(16){padding: 0rem 0rem 0rem;}
.topClientList li:nth-child(17){padding: 0rem 0.5rem 0rem;}
.topClientList li:nth-child(18){padding: 0rem 0.5rem 0rem;}
.topClientList li:nth-child(19){padding: 0rem 0.5rem 0rem;}
.topClientList li:nth-child(20){padding: 0rem 0.5rem 0rem;}

.topClientList li:nth-child(21){padding: 0rem 0rem 0rem;}
.topClientList li:nth-child(22){padding: 0rem 0.5rem 0rem;}
.topClientList li:nth-child(23){padding: 0rem 1rem 0rem;}
.topClientList li:nth-child(24){padding: 0rem 0.5rem 0rem;}
.topClientList li:nth-child(25){padding: 0rem 0.5rem 0rem;}

.topClientList li:nth-child(26){padding: 0rem 0rem 0rem;}
.topClientList li:nth-child(27){padding: 0rem 1rem 0rem;}
.topClientList li:nth-child(28){padding: 0rem 0.5rem 0rem;}
.topClientList li:nth-child(29){padding: 0rem 1rem 0rem;}
.topClientList li:nth-child(30){padding: 0rem 1rem 0rem;}

.topClientList li:nth-child(31){padding: 0rem 0rem 0rem;}
.topClientList li:nth-child(32){padding: 0rem 0.5rem 0rem;}
.topClientList li:nth-child(33){padding: 0rem 1rem 0rem;}
.topClientList li:nth-child(34){padding: 0rem 1rem 0rem;}
.topClientList li:nth-child(35){padding: 0rem 1rem 0rem;}

.topNews{
  padding: 6rem 0 6rem;
  width: 85%;
  margin: 0 auto;
}
.topNewsTtl{
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}
.topNewsTtl h2 {
  font-size: 2.5rem;
  letter-spacing: 0.15em;
  color: #EE2C24;
  font-weight: 700;
}
.topNewsList{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.topNewsList_item{
  width: 100%;
  margin-bottom: 3rem;
}
.topNewsList_item a{
  display: block;
}
.topNewsList_item a:hover{
  opacity: 0.5;
}
.topNewsList_item div{
  border-bottom: 4px solid #EE2C24;
}
.topNewsListTopic .topNewsList_item div {
    width: 100%;
    height: 27.8rem;
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 1rem;
}
.topNewsListTopic .topNewsList_item div img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.topNewsList_item h3{
  height: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
  color: #4F5252;
  line-height: 1.4;
  letter-spacing: 0;
  border-bottom: 1px solid #4F5252;
  margin-bottom: 1rem;
}
.topNewsList_item p{
  color: #4F5252;
  font-weight: 300;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.4;
}
.topProject{
  padding: 3rem 0 4rem;
  width: 100%;
  margin: 0 auto 8rem;
  background: #4F5251;
}
.topProjectInner{
  width: 80%;
  margin: 0 auto;
}
.topProjectTtl{
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}
.topProjectTtl h2 {
  font-size: 2.5rem;
  letter-spacing: 0.15em;
  color: #fff;
  font-weight: 700;
}
.topProjectList{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 4rem;
  flex-direction: column;
}
.topProjectList_item01{
  width: 100%;
}
.topProjectList_item01 a {
  position: relative;
  width: 100%;
  height: 34rem;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  cursor: pointer;
}
.topProjectList_item01 a img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  display: block;
  -webkit-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}
.topProjectList_item01 a:hover img:nth-of-type(2) {
  opacity: 0;
}

.topProjectListBox{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
.topProjectList_item02{
  width: 100%;
}
.topProjectList_item02 a {
  position: relative;
  width: 100%;
  height: 18rem;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  cursor: pointer;
}
.topProjectList_item02 a img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  display: block;
  -webkit-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}
.topProjectList_item02 a:hover img:nth-of-type(2) {
  opacity: 0;
}
.cmnBtn01Box--topProject{
  justify-content: center;
}
.cmnBtn01Box--topProject .cmnBtn01{
  background: #4F5251;
  border: 1px solid #fff;
}
.cmnBtn01Box--topProject .cmnBtn01:hover{
  background: #fff;
  border: 1px solid #fff;
  color: #4F5251;
}
.cmnBtn01Box--topProject .cmnBtn01:hover:before,.cmnBtn01Box--topProject .cmnBtn01:hover:after {
  background: #4F5251;
}
.topContact{
  width: 100%;
  margin: 0 auto 8rem;
}
.topContactInner{
  width: 80%;
  margin: 0 auto;
}
.topContactTtl{
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}
.topContactTtl h2 {
  font-size: 2.5rem;
  letter-spacing: 0.15em;
  color: #00539C;
  font-weight: 700;
}
.topContactBox{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: column-reverse;
}
.topContactBoxL{
  width: 100%;
}
.topContactForm{
  margin-bottom: 3rem;
}
.topContactForm li{
  margin-bottom: 2rem;
}
.topContactForm li input {
  background: #fff;
  padding: 1rem;
  width: 100%;
  -webkit-appearance: none;
  color: #212121;
  border: 1px solid #434343;
}

.topContactForm li textarea {
  background: #fff;
  padding: 1rem;
  width: 100%;
  -webkit-appearance: none;
  color: #212121;
  border: 1px solid #434343;
  height: 18rem;
}
.sendBtn {
  position: relative;
  width: 20rem;
  margin: 0 auto;
}
.sendBtn .button {
    -webkit-appearance: none;
    cursor: pointer;
    width: 100%;
    display: block;
    background: #00539C;
    border: 1px solid #00539C;
    text-align: left;
    padding: 1rem 6rem;
    color: #fff;
    position: relative;
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: 0.15em;
    font-weight: 500;
}
.sendBtn:before,
.sendBtn:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: -1rem;
  margin: auto;
  height: 1px;
  border-radius: 10px;
  background: #fff;
  -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;
  z-index: 1;
}
.sendBtn:before {
  width: 4rem;
  content: '';
  right: 3rem;
  top: 0;
}
.sendBtn:after {
  width: 1.5rem;
  transform-origin: right center;
  transform: rotate(40deg);
  content: '';
  right: 3rem;
}
.sendBtn:hover:before,.sendBtn:hover:after{
  background: #00539C;
}
.sendBtn .button:hover {
  background: #fff;
  color: #00539C;
}
.button:hover{
  opacity: 1;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
}
::placeholder {
  color: #DFDFDF;
}
.topContactBoxR{
  width: 100%;
  margin-bottom: 2rem;
  width: 100%;
  height: 12.8rem;
  position: relative;
  overflow: hidden;
  display: block;
}
.topContactBoxR img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
}
.punkuzWrap{
  padding: 1rem;
  background: #fafafa;
  margin-bottom: 8rem;
}
.punkuz{
  width: 75%;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.punkuz li{
  padding-left: 4rem;
  position: relative;
}
.punkuz li:first-child{
  padding-left: 0rem;
}
.punkuz li:before{
  content: "";
  width: 2rem;
  height: 1px;
  background: #aaa;
  position: absolute;
  left: 1rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.punkuz li:first-child:before{
  display: none;
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.punkuzWrap{
  padding: 0.6rem;
  background: #fafafa;
  margin-bottom: 4rem;
}
.punkuz{
  width: 85%;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.punkuz li{
  padding-left: 4rem;
  position: relative;
  font-size: 1.2rem;
}
.punkuz li:first-child{
  padding-left: 0rem;
}
.punkuz li:before{
  content: "";
  width: 2rem;
  height: 1px;
  background: #aaa;
  position: absolute;
  left: 1rem;
  top: 0.2rem;
  bottom: 0;
  margin: auto;
}
.punkuz li:first-child:before{
  display: none;
}
}
/*-----------------------------------------------------------

ABOUT

-------------------------------------------------------------*/
.mainContentPage{
  padding-top: 8.5rem;
}
.aboutWrap{
  border-left: 6rem solid #ff271d;
}
.aboutIntro{
  padding: 8rem 0 10rem;
  position: relative;
}
.aboutIntroInner{
  position: relative;
  z-index: 1;
}
.aboutIntro_ttl{
  text-align: center;
  font-size: 5rem;
  font-weight: 700;
  color: #4F5252;
  line-height: 1.4;
  margin-bottom: 4rem;
  letter-spacing: 0.15em;
  position: relative;
  z-index: 1;
}
.aboutIntroInner{
  width: 85%;
  margin: 0 auto;
}
.about_cmn_en{
  text-align: center;
  font-size: 5rem;
  letter-spacing: 0.15em;
  color: #EE2C24;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 2rem;
}
.about_cmnSub_en{
  text-align: center;
  font-size: 3.5rem;
  letter-spacing: 0.15em;
  color: #4F5252;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 3rem;
}
.aboutIntro_txt{
  text-align: center;
}
.cmnSubLogo{
  position: absolute;
  width: 19rem;
  left: 27rem;
  top: 6rem;
}
.aboutHistory{
  padding: 6rem 0 6rem;
  position: relative;
  background: #e9e9e9;
  margin-bottom: 8rem;
}
.aboutHistoryInner{
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  margin: 0 auto;
}
.aboutHistoryInnerL{
  width: 30%;
}
.aboutHistoryInnerR{
  width: 65%;
}
.aboutHistory_ttl{
  font-weight: 700;
}
.about_cmn_en--aboutHistory{
  text-align: left;
}
.aboutHistory_txt{

}
.about_20logo{
  position: absolute;
  width: 20rem;
  right: 6rem;
  top: 7rem;
}
.aboutFeauture{
  position: relative;
  padding-bottom: 8rem;
}
.aboutFeautureInner{
  position: relative;
  width: 90%;
  margin: 0 auto;
}
.aboutFeauture_ttl{
  font-weight: 700;
  text-align: center;
}
.about_cmn_en--aboutFeauture{
  margin-bottom: 8rem;
}
.aboutFeautureList{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
.aboutFeautureList li{
  width: 22%;
  background: #E8E8E8;
  margin-bottom: 4rem;
  padding: 3rem;
  text-align: center;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  height: 25rem;
}
.aboutFeautureList li span{
  color: #EE2C24;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.aboutIntroInner {
  width: 92%;
  margin: 0 auto;
}
.about_cmnSub_en {
  text-align: center;
  font-size: 2.5rem;
  letter-spacing: 0.15em;
  color: #4F5252;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 3rem;
}
.cmnSubLogo {
  position: absolute;
  width: 19rem;
  left: 8rem;
  top: 6rem;
}
.aboutHistory_txt br{
  display: none;
}
.about_20logo {
  position: absolute;
  width: 14rem;
  right: 1rem;
  top: 3rem;
}
.aboutFeautureList li {
  width: 48%;
  background: #E8E8E8;
  margin-bottom: 2rem;
  padding: 2rem;
  text-align: center;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  height: auto;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.mainContentPage{
  padding-top: 7rem;
}
.aboutWrap{
  border-left: 2rem solid #ff271d;
}
.aboutIntro{
  padding: 8rem 0 10rem;
  position: relative;
}
.aboutIntroInner{
  position: relative;
  z-index: 1;
}
.aboutIntro_ttl{
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
  color: #4F5252;
  line-height: 1.4;
  margin-bottom: 3rem;
  letter-spacing: 0.15em;
  position: relative;
  z-index: 1;
}
.aboutIntroInner{
  width: 85%;
  margin: 0 auto;
}
.about_cmn_en{
  ext-align: center;
  font-size: 3rem;
  letter-spacing: 0.15em;
  color: #EE2C24;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 2rem;
}
.about_cmnSub_en{
  text-align: center;
  font-size: 1.5rem;
  letter-spacing: 0.15em;
  color: #4F5252;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 3rem;
}
.aboutIntro_txt{
  text-align: center;
}
.aboutIntro_txt br{
  display: none;
}
.cmnSubLogo{
  position: absolute;
  width: 9rem;
  left: 4rem;
  top: 6rem;
}
.aboutHistory{
  padding: 6rem 0 6rem;
  position: relative;
  background: #e9e9e9;
  margin-bottom: 8rem;
}
.aboutHistoryInner{
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 85%;
  margin: 0 auto;
  flex-direction: column-reverse;
}
.aboutHistoryInnerL{
  width: 50%;
}
.aboutHistoryInnerR{
  width: 100%;
  margin-bottom: 3rem;
}
.aboutHistory_ttl{
  font-weight: 700;
}
.about_cmn_en--aboutHistory{
  text-align: left;
}
.aboutHistory_txt{

}
.aboutHistory_txt br{
  display: none;
}
.about_20logo{
  position: absolute;
  width: 13rem;
  right: 2rem;
  top: 2rem;
}
.aboutFeauture{
  position: relative;
  padding-bottom: 8rem;
}
.aboutFeautureInner{
  position: relative;
  width: 85%;
  margin: 0 auto;
}
.aboutFeauture_ttl{
  font-weight: 700;
  text-align: center;
}
.about_cmn_en--aboutFeauture{
  margin-bottom: 3rem;
}
.aboutFeautureList{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
.aboutFeautureList li{
  width: 100%;
  background: #E8E8E8;
  margin-bottom: 2rem;
  padding: 2rem;
  text-align: left;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  height: auto;
}
.aboutFeautureList li span{
  color: #EE2C24;
}
}
/*-----------------------------------------------------------

POLICY

-------------------------------------------------------------*/
.policyWrap{
  border-left: 6rem solid #008f6a;
}
.policyIntro{
  padding: 8rem 0 10rem;
  position: relative;
}
.policyIntroInner{
  position: relative;
  z-index: 1;
}
.policyIntro_ttl{
  text-align: center;
  font-size: 5rem;
  font-weight: 700;
  color: #4F5252;
  line-height: 1.4;
  margin-bottom: 6rem;
  letter-spacing: 0.15em;
  position: relative;
  z-index: 1;
}
.policyIntroInner{
  width: 85%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.policyIntroInnerL{
  width: 55%;
}
.policyIntroInnerL_txt{
  font-size: 1.8rem;
  line-height: 1.6;
}
.policyIntroInnerL_txt span{
  color: #008f6a;;
}
.policyIntroInnerR {
    width: 40%;
    height: 40.8rem;
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 1rem;
}
.policyIntroInnerR img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.cmnSubLogo--policyIntro {
  left: 17rem;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.policyIntro_ttl {
  text-align: center;
  font-size: 4rem;
  font-weight: 700;
  color: #4F5252;
  line-height: 1.4;
  margin-bottom: 6rem;
  letter-spacing: 0.15em;
  position: relative;
  z-index: 1;
}
.policyIntroInner{
  width: 85%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column-reverse;
}
.policyIntroInnerL{
  width: 100%;
}
.policyIntroInnerR {
  width: 100%;
  height: 27.8rem;
  position: relative;
  overflow: hidden;
  display: block;
  margin-bottom: 5rem;
}
.cmnSubLogo--policyIntro {
  left: 2rem;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.policyWrap{
  border-left: 2rem solid #008f6a;
}
.policyIntro{
  padding: 8rem 0 10rem;
  position: relative;
}
.policyIntroInner{
  position: relative;
  z-index: 1;
}
.policyIntro_ttl{
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
  color: #4F5252;
  line-height: 1.4;
  margin-bottom: 6rem;
  letter-spacing: 0.15em;
  position: relative;
  z-index: 1;
}
.policyIntroInner{
  width: 85%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column-reverse;
}
.policyIntroInnerL{
  width: 100%;
}
.policyIntroInnerL_txt{
  font-size: 1.6rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.policyIntroInnerL_txt span{
  color: #008f6a;;
}
.policyIntroInnerL_txt i{
  display: none;
}
.policyIntroInnerR {
    width: 100%;
    height: 17.8rem;
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 4rem;
}
.policyIntroInnerR img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.cmnSubLogo--policyIntro {
  left: 5rem;
}
}
/*-----------------------------------------------------------

SERVICE

-------------------------------------------------------------*/
.serviceWrap{
  border-left: 6rem solid #004e97;
}
.serviceIntro{
  padding: 8rem 0 10rem;
  position: relative;
}
.serviceIntroInner{
  position: relative;
  z-index: 1;
}
.serviceIntro_ttl{
  text-align: center;
  font-size: 5rem;
  font-weight: 700;
  color: #4F5252;
  line-height: 1.4;
  margin-bottom: 4rem;
  letter-spacing: 0.15em;
  position: relative;
  z-index: 1;
}
.serviceIntroInner{
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.serviceIntroInnerL{
  width: 55%;
}
.serviceIntroInnerLTtlBox{
  position: relative;
}
.service_cmn_en{
  text-align: left;
  font-size: 5rem;
  letter-spacing: 0.15em;
  color: #164e93;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 2rem;
}
.serviceIntroInnerLTtlBox ul{
  position: absolute;
  right: -4rem;
  bottom: 0.6rem;
  width: 22%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.serviceIntroInnerLTtlBox ul li{
  width: 45%;
}
.serviceIntroInnerR{
  width: 35%;
}
.serviceStep{
  background: url(../../src/img/service_bg01.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.serviceStepInner{
  width: 90%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 5rem 0;
}
.serviceStepInnerL{
  width: 45%;
}
.serviceStepInnerR{
  width: 50%;
}
.service_cmn_en--serviceStep{
  text-align: right;
}
.serviceStepInnerR_txt{
  text-align: right;
}
.serviceGreen{
  
}
.serviceGreenInner{
  width: 90%;
  margin: 0 auto;
  padding: 5rem 0;
}
.serviceGreenInnerTop{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3rem;
}
.serviceGreenInnerTopL{
  width: 45%;
}
.serviceGreenInnerTopR{
  width: 53%;
}
.serviceGreenInnerBtm{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3rem;
}
.serviceGreenInnerBtmL{
  width: 55%;
}
.serviceGreenInnerBtmL_logo{
  width: 40%;
  margin-bottom: 2rem;
}
.serviceGreenInnerBtmL_txt{
  margin-bottom: 2rem;
}
.serviceGreenInnerBtmR{
  width: 35%;
}
.cmnBtn01Box--serviceGreen .cmnBtn01 {
  width: 28rem;
  position: relative;
  padding: 1.2rem 3rem;
  background: #004e97;
  border: 1px solid #004e97;
}
.cmnBtn01Box--serviceGreen .cmnBtn01:hover{
  background: #4F5251;
  border: 1px solid #4F5251;
  color: #fff;
}
.cmnBtn01Box--serviceGreen .cmnBtn01:hover:before,.cmnBtn01Box--serviceGreen .cmnBtn01:hover:after {
  background: #fff;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.service_cmn_en--serviceIntro br{
  display: none!important;
}
.serviceIntroInnerLTtlBox ul {
  position: absolute;
  right: 0;
  bottom: 0rem;
  width: 31%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.serviceIntroInnerR {
  width: 40%;
}
.serviceGreenInnerTop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3rem;
  flex-direction: column;
}
.serviceGreenInnerTopL{
  width: 100%;
}
.service_cmn_en--serviceGreen br{
  display: none;
}
.serviceGreenInnerTopR{
  width: 100%;
}
.serviceGreenInnerBtmL_logo {
  width: 70%;
  margin-bottom: 2rem;
}
.serviceGreenInnerBtmR {
  width: 43%;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.serviceWrap{
  border-left: 2rem solid #004e97;
}
.serviceIntro{
  padding: 8rem 0 10rem;
  position: relative;
}
.serviceIntroInner{
  position: relative;
  z-index: 1;
}
.serviceIntro_ttl{
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
  color: #4F5252;
  line-height: 1.4;
  margin-bottom: 4rem;
  letter-spacing: 0.15em;
  position: relative;
  z-index: 1;
}
.serviceIntroInner{
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.serviceIntroInnerL{
  width: 100%;
  margin-bottom: 3rem;
}
.serviceIntroInnerLTtlBox{
  position: relative;
}
.service_cmn_en{
  text-align: left;
  font-size: 3rem;
  letter-spacing: 0.15em;
  color: #164e93;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 2rem;
}
.serviceIntroInnerLTtlBox ul{
  position: relative;
  right: 0;
  bottom: 0.6rem;
  width: 37%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.serviceIntroInnerLTtlBox ul li{
  width: 45%;
}
.serviceIntroInnerR{
  width: 100%;
}
.serviceStep{
  background: url(../../src/img/service_bg01.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.serviceStepInner{
  width: 90%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 5rem 0;
  flex-direction: column;
}
.serviceStepInnerL{
  width: 100%;
  margin-bottom: 3rem;
}
.serviceStepInnerR{
  width: 100%;
}
.service_cmn_en--serviceStep{
  text-align: left;
}
.serviceStepInnerR_txt{
  text-align: left;
}
.serviceGreen{
  
}
.serviceGreenInner{
  width: 90%;
  margin: 0 auto;
  padding: 5rem 0;
}
.serviceGreenInnerTop{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3rem;
  flex-direction: column;
}
.serviceGreenInnerTopL{
  width: 100%;
  margin-bottom: 2rem;
}
.serviceGreenInnerTopR{
  width: 100%;
}
.serviceGreenInnerBtm{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3rem;
  flex-direction: column;
}
.serviceGreenInnerBtmL{
  width: 100%;
  margin-bottom: 2rem;
}
.serviceGreenInnerBtmL_logo{
  width: 60%;
  margin-bottom: 2rem;
}
.serviceGreenInnerBtmL_txt{
  margin-bottom: 2rem;
}
.serviceGreenInnerBtmR{
  width: 100%;
}
.cmnBtn01Box--serviceGreen .cmnBtn01 {
  width: 100%;
  position: relative;
  padding: 1.2rem 3rem;
  background: #004e97;
  border: 1px solid #004e97;
}
.cmnBtn01Box--serviceGreen .cmnBtn01:hover{
  background: #4F5251;
  border: 1px solid #4F5251;
  color: #fff;
}
.cmnBtn01Box--serviceGreen .cmnBtn01:hover:before,.cmnBtn01Box--serviceGreen .cmnBtn01:hover:after {
  background: #fff;
}
}
/*-----------------------------------------------------------

NEWS

-------------------------------------------------------------*/
.mainContentSub{
  padding-top: 12rem;
}
.newsWrap{
  width: 75%;
  display: flex;
  justify-content: space-between;
  margin: 10rem auto;
}
.newsContent{
  width: 70%;
}
.newsContentList{
  margin-bottom: 8rem;
}
.newsContentList_item{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
  margin-bottom: 4rem;
  padding-bottom: 4rem;
}
.newsContentList_item:last-child{
  border-bottom: none;
}
.newsContentList_item_img {
    width: 40%;
    height: 26.8rem;
    position: relative;
    overflow: hidden;
    display: block;
}
.newsContentList_item_img img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.newsContentList_itemR{
  width: 57%;
}
.newsContentList_itemR_top{
  display: flex;
  align-items: center;
}
.newsContentList_itemR_topDate{
  font-size: 1.8rem;
  margin-right: 1rem;
  font-weight: 400;
  color: #808080;
}
.newsContentList_itemR_topCat{
  line-height: 1;
  padding: 0.4rem 1rem;
  background: #263233;
  color: #fff;
  font-size: 1.4rem;
}
.newsContentList_itemR_ttl{
  font-size: 3rem;
  font-weight: 700;
}
.newsContentList_itemR_txt{
  margin-bottom: 2rem;
  font-weight: 400;
}
.newsContentList_itemR_linkBox{
  display: flex;
  justify-content: flex-end;
}
.newsContentList_itemR_link{
  position: relative;
  padding-right: 2rem;
}
.newsContentList_itemR_link:before {
  content: '';
  width: 1rem;
  height: 1rem;
  border-top: 1px solid #263233;
  border-right: 1px solid #263233;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 0rem;
  top: 0;
  bottom: 0;
  margin: auto;
  -moz-transition: all 0.26s ease-out;
  -o-transition: all 0.26s ease-out;
  -webkit-transition: all 0.26s ease-out;
  -ms-transition: all 0.26s ease-out;
}


.wp-pagenavi{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}
.wp-pagenavi a{
  color: #fff;
}
.wp-pagenavi a:hover{
  opacity: 0.5;
}
.previouspostslink{
  display: flex;
  padding-left: 1rem;
  margin-right: 1rem;
  position: relative;
  align-items: center;
  width: 5rem;
  height: 5rem;
  margin: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right:1px solid #ccc;
  display: none;
}
.previouspostslink:before{
  content: '';
  width: 1.2rem;
  height: 1.2rem;
  border-top: 1px solid #263233;
  border-right: 1px solid #263233;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  position: absolute;
  right: 0;
  left: 0.5rem;
  margin: auto;
}
.nextpostslink{
  display: flex;
  padding-right: 1rem;
  margin-left: 1rem;
  position: relative;
  align-items: center;
   width: 5rem;
  height: 5rem;
  margin: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left:none;
  display: none;
}
.nextpostslink:before{
  content: '';
  width: 1.2rem;
  height: 1.2rem;
  border-top: 1px solid #263233;
  border-right: 1px solid #263233;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 0.5rem;
  left: 0;
  margin: auto;
}
.wp-pagenavi .page{
  width: 4rem;
  height: 4rem;
  margin-right: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  letter-spacing: 0px;
  background: #fff;
  color: #263233;
  position: relative;
}
.wp-pagenavi .page:after{
  content: "";
  width: 1px;
  height: 100%;
  background: #ccc;
  position: absolute;
  right: -1.5rem;
}
.wp-pagenavi .current{
  background: #f5f5f5;
  width: 4rem;
  height: 4rem;
   margin-right: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  letter-spacing: 0px;
  position: relative;
}
.wp-pagenavi .current:after{
  content: "";
  width: 1px;
  height: 100%;
  background: #ccc;
  position: absolute;
  right: -1.5rem;
}

.newsSide{
  width: 22%;
}
.news_side_bnr{
  margin-bottom: 6rem;
}
.blog_boxSearch{
  width: 100%;
  margin: 0 auto 5rem;
}
.blog_boxSearch form{
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  border: 1px solid #AAAAB3;
  overflow: hidden;
  font-weight: 400;
}
.searchBox_blog01{
  width: 85%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.3rem;
}
.searchBox_blog01_input{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.searchBox_blog01_input input{
  width: 100%;
  padding: 1rem;
  border: none;
  border-right: none;
  font-size: 1.5rem;
}
.searchBox_blog_send {
    width: 20%;
    display: flex;
    align-items: center;
    position: relative;
    text-align: center;
    color: #000;
    background: #fff;
    background: #000;
}
.searchBox_blog_send input {
    display: block;
    letter-spacing: 2px;
    -webkit-appearance: none;
    cursor: pointer;
    background: url(../../src/img/search_ico.png) center center no-repeat;
    background-size: 1.6rem;
    width: 100%;
    border: none;
    padding: 1rem;
    color: #fff;
}
.newsSideBox{
  margin-bottom: 5rem;
}
.newsSideBox_ttl{
  text-align: left;
  color: #000;
  background: #fafafa;
  padding: 2rem;
  line-height: 1;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
}
.newsSideBox_ttl img {
  width: 1.8rem;
  margin-right: 1rem;
}
.newsSideBox_latestList{

}
.newsSideBox_latestList_item{
  border-bottom: 1px solid #ccc;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
.newsSideBox_latestList_item:last-child{
  border-bottom: none;
}
.newsSideBox_latestList_itemLink{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.newsSideBox_latestList_itemLink_img {
    width: 40%;
    height: 8.8rem;
    position: relative;
    overflow: hidden;
    display: block;
}
.newsSideBox_latestList_itemLink_img img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.newsSideBox_latestList_itemLink_infoDate{
  font-size: 1.2rem;
  font-weight: 400;
}
.newsSideBox_latestList_itemLink_infoTxt{
  font-size: 1.4rem;
  font-weight: 400;
}
.newsSideBox_latestList_itemLink_info{
  width: 55%;
}
.newsSideBox_otherList{

}
.newsSideBox_otherList li{
  border-bottom: 1px solid #ccc;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  display: flex;
  position: relative;
}
.newsSideBox_otherList li:last-child{
  border-bottom: none;
}
.newsSideBox_otherList li a{
  display: block;
  position: relative;
  font-weight: 400;
}
.newsSideBox_otherList li:before {
  content: '';
  width: 1rem;
  height: 1rem;
  border-top: 1px solid #263233;
  border-right: 1px solid #263233;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 1rem;
  top: 1rem;
  margin: auto;
  -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;
  display: none;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.newsWrap {
  width: 90%;
  display: flex;
  justify-content: space-between;
  margin: 10rem auto;
}
.newsContent {
  width: 66%;
}
.newsSide {
  width: 31%;
}
.newsContentList_item_img {
  width: 40%;
  height: 22.8rem;
  position: relative;
  overflow: hidden;
  display: block;
}
.newsContentList_itemR_ttl {
  font-size: 2rem;
  font-weight: 700;
}
.newsSideBox_latestList_itemLink_img {
  width: 40%;
  height: 9.8rem;
  position: relative;
  overflow: hidden;
  display: block;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.newsWrap{
  width: 80%;
  display: flex;
  justify-content: space-between;
  margin: 6rem auto;
  flex-wrap: wrap;
}
.newsContent{
  width: 100%;
  margin-bottom: 8rem;
}
.newsContentList{
  margin-bottom: 4rem;
}
.newsContentList_item{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
  margin-bottom: 4rem;
  padding-bottom: 4rem;
  flex-wrap: wrap;
}
.newsContentList_item:last-child{
  border-bottom: none;
}
.newsContentList_item_img {
    width: 100%;
    height: 22.8rem;
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 1rem;
}
.newsContentList_item_img img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.newsContentList_itemR{
  width: 100%;
}
.newsContentList_itemR_top{
  display: flex;
  align-items: center;
}
.newsContentList_itemR_topDate{
  font-size: 1.5rem;
  margin-right: 1rem;
  font-weight: 400;
  color: #808080;
}
.newsContentList_itemR_topCat{
  line-height: 1;
  padding: 0.4rem 1rem;
  background: #263233;
  color: #fff;
  font-size: 1.4rem;
}
.newsContentList_itemR_ttl{
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 2rem;
}
.newsContentList_itemR_txt{
  margin-bottom: 2rem;
  font-weight: 400;
  font-size: 1.4rem;
}
.newsContentList_itemR_linkBox{
  display: flex;
  justify-content: flex-end;
}
.newsContentList_itemR_link{
  position: relative;
  padding-right: 2rem;
  font-size: 1.3rem;
}
.newsContentList_itemR_link:before {
  content: '';
  width: 0.6rem;
  height: 0.6rem;
  border-top: 1px solid #263233;
  border-right: 1px solid #263233;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 0rem;
  top: 0;
  bottom: 0;
  margin: auto;
  -moz-transition: all 0.26s ease-out;
  -o-transition: all 0.26s ease-out;
  -webkit-transition: all 0.26s ease-out;
  -ms-transition: all 0.26s ease-out;
}


.wp-pagenavi{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}
.wp-pagenavi a{
  color: #fff;
}
.wp-pagenavi a:hover{
  opacity: 0.5;
}
.previouspostslink{
  display: flex;
  padding-left: 1rem;
  margin-right: 1rem;
  position: relative;
  align-items: center;
  width: 5rem;
  height: 5rem;
  margin: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right:1px solid #ccc;
  display: none;
}
.previouspostslink:before{
  content: '';
  width: 1.2rem;
  height: 1.2rem;
  border-top: 1px solid #263233;
  border-right: 1px solid #263233;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  position: absolute;
  right: 0;
  left: 0.5rem;
  margin: auto;
}
.nextpostslink{
  display: flex;
  padding-right: 1rem;
  margin-left: 1rem;
  position: relative;
  align-items: center;
   width: 5rem;
  height: 5rem;
  margin: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left:none;
  display: none;
}
.nextpostslink:before{
  content: '';
  width: 1.2rem;
  height: 1.2rem;
  border-top: 1px solid #263233;
  border-right: 1px solid #263233;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 0.5rem;
  left: 0;
  margin: auto;
}
.wp-pagenavi .page{
  width: 4rem;
  height: 4rem;
  margin-right: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  letter-spacing: 0px;
  background: #fff;
  color: #263233;
  position: relative;
}
.wp-pagenavi .page:after{
  content: "";
  width: 1px;
  height: 100%;
  background: #ccc;
  position: absolute;
  right: -1.5rem;
}
.wp-pagenavi .current{
  background: #f5f5f5;
  width: 4rem;
  height: 4rem;
   margin-right: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  letter-spacing: 0px;
  position: relative;
}
.wp-pagenavi .current:after{
  content: "";
  width: 1px;
  height: 100%;
  background: #ccc;
  position: absolute;
  right: -1.5rem;
}

.newsSide{
  width: 100%;
}
.news_side_bnr{
  margin-bottom: 6rem;
}
.blog_boxSearch{
  width: 100%;
  margin: 0 auto 5rem;
}
.blog_boxSearch form{
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  border: 1px solid #AAAAB3;
  overflow: hidden;
  font-weight: 400;
}
.searchBox_blog01{
  width: 85%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.3rem;
}
.searchBox_blog01_input{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.searchBox_blog01_input input{
  width: 100%;
  padding: 1rem;
  border: none;
  border-right: none;
  font-size: 1.5rem;
}
.searchBox_blog_send {
    width: 15%;
    display: flex;
    align-items: center;
    position: relative;
    text-align: center;
    color: #000;
    background: #fff;
    background: #000;
}
.searchBox_blog_send input {
    display: block;
    letter-spacing: 2px;
    -webkit-appearance: none;
    cursor: pointer;
    background: url(../../src/img/search_ico.png) center center no-repeat;
    background-size: 1.6rem;
    width: 100%;
    border: none;
    padding: 1rem;
    color: #fff;
}
.newsSideBox{
  margin-bottom: 5rem;
}
.newsSideBox_ttl{
  text-align: left;
  color: #000;
  background: #fafafa;
  padding: 2rem;
  line-height: 1;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
}
.newsSideBox_ttl img {
  width: 1.8rem;
  margin-right: 1rem;
}
.newsSideBox_latestList{

}
.newsSideBox_latestList_item{
  border-bottom: 1px solid #ccc;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
.newsSideBox_latestList_item:last-child{
  border-bottom: none;
}
.newsSideBox_latestList_itemLink{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.newsSideBox_latestList_itemLink_img {
    width: 40%;
    height: 8.8rem;
    position: relative;
    overflow: hidden;
    display: block;
}
.newsSideBox_latestList_itemLink_img img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.newsSideBox_latestList_itemLink_infoDate{
  font-size: 1.2rem;
  font-weight: 400;
}
.newsSideBox_latestList_itemLink_infoTxt{
  font-size: 1.3rem;
  font-weight: 400;
}
.newsSideBox_latestList_itemLink_info{
  width: 55%;
}
.newsSideBox_otherList{

}
.newsSideBox_otherList li{
  border-bottom: 1px solid #ccc;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  display: flex;
  position: relative;
}
.newsSideBox_otherList li:last-child{
  border-bottom: none;
}
.newsSideBox_otherList li a{
  display: block;
  position: relative;
  font-weight: 400;
  font-size: 1.5rem;
}
.newsSideBox_otherList li:before {
  content: '';
  width: 1rem;
  height: 1rem;
  border-top: 1px solid #263233;
  border-right: 1px solid #263233;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 1rem;
  top: 1rem;
  margin: auto;
  -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;
  display: none;
}
}
/*-----------------------------------------------------------

NEWS DETAIL

-------------------------------------------------------------*/
.newsContent_detail{
  margin-bottom: 12rem;
}
.newsContentList_itemR_ttlDetail{
  padding-bottom: 2rem;
  margin: 1rem 0 4rem;
  border-bottom: 1px solid #ccc;
}
.newsContent_detailBody{
  font-size: 1.5rem;
}
.newsContent_detailBody p{
  margin-bottom: 2rem;
}
.newsContent_detailBody img{
  margin-bottom: 2rem;
}
.newsContent_detailBody h2{
  font-size: 2rem;
  background: #efefef;
  padding: 0.6rem;
  margin-bottom: 2rem;
}
.newsContent_detailBody h3{
  font-size: 1.7rem;
  border-left: 4px solid #ef2c25;
  padding-left: 1.6rem;
  margin-bottom: 2rem;
}
.detailNextPrev{
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 4rem 1rem;
  display: flex;
  justify-content: space-between;
  align-content: center;
  margin-bottom: 8rem;
}
.prev{
  position: relative;
  padding-left: 2rem;
}
.prev a:before {
  content: '';
  width: 1rem;
  height: 1rem;
  border-top: 1px solid #263233;
  border-right: 1px solid #263233;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  position: absolute;
  left: 0rem;
  top: 0;
  bottom: 0;
  margin: auto;
  -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;
}
.next{
  position: relative;
  padding-right: 2rem;
}
.next a:before {
  content: '';
  width: 1rem;
  height: 1rem;
  border-top: 1px solid #263233;
  border-right: 1px solid #263233;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 0rem;
  top: 0;
  bottom: 0;
  margin: auto;
  -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;
}
.cmnBtn01BoxNewsDeteil{
  display: flex;
  justify-content: center;
}
.cmnBtn01News{
  display: block;
  padding: 2rem 3rem;
  background: #f0eeee;
  width: 27rem;
  line-height: 1;
  position: relative;
  color: #000;
  text-align: right;
}
.cmnBtn01News:before{
  content: '';
  width: 1rem;
  height: 1rem;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  position: absolute;
  left: 2rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.newsContent_detail{
  margin-bottom: 6rem;
}
.newsContentList_itemR_ttlDetail{
  padding-bottom: 2rem;
  margin: 1rem 0 4rem;
  border-bottom: 1px solid #ccc;
}
.newsContent_detailBody{
  font-size: 1.5rem;
}
.newsContent_detailBody p{
  margin-bottom: 2rem;
}
.newsContent_detailBody img{
  margin-bottom: 2rem;
}
.detailNextPrev{
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 4rem 1rem;
  display: flex;
  justify-content: space-between;
  align-content: center;
  margin-bottom: 8rem;
}
.prev{
  position: relative;
  padding-left: 2rem;
}
.prev a:before {
  content: '';
  width: 0.6rem;
  height: 0.6rem;
  border-top: 1px solid #263233;
  border-right: 1px solid #263233;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  position: absolute;
  left: 0rem;
  top: 0;
  bottom: 0;
  margin: auto;
  -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;
}
.next{
  position: relative;
  padding-right: 2rem;
}
.next a:before {
  content: '';
  width: 0.6rem;
  height: 0.6rem;
  border-top: 1px solid #263233;
  border-right: 1px solid #263233;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 0rem;
  top: 0;
  bottom: 0;
  margin: auto;
  -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;
}
.cmnBtn01BoxNewsDeteil{
  display: flex;
  justify-content: center;
}
.cmnBtn01News{
  display: block;
  padding: 2rem 3rem;
  background: #f0eeee;
  width: 27rem;
  line-height: 1;
  position: relative;
  color: #000;
  text-align: right;
  font-size: 1.5rem;
}
.cmnBtn01News:before{
  content: '';
  width: 0.6rem;
  height: 0.6rem;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  position: absolute;
  left: 2rem;
  top: 0;
  bottom: 0;
  margin: auto;

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

EFFECT

-------------------------------------------------------------*/
/*------------- section全体　---------------*/
.ivSec{
  opacity: 0;
  transform: translateY(4rem);
}
.fadeUp {
  animation-name:fadeUpAnime;
  animation-duration:0.7s;
  animation-fill-mode:forwards;
  animation-delay: 0.2s;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
    transform: translateY(4rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeIn {
  animation-name:fadeInAnime;
  animation-duration:0.7s;
  animation-fill-mode:forwards;
  animation-delay: 0.2s;
}
@keyframes fadeInAnime{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*------------- top　---------------*/

.fadeUpPoint {
  animation-name:fadeUpPointAnime;
  animation-duration:0.7s;
  animation-fill-mode:forwards;
  animation-delay: 0.4s;
}
@keyframes fadeUpPointAnime{
  from {
    opacity: 0;
    transform: translateY(4rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}