@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Noto+Sans+JP);
@import url(//fonts.googleapis.com/css?family=Lato);
@import url(//fonts.googleapis.com/earlyaccess/hannari.css);
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}
a:active, a:hover, a:link, a:visited, button, input, label, textarea {
  -webkit-appearance: none;
  outline: none;
  cursor: pointer
}
hr {
  height: 0;
  border: none
}
ol, ul {
  list-style: none
}
blockquote, q {
  quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none
}
img {
  border: 0;
  vertical-align: top
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
.clear {
  clear: both
}
.clearfix:after {
  display: block;
  height: 0;
  clear: both;
  content: ""
}
*, :after, :before {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box
}
* {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
input[type=button], input[type=submit] {
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  cursor: pointer
}
input[type=button]::-webkit-search-decoration, input[type=submit]::-webkit-search-decoration {
  display: none
}
input[type=button]::focus, input[type=submit]::focus {
  outline-offset: -2px
}
html {
  font-size: 100%
}
body {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  color: #222;
  font-family: -apple-system, BlinkMacSystemFont, 游ゴシック体, YuGothic, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック, Yu Gothic, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ Pro W3, Meiryo, メイリオ, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
  font-size: 16px;
  font-size: 4.26667vw;
  line-height: 1.5
}
.pcDisp {
  display: none
}
.spDisp {
  display: block
}
.fixed {
  position: fixed;
  width: 100%;
  height: 100%
}
.bold {
  font-weight: 700
}
a {
  color: #222;
  text-decoration: none
}
a:active, a:focus, a:hover {
  color: #666
}
a.over:hover, a:active, a:focus, a:hover {
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out
}
a.over:hover {
  filter: alpha(opacity=80);
  opacity: .8
}
img {
  max-width: 100%
}
.btnGreen {
  right: 13vw;
  width: 28vw;
  height: 13vw;
  padding: 4.2% 0 0;
  background: #268243;
  color: #fff !important;
  font-size: 12px;
  font-size: 3.2vw;
  text-align: center
}
.btnGreen, .btnGreen:after, .btnGreen:before {
  position: absolute;
  top: 0;
  vertical-align: middle
}
.btnGreen:after, .btnGreen:before {
  right: 2vw;
  bottom: 0;
  margin: auto;
  content: ""
}
.btnArrow:before {
  width: 4vw;
  height: 4vw;
  border-radius: 50%;
  background: #196b3b
}
.btnArrow:after {
  -webkit-transform: rotate(45deg);
  right: 3.6vw;
  width: 1vw;
  height: 1vw;
  transform: rotate(45deg);
  border-top: 1px solid #fff;
  border-right: 1px solid #fff
}
#wrap {
  width: 100%;
  height: auto;
  margin: auto;
  padding: 0;
  overflow: hidden
}
.container {
  padding: 12.7vw 0 0
}
.container .bgH2 {
  padding: 4.53% 0;
  background: radial-gradient(circle closest-corner at center top, #2571bf, #05468d);
  color: #fff;
  text-align: center
}
.container .bgH2 h2 {
  margin: 0 auto .8%;
  font-size: 20px;
  font-size: 5.33333vw
}
.container .bgH2 h2 + p {
  width: 100%;
  margin: 0 auto;
  font-size: 12px;
  font-size: 3.2vw
}
footer a {
  color: #fff;
  text-decoration: none
}
footer a:active, footer a:focus, footer a:hover {
  -webkit-transition: .2s ease-in-out;
  color: #ddd;
  transition: .2s ease-in-out
}
footer a.over:hover {
  -webkit-transition: .2s ease-in-out;
  filter: alpha(opacity=80);
  opacity: .8;
  transition: .2s ease-in-out
}
footer .copyBox {
  padding: 3.2% 0;
  background: #06498c;
  color: #fff;
  font-size: 12px;
  font-size: 3.2vw;
  text-align: center
}
.cvBtnBox {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: auto;
  padding: 2.66% 0;
  background: rgba(34, 34, 34, .5)
}
.cvBtnBox .cvBtn {
  margin: -.54% auto 0
}
.cvBtnFV {
  z-index: 2;
  right: 0;
  bottom: 50px;
  left: 0;
  margin: auto
}
.cvBtnFV .cpText {
  position: relative;
  width: 340px;
  margin: 0 auto 20px;
  line-height: .8
}
.cvBtnFV .cpText:after, .cvBtnFV .cpText:before {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 50px;
  margin: auto;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  content: ""
}
.cvBtnFV .cpText:before {
  -webkit-transform: skewX(160deg);
  transform: skewX(160deg);
  border-right: 1px solid #fff
}
.cvBtnFV .cpText:after {
  -webkit-transform: skewX(-160deg);
  transform: skewX(-160deg);
  border-left: 1px solid #fff
}
.cvBtnFV .cpText span {
  display: block;
  color: #fff;
  font-size: 20px;
  font-size: 2rem
}
.cvBtnFV .cpText span.under {
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, transparent), color-stop(90%, #ff0));
  background: linear-gradient(transparent 90%, #ff0 0);
  font-size: 16px;
  font-size: 4.26667vw
}

.gNavi {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .2);
  z-index: 9999;
  position: fixed;
  top: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .2)
}
.gNavi h1, .gNavi p {
  float: left
}
.gNavi h1 a {
  display: block;
  z-index: 9999;
  position: relative;
  width: 20vw;
  margin: 1.86% 0 0% 4%;
  padding: 0
}
.gNavi span {
  display: block;
  color: #07519d;
  font-weight: 700
}
.gNavi .pcMenuList {
  display: none
}
.gNavi .spMenu {
  z-index: 8888;
  position: fixed;
  width: 100%;
  text-align: right
}
.gNavi .spMenu .spMenuBtn {
  position: relative;
  width: 13vw;
  height: 13vw;
  background: #07519d
}
.gNavi .spMenu .spMenuBtn, .gNavi .spMenu .spMenuBtn span {
  -webkit-transition: all .4s;
  display: inline-block;
  transition: all .4s
}
.gNavi .spMenu .spMenuBtn span {
  position: absolute;
  left: 30%;
  width: 50%;
  height: 1px;
  border-radius: 3px;
  background: #fff
}
.gNavi .spMenu .spMenuBtn span:first-of-type {
  top: 27.5%
}
.gNavi .spMenu .spMenuBtn span:nth-of-type(2) {
  top: 47.5%
}
.gNavi .spMenu .spMenuBtn span:nth-of-type(3) {
  top: 67.5%
}
.gNavi .spMenu .spMenuBtn.action span:first-of-type {
  -webkit-transform: translateY(3vw) rotate(-45deg);
  transform: translateY(3vw) rotate(-45deg)
}
.gNavi .spMenu .spMenuBtn.action span:nth-of-type(2) {
  filter: alpha(opacity=0);
  opacity: 0
}
.gNavi .spMenu .spMenuBtn.action span:nth-of-type(3) {
  -webkit-transform: translateY(-2.3vw) rotate(45deg);
  transform: translateY(-2.3vw) rotate(45deg)
}
.gNavi .spMenuList {
  -webkit-backdrop-filter: blur(2px);
  z-index: 999999;
  position: relative;
  top: -2vw;
  width: 100vw;
  height: 90vh;
  overflow: scroll;
  backdrop-filter: blur(2px);
  background: #0e4e95;
  text-align: center
}
.gNavi .spMenuList li {
  -webkit-transition: all .3s;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  font-size: 1.2vw;
  font-weight: 100;
  letter-spacing: .1vw;
  filter: alpha(opacity=100);
  opacity: 1;
  transition: all .3s
}
.gNavi .spMenuList li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 4vw 0 4vw 13vw;
  border-bottom: 1px dotted #fff;
  color: #fff;
  font-size: 4vw;
  font-weight: 100;
  letter-spacing: .4vw;
  text-align: left;
  text-decoration: none
}
.gNavi .spMenuList li:nth-child(1){
	background:  url(../img/spmanu001.png) 4vw center no-repeat #0e4e95;
	background-size: 6% auto
}
.gNavi .spMenuList li:nth-child(2){
	background:  url(../img/spmanu002.png) 4vw center no-repeat #0e4e95;
	background-size: 6% auto
}
.gNavi .spMenuList li:nth-child(3){
	background:  url(../img/spmanu003.png) 4vw center no-repeat #0e4e95;
	background-size: 6% auto
}
.gNavi .spMenuList li:nth-child(4){
	background:  url(../img/spmanu004.png) 4vw center no-repeat #0e4e95;
	background-size: 6% auto
}
.gNavi .spMenuList li:nth-child(5){
	background:  url(../img/spmanu005.png) 4vw center no-repeat #0e4e95;
	background-size: 6% auto
}
.gNavi .spMenuList li:nth-child(6){
	background:  url(../img/spmanu006.png) 4vw center no-repeat #0e4e95;
	background-size: 6% auto
}
.gNavi .spMenuList li.lastMenu{
	padding: 30px 4%;
	text-align: center;
}
.gNavi .spMenuList li.lastMenu a{
	  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto 0;
  padding: 5% 0;
  background: #268242;
  color: #fff !important;
  font-size: 18px;
  font-size: 4.8vw;
  font-weight: 700;
  text-align: center;
	border-bottom: 0
}

.gNavi .spMenuList li.lastMenu img{
	width: 87%;
	margin-bottom: 5px
}
.gNavi .spMenuList li.lastMenu .closeLink{
	margin: 27px 0 0 0;
	background: #fff;
	color: #0e4e95;
	  font-size: 18px;
  font-size: 4.8vw;
	padding: 2% 0;
}

.gNavi .spMenuList li:hover span:first-child {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg)
}
.gNavi .spMenuList li:hover span:nth-child(2) {
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  background: #333
}

