@charset "UTF-8";
@charset "UTF-8";
/*------------------------------------------------------------
business travel
------------------------------------------------------------*/
#businesstravel #ttlArea {
  background: url(/corp/images/businesstravel/bg_businesstravel.jpg) no-repeat center bottom;
  -webkit-background-size: cover;
  background-size: cover;
}
.item a{
	color:#1a0dab;
	font-weight: bold;
}
a:hover {
    text-decoration: underline;
}
.table02 a{
	color:#1a0dab;
	font-weight: bold;
}
.pageLink01 {
  margin-top: 6.25%;
}
.pageLink01 a {
  display: inline-block;
  color: #fff;
  background: #004098;
  text-align: center;
  line-height: 1;
  width: 31.25%;
  padding: 20px 0;
  margin: 0 3.13%;
  font-size: 150%;
  font-weight: 500;
  transition: all .25s ease;
}
.pageLink01 a:hover {
  background: #f39800;
}
.serviceBoxWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.serviceBoxWrap .serviceBox {
  width: 31.25%;
  background: #fff;
  box-shadow: 0 0 8px rgba(102, 102, 102, 0.3);
  margin-bottom: 4%;
  position: relative;
 
  	
}
.serviceBox figure.video {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 70%;
}
.serviceBox figure.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.serviceBoxWrap .serviceBox .txtBox {
  padding: 3.5% 7.5% 30%;
}
.serviceBoxWrap .noLinkBtn .txtBox {
  padding: 7.5% 7.5%;
}
.serviceBoxWrap .serviceBox .txtBox h3 {
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  color: #004098;
  line-height: 1;
  margin-bottom: 1em;
}
.serviceBoxWrap .serviceBox .txtBox h3 span.small {
  font-size: 83.33%;
}
.serviceBoxWrap .serviceBox .txtBox p, .serviceBoxWrap .serviceBox .txtBox ul.list01 li {
  font-size: 16px;
  line-height: 1.88;
}
.serviceBoxWrap .serviceBox .txtBox a {
  color: #004098;
  text-decoration: underline;
}
.serviceBoxWrap .serviceBox .txtBox a:hover {
  text-decoration: none;
}
.serviceBoxWrap .serviceBox .txtBox ul.list01 li {
  list-style: disc inside;
  color: #555;
}
.serviceBoxWrap .serviceBox a.serviceBoxBtn {
  display: block;
  position: absolute;
  bottom: 30px;
  left: 0;
  text-align: center;
  color: #fff;
  background: #004098;
  width: 70%;
  line-height: 1;
  padding: 16px 0;
  margin: 0 15%;
  font-size: 18px;
  font-weight: 400;
  transition: background 0.25s ease-in-out;
}
.serviceBoxWrap .serviceBox a.serviceBoxBtn2 {
  display: block;
  position: absolute;
  bottom: 30px;
  left: 0;
  text-align: center;
  color: #fff;
  background: #f39800;
  width: 70%;
  line-height: 1;
  padding: 16px 0;
  margin: 0 15%;
  font-size: 18px;
  font-weight: 400;
  transition: background 0.25s ease-in-out;
}
.serviceBoxWrap .serviceBox a.serviceBoxBtn:hover {
  background: #f39800;
}
.serviceBoxWrap .serviceBox a.serviceBoxBtn2:hover {
  background: #004098;
}
.serviceBoxWrap::after {
  content: "";
  display: block;
  width: 31.25%;
}
.serviceBoxWrap .serviceBoxFull {
  width: 100%;
  position: relative;
  display: flex;
  box-shadow: 0 0 8px rgba(102, 102, 102, 0.3);
  margin-bottom: 4%;
}
.serviceBoxWrap .serviceBoxFull figure {
  display: block;
  flex: 0 0 400px;
}
.serviceBoxWrap .serviceBoxFull .txtBox {
  padding: 2.03% 3.13% 2.34% 5.47%;
  text-align: left;
}
.serviceBoxWrap .serviceBoxFull .txtBox h3 {
  text-align: left;
  font-weight: 700;
  font-size: 30px;
  color: #004098;
  line-height: 1;
  margin-bottom: 1rem;
}
.serviceBoxWrap .serviceBoxFull .txtBox h3 span {
  font-size: 18px;
}
.serviceBoxWrap .serviceBoxFull .txtBox p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.88;
  margin-top: 1em;
}
.serviceBoxWrap .serviceBoxFull a.serviceBoxBtn {
  display: block;
  text-align: center;
  color: #fff;
  background: #004098;
  width: 100%;
  max-width: 280px;
  line-height: 1;
  padding: 16px 0;
  margin: 20px auto 0;
  font-size: 18px;
  font-weight: 400;
  transition: background 0.25s ease-in-out;
}
.serviceBoxWrap .serviceBoxFull a.serviceBoxBtn:hover {
  background: #f39800;
}
#travel {
  margin-bottom: 3.91%;
}
#around {
  margin-bottom: 9.14%;
}
@media screen and (max-width:768px) {
  #businesstravel #ttlArea {
    background: url(/corp/images/businesstravel/bg_businesstravel_sp.jpg) no-repeat center bottom;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .pageLink01 {
    display: flex;
    justify-content: space-between;
  }
  .pageLink01 a {
    display: block;
    width: 49%;
    margin: 0 0;
    font-size: 85.71%;
    word-break: keep-all;
  }
  .serviceBoxWrap {
    display: block;
    margin: 0 2.97%;
  }
  .serviceBoxWrap .serviceBox {
    width: 100%;
    max-width: 400px;
    margin: 0 auto 10.06%;
  }
  .serviceBoxWrap .serviceBox .txtBox {
    padding: 7.18% 7.18% 30%;
  }
  .serviceBoxWrap .serviceBox .txtBox h3 {
    font-size: 107.14%;
  }
  .serviceBoxWrap .serviceBox .txtBox p, .serviceBoxWrap .serviceBox .txtBox ul.list01 li {
    font-size: 75%;
  }
  .serviceBoxWrap .serviceBox a.serviceBoxBtn {
    bottom: 25px;
    width: 70%;
    font-size: 85.71%;
  }
  .serviceBoxWrap .serviceBox a.serviceBoxBtn2 {
    bottom: 25px;
    width: 70%;
    font-size: 85.71%;
  }	
  .serviceBoxWrap .serviceBoxFull {
    display: block;
    max-width: 400px;
    margin: 0 auto 10.06%;
  }
  .serviceBoxWrap .serviceBoxFull figure {
    height: 228px;
  }
  .serviceBoxWrap .serviceBoxFull .txtBox {
    padding: 7.18% 7.18% 30%;
  }
  .serviceBoxWrap .serviceBoxFull .txtBox h3 {
    text-align: center;
    font-size: 107.14%;
    color: #004098;
    margin-bottom: 1em;
  }
  .serviceBoxWrap .serviceBoxFull .txtBox h3 span {
    font-size: 85.71%;
  }
  .serviceBoxWrap .serviceBoxFull .txtBox p {
    font-size: 75%;
    margin-top: 0;
  }
  .serviceBoxWrap .serviceBoxFull a.serviceBoxBtn {
    position: absolute;
    bottom: 25px;
    left: 0;
    width: 70%;
    font-size: 85.71%;
    margin: 0 15%;
  }
  .serviceBoxWrap .noLinkBtn .txtBox {
    padding: 7.18% 7.18%;
  }
  #travel {
    margin-bottom: 11.25%;
  }
  #around {
    margin-bottom: 11.25%;
  }
}
/*------------------------------------------------------------
business travel parking
------------------------------------------------------------*/
#businesstravelParking .section01 .ttl01 {
  margin-bottom: 6.64%;
}
#businesstravelParking #price {
  margin-bottom: 6.25%;
}
#businesstravelParking .tableWrap {
  margin-bottom: 55px;
}
#businesstravelParking #about {
  margin-bottom: 2.34%;
}
.parkingBox02 .leftBox, .parkingBox02 .rightBox {
  width: 50%;
}
.parkingBox02 .txt {
  margin-bottom: 20px;
}
.parkingBox02 .btns {
  width: 62.5%;
  margin: 0 auto;
}
.parkingBox02 .btns li a {
  display: block;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  font-size: 114.29%;
  font-weight: 500;
  line-height: 1;
  border: 3px solid #004098;
  margin-bottom: 10px;
  color: #004098;
  transition: all .25s ease;
}
.parkingBox02 .btns li a:hover, .parkingBox02 .btns li a.bgB {
  background: #004098;
  color: #fff;
}
.parkingBox02 .btns li a.bgB:hover {
  background: #fff;
  color: #004098;
}
#businesstravelParking #access .box01 {
  margin-bottom: 3.91%;
}
#businesstravelParking #access .box01 .leftBox, #businesstravelParking #access .box01 .rightBox {
  max-width: 49.61%;
}
#businesstravelParking .btnStyle01 {
  margin: 4.69% auto 7.81%;
}
#businesstravelParking .reserveBox {
  max-width: 720px;
  border: 3px solid #004098;
  margin: 0 auto;
  text-align: center;
}
#businesstravelParking .reserveBox .reserveHead {
  font-size: 150%;
  font-weight: 700;
  color: #fff;
  background: #004098;
  line-height: 1;
  padding: 10px 0;
}
#businesstravelParking .reserveBox .reserveContent {
  padding: 2.78%;
}
#businesstravelParking .reserveBox .reserveContent .tel {
  font-size: 257.14%;
  font-weight: 700;
  color: #004098;
}
#businesstravelParking .reserveBox .reserveContent .fax {
  font-size: 200%;
  font-weight: 700;
  color: #004098;
  margin-left: 20px;
}
#businesstravelParking .reserveBox .reserveContent .time {
  font-size: 150%;
  color: #004098;
  font-weight: 700;
  margin-bottom: 2.94%;
}
#businesstravelParking .reserveBox .reserveContent .time span {
  font-size: 1rem;
  display: inline-block;
  padding: 5px;
  border: 2px solid #004098;
  line-height: 1;
  margin-right: 10px;
}
#businesstravelParking .reserveBox .reserveContent p {
  padding: 0 11.76%;
  text-align: left;
  color: #004098;
  font-size: 114.29%;
}
#businesstravelParking .reserveBox .reserveContent p .orange {
  color: #f95607;
  font-weight: 700;
}
@media screen and (max-width:768px) {
  #businesstravelParking #price .txt {
    font-size: 75%;
  }
  #businesstravelParking #price {
    margin-bottom: 10.67%;
  }
  #businesstravelParking .tableWrap {
    margin-bottom: 5.33%;
  }
  #businesstravelParking #about {
    margin-bottom: 10.67%;
  }
  .parkingBox02 .leftBox, .parkingBox02 .rightBox {
    width: 100%;
  }
  .parkingBox02 .txt {
    margin-bottom: 5.33%;
  }
  .parkingBox02 .btns {
    width: 75%;
    margin: 0 auto;
  }
  .parkingBox02 .btns li a {
    font-size: 107.14%;
    padding: 4% 0;
  }
  #businesstravelParking #access .box01 {
    margin-bottom: 3.91%;
  }
  #businesstravelParking #access .box01 .leftBox, #businesstravelParking #access .box01 .rightBox {
    max-width: 100%;
  }
  #businesstravelParking .btnStyle01 {
    margin: 4.69% auto 10.67%;
  }
  #businesstravelParking .reserveBox .reserveHead {
    font-size: 107.14%;
  }
  #businesstravelParking .reserveBox .reserveContent .tel {
    font-size: 150%;
    display: block;
    margin-bottom: 10px;
  }
  #businesstravelParking .reserveBox .reserveContent .fax {
    font-size: 128.57%;
    display: block;
    margin-left: 0;
    margin-bottom: 10px;
  }
  #businesstravelParking .reserveBox .reserveContent .time {
    font-size: 107.14%;
  }
  #businesstravelParking .reserveBox .reserveContent .time span {
    font-size: 75%;
    display: inline-block;
    padding: 5px;
    border: 2px solid #004098;
    line-height: 1;
    margin-right: 10px;
  }
  #businesstravelParking .reserveBox .reserveContent p {
    padding: 0 0;
    text-align: left;
    color: #004098;
    font-size: 85.71%;
  }
}
/*------------------------------------------------------------
business air + hotel
------------------------------------------------------------*/
#businesstravelAirHotel {}
#businesstravelAirHotel #tour .headTxtBox {
  text-align: center;
  margin-bottom: 3.91%;
}
#businesstravelAirHotel #tour .headTxtBox .txt01 {
  font-size: 150%;
  line-height: 1.25;
  margin-bottom: 30px;
  color: #004098;
  font-weight: 700;
}
#businesstravelAirHotel #tour .headTxtBox .txt02 {
  font-size: 300%;
  line-height: 1.25;
  color: #f39800;
  margin-bottom: 10px;
  font-weight: 700;
}
#businesstravelAirHotel #tour .headTxtBox .txt03 {
  font-size: 214.29%;
  line-height: 1.25;
  font-weight: 700;
}
#businesstravelAirHotel #tour .tourBox {
  width: 50%;
  position: relative;
  text-align: center;
  padding: 13.91% 12.11%;
  margin-bottom: 8.75%;
}
#businesstravelAirHotel #tour .tourBox01 {
  background: url(/corp/images/businesstravel/airhotel_img02.jpg) no-repeat center/cover;
}
#businesstravelAirHotel #tour .tourBox02 {
  background: url(/corp/images/businesstravel/airhotel_img03.jpg) no-repeat center/cover;
}
#businesstravelAirHotel #tour .tourBox h3 {
  color: #004098;
  font-weight: 700;
  font-size: 150%;
  line-height: 1;
  width: 100%;
  padding: 15.15% 0;
  background: rgba(255, 255, 255, .8);
}
#businesstravelAirHotel #tour .tourBox .btmTxt {
  font-weight: 700;
  color: #fff;
  background: #004098;
  width: 100%;
  max-width: 330px;
  padding: 3.13% 0;
  margin-bottom: 0;
  position: absolute;
  bottom: -60px;
}
#businesstravelAirHotel #tour .tourBox .btmTxt span.large {
  display: inline-block;
  font-size: 171.43%;
  line-height: 1.25;
}
#businesstravelAirHotel #tour .option {
  margin-bottom: 6.25%;
}
#businesstravelAirHotel #tour .option h3 {
  text-align: center;
  color: #004098;
  font-weight: 700;
  font-size: 171.43%;
  margin-bottom: 2.66%;
}
#businesstravelAirHotel #tour .optionBox {
  padding: 0 15px;
  display: flex;
  justify-content: space-between;
}
#businesstravelAirHotel #tour .optionBox .optionItem {
  width: 280px;
  height: 280px;
  border-radius: 50%;
  text-align: center;
  position: relative;
}
#businesstravelAirHotel #tour .optionBox .optionItem .txt {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-25%);
  -webkit- transform: translateY(-25%);
}
#businesstravelAirHotel #tour .optionBox .optionItem .txt h4 {
  font-size: 171.43%;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 14.29%;
  text-shadow: 1px 1px 30px #004098, -1px 1px 30px #004098, 1px -1px 30px #004098, -1px -1px 30px #004098;
}
#businesstravelAirHotel #tour .optionBox .optionItem .txt p {
  font-size: 114.29%;
  font-weight: 400;
  text-shadow: 1px 1px 30px #fff, -1px 1px 30px #fff, 1px -1px 30px #fff, -1px -1px 30px #fff, 1px 1px 30px #fff, -1px 1px 30px #fff, 1px -1px 30px #fff, -1px -1px 30px #fff, 1px 1px 30px #fff, -1px 1px 30px #fff, 1px -1px 30px #fff, -1px -1px 30px #fff, 1px 1px 30px #fff, -1px 1px 30px #fff, 1px -1px 30px #fff, -1px -1px 30px #fff;
}
#businesstravelAirHotel #tour .optionBox .option01 {
  background: url(/corp/images/businesstravel/airhotel_option_img01.jpg) no-repeat center/cover;
}
#businesstravelAirHotel #tour .optionBox .option02 {
  background: url(/corp/images/businesstravel/airhotel_option_img02.jpg) no-repeat center/cover;
}
#businesstravelAirHotel #tour .optionBox .option03 {
  background: url(/corp/images/businesstravel/airhotel_option_img03.jpg) no-repeat center/cover;
}
#businesstravelAirHotel #tour .optionBox .option04 {
  background: url(/corp/images/businesstravel/airhotel_option_img04.jpg) no-repeat center/cover;
}
.docItemBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 3.91%;
}
.docItemBox:before {
  content: "";
  display: block;
  width: 24.22%;
  order: 1;
}
.docItemBox:after {
  content: "";
  display: block;
  width: 24.22%;
}
.docItemBox li {
  text-align: center;
  width: 24.22%;
  margin-bottom: 2.34%;
}
.docItemBox li figure {
  display: block;
  overflow: hidden;
  margin-bottom: 10px;
}
.docItemBox li figure img {
  display: block;
  width: 100%;
  height: auto;
  line-height: 0;
  transition: all .25s ease-in-out;
}
.docItemBox li a:hover figure img {
  transform: scale(1.1);
}
.docItemBox li a p {
  font-size: 114.29%;
  font-weight: 500;
  color: #004098;
  padding-bottom: 8px;
  line-height: 1;
  text-decoration: underline;
}
.docItemBox li a:hover p {
  text-decoration: none;
}
@media screen and (max-width:1140px) {
  #businesstravelAirHotel #tour .optionBox .optionItem {
    width: 200px;
    height: 200px;
    margin: 1.45%;
  }
}
@media screen and (max-width:768px) {
  #businesstravelAirHotel #tour .headTxtBox .txt01 {
    font-size: 128.57%;
  }
  #businesstravelAirHotel #tour .headTxtBox .txt02 {
    font-size: 171.43%;
  }
  #businesstravelAirHotel #tour .headTxtBox .txt03 {
    font-size: 128.57%;
  }
  #businesstravelAirHotel #tour .tourBox {
    width: 100%;
    margin-bottom: 26.09%;
  }
  #businesstravelAirHotel #tour .tourBox h3 {
    width: 100%;
    max-width: 220px;
    margin: 0 auto;
  }
  #businesstravelAirHotel #tour .tourBox .btmTxt {
    font-size: 85.71%;
    width: 100%;
    max-width: 220px;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    -webkit- transform: translateX(-50%);
  }
  #businesstravelAirHotel #tour .tourBox .btmTxt span.large {
    font-size: 150%;
  }
  #businesstravelAirHotel #tour .option {
    margin-bottom: 6.25%;
  }
  #businesstravelAirHotel #tour .option h3 {
    font-size: 128.57%;
    margin-bottom: 8.7%;
  }
  #businesstravelAirHotel #tour .optionBox {
    padding: 0 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  #businesstravelAirHotel #tour .optionBox .optionItem {
    width: 138px;
    height: 138px;
    margin: 1.45%;
  }
  #businesstravelAirHotel #tour .optionBox .optionItem .txt h4 {
    font-size: 128.57%;
    line-height: 1.5;
    margin-bottom: 4%;
    text-shadow: 1px 1px 15px #004098, -1px 1px 15px #004098, 1px -1px 15px #004098, -1px -1px 15px #004098;
  }
  #businesstravelAirHotel #tour .optionBox .optionItem .txt p {
    font-size: 75%;
    font-weight: 400;
  }
  .docItemBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 3.91%;
  }
  .docItemBox:before {
    content: "";
    display: block;
    width: 48.44%;
    order: 1;
  }
  .docItemBox:after {
    content: "";
    display: block;
    width: 48.44%;
  }
  .docItemBox li {
    text-align: center;
    width: 48.44%;
    margin-bottom: 2.34%;
  }
  .docItemBox li a p {
    font-size: 100%;
  }
}
/*------------------------------------------------------------
btm
------------------------------------------------------------*/
.txtBtm01 {
  font-size: 128.57%;
  color: #555;
  text-align: center;
  line-height: 2;
  margin-bottom: 4.69%;
}
#businesstravelBtm .serviceBoxWrap .serviceBox figure img {
  width: 100%;
}
@media screen and (min-width:769px) {
  .w75per {
    width: 75%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width:768px) {
  .txtBtm01 {
    font-size: 100%;
    text-align: left;
  }
}
/*------------------------------------------------------------
global service
------------------------------------------------------------*/
#businesstravelGlobal .headTxtBox01 .txtBox {
  width: 100%;
  float: none;
}
.txtBox01 .txtBox {
  text-align: left;
}
.txtBox01 .txtBox h2 {
  font-size: 171.43%;
  font-weight: 700;
  color: #004098;
  margin-bottom: 1em;
}
.txtBox01 .txtBox .txt {
  font-size: 128.57%;
  line-height: 2;
  margin-bottom: 26px;
}
@media screen and (max-width:768px) {
  .txtBox01 .txtBox {
    width: 100%;
    float: none;
  }
  .txtBox01 .txtBox h2 {
    font-size: 128.57%;
    margin-bottom: 1em;
  }
  .txtBox01 .txtBox .txt {
    font-size: 100%;
    margin-bottom: 6.93%;
  }
}
/*------------------------------------------------------------
example list
------------------------------------------------------------*/
#example #ttlArea {
  background: url(/corp/images/example/bg_example.jpg) no-repeat center bottom;
  -webkit-background-size: cover;
  background-size: cover;
}
#example #ttlArea #breadcrumb {
  text-shadow: 1px 1px 20px #fff, -1px 1px 20px #fff, 1px -1px 20px #fff, -1px -1px 20px #fff, 1px 1px 20px #fff, -1px 1px 20px #fff, 1px -1px 20px #fff, -1px -1px 20px #fff;
  ;
}
#example #ttlArea h1 {
  text-shadow: 1px 1px 40px #fff, -1px 1px 40px #fff, 1px -1px 40px #fff, -1px -1px 40px #fff;
}
#example #ttlArea h1 span.jp {
  text-shadow: 1px 1px 20px #fff, -1px 1px 20px #fff, 1px -1px 20px #fff, -1px -1px 20px #fff;
}
.exampleListWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 4%;
}
.exampleListWrap .exampleBox {
  width: 47.66%;
  background: #fff;
  box-shadow: 0 0 8px rgba(102, 102, 102, 0.3);
  margin-bottom: 4%;
  display: flex;
}
.exampleListWrap .exampleBox:after {
  content: "";
  display: block;
  clear: both;
}
.exampleListWrap .exampleBox figure {
  display: block;
  position: relative;
  flex: 0 0 200px;
}
.exampleListWrap .exampleBox figure span.tag {
  display: block;
  width: 100%;
  color: #fff;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 8px 0;
}
.tagGreen {
  background: rgba(9, 124, 37, 0.9);
}
.tagPurple {
  background: rgba(96, 25, 134, 0.9);
}
.tagBlue {
  background: rgba(0, 64, 152, 0.9);
}
.tagOrange {
  background: rgba(235, 97, 0, 0.9);
}
.exampleListWrap .exampleBox .txtBox {
  padding: 4.59% 4.92% 9.68%;
  position: relative;
  flex: 1 1;
}
.exampleListWrap .exampleBox .txtBox h3 {
  font-weight: 700;
  font-size: 24px;
  color: #004098;
  line-height: 1.25;
  margin-bottom: 1em;
}
.exampleListWrap .exampleBox .txtBox p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.exampleListWrap .exampleBox a.exampleBoxBtn {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: center;
  color: #fff;
  background: #004098;
  width: 230px;
  line-height: 1;
  padding: 2.42% 0;
  font-size: 16px;
  font-weight: 400;
  transition: background 0.25s ease-in-out;
}
.exampleListWrap .exampleBox a.exampleBoxBtn:hover {
  background: #f39800;
}
.exampleListWrap::after {
  content: "";
  display: block;
  width: 31.25%;
}
.pager {
  width: 100%;
  text-align: center;
  padding: 3.91% 0 10.31%;
}
.pager span {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  margin: 5px;
  padding: 14px 18px;
  color: #004098;
  background: #fff;
  border: 1px solid #004098;
  transition: all 0.25s ease;
}
.pager span:hover {
  cursor: pointer;
  color: #fff;
  background: #004098;
}
.pager span.current {
  color: #fff;
  background: #004098;
}
.pager span.current:hover {
  cursor: default;
}
.pager span.invalid {}
.pager span.invalid:hover {
  cursor: default;
}
.pager span.prev, .pager span.next {
  border: 0;
  text-indent: -9999px;
}
.pager span.prev {
  background: url(/corp/images/example/icon_prev.png) no-repeat center;
}
.pager span.next {
  background: url(/corp/images/example/icon_next.png) no-repeat center;
}
@media screen and (max-width:768px) {
  #example .section01 .ttl01 {
    margin-bottom: 6.49%;
  }
  .exampleListWrap {
    display: block;
    margin-bottom: 10%;
  }
  .exampleListWrap .exampleBox {
    width: 100%;
    background: #fff;
    box-shadow: 0 0 8px rgba(102, 102, 102, 0.3);
    margin-bottom: 4%;
    display: flex;
  }
  .exampleListWrap .exampleBox:after {
    content: "";
    display: block;
    clear: both;
  }
  .exampleListWrap .exampleBox figure {
    display: block;
    position: relative;
    overflow: hidden;
    flex: 0 0 32.79%;
  }
  .exampleListWrap .exampleBox figure span.tag {
    font-size: 75%;
    display: block;
    width: 100%;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 4px 0;
    line-height: 1;
  }
  .exampleListWrap .exampleBox .txtBox {
    padding: 4.59% 4.92% 9.76%;
    position: relative;
  }
  .exampleListWrap .exampleBox .txtBox h3 {
    font-weight: 700;
    font-size: 100%;
    margin-bottom: 4.88%;
  }
  .exampleListWrap .exampleBox .txtBox p {
    font-size: 75%;
  }
  .exampleListWrap .exampleBox a.exampleBoxBtn {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    color: #fff;
    background: #004098;
    width: 56.1%;
    padding: 8px 0;
    font-size: 75%;
    font-weight: 400;
  }
  .pager span {
    display: inline-block;
    font-size: 75%;
    margin: 2px;
    padding: 7px 9px;
    color: #004098;
    background: #fff;
    border: 1px solid #004098;
  }
}
/*------------------------------------------------------------
example detail
------------------------------------------------------------*/
.exampleDetailHead .ttl01 {
  margin-bottom: 20px;
}
.exampleDetailHead .ttl01 p {
  font-size: 21px;
}
.exampleDetailHead .tag {
  color: #fff;
  width: 200px;
  padding: 8px 0;
  margin: 0 auto 35px;
}
.exampleDetailHead .category dt, .exampleDetailHead .category dd {
  display: inline-block;
  font-size: 18px;
}
.exampleDetailHead .category dt {
  color: #004098;
  margin-right: 1em;
}
.exampleDetailHead .category dd:not(:last-child):after {
  content: "/";
  margin: 0 1em;
}
#exampleSec01 {
  margin-bottom: 70px;
}
#exampleSec01 ul.bubble li {
  padding: 10px 0 10px 56px;
  background: url(/corp/images/example/icon_bubble.png) no-repeat 7px;
  font-size: 18px;
  line-height: 1.33;
}
#exampleSec01 figure.img {
  float: right;
}
#exampleSec02 {
  margin-bottom: 3.13%;
}
#exampleSec02 h3.icon01 {
  background: url(/corp/images/example/icon01.png) no-repeat left;
}
#exampleSec02 h3.icon02 {
  background: url(/corp/images/example/icon02.png) no-repeat left;
}
#exampleSec02 h3.icon03 {
  background: url(/corp/images/example/icon03.png) no-repeat left;
}
#exampleFaq {
  margin-bottom: 70px;
}
#exampleFaq .faq dt {
  font-size: 21px;
  font-weight: 400;
  color: #004098;
  line-height: 1;
  padding: 26px 0 26px 90px;
  position: relative;
  cursor: pointer;
  transition: all 0.25s ease;
}
#exampleFaq .faq dt:hover {
  background: #f9f9f9;
}
#exampleFaq .faq dt:before {
  content: "Q.";
  display: block;
  position: absolute;
  top: 10px;
  left: 20px;
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 48px;
}
#exampleFaq .faq dt:after {
  content: "";
  display: block;
  position: absolute;
  width: 93.75%;
  height: 1px;
  bottom: 0;
  left: 80px;
  background: #ccc;
}
#exampleFaq .faq dt:last-of-type:after, #exampleFaq .faq dt.open:after {
  display: none;
}
#exampleFaq .faq dd {
  display: none;
  font-size: 18px;
  line-height: 2;
  padding: 14px 45px 14px 70px;
  background: #efefef;
  border-radius: 5px;
  margin-left: 65px;
  position: relative;
}
#exampleFaq .faq dd:before {
  content: "A.";
  color: #004098;
  display: block;
  position: absolute;
  top: 0;
  left: 33px;
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 36px;
}
.relatedItemBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.relatedItem {
  display: block;
  width: 48.44%;
  padding: 20px;
  border-bottom: 1px solid #ccc;
  transition: all 0.25s ease;
}
.relatedItem:hover {
  background: #f9f9f9;
}
.relatedItem figure {
  width: 60px;
  float: left;
  margin-right: 30px;
}
.relatedItem h4 {
  font-size: 18px;
  font-weight: 700;
  color: #014593;
}
.relatedItem p {
  font-size: 16px;
  color: #555;
}
@media screen and (max-width:768px) {
  .exampleDetailHead .ttl01 p {
    font-size: 85.71%;
  }
  .exampleDetailHead .tag {
    color: #fff;
    width: 200px;
    padding: 4px 0;
    margin: 0 auto 4.67%;
  }
  .exampleDetailHead .category dt, .exampleDetailHead .category dd {
    display: inline-block;
    font-size: 85.71%;
  }
  #exampleSec01 {
    margin-bottom: 9.33%;
  }
  #exampleSec01 ul.bubble {
    margin-bottom: 4%;
  }
  #exampleSec01 ul.bubble li {
    padding: 10px 0 10px 7.57%;
    background: url(/corp/images/example/icon_bubble.png) no-repeat left/15px;
    font-size: 100%;
  }
  #exampleSec01 figure.img {
    float: none;
    margin: 0 auto;
  }
  #exampleSec02 {
    margin-bottom: 3.13%;
  }
  #exampleSec02 h3.icon01 {
    background: url(/corp/images/example/icon01.png) no-repeat left/15px;
  }
  #exampleSec02 h3.icon02 {
    background: url(/corp/images/example/icon02.png) no-repeat left/15px;
  }
  #exampleSec02 h3.icon03 {
    background: url(/corp/images/example/icon03.png) no-repeat left/15px;
  }
  #exampleFaq {
    margin-bottom: 13.51%;
  }
  #exampleFaq .faq dt {
    font-size: 107.14%;
    line-height: 1.5;
    padding: 13px 0 13px 40px;
  }
  #exampleFaq .faq dt:before {
    top: 5px;
    left: 10px;
    font-size: 24px;
  }
  #exampleFaq .faq dt:after {
    width: 100%;
    bottom: 0;
    left: 0;
  }
  #exampleFaq .faq dd {
    font-size: 85.71%;
    padding: 14px 20px 14px 35px;
    margin-left: 0;
    position: relative;
  }
  #exampleFaq .faq dd:before {
    top: 14px;
    left: 14px;
    font-size: 18px;
  }
  .relatedItemBox {
    display: block;
  }
  .relatedItem {
    width: 100%;
    padding: 0.7em 0;
  }
  .relatedItem figure {
    width: 60px;
    float: left;
    margin-right: 15px;
  }
  .relatedItem h4 {
    font-size: 107.14%;
  }
  .relatedItem p {
    font-size: 85.71%;
  }
}
/*------------------------------------------------------------
seminar
------------------------------------------------------------*/
#seminar #ttlArea, #seminarDetail #ttlArea {
  background: url(/corp/images/seminar/bg_seminar.jpg) no-repeat center bottom;
  -webkit-background-size: cover;
  background-size: cover;
}
#seminar #ttlArea #breadcrumb, #seminarDetail #ttlArea #breadcrumb {
  text-shadow: 1px 1px 20px #fff, -1px 1px 20px #fff, 1px -1px 20px #fff, -1px -1px 20px #fff, 1px 1px 20px #fff, -1px 1px 20px #fff, 1px -1px 20px #fff, -1px -1px 20px #fff;
  ;
}
.seminarListItem {
  width: 100%;
  background: #fff;
  box-shadow: 0 0 15px rgba(102, 102, 102, 0.3);
  margin-bottom: 3.91%;
  display: flex;
  text-align: left;
}
.seminarListItem .leftImg {
  position: relative;
  flex: 0 0 31.25%;
}
.seminarListItem .leftImg .noticeTag {
  font-size: 16px;
  line-height: 1;
  background: #d6000f;
  padding: 15px 40px;
  color: #fff;
  text-align: center;
  display: inline-block;
  margin-top: 30px;
}
.seminarListItem .txtBox {
  padding: 40px 40px 40px 50px;
}
.seminarListItem .txtBox .headArea {
  margin-bottom: 2.34%;
  display: flex;
}
.seminarListItem .txtBox .headArea .seminarTtl {
  flex: 0 0 61.52%;
}
.seminarListItem .txtBox .headArea .seminarTtl h3 {
  font-size: 30px;
  color: #004098;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 10px;
}
.seminarListItem .txtBox .headArea .seminarTtl p {
  font-size: 21px;
  font-weight: 700;
}
.seminarListItem .txtBox .headArea .info dt {
  color: #004098;
  float: left;
  font-size: 16px;
}
.seminarListItem .txtBox .headArea .info dd {
  padding-left: 5em;
  font-size: 16px;
}
.seminarListItem .txtBox .headArea .info dd:after {
  content: "";
  display: block;
  clear: both;
}
.seminarTrigger {
  display: none;
}
.seminarListItem .txtBox .tags li {
  display: inline-block;
  margin: 0 10px 20px 0;
  color: #fff;
  background: #004098;
  line-height: 40px;
  border-radius: 20px;
  text-align: center;
  padding: 0 27px;
}
.seminarListItem .txtBox p.txt {
  font-size: 16px;
  line-height: 1.88;
  color: #555;
  margin-bottom: 35px;
}
.seminarListItem .txtBox .btnArea {
  display: flex;
}
.seminarListItem .txtBox .btnArea li a {
  display: block;
  font-size: 16px;
  line-height: 1;
  color: #004098;
  text-align: center;
  padding: 14px 50px;
  font-weight: 500;
  border: 3px solid #004098;
  margin-right: 20px;
  transition: all .25s ease;
}
.seminarListItem .txtBox .btnArea li a:hover {
  background: #004098;
  color: #fff;
}
.seminarListItem .txtBox .btnArea li.ended {
  display: block;
  font-size: 16px;
  line-height: 1;
  color: #fff;
  text-align: center;
  padding: 14px 78px;
  font-weight: 500;
  background: #f39800;
  border: 3px solid #f39800;
}
.seminarBtn01 {
  margin: 4.69% auto 7.81%;
}
/*hashtag*/
.hashtag {
  margin-top: 1%;
}
.hashtag > p {
  display: inline-block;
  margin: 0 .1em .6em 0;
  padding: .6em;
  line-height: 1;
  text-decoration: none;
  color: #333333;
  background-color: #fff;
  /*border: 1px solid #0000ee;
  border-radius: 2em;*/
  margin: 3px;	
}
.hashtag > p:before {
  content: "#";
}
@media screen and (max-width:768px) {
  .seminarListItem {
    box-shadow: 0 0 8px rgba(102, 102, 102, 0.3);
    margin-bottom: 10.06%;
    display: block;
  }
  .seminarListItem .leftImg {
    position: relative;
    width: 100%;
    height: 140px;
  }
  .seminarListItem .leftImg .noticeTag {
    font-size: 85.71%;
    padding: 8px 20px;
    margin-top: 15px;
  }
  .seminarListItem .txtBox {
    padding: 5.41% 5.41% 8.11%;
    position: relative;
  }
  .seminarListItem .txtBox .headArea {
    margin-bottom: 4%;
    display: block;
  }
  .seminarListItem .txtBox .headArea .seminarTtl {
    width: 100%;
  }
  .seminarListItem .txtBox .headArea .seminarTtl h3 {
    font-size: 128.57%;
    color: #004098;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
  }
  .seminarListItem .txtBox .headArea .seminarTtl p {
    font-size: 107.14%;
    font-weight: 700;
    margin-bottom: 10px;
  }
  .seminarListItem .txtBox .headArea .info dt {
    color: #004098;
    float: left;
    font-size: 85.71%;
  }
  .seminarListItem .txtBox .headArea .info dd {
    padding-left: 5em;
    font-size: 85.71%;
  }
  .seminarListItem .txtBox .headArea .info dd:after {
    content: "";
    display: block;
    clear: both;
  }
  .seminarTrigger {
    display: block;
    width: 100%;
    padding: 15px 0;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .seminarTrigger span {
    display: block;
    position: relative;
    width: 20px;
    height: 2px;
    background: #004098;
    margin: 0 auto;
  }
  .seminarTrigger span:before {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    background: #004098;
    position: absolute;
    top: -6px;
    transition: 0.5s ease-in-out;
  }
  .seminarTrigger span:after {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    background: #004098;
    position: absolute;
    bottom: -6px;
    transition: 0.5s ease-in-out;
  }
  .seminarListItem .txtBox .hideArea {
    display: none;
  }
  .seminarListItem .txtBox .tags li {
    font-size: 75%;
    display: inline-block;
    margin: 0 0 10px 0;
    color: #fff;
    background: #004098;
    line-height: 24px;
    border-radius: 12px;
    text-align: center;
    padding: 0 8px;
  }
  .seminarListItem .txtBox p.txt {
    font-size: 85.71%;
    line-height: 1.88;
    color: #555;
    margin-bottom: 20px;
  }
  .seminarListItem .txtBox .btnArea {
    display: block;
  }
  .seminarListItem .txtBox .btnArea li a {
    display: block;
    font-size: 100%;
    line-height: 1;
    padding: 14px 0;
    border: 3px solid #004098;
    margin-right: 0;
    margin-bottom: 10px;
  }
  a.pdf:before {
    width: 12px;
    height: 12px;
    background: url(/corp/images/seminar/icon_pdf.png) no-repeat center/100%;
    margin-right: 5px;
  }
  .seminarListItem .txtBox .btnArea li.ended {
    font-size: 100%;
    text-align: center;
    padding: 14px 0;
  }
  .seminarBtn01 {
    margin: 4.69% auto 7.81%;
  }
}
/*------------------------------------------------------------
seminar detail
------------------------------------------------------------*/
#seminarDetail .section01 .ttl01 {
  margin-bottom: 2.34%;
}
#seminarDetail .seminarDetailInfoTxt {
  font-size: 18px;
  margin-bottom: 70px;
}
.seminarDetailBox01 {
  margin-bottom: 45px;
}
.seminarDetailBox01 h3 {
  font-size: 30px;
  margin-bottom: 30px;
  font-weight: 700;
  color: #004098;
  text-align: left;
}
.seminarDetailBox01 p.txt01 {
  font-size: 18px;
  line-height: 2;
  font-weight: 400;
  text-align: left;
}
.seminarDetailWrap {
  text-align: left;
}
.seminarDetailWrap .map p {
  font-size: 18px;
  font-weight: 500;
  color: #004098;
  padding: 20px 0 30px;
  margin-bottom: 0;
}
#program {
  margin-bottom: 80px;
}
#program .infoList01 dd {
  border-bottom: 0;
}
#lecturer {
  margin-bottom: 6.25%;
}
.lecturerBox {
  width: 100%;
  background: #fff;
  box-shadow: 0 0 15px rgba(102, 102, 102, 0.3);
  display: flex;
  text-align: left;
}
.lecturerBox + div {
  margin-top: 3.91%;
}
.lecturerBox .leftImg {
  flex: 0 0 290px;
}
.lecturerBox .txtBox {
  padding: 50px 60px;
}
.lecturerBox .txtBox .headArea {
  margin-bottom: 30px;
}
.lecturerBox .txtBox .headArea h3 {
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 10px;
}
.lecturerBox .txtBox .headArea h3 span {
  display: inline-block;
  color: #004098;
  margin-right: 1em;
}
.lecturerBox .txtBox .headArea p {
  font-size: 18px;
  color: #004098;
  font-weight: 400;
}
.lecturerBox .txtBox p.txt {
  font-size: 16px;
  line-height: 1.88;
  font-weight: 400;
}
#notes .txt {
  font-size: 18px;
  line-height: 2;
}
@media screen and (max-width:768px) {
  #seminarDetail .section01 .ttl01 {
    margin-bottom: 2.34%;
  }
  #seminarDetail .seminarDetailInfoTxt {
    font-size: 75%;
    margin-bottom: 8.75%;
  }
  .seminarDetailBox01 {
    margin-bottom: 45px;
  }
  .seminarDetailBox01 h3 {
    font-size: 150%;
    margin-bottom: 15px;
  }
  .seminarDetailBox01 p.txt01 {
    font-size: 85.71%;
  }
  .seminarDetailWrap {
    text-align: left;
  }
  .seminarDetailWrap .map p {
    font-size: 100%;
    padding: 20px 0 15px;
  }
  #program {
    margin-bottom: 10%;
  }
  #lecturer {
    margin-bottom: 10%;
  }
  .lecturerBox {
    width: 100%;
    background: #fff;
    box-shadow: 0 0 15px rgba(102, 102, 102, 0.3);
    display: block;
    text-align: left;
  }
  .lecturerBox + div {
    margin-top: 3.91%;
  }
  .lecturerBox .leftImg {
    height: 200px;
  }
  .lecturerBox .txtBox {
    padding: 8%;
  }
  .lecturerBox .txtBox .headArea {
    margin-bottom: 15px;
  }
  .lecturerBox .txtBox .headArea h3 {
    font-size: 150%;
    margin-bottom: 10px;
  }
  .lecturerBox .txtBox .headArea p {
    font-size: 100%;
  }
  .lecturerBox .txtBox p.txt {
    font-size: 85.71%;
  }
  #notes .txt {
    font-size: 100%;
  }
}
/*------------------------------------------------------------
product detail
------------------------------------------------------------*/
#productDetail .headTxtBox01 {
  margin-bottom: 6.25%;
}
#productDetail .section01 .ttl01 {
  margin-bottom: 5.47%;
}
#productDetail .infoList01 dd a {
  color: #333;
}
.headImg {
  max-width: 1280px;
  margin: 0 auto;
}
#productDetail .contentBox01 .bb {
  padding-bottom: 50px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 50px;
}
#productDetail h3.iconPoint {
  background: url(/corp/images/product/icon_point.png) no-repeat left/30px;
}
#productDetail h3.iconHotel {
  background: url(/corp/images/product/icon_hotel.png) no-repeat left/30px;
}
#productDetail h3.iconSchedule {
  background: url(/corp/images/product/icon_schedule.png) no-repeat left/30px;
}
#productDetail h3.iconMoney {
  background: url(/corp/images/product/icon_money.png) no-repeat left/30px;
}
#productDetail h3.iconNote {
  background: url(/corp/images/product/icon_note.png) no-repeat left/30px;
}
#productDetail h3.iconSpeaker {
  background: url(/corp/images/product/icon_speaker.png) no-repeat left/30px;
}
.productPageLink {
  width: 100%;
  display: flex;
  margin: 4.69% auto;
}
.productPageLink li {
  flex: 1 1 auto;
  margin: 0 1px 1px 0;
}
.productPageLink li a {
  display: block;
  width: 100%;
  text-align: center;
  color: #004098;
  font-weight: 500;
  background: #eee;
  padding: 20px 0;
  font-size: 16px;
  transition: all .25s ease;
  position: relative;
}
.productPageLink li a:after {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 5px;
  background: url(/corp/images/common/arrowBlueDown.png) no-repeat center/100%;
  bottom: 10px;
  left: 50%;
  margin-left: -4px;
  transition: all .25s ease;
}
.productPageLink li a:hover {
  background: #004098;
  color: #fff;
}
.productPageLink li a:hover:after {
  background: url(/corp/images/common/arrowWhiteDown.png) no-repeat center/100%;
  bottom: 5px;
}
.subTtlNote {
  margin-bottom: 30px;
}
#productDetail .contentBox01 p.orangeBoxTxt {
  font-weight: 700;
  color: #fff;
  background: #f39800;
  text-align: center;
  padding: 18px 0;
  margin-top: 46px;
}
.contentBox01 p {
  margin-bottom: 2em;
}
#productDetailSec02 {
  margin-bottom: 60px;
}
#productDetail .bottomTxt {
  margin: 47px 0;
}
#productDetail .btnStyle01 {
  margin-top: 0;
}
#productDetail .tableWrap {
  margin-bottom: 1em;
}
@media screen and (max-width:768px) {
  #productDetail .contentBox01 .bb {
    padding-bottom: 2em;
    border-bottom: 1px solid #ccc;
    margin-bottom: 2em;
  }
  #productDetail h3.iconPoint {
    background: url(/corp/images/product/icon_point.png) no-repeat left/15px;
  }
  #productDetail h3.iconHotel {
    background: url(/corp/images/product/icon_hotel.png) no-repeat left/15px;
  }
  #productDetail h3.iconSchedule {
    background: url(/corp/images/product/icon_schedule.png) no-repeat left/15px;
  }
  #productDetail h3.iconMoney {
    background: url(/corp/images/product/icon_money.png) no-repeat left/15px;
  }
  #productDetail h3.iconNote {
    background: url(/corp/images/product/icon_note.png) no-repeat left/15px;
  }
  #productDetail h3.iconSpeaker {
    background: url(/corp/images/product/icon_speaker.png) no-repeat left/15px;
  }
  .productPageLink {
    display: flex;
    margin: 4.69% auto 10%;
	flex-wrap: wrap; 
  }
  .productPageLink li {
    float: left;
    margin: 0 1px 1px 0;
  }
  .productPageLink li a {
    display: block;
    width: auto;
    text-align: center;
    color: #004098;
    font-weight: 500;
    background: #eee;
    padding: 1em 1.2em;
    font-size: 85.71%;
    position: relative;
  }
  .productPageLink li a:after, .productPageLink li a:hover:after {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 5px;
    background: url(/corp/images/common/arrowBlueDown.png) no-repeat center/100%;
    bottom: 5px;
    left: 50%;
    margin-left: -4px;
    transition: all .25s ease;
  }