.cvBtn {
  display: block;
  position: relative;
  width: 80%;
  margin: 5.33% auto 0;
  padding: 5% 0;
  background: #268242;
  color: #fff !important;
  font-size: 18px;
  font-size: 4.8vw;
  font-weight: 700;
  text-align: center;
  vertical-align: middle
}
.cvBtn:after, .cvBtn:before {
  position: absolute;
  top: 0;
  right: 4vw;
  bottom: 0;
  margin: auto;
  vertical-align: middle;
  content: ""
}
.cvBtn:active {
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  border-bottom: none
}
.cvBtn span {
  display: block;
  position: absolute;
  top: -28%;
  right: 0;
  left: 0;
  width: 75vw;
  height: 7vw;
  margin: auto;
  padding: 1vw 0 0;
  border-radius: 5px;
  background: #1d733d;
  font-size: 12px;
  font-size: 3.2vw;
  text-align: center
}
.cvBtnArrow:before {
  width: 7.5vw;
  height: 7.5vw;
  border-radius: 50%;
  background: #1d733d
}
.cvBtnArrow:after {
  -webkit-transform: rotate(45deg);
  right: 7.2vw;
  width: 1.8vw;
  height: 1.8vw;
  transform: rotate(45deg);
  border-top: 1px solid #fff;
  border-right: 1px solid #fff
}



.pagination {
  position: relative;
  margin: 10vw auto;
  overflow: hidden
}
.pagination ul {
  position: relative;
  left: 50%;
  float: left
}
.pagination ul li {
  position: relative;
  left: -50%;
  float: left
}
.pagination ul li.current, .pagination ul li a {
  width: 9vw;
  height: 9vw;
  margin: 1vw;
  float: left;
  color: #fff;
  font-size: 4vw;
  text-align: center
}
.pagination ul li a {
  border: 1px solid #111;
  background: #111;
  line-height: 9vw
}
.pagination ul li a:hover {
  border: 1px solid #e70012;
  background: #e70012;
  color: #fff
}
.pagination ul li.current {
  background: #e70012;
  line-height: 9.2vw
}
.pagination ul li.pageD a, .pagination ul li.pageS a {
  border: 1px solid #111;
  background: #111;
  color: #fff;
  line-height: 8vw
}
.pager {
  width: 100%;
  height: auto;
  margin: 5% 0 0;
  padding: 5% 0 0;
  overflow: hidden;
  border-top: .1vw solid #f1f1f1
}
.pager ul {
  position: relative;
  height: 13vw;
  text-align: center
}
.pager li a {
  display: block;
  position: absolute;
  top: 0;
  padding: 6.5vw 0;
  background: #222;
  color: #fff;
  line-height: 0
}
.pager li a:hover {
  -webkit-transition: all .2s;
  background: #e70012;
  transition: all .2s
}
.pager li.left a, .pager li.right a {
  width: 13vw;
  font-size: 6vw
}
.pager li.left a {
  left: 0
}
.pager li.right a {
  right: 0
}
.pager li.center a {
  right: 0;
  left: 0;
  width: 35vw;
  margin: auto;
  font-size: 3.5vw
}
.disp {
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important
}
#topBK {
  -webkit-transition: all .4s cubic-bezier(.215, .61, .355, 1) 0s;
  -webkit-transform: translateX(100%);
  z-index: 999;
  position: fixed;
  right: 0;
  bottom: 20.5vw;
  width: 10.5vw;
  height: 10.5vw;
  transform: translateX(100%);
  background: url(../img/topback.jpg) 0 0 no-repeat;
	background-size: cover;
  transition: all .4s cubic-bezier(.215, .61, .355, 1) 0s
}
#topBK a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer
}
#topBK a.arrow {
  position: relative
}
#topBK a.arrow:after, #topBK a.arrow:before {
  content: ""
}
#topBK a.topArrow:before {

}
@-moz-document url-prefix() {
  #topBK a.topArrow:before {

  }
}
.parallax .paraBox {
  -webkit-transform: translate3d(0, 100%, 0);
  -webkit-transition: 1s;
  transform: translate3d(0, 100%, 0);
  opacity: 0;
  transition: 1s
}
.parallax .paraBox.left {
  -webkit-transform: translate3d(-200%, 0, 0);
  transform: translate3d(-200%, 0, 0)
}
.parallax .paraBox.right {
  -webkit-transform: translate3d(200%, 0, 0);
  transform: translate3d(200%, 0, 0)
}
.parallax .paraBox.delay14 {
  -webkit-transition: 1.4s;
  transition: 1.4s
}
.parallax .paraBox.delay18 {
  -webkit-transition: 1.8s;
  transition: 1.8s
}
.parallax .paraBox.delay20 {
  -webkit-transition: 2s;
  transition: 2s
}
.parallax .paraBox.fast08 {
  -webkit-transition: .8s;
  transition: .8s
}
.parallax .paraBox.fast06 {
  -webkit-transition: .6s;
  transition: .6s
}
.parallax .paraBox.fast04 {
  -webkit-transition: .4s;
  transition: .4s
}
.parallax .paraBox.active {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1
}
.notPage {
  font-size: 14px;
  font-size: 3.73333vw
}
.notPage p {
  margin: 26.66% auto;
  text-align: center
}
.blogBox {
  width: 100%;
  height: auto;
  margin: auto;
  padding: 0;
  overflow: hidden
}
.blogBox .blogCont li a {
  display: block;
  padding: 3%
}
.blogBox .blogCont li a time {
  font-family: Lato, Noto Sans JP, sans-serif;
  font-size: 14px;
  font-size: 3.73333vw;
  font-weight: 100
}
.blogBox .blogCont li a h3 {
  font-size: 20px;
  font-size: 5.33333vw
}
.blogBox .blogCont li a p {
  font-size: 16px;
  font-size: 4.26667vw
}
.blogBox .sideBox h4 {
  font-size: 20px;
  font-size: 5.33333vw;
  text-align: center
}
.blogBox .sideBox .newPost li a {
  display: block;
  padding: 3%
}
.blogBox .sideBox .newPost li a .thumbImg {
  width: 28%;
  float: left
}
.blogBox .sideBox .newPost li a .txtBox {
  width: 70%;
  float: right
}
.official .swiper-container {
  z-index: 1;
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #222;
  text-align: center
}
.official .swiper-container h2 {
  z-index: 5;
  position: absolute;
  top: 26%;
  left: 9%;
  color: #fff;
  font-family: Hannari, serif;
  font-size: 20px;
  font-size: 5.33333vw;
  font-weight: 400;
  line-height: 2;
  text-align: left
}
.official .swiper-container .cvBtnFV .cpText {
  line-height: .4
}
.official .swiper-container .cvBtnFV .cpText span.under {
  display: inline-block;
  padding-bottom: 5px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, transparent), color-stop(90%, #ff0));
  background: linear-gradient(transparent 90%, #ff0 0);
  font-size: 14px;
  font-size: 3.73333vw;
  line-height: 1
}
.official .imgBox img, .official .swiper-slide img {
  width: 100%
}
.official .swiper-slide img {
  filter: alpha(opacity=50);
  opacity: .5
}
.official .swiper-button-next, .official .swiper-button-prev {
  fill: #fff;
  stroke: none;
  stroke-width: 0;
  z-index: 1;
  width: 2vw;
  height: 2vw;
  margin-top: -1.5vw;
  background-image: none;
  background-size: 2vw 2vw
}
.official .swiper-pagination-bullet-active {
  background: #fff
}
.official section h2 {
  margin: 0 auto 1.2vw;
  font-family:"BIZ UDPMincho", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
		color: #0d4e94;
  text-align: center
}

.blueBg{
	background: #e9f0fb !important
}
.official section.boxWhite h2 {
  color: #07519d
}
.official section.boxWhite h2 + p {
  font-size: 12px;
	color: #0d4e94;
  font-size: 3.2vw;
  font-weight: 700;
  text-align: center
}
.official section.boxWhite h3 {
  margin: 6.66% auto;
  font-size: 20px;
  font-size: 5.33333vw;
  font-weight: 700;
  text-align: center
}
.official section.boxWhite h3 span:first-of-type {
  margin-right: 30vw
}
.official section.boxWhite h3 span:nth-of-type(2) {
  margin-left: 20vw
}
.official section.boxWhite h4 {
  width: 100%;
  margin: 4% auto;
  font-size: 16px;
  font-weight: 700
}

.official section.boxWhite:after {
}



.official section.boxWhite .compBox .imgBox {
  width: 25%;
  margin: 8% auto
}

.official section.boxWhite .compBox .cvBtn {
  border-bottom: 3px solid #074380;
  background: #07519d
}
.official section.boxWhite .compBox .cvBtnArrow:before {
  background: #074380
}
.official section.boxBlack {
  z-index: 0;
  position: relative;
  margin: 0 auto;
  padding: 40px 0 45px;
  color: #fff
}
.official section.boxBlack h2 {
  color: #fff
}
.official section.boxBlack h2 + p {
  font-size: 12px;
  font-size: 3.2vw;
  font-weight: 700;
  text-align: center
}
.official section.boxBlack h3 {
  margin: 6.66% auto;
  font-size: 20px;
  font-size: 5.33333vw;
  font-weight: 700;
  text-align: center
}

.official section.boxBlack h3.rec span {
  font-size: 16px;
  font-size: 4.26667vw
}
.official section.boxBlack h4 {
  width: 90%;
  margin: 6.66% auto 4%;
  font-size: 18px;
  font-size: 4.8vw;
  font-weight: 700
}

.official section.boxBlack:after {
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  background: rgba(34, 34, 34, .75);
  content: ""
}
.official section.bgREC:after{
	background-color: transparent
}


.official section.boxBlack .cpBox:after {

}


.official section.bgWK {
  background: url(../img/index/bgWK@2x.jpg) 50% no-repeat;
  background-size: cover
}


.privacy {
  font-size: 14px;
  font-size: 3.73333vw
}
.privacy dl, .privacy p {
  width: 90%;
  margin: 5.33% auto
}
.privacy .bold {
  margin: 0 auto
}
.privacy .win {
  margin: 0 auto 13.33%
}
.privacy dl dt {
  margin: 1.33% auto;
  font-size: 16px;
  font-size: 4.26667vw;
  font-weight: 700
}
.privacy dl dd {
  margin: 0 auto 5.33%
}
	.mainBox{
		background: url(../img/index/spMainbg.jpg) center 0 no-repeat;
		background-size: cover;
		padding: 15% 0 10%;
		text-align: center;
		position: relative
	}
.mainBox .pcBox{
	padding: 0 4%
}
.mainBox p{
	font-size: 18px;
	font-family:"BIZ UDPMincho", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	color: #fff;
	margin: 20px 0
}
.main002{
	width: 80%
}
.mainBox .pcBox .cvBtn{
	width: 100% !important;
	margin: 5px auto !important
}
.official section.boxWhite h2 + p::after {

    content: '';
    display: block;
    width: 25px;
    height: 3px;
    background-color: #0d4e94;
    margin: 5px auto 28px;
}
.official section h2 + p::after {
    content: '';
    display: block;
    width: 25px;
    height: 3px;
    background-color: 
#fff;
	margin: 5px auto;}
  .official section#works.boxBlack h3 {
    margin: 30px auto 10px;
		background: url(../img/index/balloon.png) 0 0 no-repeat;
		background-size: 100% auto;
		width: 92%;
		height: auto;
    font-size: 3.5vw;
		color: #000;
		font-family:"BIZ UDPMincho", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-weight: normal;
		padding: 1% 0 3.5%;
  }
	.official section#works.boxBlack h3 strong{
		color: #970909;
		font-weight: normal
	}