.productPageLink li a:hover {
  background: #004098 !important;
  color: #fff !important;
}	
}
/*------------------------------------------------------------
office
------------------------------------------------------------*/
#office #ttlArea {
  background: url(/corp/images/office/bg_office.jpg) no-repeat center bottom;
  -webkit-background-size: cover;
  background-size: cover;
}
#office #ttlArea #breadcrumb {
  text-shadow: 1px 1px 20px #fff, -1px 1px 20px #fff, 1px -1px 20px #fff, -1px -1px 20px #fff, 1px 1px 20px #fff, -1px 1px 20px #fff, 1px -1px 20px #fff, -1px -1px 20px #fff;
  ;
}
#office #ttlArea h1 {
  text-shadow: 1px 1px 40px #fff, -1px 1px 40px #fff, 1px -1px 40px #fff, -1px -1px 40px #fff;
}
#office #ttlArea h1 span.jp {
  text-shadow: 1px 1px 20px #fff, -1px 1px 20px #fff, 1px -1px 20px #fff, -1px -1px 20px #fff;
}
#office .section01 .ttl01 p {
  font-size: 18px;
  color: #555;
}
#office .section01 .btnStyle01 {
  margin-top: 24px;
}
/* map */
#officeMap {
  width: 1220px;
  height: 672px;
  margin: 0 auto 70px;
  background: url(/corp/images/office/areaMap.gif) no-repeat center;
  position: relative;
}
#officeMap li {
  position: absolute;
  width: 180px;
}
#officeMap li a {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 1;
  width: 100%;
  padding: 12px 0;
  font-weight: 500;
  background: #fff;
  border: 3px solid #004098;
  color: #004098;
  transition: all .25s ease;
}
#officeMap li a:hover {
  background: #004098;
  color: #fff;
}
#officeMap li:nth-of-type(1) {
  top: 168px;
  right: 30px;
}
#officeMap li:nth-of-type(2) {
  top: 291px;
  right: 140px;
}
#officeMap li:nth-of-type(3) {
  top: 180px;
  left: 522px;
}
#officeMap li:nth-of-type(4) {
  width: 240px;
  top: 377px;
  right: 140px;
}
#officeMap li:nth-of-type(5) {
  bottom: 186px;
  right: 171px;
}
#officeMap li:nth-of-type(6) {
  bottom: 124px;
  right: 256px;
}
#officeMap li:nth-of-type(7) {
  bottom: 62px;
  right: 365px;
}
#officeMap li:nth-of-type(8) {
  bottom: 62px;
  left: 461px;
}
#officeMap li:nth-of-type(9) {
  top: 249px;
  left: 447px;
}
#officeMap li:nth-of-type(10) {
  bottom: 3px;
  right: 484px;
}
#officeMap li:nth-of-type(11) {
  top: 304px;
  left: 291px;
}
#officeMap li:nth-of-type(12) {
  top: 362px;
  left: 81px;
}
#officeMap li:nth-of-type(13) {
  bottom: 3px;
  left: 320px;
}
#officeMap li:nth-of-type(14) {
  bottom: 0;
  left: 0;
}
#officeMap li:nth-of-type(15) {
  top: 34px;
  left: 117px;
}
.areaTxtListBoxWrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.areaTxtListBox {
  border: 3px solid #004098;
  background: #fff;
}
.areaTxtListBox.kanto {
  flex: 0 1 530px;
  margin-right: 30px;
}
.areaTxtListBox.all {
  flex: 0 1 720px;
}
.areaTxtListBox .head {
  font-size: 16px;
  color: #fff;
  line-height: 2;
  background: #004098;
  padding: 0 20px;
}
.areaTxtListBox ul {
  padding: 30px 0 14px 20px;
}
.areaTxtListBox ul li {
  display: inline-block;
  line-height: 1;
  font-size: 16px;
  margin: 0 2em 1em 0;
}
.areaTxtListBox ul li:before {
  content: "・";
  color: #004098;
}
.areaTxtListBox ul li a {
  transition: all .25s ease;
}
.areaTxtListBox ul li a:hover {
  color: #ff9900;
}
dl.areaListWrap {
  border-top: 1px solid #004098;
  padding: 10px 0 80px;
}
dt.areaName {
  padding: 28px 0;
  border-bottom: 1px solid #004098;
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  color: #004098;
  cursor: pointer;
  transition: all .25s ease;
}
dt.areaName:hover {
  opacity: .6;
}
dt.areaName:after {
  content: "＋";
  font-size: 12px;
  vertical-align: middle;
  display: inline-block;
  width: 30px;
  line-height: 26px;
  border: 2px solid #004098;
  background: #fff;
  border-radius: 50%;
  color: #004098;
  text-align: center;
  margin-left: 1em;
}
dt.areaName.open {
  border-bottom: 0;
}
dt.areaName.open:after {
  content: "ー";
  font-size: 12px;
  vertical-align: middle;
  display: inline-block;
  width: 30px;
  line-height: 26px;
  background: #004098;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  margin-left: 1em;
}
dl.areaListWrap dd {
  display: none;
  padding-top: 15px;
}
.officeBox:after {
  content: "";
  display: block;
  clear: both;
}
.officeBox {
  padding: 30px 40px 25px 50px;
  box-shadow: 0 0 15px rgba(0, 0, 0, .3);
  margin: 0 15px 30px;
}
.officeBox .officeName {
  font-size: 30px;
  font-weight: 700;
  color: #004098;
  word-break: keep-all;
}
.officeBox address {
  font-size: 16px;
  font-weight: 500;
}
.officeBox p {
  font-size: 16px;
  margin-bottom: 10px;
}
.officeBox p span {
  margin-right: 1em;
}
.officeBox .telLink {
  display: block;
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 36px;
  color: #004098;
  line-height: 1;
  padding: 0 0 0 40px;
  background: url(/corp/images/common/iconTel02.png) no-repeat 6px;
}
.officeBox .telLink span {
  font-size: 18px;
}
.officeBox .leftBox {
  width: 51.67%;
}
.officeBox .rightBox {
  text-align: right;
  width: 48.33%;
}
.officeBox .tags {
  display: block;
  margin-bottom: 48px;
}
.officeBox .tags li {
  display: inline-block;
  padding: 0 18px;
  line-height: 36px;
  color: #fff;
  background: #004098;
  border-radius: 18px;
  text-align: center;
  margin: 0 0 5px 9px;
}
.officeBox .btns {
  display: block;
  width: 100%;
  letter-spacing: -.4em;
}
.officeBox .areaBtn01, .officeBox .areaBtn02 {
  display: inline-block;
  width: 38.26%;
  padding: 18px 0;
  line-height: 1;
  text-align: center;
  border: 3px solid #004098;
  font-weight: 500;
  color: #004098;
  letter-spacing: 0;
}
.officeBox .areaBtn02 {
  background: #004098;
  color: #fff;
}
.telBoxWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 10px;
}
.telBox {
  padding: 15px 20px;
  border: 3px solid #004098;
  width: 48.33%;
  margin-top: 10px;
}
.telBox .secName {
  font-size: 24px;
  font-weight: 700;
  color: #004098;
  line-height: 1;
  margin-bottom: 10px;
}
.telBox .telLink {
  float: left;
}
.telBox .areaBtn02 {
  float: right;
  font-size: 14px;
  padding: 10px 0;
  width: 140px;
}
@media screen and (max-width:768px) {
  #areaList {
    margin-top: 30px;
  }
  .areaTxtListBoxWrap {
    display: block;
    margin-bottom: 40px;
  }
  .areaTxtListBox {
    border: 2px solid #004098;
    background: #fff;
  }
  .areaTxtListBox.kanto {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .areaTxtListBox.all {
    width: 100%;
  }
  .areaTxtListBox .head {
    font-size: 100%;
    padding: 0 20px;
  }
  .areaTxtListBox ul {
    padding: 15px 0 10px 10px;
  }
  .areaTxtListBox ul li {
    font-size: 85.71%;
  }
  dl.areaListWrap {
    border-top: 1px solid #004098;
    padding: 10px 0 80px;
  }
  dt.areaName {
    padding: 1em 0;
    font-size: 150%;
  }
  dt.areaName:hover {
    opacity: .6;
  }
  dt.areaName:after {
    content: "＋";
    font-size: 10px;
    width: 20px;
    line-height: 18px;
    border: 1px solid #004098;
  }
  dt.areaName.open {
    border-bottom: 0;
  }
  dt.areaName.open:after {
    content: "ー";
    font-size: 10px;
    width: 20px;
    line-height: 18px;
  }
  .officeBox {
    padding: 15px 20px 20px 20px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    margin-bottom: 15px;
  }
  .officeBox .officeName {
    font-size: 150%;
  }
  .officeBox address {
    font-size: 85.71%;
  }
  .officeBox p {
    font-size: 85.71%;
  }
  .officeBox .telLink {
    font-size: 178.57%;
    color: #004098;
    line-height: 1;
    padding: 4% 0;
    background: none;
  }
  .officeBox .telLink:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(/corp/images/common/iconTel02.png) no-repeat center/100%;
    margin-right: 0.4em;
  }
  .officeBox .telLink span {
    font-size: 12px;
  }
  .officeBox .leftBox, .officeBox .rightBox {
    text-align: left;
    width: 100%;
  }
  .officeBox .tags {
    display: block;
    margin-bottom: 20px;
  }
  .officeBox02 .tags {
    margin-top: 20px;
  }
  .officeBox .tags li {
    font-size: 75%;
    padding: 0 13px;
    line-height: 26px;
    border-radius: 13px;
    margin: 0 5px 5px 0;
  }
  .officeBox .btns {
    display: block;
  }
  .officeBox .areaBtn01, .officeBox .areaBtn02 {
    font-size: 85.71%;
    width: 50%;
    padding: 1em 0;
    border: 2px solid #004098;
  }
  .telBoxWrap {
    display: block;
    margin-top: 10px;
  }
  .telBox {
    padding: 15px 0;
    border: 2px solid #004098;
    width: 100%;
    margin-top: 10px;
    text-align: center;
  }
  .telBox .secName {
    font-size: 128.57%;
    margin-bottom: 10px;
  }
  .telBox .telLink {
    float: none;
  }
  .telBox .areaBtn02 {
    float: none;
    padding: 10px 0;
    width: 140px;
    margin: 0 auto;
  }
}
/*------------------------------------------------------------
world
------------------------------------------------------------*/
#worldMap {
  width: 1220px;
  height: 672px;
  margin: 0 auto 70px;
  background: url(/corp/images/world/worldMap.gif) no-repeat center;
  position: relative;
}
#worldMap li {
  position: absolute;
  width: 180px;
}
#worldMap li a {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 1;
  width: 100%;
  padding: 12px 0;
  font-weight: 500;
  background: #fff;
  border: 3px solid #004098;
  color: #004098;
  transition: all .25s ease;
}
#worldMap li a:hover {
  background: #004098;
  color: #fff;
}
#worldMap li:nth-of-type(1) {
  bottom: 266px;
  right: 38px;
}
#worldMap li:nth-of-type(2) {
  top: 18px;
  left: 13px;
}
#worldMap li:nth-of-type(3) {
  width: 298px;
  bottom: 118px;
  left: 43px;
}
#worldMap li:nth-of-type(4) {
  width: 324px;
  top: 10px;
  left: 373px;
}
#worldMap li:nth-of-type(5) {
  bottom: 55px;
  right: 323px;
}
.areaTxtListBox.asia {
  flex: 0 1 100%;
  margin-bottom: 40px;
}
.areaTxtListBox.half {
  flex: 0 1 48.44%;
}
dt.areaNameWorld {
  padding: 28px 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  color: #004098;
  cursor: pointer;
}
dl.areaListWrap.world dd {
  display: block;
  padding-top: 15px;
}
.officeBoxWorld {
  padding: 30px 40px 25px 40px;
}
.officeBoxWorld .leftBox {
  width: 60%;
  display: flex;
}
.officeBoxWorld .rightBox {
  width: 40%;
}
.officeBoxWorld .leftBox .img {
  width: 180px;
  flex: 0 0 180px;
  margin-right: 20px;
}
.officeBoxWorld .tags {
  margin-bottom: 20px;
}
.officeBoxWorld .tags li {
  display: inline-block;
  padding: 0 14px;
  line-height: 28px;
  color: #fff;
  background: #004098;
  border-radius: 14px;
  text-align: center;
  margin: 0 0 5px 5px;
}
.officeBoxWorld .tags li.orange {
  background: #f39700;
}
.officeBoxWorld .areaBtn02 {
  display: inline-block;
  width: 200px;
  padding: 10px 0;
  line-height: 1;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0;
}
@media screen and (max-width:768px) {
  .areaTxtListBox.asia {
    margin-bottom: 20px;
  }
  .areaTxtListBox.half {
    flex: 0 1 100%;
    margin-bottom: 20px;
  }
  dt.areaNameWorld {
    padding: 1em 0;
    font-size: 150%;
  }
  .officeBoxWorld {
    padding: 15px 20px 20px 20px;
  }
  .officeBoxWorld .leftBox {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
  .officeBoxWorld .rightBox {
    width: 100%;
  }
  .officeBoxWorld .leftBox .img {
    width: 100%;
    flex: 0 0 100%;
    margin: 0 auto;
    text-align: center;
  }
  .officeBoxWorld .tags {
    margin-bottom: 20px;
  }
  .officeBoxWorld .tags li {
    font-size: 75%;
    padding: 0 13px;
    line-height: 26px;
    border-radius: 13px;
    margin: 0 5px 5px 0;
  }
  .officeBoxWorld .tags li.orange {
    background: #f39700;
  }
  .officeBoxWorld .areaBtn02 {
    display: block;
    margin: 0 auto;
  }
}
/*------------------------------------------------------------
sales
------------------------------------------------------------*/
#sales #ttlArea {
  background: url(/corp/images/sales/bg_sales.jpg) no-repeat center bottom;
  -webkit-background-size: cover;
  background-size: cover;
}
#sales #ttlArea h1 {
  text-shadow: 1px 1px 40px #fff, -1px 1px 40px #fff, 1px -1px 40px #fff, -1px -1px 40px #fff;
}
#sales #ttlArea h1 span.jp {
  text-shadow: 1px 1px 20px #fff, -1px 1px 20px #fff, 1px -1px 20px #fff, -1px -1px 20px #fff;
}
#sales .serviceBoxWrap {
  margin-top: 6.25%;
}
#sales .serviceBoxWrap .serviceBox .txtBox p {
  text-align: left;
}
#sales .serviceBoxWrap .serviceBox .txtBox p.keyword {
  margin-top: 1em;
}
#sales .exampleListWrap {
  margin-bottom: 8.98%;
}
@media screen and (max-width:768px) {
  #sales .serviceBoxWrap {
    margin-top: 11.25%;
  }
}
/*------------------------------------------------------------
reduction
------------------------------------------------------------*/
#reduction #ttlArea {
  background: url(/corp/images/reduction/bg_reduction.jpg) no-repeat center bottom;
  -webkit-background-size: cover;
  background-size: cover;
}
#reduction .txtBox01 {
  padding: 0 2.34%;
  margin: 0 0 2.66%;
}
#reduction .txtBox01 .txtBox h2 {
  font-size: 214.29%;
}
.reductionBnr {
  padding: 0 2.34%;
  margin: 0 0 4.69%;
  text-align: left;
}
.reductionBnr.bottom {
  margin: 0 0 9.38%;
}
.reductionBnr li {
  display: inline-block;
}
.reductionBnr li a {
  display: block;
}
.reductionBottomBnr {
  display: flex;
  padding: 0;
  margin: 0 2.34% 9.38%;
  text-align: left;
  border: 3px solid #004098;
  width: 450px;
  background: #f2f2f2;
}
.reductionBottomBnr li:nth-child(1) {
  background: #fff;
  padding: 9px 47px 9px 46px;
  border-right: 3px solid #004098;
}
.reductionBottomBnr li:nth-child(2) {
  background: #f2f2f2;
  padding: 24px 0 20px 20px;
}
.reductionBottomBnr li a {
  display: block;
  width: 100%;
}
.reductionBottomBnr li a:hover {
  text-decoration: underline;
}
#reduction .serviceBoxWrap .serviceBoxFull .txtBox {
  padding: 3.91% 2.34% 4.69% 3.91%;
}
#reduction .serviceBoxWrap .serviceBoxFull .txtBox h3 {
  margin-bottom: 1em;
}
#reduction .serviceBoxWrap {
  padding-bottom: 2.34%;
}
#reduction .exampleListWrap {
  margin-bottom: 0.78%;
}
#reduction .seminarBtn01 {
  margin: 0 auto 4.69%;
}
@media screen and (max-width:768px) {
  #reduction .txtBox01 .txtBox h2 {
    font-size: 128.57%;
  }
  .reductionBnr li img, .reductionBottomBnr li img {
    height: 45px;
    width: auto;
  }
  .reductionBottomBnr {
    display: flex;
    padding: 0;
    margin: 0 0 9.38%;
    text-align: left;
    border: 3px solid #004098;
    width: 100%;
    background: #f2f2f2;
  }
  .reductionBottomBnr li:nth-child(1) {
    background: #fff;
    padding: 10px 20px 10px 20px;
    border-right: 3px solid #004098;
  }
  .reductionBottomBnr li:nth-child(2) {
    background: #f2f2f2;
    padding: 10px 0 10px 10px;
    font-size: 85.71%;
  }
  #reduction .serviceBoxWrap .serviceBoxFull .txtBox {
    padding: 7.18% 7.18%;
  }
  #reduction .exampleListWrap {
    margin-bottom: 10%;
  }
  #reduction .seminarBtn01 {
    margin: 4.69% auto 7.81%;
  }
}
/*------------------------------------------------------------
system solution
------------------------------------------------------------*/
.systemTags {
  display: block;
}
.systemTags li {
  display: inline-block;
  padding: 0 42px;
  line-height: 40px;
  color: #fff;
  background: #004098;
  border-radius: 20px;
  text-align: center;
  margin: 0 10px 5px 0;
}
#businesstravelSystem .serviceBoxWrap {
  margin-bottom: 5.47%;
}
#hisbiz {
  margin-bottom: 7.81%;
}
.listBlueDot li:before {
  content: "・";
  color: #004098;
  display: inline-block;
  margin-right: 0.5em;
}
.infoList02Wrap {
  display: flex;
  justify-content: space-between;
}
.infoList02 {
  width: 48.44%;
}
.infoList02 {
  font-size: 18px;
  border-bottom: 1px solid #ccc;
}
.infoList02 dt {
  font-weight: 500;
  color: #004098;
  float: left;
  padding: 30px 0;
  width: 8em;
}
.infoList02 dd {
  padding: 30px 0 30px 10em;
  border-bottom: 1px solid #ccc;
}
.infoList02 dd:last-of-type {
  border-bottom: 0;
}
.infoList02 dd ul li {
  line-height: 1.88;
}
.infoList02 dd a {
  color: #2e65ba;
  text-decoration: underline;
}
.infoList02 dd:after {
  content: "";
  display: block;
  clear: both;
}
.hisbizImg {
  margin-top: 4.69%;
}
.systemFlow {
  margin-top: 6.25%;
}
.systemFlow li {
  float: left;
  width: 32.81%;
  box-shadow: 0 0 15px rgba(102, 102, 102, .3);
}
.systemFlowBtm {
  margin: 1.25% 0 2.34%;
}
@media screen and (max-width:768px) {
  .systemTags {
    margin-bottom: 6.93%;
  }
  .systemTags li {
    font-size: 75%;
    padding: 0 13px;
    line-height: 26px;
    border-radius: 13px;
    margin: 0 5px 5px 0;
  }
  .infoList02Wrap {
    display: block;
  }
  .infoList02 {
    width: 100%;
    font-size: 100%;
  }
  .infoList02 dt {
    font-size: 85.71%;
    padding: 14px 0;
  }
  .infoList02 dd {
    font-size: 75%;
    padding: 14px 0 14px 10em;
  }
  .hisbizImg figure {
    margin-bottom: 4.69%;
  }
  .systemFlow li {
    float: none;
    width: 95%;
    box-shadow: 0 0 8px rgba(102, 102, 102, .3);
    margin: 0 auto 18.75%;
    position: relative;
  }
  .systemFlow li:nth-child(2) {
    box-shadow: none;
  }
  .systemFlow li:first-child {
    margin: 0 auto 3.75%;
  }
  .systemFlow li:last-child {
    margin: 0 auto 7.5%;
  }
  .systemFlow li:not(:first-child):not(:last-child):after {
    content: "";
    display: block;
    width: 100%;
    height: 28px;
    margin: 0 auto;
    background: url(/corp/images/businesstravel/system_flow_arrow.png) no-repeat center/100%;
    position: absolute;
    bottom: -50px;
    left: 0;
  }
}
/*------------------------------------------------------------
arrangement
------------------------------------------------------------*/
.argmtTxtBox {
  margin-bottom: 6.25%;
}
.argmtTtl {
  font-size: 24px;
  font-weight: 700;
  color: #004098;
  margin-bottom: 20px;
}
.argmtArrow {
  margin: 3.13% auto 3.91%;
}
.argmtOrgTxt {
  font-size: 30px;
  font-weight: 700;
  color: #f39800;
}
.argmtImgBox {
  margin: 3.91% auto 3.13%
}
@media screen and (max-width:768px) {
  .argmtTtl {
    font-size: 100%;
  }
  .argmtArrow {
    width: 35px;
    height: 33px;
  }
  .argmtOrgTxt {
    font-size: 114.29%;
  }
}
/*------------------------------------------------------------
promotion
------------------------------------------------------------*/
.promoSec01 {
  margin-bottom: 3.91%;
}
.promoSec02 {
  margin-bottom: 6.25%;
}
.txtBox02 .txtBox {
  width: 59.77%;
  float: left;
  text-align: left;
}
.txtBox02 .txtBox h2 {
  font-size: 171.43%;
  font-weight: 700;
  color: #004098;
  margin-bottom: 1em;
}
.txtBox02 .txtBox .txt {
  font-size: 128.57%;
  line-height: 2;
  margin-bottom: 26px;
}
.txtBox02 .img {
  width: 37.5%;
  float: right;
}
.txtBox02 figure.video {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 70%;
}
.txtBox02 figure.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.promoSec03 {
  margin-bottom: 11.72%;
}
.promoSec03 .txt01 {
  font-size: 150%;
  line-height: 1.7;
  color: #555;
  text-align: center;
}
.promoTtl {
  font-size: 24px;
  font-weight: 700;
  color: #004098;
  margin: 5.47% 0;
  text-align: center;
}
.promoSec04 {
  margin-bottom: 10.94%;
}
.promoBox {
  padding: 40px 44px 30px 56px;
  box-shadow: 0 0 8px rgba(102, 102, 102, 0.3);
}
.promoName {
  font-size: 21px;
  color: #555;
  font-weight: 700;
  margin-bottom: 1.8em;
}
.promoBox .txt01 {
  font-size: 114.29%;
}
.promoBox .img figure {
  margin-bottom: 10px;
}
@media screen and (max-width:768px) {
  .txtBox02 .txtBox {
    width: 100%;
    float: none;
  }
  .txtBox02 .txtBox h2 {
    font-size: 114.29%;
    margin-bottom: 1em;
  }
  .txtBox02 .txtBox .txt {
    font-size: 100%;
    margin-bottom: 6.93%;
  }
  .txtBox02 .img {
    width: 100%;
    float: none;
  }
  .txtBox02 figure.video {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 70%;
  }
  .txtBox02 figure.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .promoSec03 {
    margin-bottom: 11.72%;
  }
  .promoSec03 .txt01 {
    font-size: 100%;
  }
  .promoTtl {
    font-size: 114.29%;
  }
  .promoExample dt {
    font-size: 114.29%;
    font-weight: 700;
    color: #004098;
  }
  .promoExample dt figure {
    width: 75%;
    margin: 0 auto;
  }
  .promoExample dd {
    margin: 1em 0 8.11%;
  }
  .promoSec04 {
    margin-bottom: 10.94%;
  }
  .promoBox {
    padding: 7.18%;
  }
  .promoName {
    font-size: 1rem;
  }
  .promoBox .txt01 {
    font-size: 85.71%;
    margin-bottom: 7.5%;
  }
  .promoBox .img figure {
    margin-bottom: 5px;
  }
}
/*------------------------------------------------------------
educational
------------------------------------------------------------*/
#educational #ttlArea {
  background: url(/corp/images/educational/bg_educational.jpg) no-repeat center bottom;
  -webkit-background-size: cover;
  background-size: cover;
}
#educational #ttlArea #breadcrumb {
  text-shadow: 1px 1px 20px #fff, -1px 1px 20px #fff, 1px -1px 20px #fff, -1px -1px 20px #fff, 1px 1px 20px #fff, -1px 1px 20px #fff, 1px -1px 20px #fff, -1px -1px 20px #fff;
  ;
}
#educational #ttlArea h1 {
  text-shadow: 1px 1px 40px #fff, -1px 1px 40px #fff, 1px -1px 40px #fff, -1px -1px 40px #fff;
}
#educational #ttlArea h1 span.jp {
  text-shadow: 1px 1px 20px #fff, -1px 1px 20px #fff, 1px -1px 20px #fff, -1px -1px 20px #fff;
}
#educational .serviceBoxWrap {
  margin-top: 6.25%;
}
#educational .serviceBoxWrap .serviceBox .txtBox p {
  text-align: left;
}
#educational .serviceBoxWrap .serviceBox .txtBox p.keyword {
  margin-top: 1em;
}
#educational .exampleListWrap {
  margin-bottom: 8.98%;
}
@media screen and (max-width:768px) {
  #educational .serviceBoxWrap {
    margin-top: 11.25%;
  }
}
/*-----------------------------------------------------------
network
------------------------------------------------------------*/
#network #ttlArea {
  background: url(/corp/images/network/bg_network.jpg) no-repeat center bottom;
  -webkit-background-size: cover;
  background-size: cover;
}
#network #ttlArea #breadcrumb {
  text-shadow: 1px 1px 20px #fff, -1px 1px 20px #fff, 1px -1px 20px #fff, -1px -1px 20px #fff, 1px 1px 20px #fff, -1px 1px 20px #fff, 1px -1px 20px #fff, -1px -1px 20px #fff;
  ;
}
#network #ttlArea h1 {
  text-shadow: 1px 1px 40px #fff, -1px 1px 40px #fff, 1px -1px 40px #fff, -1px -1px 40px #fff;
}
#network #ttlArea h1 span.jp {
  text-shadow: 1px 1px 20px #fff, -1px 1px 20px #fff, 1px -1px 20px #fff, -1px -1px 20px #fff;
}
#network .serviceBoxWrap {
  margin-top: 6.25%;
}
#network .serviceBoxWrap .serviceBox .txtBox p {
  text-align: left;
}
#network .serviceBoxWrap .serviceBox .txtBox p.keyword {
  margin-top: 1em;
}
#network .exampleListWrap {
  margin-bottom: 8.98%;
}
@media screen and (max-width:768px) {
  #network .serviceBoxWrap {
    margin-top: 11.25%;
  }
}
/*------------------------------------------------------------
his btm
------------------------------------------------------------*/
.hisbtmTtl {
  font-size: 24px;
  font-weight: 700;
  color: #004098;
}
.hisbtmBox01 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
}
.hisbtmBox01 .hisbtmTtl {
  margin-bottom: 40px;
}
.hisbtmBox01 .txt {
  font-size: 128.57%;
  line-height: 2;
  margin-bottom: 26px;
}
.hisbtmBoxLeft {
  width: 72.19%;
}
.hisbtmBoxRight {
  width: 24.69%;
  background: #efefef;
  border-radius: 5px;
  padding: 3.13% 2.73%;
}
.indentList li {
  font-size: 128.57%;
  margin-bottom: 1em;
  padding-left: 1em;
  text-indent: -0.8em;
}
.hisbtmMerit {
  padding-bottom: 30px;
}
.meritBoxWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 50px;
}
.meritBox {
  flex: 1 1 33.3333%;
  padding: 0 20px;
}
.meritBoxTtl {
  font-size: 128.57%;
  color: #004098;
  font-weight: 700;
  text-align: center;
}
.meritImg {
  text-align: center;
  margin-bottom: 30px;
}
.meritBox .txt {
  font-size: 114.29%;
  line-height: 1.88;
}
.hisbtmMeritPhoneBox {
  background: #efefef;
  border-radius: 5px;
  padding: 3.91% 0;
  display: flex;
  margin-bottom: 4.69%;
}
.meritPhoneImg {
  padding-left: 15.63%;
}
.hisBtmMeritList {
  display: block;
  margin-left: 6.72%;
}
.hisBtmMeritList dt {
  float: left;
  font-size: 128.57%;
  font-weight: 500;
}
.hisBtmMeritList dd {
  font-size: 128.57%;
  font-weight: 500;
  padding-left: 4.61em;
  margin-bottom: 34px;
}
.hisBtmMeritList dd:after {
  content: "";
  display: block;
  clear: both;
}
.hisBtmPointBoxTtl {
  font-size: 128.57%;
  color: #004098;
  font-weight: 700;
  margin-bottom: 20px;
  padding: 0 2.34%;
}
.hisBtmPointBoxWrap {
  display: flex;
  justify-content: space-between;
  padding: 0 2.34%;
  margin-bottom: 50px;
}
.hisBtmPointTtl {
  margin-bottom: 15px;
}
.hisBtmPointTtl figure {
  width: 80px;
  float: left;
}
.hisBtmPointTtl span {
  display: block;
  padding-left: 100px;
  font-size: 128.57%;
  font-weight: 700;
  color: #004098;
  padding-top: 1em;
}
.hisBtmPointBox {
  background: #efefef;
  padding: 1.56% 2.34%;
  border-radius: 5px;
}
.hisBtmPointBox01 {
  width: 60.41%;
}
.hisBtmPointBox02 {
  width: 39.26%;
}
.hisBtmPointDl dt {
  float: left;
}
.hisBtmPointDl dd {
  padding-left: 59.35%;
  font-size: 114.29%;
  margin-bottom: 4.77%;
}
.hisBtmPointDl dd:after {
  content: "";
  display: block;
  clear: both;
}
.hisBtmOrangeTxt {
  font-size: 20px;
  font-weight: 900;
  color: #f39800;
  text-align: center;
}
.hisBtmPointBox .txt {
  font-size: 114.29%;
}
.hisBtmTxt {
  font-size: 114.29%;
  padding: 0 2.34%;
  margin-bottom: 50px;
}
.hisBtmDataTtl {
  font-size: 171.43%;
  padding: 0 2.34%;
  margin-bottom: 20px;
}
.hisBtmData {
  padding: 0 2.34%;
  margin-bottom: 120px;
}
.hisBtmExampleList li {
  font-size: 114.29%;
  list-style: disc inside;
}
@media screen and (max-width:768px) {
  .hisbtmTtl {
    font-size: 100%;
  }
  .hisbtmBox01 {
    display: block;
    margin-bottom: 50px;
  }
  .hisbtmBox01 .hisbtmTtl {
    margin-bottom: 1em;
  }
  .hisbtmBox01 .txt {
    font-size: 85.71%;
    margin-bottom: 26px;
  }
  .hisbtmBoxLeft {
    width: 100%;
    margin-bottom: 2em;
  }
  .hisbtmBoxRight {
    width: 100%;
  }
  .indentList li {
    font-size: 85.71%;
  }
  .hisbtmMerit {
    padding-bottom: 30px;
  }
  .meritBoxWrap {
    display: block;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 50px;
  }
  .meritBox {
    margin-bottom: 30px;
  }
  .meritBoxTtl {
    font-size: 85.71%;
  }
  .meritImg {
    width: 90px;
    text-align: center;
    margin: 0 auto 15px;
  }
  .meritBox .txt {
    font-size: 85.71%;
  }
  .hisbtmMeritPhoneBox {
    padding: 3.75%;
    margin-bottom: 10%;
  }
  .meritPhoneImg {
    padding-left: 0;
    text-align: center;
    margin-bottom: 0;
    padding-top: 4%;
  }
  .hisBtmMeritList {
    display: block;
    margin-left: 4%;
  }
  .hisBtmMeritList dt {
    font-size: 85.71%;
  }
  .meritPhoneIcon {
    width: 34px;
  }
  .hisBtmMeritList dd {
    font-size: 85.71%;
    padding-left: 3em;
    margin-bottom: 15px;
  }
  .hisBtmPointBoxTtl {
    font-size: 100%;
    margin-bottom: 1em;
    padding: 0 0;
  }
  .hisBtmPointBoxWrap {
    display: block;
    padding: 0 0;
    margin-bottom: 30px;
  }
  .hisBtmPointTtl {
    margin-bottom: 15px;
  }
  .hisBtmPointTtl figure {
    width: 40px;
    float: left;
  }
  .hisBtmPointTtl span {
    display: block;
    padding-left: 50px;
    font-size: 100%;
    font-weight: 700;
    color: #004098;
    padding-top: 1em;
  }
  .hisBtmPointBox {
    background: #efefef;
    padding: 4%;
    border-radius: 5px;
  }
  .hisBtmPointBox01 {
    width: 100%;
    margin-bottom: 15px;
  }
  .hisBtmPointBox02 {
    width: 100%;
  }
  .hisBtmPointDl dt {
    float: none;
  }
  .hisBtmPointDl dd {
    padding-left: 0;
    font-size: 85.71%;
    margin-bottom: 4.77%;
  }
  .hisBtmOrangeTxt {
    font-size: 114.29%;
    font-weight: 900;
    color: #f39800;
    text-align: center;
  }
  .hisBtmPointBox .txt {
    font-size: 85.71%;
  }
  .hisBtmTxt {
    font-size: 85.71%;
    padding: 0 2.34%;
    margin-bottom: 30px;
  }
  .hisBtmDataTtl {
    font-size: 85.71%;
    padding: 0 2.34%;
    margin-bottom: 20px;
  }
  .hisBtmData {
    padding: 0 2.34%;
    margin-bottom: 60px;
  }
  .hisBtmExampleList li {
    font-size: 85.71%;
  }
}
/*-----------------------------------------------------------
sitemap
------------------------------------------------------------*/
#sitemap #ttlArea {
  background: url(/corp/images/sitemap/bg_sitemap.png) no-repeat center bottom;
  -webkit-background-size: cover;
  background-size: cover;
}
#sitemap #ttlArea #breadcrumb {
  text-shadow: 1px 1px 20px #fff, -1px 1px 20px #fff, 1px -1px 20px #fff, -1px -1px 20px #fff, 1px 1px 20px #fff, -1px 1px 20px #fff, 1px -1px 20px #fff, -1px -1px 20px #fff;
}
#sitemap #ttlArea h1 {
  text-shadow: 1px 1px 40px #fff, -1px 1px 40px #fff, 1px -1px 40px #fff, -1px -1px 40px #fff;
}
#sitemap #ttlArea h1 span.jp {
  text-shadow: 1px 1px 20px #fff, -1px 1px 20px #fff, 1px -1px 20px #fff, -1px -1px 20px #fff;
}
#sitemap .sitemapBoxWrap {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #004098;
}
#sitemap .sitemapBoxWrap div:first-of-type {
  /*flex-basis: 255px;*/
  width: 19.921875%;
  display: flex;
  align-items: center;
}
#sitemap .sitemapBoxWrap div:first-of-type a {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition: all .4s;
}
#sitemap .sitemapBoxWrap div:first-of-type a:hover {
  background: #004098;
  color: #fff;
}
#sitemap .sitemapBoxWrap div:first-of-type a:hover h3 {
  color: #fff;
}
#sitemap .sitemapBoxWrap div:last-of-type {
  width: 80.078125%;
  /*flex-basis: 1025px;*/
  /* display: flex;
	align-items: center; */
  /* background: #eee; */
  padding: 30px;
}
#sitemap .sitemapBoxWrap h3 {
  font-size: 20px;
  font-weight: bold;
  color: #004098;
  position: relative;
  text-align: left;
  padding: 0 10px 0 40px;
}
#sitemap .sitemapBoxWrap div:first-of-type a h3::after {
  position: absolute;
  content: "";
  vertical-align: middle;
  top: 12px;
  left: 20px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #004098;
  border-right: 2px solid #004098;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: all .4s;
}
#sitemap .sitemapBoxWrap div:first-of-type a:hover h3::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#sitemap .sitemapBoxWrap ul {
  text-align: left;
}
#sitemap .sitemapBoxWrap ul li {
  float: left;
  width: calc((100% - 20px)/3);
  margin: 0 10px 10px 0;
  padding: 0 0 0 18px;
  position: relative;
}
@supports (-ms-ime-align: auto) {
  #sitemap .sitemapBoxWrap ul li {
    width: calc(32.5% - 10px);
  }
}
#sitemap .sitemapBoxWrap ul li:nth-child(3n) {
  margin: 0 0 10px;
}
#sitemap .sitemapBoxWrap ul li::before {
  position: absolute;
  content: "・";
  top: 3px;
  left: 0;
  color: #004098;
}
#sitemap .sitemapBoxWrap ul li a {
  font-size: 16px;
  text-decoration: underline;
}
#sitemap .sitemapBoxWrap ul li a:hover {
  text-decoration: none;
}
@media screen and (max-width:768px) {
  #sitemap .sitemapBoxWrap {
    flex-direction: column;
  }
  #sitemap .sitemapBoxWrap div:first-of-type {
    width: 100%;
    padding: 15px 0;
  }
  #sitemap .sitemapBoxWrap div:last-of-type {
    width: 100%;
    padding: 15px 0;
  }
  #sitemap .sitemapBoxWrap ul li {
    float: none;
    width: 100%;
    margin: 0 10px 10px 0;
    padding: 0 0 0 10px;
    position: relative;
  }
  #sitemap .sitemapBoxWrap h3, #sitemap .sitemapBoxWrap h3 a {
    font-size: 18px;
    text-align: left;
    padding: 0 0 0 20px;
  }
  #sitemap .sitemapBoxWrap div:first-of-type a h3::after {
    position: absolute;
    content: "";
    vertical-align: middle;
    top: 11px;
    left: 0;
    width: 7px;
    height: 7px;
    border-top: 1px solid #004098;
    border-right: 1px solid #004098;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    /* -webkit-transform: translateY(-50%) rotate(45deg);
      transform: translateY(-50%) rotate(45deg); */
    transition: all .4s;
  }
  #sitemap .sitemapBoxWrap div:first-of-type a:hover h3::after {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
  }
}
/*-----------------------------------------------------------
wish
------------------------------------------------------------*/
#wish .inner {
  width: 100%;
}
#wish #ttlArea {
  background: url(/corp/images/wish/bg_wish.jpg) no-repeat center bottom;
  -webkit-background-size: cover;
  background-size: cover;
}
#wish #wbw-1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: url(/corp/images/wish/wbw-1-bg.jpg) no-repeat center top;
  -webkit-background-size: cover;
  background-size: cover;
  height: 637px;
}
#wish #wbw-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: url(/corp/images/wish/wbw-2-bg.jpg) no-repeat center top;
  -webkit-background-size: cover;
  background-size: cover;
  height: 641px;
}
#wish #wbw-3 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: url(/corp/images/wish/wbw-3-bg.jpg) no-repeat center top;
  -webkit-background-size: cover;
  background-size: cover;
  height: 640px;
}
#wish #wbw-4 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: url(/corp/images/wish/wbw-4-bg.jpg) no-repeat center top;
  -webkit-background-size: cover;
  background-size: cover;
  height: 640px;
}
#wish .wishBoxWrap h2 {
  /* font-size: 214.29%; */
  font-size: 300%;
  font-weight: 700;
  color: #004098;
  margin-bottom: 30px;
}
#wish .wishBoxWrap p {
  font-size: 128.57%;
  font-weight: 500;
  line-height: 2;
  margin-bottom: 26px;
  color: #000;
  text-shadow: white 0 0 8px;
}
#wish .section01 {
  margin-bottom: 0;
}
@media screen and (max-width:768px) {
  #wish .inner {
    padding: 0 1%;
  }
  #wish #wbw-1 {
    height: inherit;
  }
  #wish #wbw-2 {
    height: inherit;
  }
  #wish #wbw-3 {
    height: inherit;
  }
  #wish #wbw-4 {
    height: inherit;
  }
  #wish .wishBoxWrap {
    padding: 50px 0;
  }
  #wish .wishBoxWrap h2 {
    font-size: 157.14%;
    margin-bottom: 1em;
  }
  #wish .wishBoxWrap p {
    font-size: 100%;
    margin-bottom: 6.93%;
  }
}
.font-oswald {
  font-family: 'Oswald', sans-serif;
}
/*-----------------------------------------------------------
column
------------------------------------------------------------*/
.box01 {
  padding: 0.5em 1em;
  margin: 2em 0;
  color: #474747;
  background: whitesmoke; /*背景色*/
  border-left: double 7px #4ec4d3; /*左線*/
  border-right: double 7px #4ec4d3; /*右線*/
}
.box01 p {
  margin: 0;
  padding: 0;
}
.box02 {
  padding: 0.5em 1em;
  margin: 0;
  background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px, #e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px, #e9f4ff 3px, #e9f4ff 7px);
}
.box02 p {
  margin: 0;
  padding: 0;
}
/*-----------------------------------------------------------
sharebtn
------------------------------------------------------------*/
.sns{
	width: 270px;
	display: flex;
	margin: 2% auto 0;
	/*float: right;*/
}
.sns_list {
   width: 60px;
	height: auto;
	margin: 0 22.5px 3%;
}
.sns_list img{
	width: 100%;
}
.text_box_black {
    border: solid 1px #000000;
    padding: 2px 5px;
    margin-right: 0.5em;
	line-height: 2.2em;
}
.font-large {
	font-size:150%;
}
.font02 {
	font-size:120%;
}
.font-color-bule {
	color: #004098;
}
.goto_space span {
    padding: 0.5em 1em;
    font-weight: bold;
    font-size: 130%;
    margin-top: 1%;
    margin-bottom: 3%;
    background-color: #004098;
    color: #fff;
    text-align: center;
}
h3.product {
    padding: 0.5em 1em;
    font-size: 130%;
    font-weight: bold;
    margin-top: 1%;
    margin-bottom: 3%;
    background-color: #004098;
    color: #fff;
}
.textsize {
  font-size: 128.57%;
  line-height: 2;
  margin-bottom: 26px;
}
.f-container {
  display: flex;
  margin-top: 3%;
  flex-wrap: wrap;
}
.item {
  width: 50%;
  justify-content: space-between;
  padding: 1%;
}
.item_60per {
  width: 60%;
  justify-content: space-between;
  padding: 1%;
}
.item_33per {
  width: 33.3%;
  justify-content: space-between;
  padding: 1%;
}
.item_25per {
  width: 25%;
  justify-content: space-between;
  padding: 1%;
}
.item_40per {
  width: 40%;
  justify-content: space-between;
  padding: 1%;
}
.item_100per {
  width: 100%;
  justify-content: space-between;
  padding: 1%;
}
.item-img {
  padding: 0;
}
.font_150per {
    font-size: 150%;
}
.marginbottom_3per {
    margin-bottom: 3%;
}
.marker_yellow {
    background: linear-gradient(transparent 60%, #ffff75 60%);
}
@media screen and (max-width: 768px) {
  .f-container {
    flex-wrap: wrap;
  }
  .item {
    width: 100%;
    padding: 0;
    margin-bottom: 5%;
  }
	.textsize {
    font-size: 100%;
    margin-bottom: 6.93%;
  }	
.headImg {
    margin: 20px auto 0;
}	
	}
.table02 td.left {
    text-align: left;
    padding-left: 10px;
}
.td_sc {
    text-align: left;
}
.td_photo {
    vertical-align: middle;
    width: 25%;
}
table.table02 .td_photo {
    border-left: none !important;
    border-bottom: none !important;
}
table.table02 .td_sc {
    border-right: none !important;
}
.td_photo img {
    width: 200px;
}
div.hContactBtn002_largearea {
    width: 50%;
    margin: 3.5% 25% 5%;
}
a.hContactBtn002_large {
    width: 100%;
    display: block;
    color: #fff;
    background: #f39700;
    padding: 18px 0;
    text-align: center;
    line-height: 1;
    border-radius: 30px;
    font-weight: 500;
    font-size: 24px;
}
a.hContactBtn002_large_end {
    width: 100%;
    display: block;
    color: #fff;
    background: #696969;
    padding: 18px 0;
    text-align: center;
    line-height: 1;
    border-radius: 30px;
    font-weight: 500;
    font-size: 24px;
}
.clearfix:after {
    display: block;
    clear: both;
    content: "";
}
.marginbottom_5per {
    margin-bottom: 5%;
}
.item_70per {
    width: 70%;
    justify-content: space-between;
    padding: 1%;
}
.item_30per {
    width: 30%;
    justify-content: space-between;
    padding: 2%;
	margin-top: 2%
}
.waku {
width: 95%; 
background:#ffffe0; 
margin: 3% auto; 
display: flex;	
	}
.waku2 {
width: 60%; 
background:#e6ffe6;
border: #8fbc8f 1px solid;
margin: 1%; 
display: flex;	
font-weight: bold;
padding: 1%;	
}
.waku3 {
width: 80%; 
background:#e6ffe6;
border: #8fbc8f 1px solid;
margin: 1%; 
display: flex;	
font-weight: bold;
padding: 1%;	
}
.waku2 p{
margin-bottom: 0 !important;
padding: 1% 5%;
}
.midashi{
font-weight: 800;
font-size: 1.2rem;	
}
ul.schedule, ul.normal {
    padding: 0;
    position: relative;
}
ul.normal li {
    margin-bottom: 3px;
    line-height: 1.5;
    padding: 0.5em;
    list-style-type: none !important;
    font-size: 120%;
}
ul.normal li:before {
    content: "●";
    padding-right: 0.5em;
}
.f-container1 {
    display: flex;
    margin-top: 3%;
    flex-wrap: wrap;
    background-color: #f1efe7;
}
.item_30per img {
    width: 100%;
}
@media screen and (max-width: 768px) {
a.hContactBtn002_large {
    width: 100%;
    display: block;
    color: #fff;
    background: #f39700;
    padding: 12px 0;
    text-align: center;
    line-height: 1;
    border-radius: 30px;
    font-weight: 500;
    font-size: 14px;
}
a.hContactBtn002_large_end {
    width: 100%;
    display: block;
    color: #fff;
    background: #696969;
    padding: 12px 0;
    text-align: center;
    line-height: 1;
    border-radius: 30px;
    font-weight: 500;
    font-size: 14px;
}	
div.hContactBtn002_largearea {
    width: 100%;
    margin: 5% 0;
}
.waku2,.waku3 {
width: 100%; 	
}
.midashi {
    font-weight: 600;
    font-size: 1.0rem;
}
ul.normal {
 font-size: 0.75rem;
}
.f-container1 {
    display: block;
}
.item_70per {
    width: 100%;
}
.item_30per {
    width: 100%;
	margin-top: 1%;
}
br.br-pc {
        display: none !important;
    }	
}
@media screen and (min-width: 768px) {
    br.br-sp {
        display: none !important;
    }
} 
@media screen and (max-width: 600px) {
.td_photo {
width: 30%;
}
.td_photo img {
width: 100%;
}
}
/*==========================
	access space
===========================*/
section.access_area {
  display: flex;
  flex-wrap: wrap;
}
section.access_area::after {
  content: '';
  width: 100%;
  height: 2px;
  order: -1;
  display: block;
  background: #000;
}
section.access_area .tabLabel { /* タブ */
  margin-right: 3px;
  padding: 3px 12px;
  flex: 1;
  order: -1;
  border-radius: 3px 3px 0 0;
  color: #000;
  border: 1px solid #000;
  transition: .5s;
  cursor: pointer;
}
section.access_area .tabLabel:nth-last-of-type(1) {
  margin-right: 0;
}
section.access_area input { /* ラジオボタン非表示 */
  display: none;
}
section.access_area .content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
/*<section.access_area .content ul {
  display: flex;
  padding: 5%;
}
section.access_area .content ul li {
  width: 50%;
}
section.access_area .content ul li h2 {
  font-size: 1.5em;
  margin-bottom: 7%;
}
section.access_area .content ul li h2 span {
  display: block;
  font-size: 0.6em;
}*/
/*アクティブ設定*/
section.access_area input:checked + .tabLabel {
  color: #fff;
}
section.access_area input:checked + .utsunomiya {
  background: #007c2f;
}
section.access_area input:checked + .tochigi {
  background: #f08327;
}
section.access_area input:checked + .tabLabel + .content {
  padding: 15px;
  height: auto;
  overflow: auto;
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  transition: .5s opacity;
  opacity: 1;
}
.del {
   text-decoration:line-through;
   text-decoration-color:#cc0000;
   text-decoration-style:double;
}
@media screen and (max-width: 600px) {
  section.access_area .content ul {
    display: block;
    padding: 5% 3%;
  }
  section.access_area .content ul li {
    width: 100%;
    margin-bottom: 10%;
  }
}