.official section.boxWhite .pcBox{
padding: 0 4%;
}
.official section.boxWhite .infoBox {
  width: 100%;
  margin: 0 auto
}
.official section.boxWhite .infoBox li {
  margin: 2.66% auto;
  border-bottom: 1px solid #f1f1f1;
	display: flex
}
.official section.boxWhite .infoBox li time {
  padding: 0% 1.86%;
	font-size: 13px;
	width: 25%;
  font-family: Times New Roman, 游ゴシック体, YuGothic, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック, Yu Gothic, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ Pro W3, Meiryo, メイリオ, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif
}
.official section.boxWhite .infoBox li p {
  width: 75%;
		font-size: 13px;
  margin: 0% auto
}
.official section.boxWhite .infoBox li p a{
	text-decoration: underline
}

.official section.boxWhite {
  position: relative;
  margin: 0 auto 0%;
  padding: 8% 0;
  background: #fff
}
.official section.boxWhite h3 {
    width: 100%;
    margin: 30px 0 0;
    font-size: 5.7vw;
    color: #0d4e94;
    font-weight: normal;
    font-family:"BIZ UDPMincho", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    text-align: left;
}
.official section.boxWhite h4 {
    font-size: 18px;
    font-family:"BIZ UDPMincho", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.official section.boxWhite p {
  width: 100%;
  margin: 0 auto;
  font-size: 13px;
}
.official section.boxBlack p {
  width: 92%;
  margin: 0 auto;
  font-size: 13px;
	text-align: center
}

.official section.boxBlack .worksList ul li .imgBox {
  width: 47%;
  height: auto;
  margin: 0 auto
}
  .official section.boxBlack .worksList ul li {
    width: 80%;
		background: #fff;
    margin: 30px 10% 0px 10%;
    padding: 20px 3% 20px;
    float: none
  }
  .official section.boxBlack .worksList ul li h4 {
    font-size: 18px;
		font-family:"BIZ UDPMincho", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		width: 100%;
		letter-spacing: -1px;
		text-align: center;
    color: #000
  }
  .official section.boxBlack .worksList ul li p {
    font-size: 13px;
    color: #000;
		margin: 0;
		width: 100%;
		text-align: left;
  }
.official section.bgREC {
	background: #0d4e94;
	padding: 35px 0
}
.balloon002{
	background: url(../img/index/balloon002.png) 0 0 no-repeat;
	background-size: 100% auto;
	text-align: center;
	color: #000;
	font-size: 5.5vw;
	font-family:"BIZ UDPMincho", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	width: 80%;
	margin: 35px auto 0;
	font-weight: bold;
	padding: 2% 0 5.5%
}

.official section.boxBlack h3.rec {
  font-family:"BIZ UDPMincho", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-size: 11vw;
  font-weight: 400;
	margin:20px auto;
  line-height: 1.2
}
.spimg201{
	width: 56%;
	margin: 0 auto 25px
}
.official section.boxBlack .cpBox {
    width: 92%;
    background: #fff;
    height: auto;
    margin: -0px auto 38px;
    padding: 20px 0 20px 0;
    text-align: center;
}
.official section.boxBlack .cpBox h4 {
  width: 65%;
  margin: 0 auto;
		padding: 0 0px 5px 0;
  display: inline-block;
	border-bottom: 2px solid #970909;
	text-align: center
}


.official section.boxBlack .cpBox h4 span.under {
  display: inline-block;
  font-size: 5vw;
	font-family:"BIZ UDPMincho", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";

	color: #000;

}
.official section.boxBlack .cpBox p {
  width: 100%;
  margin: 2.66% auto;
	text-align: center;
	color: #000;
  font-size: 13px;
}
.official section.boxBlack .cpBox span {
  display: block;
	color: #000;
  font-size: 13px;
}
.bgREC .main002{
	margin: 0 auto;
	display: block;
}
.bgREC .cvBtn{
	width: 92%;
	margin-top: 5px
}
.bnrList{
	margin-bottom:0px;
}
.bnrList li{
	margin-bottom: 20px
}
.bnrList li:last-child{
	margin-bottom: 0px
}
.official section.boxWhite .compBox dl {
  width: 90%;

  margin: 0 auto;
  font-size: 14px;
  font-size: 3.73333vw
}
.official section.boxWhite .compBox dl dt {
  font-weight: 700;
	width: 30%;
		font-weight: normal;
	float: left;
	clear: left;
}
.official section.boxWhite .compBox dl dd {
  margin: 0 auto 2.66%;
  padding: 0 0 2.66% 32%;
		width: 100%;
  border-bottom: 1px solid #000
}
.official section.boxWhite .compBox dl:first-of-type dd:last-child{
	  border-bottom: 1px solid #000
}
.official section.boxWhite .compBox dl dd:last-child{
	border-bottom: 0px
}
  footer .mapBox {
    width: 100%;
    height: 400px;
    overflow: hidden
  }
footer .mapBox iframe{
	    width: 100%;
    height: 400px;
	
}


@media screen and (min-width:768px) {
  html {
    font-size: 100%
  }
	#information{
	padding-top: 55px
}

  body {
    font-size: 24px;
    font-size: 3.04762vw
  }

	.official section.boxWhite p {
  width: 100%;
  margin: 0 auto;
  font-size: 16px;
  font-size: 4.26667vw
}
	
.official section.boxWhite {
  position: relative;
  margin: 0 auto 13.33%;
  padding: 8% 0;
  background: #fff
}
.official section.boxWhite .infoBox {
  width: 76.2%;
  margin: 0 auto
}
.official section.boxWhite .infoBox li {
  margin: 2.66% auto;
  border-bottom: 1px solid #f1f1f1;
	display: flex
}
.official section.boxWhite .infoBox li time {
  padding: .53% 1.86%;
	width: 15%;
  font-family: Times New Roman, 游ゴシック体, YuGothic, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック, Yu Gothic, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ Pro W3, Meiryo, メイリオ, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif
}
.official section.boxWhite .infoBox li p {
  width: 85%;
	font-size: 16px;
  margin: 2.66% auto
}
.official section.boxWhite .infoBox li p a{
	text-decoration: underline
}

	

	.cvBtnFV .cvBtn {
  width: 450px;
  height: 85px;
  margin: 0 auto;
  padding: 19px 0 0
}
  .btnGreen {
    font-size: 16.5px;
    font-size: 2.09524vw;
    position: absolute;
    top: 0;
    right: 8vw;
    height: 8vw;
    padding: 2.4% 0 0
  }
  .cvBtn {
    font-size: 27px;
    font-size: 3.42857vw
  }
  .cvBtn span {
    font-size: 18px;
    font-size: 2.28571vw;
    width: 60vw;
    height: 6vw;
    padding: 1.2vw 0 0
  }
  .container .bgH2 h2 {
    font-size: 30px;
    font-size: 3.80952vw
  }
  .container .bgH2 h2 + p {
    font-size: 18px;
    font-size: 2.28571vw
  }
  .container {
    padding: 8vw 0 0
  }
  footer .copyBox {
    font-size: 18px;
    font-size: 2.28571vw
  }
  .cvBtnFV .cpText span.under {
    font-size: 24px;
    font-size: 3.04762vw
  }
  .gNavi {
    height: 7.8vw
  }
  .gNavi h1 a {
    width: 12vw
  }
  .gNavi .spMenu .spMenuBtn {
    width: 8vw;
    height: 8vw
  }
  .gNavi .spMenu .spMenuBtn.action span:first-of-type {
    -webkit-transform: translateY(1.5vw) rotate(-45deg);
    transform: translateY(1.5vw) rotate(-45deg)
  }
  .gNavi .spMenu .spMenuBtn.action span:nth-of-type(2) {
    filter: alpha(opacity=0);
    opacity: 0
  }
  .gNavi .spMenu .spMenuBtn.action span:nth-of-type(3) {
    -webkit-transform: translateY(-1.8vw) rotate(45deg);
    transform: translateY(-1.8vw) rotate(45deg)
  }
  .gNavi .spMenuList {
    top: -1.2vw
  }
  .pagination {
    margin: 3vw auto
  }
  .pagination ul li.current, .pagination ul li a {
    width: 7vw;
    height: 7vw;
    margin: 1vw;
    font-size: 3vw
  }
  .pagination ul li.current, .pagination ul li a {
    line-height: 7vw
  }
  .pagination ul li.pageD a, .pagination ul li.pageS a {
    line-height: 6.5vw
  }
  .pager ul {
    height: 8vw
  }
  .pager li a {
    padding: 4vw 0
  }
  .pager li.left a, .pager li.right a {
    width: 8vw;
    font-size: 3vw
  }
  .pager li.center a {
    width: 29vw;
    font-size: 3vw
  }
  #topBK {
    position: fixed;
    right: 0;
    bottom: 18vw
  }
  .notPage {
    font-size: 21px;
    font-size: 2.66667vw
  }
  .blogBox .blogCont {
    width: calc(100% - 320px);
    height: auto;
    margin: auto;
    padding: 0;
    float: left;
    overflow: hidden
  }
  .blogBox .blogCont li a {
    width: 50%;
    padding: 1%;
    float: left
  }
  .blogBox .blogCont li a time {
    font-size: 21px;
    font-size: 2.66667vw
  }
  .blogBox .blogCont li a h3 {
    font-size: 30px;
    font-size: 3.80952vw
  }
  .blogBox .blogCont li a p {
    font-size: 24px;
    font-size: 3.04762vw
  }
  .blogBox .sideBox {
    width: 300px;
    height: auto;
    margin: auto;
    padding: 0;
    float: right;
    overflow: hidden
  }
  .blogBox .sideBox h4, .official .swiper-container h2 {
    font-size: 30px;
    font-size: 3.80952vw
  }
  .official .swiper-container h2 {
    position: absolute;
    top: 33%;
    left: 9%
  }
  .official .swiper-container .cvBtnFV .cpText span.under {
    font-size: 21px;
    font-size: 2.66667vw
  }
  .official section h2 {
    font-size: 39px;
    font-size: 4.95238vw
  }
  .official section.boxWhite h2 + p {
    font-size: 18px;
    font-size: 2.28571vw
  }
  .official section.boxWhite h3 {
    font-size: 30px;
    font-size: 3.80952vw
  }
  .official section.boxWhite h4, .official section.boxWhite p {
    font-size: 24px;
    font-size: 3.04762vw
  }
  .official section.boxWhite .compBox dl {
    font-size: 21px;
    font-size: 2.66667vw
  }
  .official section.boxBlack h2 + p {
    font-size: 18px;
    font-size: 2.28571vw
  }
  .official section.boxBlack h3 {
    font-size: 30px;
    font-size: 3.80952vw
  }
  .official section.boxBlack h3.rec {

  }
  .official section.boxBlack h3.rec span {
    font-size: 24px;
    font-size: 3.04762vw
  }
  .official section.boxBlack .worksList ul li h4, .official section.boxBlack h4, .official section.boxBlack p {
    font-size: 27px;
    font-size: 3.42857vw
  }
  .official section.boxBlack .worksList ul li p {
    font-size: 21px;
    font-size: 2.66667vw
  }
  .official section.boxBlack .cpBox h4 span.under {
    font-size: 24px;
    font-size: 3.04762vw
  }
  .official section.boxBlack .cpBox p {
    font-size: 21px;
    font-size: 2.66667vw
  }
  .official section.boxBlack .cpBox span {
    font-size: 15px;
    font-size: 1.90476vw
  }
  .privacy {
    font-size: 21px;
    font-size: 2.66667vw
  }
  .privacy dl dt {
    font-size: 24px;
    font-size: 3.04762vw
  }

}
@media screen and (min-width:1080px) {
  html {
    font-size: 62.5%
  }
  .pcDisp {
    display: block
  }
  .spDisp {
    display: none
  }
	.official section.boxWhite .pcBox{
padding: 0 0%;
}
	.mainBox{
		background: url(../img/index/mainbg.jpg) center 0 no-repeat;
		padding: 85px 0 50px;
		height: 701px;
		text-align: center;
		position: relative
	}
	.main001{
		margin-left: 193px;
		display: block;
		margin-bottom: 20px
	}
	.mainBox p{
		font-size: 36px;
		color: #fff;
		font-family:"BIZ UDPMincho", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-weight: bold;
		margin-bottom: 30px
	}
#philosophy{
	background: url(../img/index/philoBg.png) bottom center no-repeat;
	min-height: 920px;
}
	.balloon002{
	background: url(../img/index/balloon002.png) 0 0 no-repeat;
	text-align: center;
	color: #000;
	font-size: 30px;
	font-family:"BIZ UDPMincho", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	width: 480px;
	margin: 35px auto 0;
	font-weight: bold;
	padding: 15px 0 35px
}

	.official section.boxBlack p {
  width: 90%;
  margin: 0 auto;
  font-size: 18px;
  font-size: 4.8vw
}
.official section.bgREC {
	background: #0d4e94;
	padding: 60px 0
}
  .cvBtn {
    width: 500px;
    padding: 2.8% 0;
    font-size: 30px;
  }
  .cvBtn:after, .cvBtn:before {
    right: 30px
  }
  .cvBtn:after, .cvBtn:before {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
  }
  .cvBtn:after {
    right: 46px
  }
  .cvBtn span {
    width: 400px;
    height: 45px;
    padding: 10px 0 0;
    font-size: 16px;
    font-size: 1.6rem
  }
  .cvBtnArrow:before {
    width: 40px;
    height: 40px
  }
  .cvBtnArrow:after {
    width: 10px;
    height: 10px
  }
  .container .bgH2 h2 {
    font-size: 40px;
    font-size: 4rem
  }
  .container .bgH2 h2 + p {
    font-size: 20px;
    font-size: 2rem
  }
  .container {
    padding: 99px 0 0
  }
  .pcBox {
    width: 1024px;
    height: auto;
    margin: auto;
    padding: 0;
    overflow: hidden
  }
  footer .copyBox {
    padding: 1.2% 0;
    font-size: 10px;
    font-size: 1rem
  }
  footer .mapBox {
    width: 100%;
    height: 500px;
    overflow: hidden
  }
  footer .mapBox iframe {
    width: 100%;
    height: 500px;
    border: 0
  }
  footer .siteMapBox {
    width: 100%;
    height: auto;
    margin: auto;
    padding: 40px 0;
    overflow: hidden;
    background: #07519d;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem
  }
	footer .siteMapBox .pcBox{
		position: relative
	}
  footer .siteMapBox p {
    padding: 0 0 10px;
    font-weight: 700
  }
  footer .siteMapBox ul {
    margin: 10px 0 0;
    float: left
  }
  footer .siteMapBox ul:first-of-type {
    margin: 10px 40px 0 0
  }
  footer .siteMapBox li {
    margin: 0 0 10px
  }
  footer .siteMapBox li:before {
    padding: 0 5px 0 0;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    content: "\f105"
  }
  footer .siteMapBox .footLogoBox {
    width: 470px;
    margin: 5px 0px 0 0px;
    float: left;
    text-align: left
  }
	footer .siteMapBox .footLogoBox img{
		width: 154px;
		margin-bottom: 10px
	}
	footer .siteMapBox .footLogoBox ul{
		display: flex;
		width: 100%;
		margin: 0
	}
	footer .siteMapBox .footLogoBox ul li{
		width: 50%;
			font-size: 12px;
		line-height: 1.8;
	}
	footer .siteMapBox .footLogoBox ul li:last-child{
		font-size: 12px;
		width: 50%;
		
	}
	footer .siteMapBox .footLogoBox ul li:before{
		display: none
	}
  footer .siteMapBox .officialMapBox {
    width: 355px;
    margin: 0 0px 0 0;
    float: left
  }
	footer .siteMapBox .recruitMapBox{
		    width: 188px;
    margin: 0 0px 0 0;
    float: left
	}
  footer .siteMapBox .snsBox {
    float: left;
		position: absolute;
		bottom: 40px;
		right: 70px;
  }
	footer .siteMapBox .snsBox img{
		width: 47px;
	}
  .cvBtnFV .cpText span.under {
    font-size: 20px;
    font-size: 2rem
  }
  .gNavi {
    height: 100px
  }
  .gNavi header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 1024px;
    margin: auto
  }
  .gNavi h1 a {
    width: 146px;
    margin: 5px 5px 0 20px
  }
  .gNavi .pcMenuList {
    display: block;
    width: 750px;
    float: right
  }
  .gNavi .pcMenuList li {
    width: 120px;
    height: 100px;
    float: left
  }
  .gNavi .pcMenuList li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 30px 0 0;
    text-align: center
  }
  .gNavi .pcMenuList li a span {
    font-weight: 400
  }
  .gNavi .pcMenuList li a span:first-of-type {
    font-size: 14px;
		color: #000;
		font-weight: bold
  }
  .gNavi .pcMenuList li a span:nth-of-type(2) {
    color: #0d4e94;
    font-size: 11px
  }
  .gNavi .pcMenuList li:nth-of-type(6) {
    background: #268242;
		width: 150px;
  }
  .gNavi .pcMenuList li:nth-of-type(6) span:first-of-type, .gNavi .pcMenuList li:nth-of-type(6) span:nth-of-type(2) {
    color: #fff
  }
  .gNavi .spMenu {
    display: none
  }
  .pagination {
    margin: 3vw auto
  }
  .pagination ul li.current, .pagination ul li a {
    width: 50px;
    height: 50px;
    margin: 10px;
    font-size: 1.8rem
  }
  .pagination ul li a {
    line-height: 2.9
  }
  .pagination ul li.current {
    line-height: 3
  }
  .pagination ul li.pageD a, .pagination ul li.pageS a {
    line-height: 2.8
  }
  .pager ul {
    height: 54px
  }
  .pager li a {
    padding: 27px 0
  }
  .pager li.left a, .pager li.right a {
    width: 50px;
    font-size: 2.4rem
  }
  .pager li.center a {
    width: 210px;
    font-size: 1.8rem
  }
  #topBK {
    position: fixed;
    right: 0;
    bottom: 45px;
    width: 70px;
    height: 70px;
    background: url(../img/topback.jpg) 0 0 no-repeat
  }

  .notPage {
    font-size: 16px;
    font-size: 1.6rem
  }
  .notPage p {
    margin: 100px auto
  }
  .official .swiper-container h2 {
    position: absolute;
    top: 30%;
    left: 15%;
    font-size: 45px;
    font-size: 4.5rem
  }
  .official .swiper-container {
    width: 100%;
    height: 750px
  }
  .official .swiper-container .cvBtnFV .cpText span.under {
    font-size: 20px;
    font-size: 2rem
  }
  .official .swiper-slide img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
  }
  .official .swiper-button-next, .official .swiper-button-prev {
    width: 10px;
    height: 10px;
    background-size: 10px 10px
  }
  .official section h2 {
    margin: 0 auto 3px;
    font-size: 34px;
		color: #fff;
		font-family:"BIZ UDPMincho", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  }
  .official section.boxWhite {
    margin: 0 auto 0px;
    padding: 30px 0 60px
  }
	.official section.boxWhite h2{
				color: #0d4e94 !important;
	}
  .official section.boxWhite h2 + p {
    font-size: 16px;
		color: #0d4e94

  }
		.official section h2 + p:after{
		content: '';
		display: block;
		width: 50px;
		height: 6px;
		background-color: #fff;
		margin: 5px auto
	}
	
	.official section.boxWhite h2 + p:after{
		content: '';
		display: block;
		width: 50px;
		height: 6px;
		background-color: #0d4e94;
		margin: 5px auto
	}
  .official section.boxWhite h3 {
    width: 100%;
    margin: 160px 0 0;
    font-size: 32px;
		color: #0d4e94;
		font-weight: normal;
		font-family:"BIZ UDPMincho", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    text-align: left
  }
  .official section.boxWhite h3 span:first-of-type {
    margin-right: 0
  }
  .official section.boxWhite h3 span:nth-of-type(2) {
    margin-left: 50px
  }
  .official section.boxWhite h4 {
    font-size: 24px;
		font-family:"BIZ UDPMincho", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";

  }
  .official section.boxWhite p {
    font-size: 16px;
    font-size: 1.6rem
  }
  .official section.boxWhite .infoBox li time {
    padding: 0px 7px;
    font-size: 16px;
  }
  .official section.boxWhite .infoBox li p {
    margin: 0 0 10px
  }
	
  .official section.boxWhite .compBox {
    position: relative;
    width: 1024px;
		display: flex;
    height: auto;
    margin: auto;
    padding: 0;
    overflow: hidden
  }
  .official section.boxWhite .compBox .imgBox {
    position: absolute;
    top: 45%;
    right: 0;
    bottom: 0;
    left: -50%;
    width: 15%;
    margin: auto
  }
  .official section.boxWhite .compBox dl {
    width: 450px;
    margin: 80px 32px 0 32px;
    font-size: 16px;
    font-size: 1.6rem
  }
  .official section.boxWhite .compBox dl dt {
    width: 30%;
/*    height: 50px;*/
    float: left;
    font-weight: 400;
		clear: left;
  }
  .official section.boxWhite .rightBox {
    width: 50%;
    margin: 40px 0 0;
    float: right
  }
  .official section.boxBlack h2 + p {
    font-size: 20px;
    font-size: 2rem
  }
  .official section.boxBlack h3 {
    margin: 40px auto 20px;
    font-size: 30px;
    font-size: 3rem
  }
  .official section#works.boxBlack h3 {
    margin: 40px auto 20px;
		background: url(../img/index/balloon.png) 0 0 no-repeat;
		width: 770px;
		height: 79px;
    font-size: 30px;
		color: #000;
		font-family:"BIZ UDPMincho", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-weight: normal;
		padding-top: 11px;
  }
	.official section#works.boxBlack h3 strong{
		color: #970909;
		font-weight: normal
	}
  .official section.boxBlack h3.rec {

  }
  .official section.boxBlack h3.rec span {
    font-size: 35px;
    font-size: 3.5rem
  }
  .official section.boxBlack p {
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center
  }
	.official section.boxBlack .worksList ul{
		width: 980px;
		margin: 0 auto;
		display: flex;
	}
  .official section.boxBlack .worksList ul li {
    width: 30.6%;
		background: #fff;
    margin: 30px 4% 0px 0;
    padding: 30px 2% 30px;
    float: left
  }
	.official section.boxBlack .worksList ul li:last-child{
		margin-right: 0
	}
  .official section.boxBlack .worksList ul li .imgBox {
    width: 151px
  }
  .official section.boxBlack .worksList ul li h4 {
    font-size: 22px;
		font-family:"BIZ UDPMincho", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		width: 100%;
		letter-spacing: -1px;
    color: #000
  }
  .official section.boxBlack .worksList ul li p {
    font-size: 14px;
    color: #000;
		text-align: left;
  }
  .official section.boxBlack .cpBox {
    width: 986px;
		background: url(../img/index/recBg.png) 0 0 no-repeat;
		height: 315px;
		margin: -30px auto 0;
    padding: 130px 0 0 0;
		text-align: center;
  }
  .official section.boxBlack .cpBox h4, .official section.boxBlack .cpBox h4 span.under {
    font-size: 24px;
    font-size: 2.4rem
  }
  .official section.boxBlack .cpBox p {
    margin: 10px auto 0;
    font-size: 16px;
    font-size: 1.6rem;
    	text-align: center;
	color: #000;
  }
  .official section.boxBlack .cpBox span {
    font-size: 14px;
    font-size: 1.4rem;
    	text-align: center;
	color: #000;
  }
	.main002{
		display: block;
		width: auto;
		margin: 0 auto 5px
	}
.mainBox .pcBox .cvBtn{
		width: 450px !important;
	}
  .privacy {
    font-size: 16px;
    font-size: 1.6rem
  }
  .privacy dl dt {
    font-size: 20px;
    font-size: 2rem
  }
	.bnrList{
		display: flex;
		margin: 40px 0 0px;
	}
	.bnrList li{
		width: 490px;
		margin-right: 40px;
	}
	.bnrList li:last-child{
		margin-right: 0
	}
	.official section.boxBlack h3.rec {
  font-family:"BIZ UDPMincho", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-size: 72px;
  font-weight: 400;
	margin: 0 auto;
  line-height: 1.2
}
	.official section.boxBlack .cpBox h4 {
  width: 100%;
  margin: 0 auto;
		padding: 0 20px;
		display: block;
		border-bottom: 0;
  text-align: center
}

	.official section.boxBlack .cpBox h4 span.under {
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, transparent), color-stop(90%, #970909));
  background: linear-gradient(transparent 90%, #970909 0);
  font-size: 24px;
	font-family:"BIZ UDPMincho", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";

	color: #000;

}
	.official section.boxBlack .cpBox p {
  width: 100%;
  margin: 1% auto 0;
	text-align: center;
	color: #000;
  font-size: 16px;

}
.official section.boxBlack .cpBox span {
  display: block;
  font-size: 16px;

}
	.official section.boxWhite .compBox dl:first-of-type dd:last-child{
	  border-bottom: 0px solid #000
}

}
@media (-ms-high-contrast:none) {
  body {
    font-family: メイリオ, Meiryo, sans-serif
  }
}