@charset "UTF-8";
/*------------------------------------------------------------
	Reset
------------------------------------------------------------*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
nav,
section,
time,
mark,
audio,
video {
  font-size: 1em;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
  display: block;
}

html {
  font-size: 62.5%;
}

body {
  -webkit-text-size-adjust: 100%;
}

body,
table,
input,
textarea,
select,
option,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Noto Sans JP","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

table,
input,
textarea,
select,
option {
  line-height: 1.1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

img {
  vertical-align: top;
}

a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

form label {
  cursor: pointer;
}

img {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
}


/* layout */
html{
  scroll-behavior: smooth;
}

a {
text-decoration:none;
display: block;
}

h1,h2,h3,h4,h5,h6{font-weight: 500;}


.block04,
.block06,
.case_study,
.news_block{
  background-color: #F5F8F9;
  padding-bottom: 40px;
}

.block02_01 li::before,
.block04_04_01_01 li::before,
.block04_04_01_02 li::before,
.block07_txt li::before,
.case_txt li::before{
  position: relative;
  top: -4px;
  left: -10px;
  display: inline-block;
  width: 3px;
  height: 3px;
  content: '';
  border-radius: 100%;
  background: #000;
}

.brPc{display: inline;}
.brSp{display: none;}





body {
  font-size: 14px;
  /* ベースのフォントサイズを14px相当に設定 */
  font-size: 1.5rem;
  color: #333;
  line-height: 1.6;
  background: #fff;
  margin: 0;
  font-feature-settings: "palt";
}


/* .wrapper{
  padding-bottom: 100px;
} */

.wrapper_02{
  width: 1100px;
  margin: 0 auto;
  min-width: 980px;
}

.wrapper_02> .block_title{
  padding-top: 80px;
}




.block_title{
  font-size: 3.6rem;
  text-align: center;
  color: #099CB5;
  line-height: 1.5;
}

.block_title span{
  font-size: 1.3rem;
}

.price_txt{text-align: center;}


/* header */

.cta_navi{
  margin-top: 15px;
  padding: 0 0px 0 0;
  align-items: center;
  display: flex;
  text-align: center;
  line-height: 45px;
}

.hamburger-menu{
  max-width: 1400px;
  min-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}


#menu-btn-check,.menu-btn{
  display: none;
}

header{
  position: relative;
  height: 88px;
}

.headLineBox{
  min-width: 100%;
  width: 100vw;
  position: fixed;
  z-index: 999;
}

.headLine{
  max-width: 1400px;
  min-width: 1200px;
  margin: 0 auto;
  align-items: center;
  background-color: #fff;
  
}

.headLine p{
  padding: 3px 0 0 20px;
  font-size:1.2rem;
  color: rgb(58, 58, 58);
}


.headerBox{
  min-width: 100%;
  height: 100px;
  width: 100vw;
  background-color: #fff;
  position: fixed;
  z-index: 998;
  padding-top: 24px;
}


.h_menu_02{
  max-width: none;
}

.siteTitle {
  position: absolute;
  top: 5px;
  font-weight: normal;
  font-size: 1.2rem;
  padding-bottom: 10px;
  color: #666;
}

.logo{
  width: 170px;
  margin: 0 0 0 20px;
  margin-top: -40px;
}
.logo img{
  width: 100%;
  height: auto;
}
header nav{
  margin: 0;
  align-items: center;
  display: flex;
}
header nav ul{
  margin: 0;
  padding: 0 10px 0 0;
  align-items: center;
  display: flex;
}
header nav ul li{
  margin: 0;
  padding: 0 22px 0 0;
  font-weight: 500;
}
header nav ul li a{
  color: #000;
  margin: 0;
  padding: 0;
  text-decoration: none;
  height: 80px;
  padding-top:15px ;
}

.menu_second-level li a{
  height: 15px;
}



header p.contactBtn a{
  display: block;
  background-color: #ff9b00;
  padding: 10px 20px;
  color: #fff;
  text-decoration: none;
  margin-right: 25px;
}

.menu_single{
  position: relative;
}

ul.menu_second-level {
  visibility: hidden;
  opacity: 0;
  z-index: 1;
}

.menu_second-level{
  display: block;
}

li.menu_single ul.menu_second-level {
  position: absolute;
  top: 76px;
  width: 450px;
  height: 310px;
  background: #F2F2F2;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

li.menu_single:hover ul.menu_second-level {
  top: 76px;
  visibility: visible;
  opacity: 1;
}

.menu_second-level li {
  padding-left: 15px;
}

.menu_second-level> li{
padding-top:20px;
font-weight: bold;
}

.menu_second-level li a:hover {
  opacity: 0.5;
}

.menu_second-level,
.menu_third-level{
  border: none;
}


.menu_third-level,
.menu_forth-level{
  display: inline-block;
  font-size: 1.4rem;
}

.menu_third-level li,
.menu_forth-level li{
  border: none;
  position: relative;
}

.menu_third-level> li::before,
.menu_forth-level> li::before{
  content: url(../img/image/third_menu_arrow.png);
  position: absolute;
  top: 15px;
  left: 0px;
} 


.menu_third-level_02,
.menu_forth-level_02{
  display: inline-block;
  font-size: 1.4rem;
}

.menu_third-level_02 li,
.menu_forth-level_02 li{
  border: none;
  position: relative;
}

.menu_third-level_02> li::before,
.menu_forth-level_02> li::before{
  content: url(../img/image/third_menu_arrow.png);
  position: absolute;
  top: 22px;
  left: 0px;
} 


.nav_menu-title{
  font-size: 1.7rem;
}


/*------------------------------------------------------------
	改修後　追加css
------------------------------------------------------------*/

.cta_mv_cath_01,
.cta_mv_cath_02{
  font-size: 1.8rem;
}


.cta_navi{
  margin: 0;
  align-items: center;
  display: flex;
  text-align: center;
  line-height: 44px;
  margin-top: -40px;

}

.head_cta{
  width: 130px;
  margin-right: 5px;
  background-color:#099CB5;
  color:#fff;
  border-radius:3px ;
  transition : 0.5s;
}

.head_cta a{
  color:#fff;
  text-decoration: none;
}

.head_cta:hover{
  background-color: #FF9B00;}



.head_cta_02{
  color: #099CB5;
  width: 215px;
  margin-right: 20px;
  background-color: #fff;
  border: solid 1px #099CB5;
  border-radius: 3px;
  transition : 0.5s;
}

.head_cta_02 a{
  color: #099CB5;
  text-decoration: none;
}


.head_cta_02:hover{
  background-color: #FF9B00;
  border: none;
}

.head_cta_02 a:hover{
  color: #fff;
}


.menuBox{
  display: flex;
}


/*  block04 */

.block04 >h2{
  font-size: 3.8rem;
  margin-top: 66px;
}

.block04Box_01,
.block04Box_02{
  display: flex;
  justify-content: center;
  margin-top: 70px;
  margin-bottom: 40px;
}


.B04box_01{
  width: 450px;
  margin-right: 40px;
}

.B04box_02{
  width:  435px;
  margin-left: 40px;
  font-size: 1.7rem;
}

.wrapper_02 .B04box_01> h3,
.wrapper_02 .B04box_02> h3{
  text-align: left;
  line-height: 32px;
  font-size: 2.3rem;
  margin-top: 0px;
}

.wrapper_02 .B04box_01> h3> span,
.wrapper_02 .B04box_02> h3> span{
  font-size: 3.3rem;
  background:linear-gradient(transparent 70%, #FFF503 0%);   
}


.wrapper_02 .B04box_01> h3{
  font-size:2.3rem;
  line-height: 38px;
}

.wrapper_02 .B04box_01> h4{
  font-size: 1.7rem;
  margin-top: 20px;
  font-weight: bold;
}


.B04box_01 p{
  font-size: 1.7rem;
  width: 423px;
}

.wrapper_02 .B04box_01> ul li{
  list-style: none;
  margin-left: 15px;
  font-size: 1.7rem;
}

.wrapper_02 .B04box_01> ul li::before{
  position: relative;
  top: -3px;
  left: -10px;
  display: inline-block;
  width: 3px;
  height: 3px;
  content: '';
  border-radius:100%;
  background: #333;
}

.wrapper_02 .B04box_02> p> a{
  color: #333;
  display: inline-block;
  text-decoration: underline;
  margin-top: 20px;
}

.wrapper_02 .B04box_02> p> a::after{
  content:">";
  margin-left: 10px;
  display: inline-block;
  text-decoration: none;
}


.B03box_01_Image{
  position: relative;
  width: 525px;
  height: 296px;
}

.movie{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.thumbnail{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  
}

.modal-001__wrap {
  /* display: inline-block; */
}

.modal-001__wrap input {
  /* display: none; */
}

.modal-001__open-label,
.modal-001__close-label {
  cursor: pointer;
}

.modal-001__open-label {
  color: #4f96f6;
  font-size: .95em;
}

.modal-001__open-label:hover {
  text-decoration: underline;
  cursor: pointer;
  color: #c7511f;
}

.modal-001 {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none;
}

.modal-001__open-input:checked + label + input + .modal-001 {
  display: block;
  animation: modal-001-animation .6s;
}

.modal-001__content-wrap {
  position: fixed;
  inset: 0;
  margin: auto;
  z-index: 2;
  width:1100px;
  height:620px;  
  display:flex;
  justify-content: center;
  align-items:center
}

.modal-001__close-label {
  background-color: #777;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 20px;
  width: 36px;
  height: 36px;
  line-height: 1.5;
  text-align: center;
  display: table-cell;
  position: fixed;
  top: -15px;
  right:  -72%;
  z-index: 99999;
  font-size: 1.4em;
}

.modal-001__content {
  max-height: 50vh;
  overflow-y: auto;
}

.modal-001__background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .45);
  z-index: 1;
}


/* bottom_cta */

.bottom_cta{
  position: fixed;
  bottom: 0px;
  background-color:rgba(0,0,0,0.6);
  width: 100%;
  color: #fff;
  z-index: 999;
  height: 70px;
}

.bottom_cta_wrap{
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  width: 920px;
}

.bottom_cta_wrap h2{
  font-size: 2.5rem;
  padding-top: 17px;
  font-weight: 400;
}

.fd{
  margin-top: 16px;
}

.b_cta_button{
  width: 254px;
  height: 50px;
  text-align: center;
  font-size: 1.6rem;
  background-color: #FF7C23;
  border-radius: 4px;
  position: relative;
  padding-top: 13px;
  padding-left: 40px;
  box-sizing: border-box;
  margin-top: 12px;
}

.b_cta_button::before{
  content: url(../img/top/mail_icon.png);
  position: absolute;
  top: 18px;
  left: 50px;    
}

.b_cta_button a{
  color: #fff;
}

.b_cta_button:hover{
  background-color: #FF9B00;
}



/*  block02 */
  
.block02{
  padding-top: 60px;
  background-color: #Fff;
  text-align: center;
}

.block02 h2{
  font-size: 2.5rem;
  font-weight: 500;
}

.block02 h2 span{
  font-size: 4.0rem;
}

.conBox{
  margin-top: 60px;
  display: flex;
  justify-content:center;
}

.checkBox,
.checkBox_02{
  width: 475px;
  height: 308px;
  border: #D5D5D5 3px solid;
  border-radius: 5px;
  margin-right: 40px;
  font-weight: bold;
}

.checkBox_02{margin-right: 0px;}


.checkBox h3,
.checkBox_02 h3{
  background-color: #099CB5;
  color: #fff;
  height: 54px;
  width: 386px;
  font-size: 2.2rem;
  vertical-align: middle;
  text-align: center;
  margin: 0 auto;
  padding-top: 8px;
  margin-top: -29px;
}

.checkBox h4,
.checkBox_02 h4{
  font-size: 3.1rem;
  margin-top: 27px;
}

.checkBox li,
.checkBox_02 li{
  font-size: 2.0rem;
  text-align: left;
  line-height: 60px;
  background-image: linear-gradient(to right, #454545 0px, transparent 1px);
  background-size: 3px 1px;
  background-repeat: repeat-x;
  background-position: left bottom;
  margin: 0px 45px;
  position: relative;
  padding-left: 35px;
}

.checkBox li:last-child,
.checkBox_02 li:last-child{
  background: none;
}

.checkBox_03{
  width: 820px;
  margin: 0 auto;
  border: #D5D5D5 3px solid;
  border-radius: 5px;
  text-align: left;
  padding: 40px 60px;
  margin-top: 56px;
}

.checkBox_03 li{
  font-size: 2.0rem;
  text-align: left;
  line-height: 50px;
  background-image: linear-gradient(to right, #454545 0px, transparent 1px);
  background-size: 3px 1px;
  background-repeat: repeat-x;
  background-position: left bottom;
  position: relative;
  padding-left: 37px;
}

.checkBox_03 li:last-child{
  background: none;
}

.checkBox_03 li span{
  font-weight: bold;
}



.arrowImage{
  margin: 60px 0;
}

.block02> .wrapper_02> h5 {
  font-size: 2.5rem;
  margin-bottom: 100px;
}

.block02> .wrapper_02> h5 span{
  font-size: 4.0rem;
  background:linear-gradient(transparent 70%, #FFF503 0%);
}

.checkBox li::before,
.checkBox_02 li::before{
  content: url(../img/image/task_icon.png);
  position: absolute;
  top: 20px;
  left: 0;
}

.checkBox_03 li::before{
  position: absolute;
  content: url(../img/image/task_icon.png);
  left: 0;
  top:15px;
}



.arrowImage{
  margin: 40px 0 ;
}


/*  block03 */

.block03{
  background-color:#F5F8F9;

}

.block03 .wrapper_02 h3{
  font-size: 2rem;
  text-align: left;
  margin: 0 0 20px 0;

}

.block03> .wrapper_02 >h3 >span{
  font-size: 1.5rem;
}

.block03_01{margin-bottom: 25px;
position: relative;}

.block03_01 a{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}




.block03_01 .textBlock{
  width: 562px;
    height: 221px;
    float: left;
    background-color: #fff;
    padding: 35px 44px;
    border-left: #099CB5 solid 4px;
    display: block;
}

.block03_01 .textBlock a,
.block03_01 .textBlock h4 a{
    color: #333;
}

.block03_01:hover{
    opacity: 0.5;
}


.block03_01 .textBlock h4{
  font-size: 2.5rem;
  font-weight: 600;
  padding-bottom: 15px;
}


.block03_01 .imageBlock img{
  width:538px;
  height: 221px;
}


.textBlock .button{
  padding-top: 7px;
  font-size: 1.3rem;
  color: #099CB5;
  border: 1px solid #099CB5;
  text-align: center;
  margin-top: 17px;
  height: 35px;
  width: 120px;
  transition: all  0.3s ease;
  position: relative;
}

.textBlock .button:hover{
  color: #fff;
  background-color: #099CB5;
  transition: all  0.3s ease;
}


.textBlock .button a{
  color: #099CB5;
  padding-top: 7px;
  width:100%;
  height:100%;

}

.textBlock .button a:hover{
  color: #fff;
  margin-top: 0px;
  
}

.block03_02,
.block03_03{
  float: left;
  display: flex;
  background-color: #fff;
  width: 540px;
  height: 213px;
  border-left: #099CB5 solid 4px;
  padding: 35px 19px 0 44px;
  justify-content: space-between;
  margin-right: 20px;
  position: relative;
}

.block03_03{
  margin-right: 0px;
  margin-bottom: 50px;
}

.block03_02 a,
.block03_03 a{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


.block03_02:hover,
.block03_03:hover{
  opacity: 0.5;
}



.block03_02> .textBlock> h4,
.block03_03> .textBlock> h4{
  font-size:2rem ;
  font-weight: 600;
  padding-bottom: 15px;
}

.block03_02> .textBlock{
  width: 404px;
}



.block03_02> .imageBlock,
.block03_03> .imageBlock{
  padding-top: 25px;

}

.block03> .wrapper_02{
  padding-bottom: 20px;
}

/*  interview */

.interview_02{background-color: #F5F8F9;}

.interview > .block_title{
  padding: 103px 0 70px 0;
}

.interview02 > .block_title{
  padding: 103px 0 70px 0;
}

.interview_wrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  font-size: 2.0rem;
  padding: 0px 0 30px 0px;
  width: 850px;
  margin-top: 40px;
}
.interview_wrap + .interview_wrap { margin-top: 0px; padding-top: 30px; border-top: #ddd solid 1px; }
.caseBtn {
  height: 45px;
  width: 220px;
  border-radius: 4px;
  background-color: #099CB5;
  color: #fff;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.3;
  padding-top: 12px;
  margin: 0 auto;
  position: relative;
}
.caseBtn a{
  color: #fff;
}
.caseBtn::after {
  position: absolute;
  top: 16px;
  right: 18px;
  content: url(../img/image/ctaarrow_01.png);
  transition: all .3s;
}
.interview{
  padding-bottom: 60px;
}

.interview_img{
  width:360px ;
}
.interview_img img { width: 360px; height: auto; border: #ddd solid 1px; }



.interview_wrap h3{
  font-size: 2rem;
  text-align: left;
  margin: 0;
}

.interview_txt{
  width: 100%;
  font-size: 2rem;
  padding-left: 20px;
}
.interview_txt .cat { color: #999; font-size: 15px; }

.interview_txt ul{
  display: flex;
  padding-top: 10px;
  flex-flow: row wrap;
  gap: 3px 0px;
}

.interview_txt ul li{
  color: #099CB5;
  font-size: 1.2rem;
  line-height: 22px;
  margin-right: 3px;
}
.interview_txt ul li a { border: 1px solid #099CB5; background-color: #fff; padding: 0 9px; height: 24px; display: block; color: #099CB5; }

.interview_txt p{
  font-size: 1.5rem;
  margin-top: 10px;
  line-height: 28px;
  letter-spacing: 1.2px;
}

.interview_txt p span{
  background:linear-gradient(transparent 60%, #FDEE34 60%);
  font-weight: bold;
}

.interview_txt> .interviewLink{
  font-size: 1.5rem;
  text-decoration: underline;
  margin-top: 3px;
  position: relative;
}

.interview_txt> .interviewLink::after{
  /* content:url(../img/image/linkarrow.png); */
  margin-left: 14px;
  text-decoration: none;
  display: inline-block;
  position: absolute;
  top:8px;
  left: 100px;
}

.interview_txt> .interviewLink a{
  color: #000;
}


/* LOGISTICS BASE */
.logiBase{
  background-color:#F5F8F9;
  padding-bottom: 80px;
}

.baseBox{
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

.baseText{
  width: 479px;
  margin-right: 39px;
  margin-bottom: 80px;

}

.baseText h3{
  text-align: left;
  font-size: 2.3rem;
  margin-top: 0;
}

.baseText h3 span{
  font-size: 3.3rem;
  background: linear-gradient(transparent 70%, #FFF503 0%);
}

.baseText p{
  font-size: 1.7rem;
}

.baseText h4{
  font-weight: bold;
  margin-top: 20px;
}

.baseText ul li::before{
position: relative;
top: -3px;
left: -10px;
display: inline-block;
width: 3px;
height: 3px;
content: '';
border-radius: 100%;
background: #333;
}

.baseText ul li{
  padding-left:  15px;
}

.baseBtn{
  width: 420px;
  height: 55px;
  margin: 0 auto;
  font-size: 1.8rem;
  color: #fff;
  background-color: #FF7C00;
  padding-top: 15px;
  border-radius: 5px;
  text-align: center;
  position: relative;
}

.baseBtn:hover{
  background-color: #FF9B00;
}

.baseBtn a{
  color: #fff;
}

.baseBtn::after{
  content: url(../img/image/about_arrow.png);
  position: absolute;
  top:0px;
  right: 20px;
  transition: all .3s;
}

.baseBtn:hover::after{
  right: 10px;
}

/* baseCta */

.baseBtn{
  height: 55px;
  width: 420px;
  border-radius: 5px;
  background-color: #FF7C00;
  color: #fff;
  text-align: center;
  font-size: 1.8rem;
  padding-top: 12px;
  margin: 0 auto;
  position: relative;
}

.baseBtn::after{
  position: absolute;
  top: 21px;
  right: 22px;
  content: url(../img/image/ctaarrow_01.png);
  transition: all .3s;
}

.baseBtn:hover:after{
  right: 10px;
}


.baseCta{
  background-color:#219FB5;
  padding: 105px 0;
}

.baseCta> .wrapper_02{
  display: flex;
  justify-content: center;
  color: #fff;
}

.baseCta h2{
  font-size: 4.5rem;
}

.ctaText{
  font-size: 1.9rem;
}

.baseCtaImage{
  margin-right: 40px;
}

.baseCtaBtn_box{
  display: flex;
  margin-top:30px;
  margin-bottom: 20px;

}

.baseCtaBtn_01,
.baseCtaBtn_02{
  position: relative;
  width: 329px;
  height: 56px;
  border-radius: 5px;
  background-color:#FF7C23 ;
  font-size: 1.7rem;
  text-align: center;
  margin-right: 20px;
  padding-top: 13px;
  padding-right: 16px;
}

.baseCtaBtn_02{
  width: 190px;
  height: 55px;
  background-color:#FFF ;
  margin-right: 0px;
  color: #219FB5;
}



.baseCtaBtn_01 a{
  color: #fff;
}

.baseCtaBtn_02 a{
  color: #219FB5;
}

.baseCtaBtn_01::after,
.baseCtaBtn_02::after{
  position: absolute;
  top: 21px;
  right: 12px;
  content: url(../img/image/f_cta_arrow_01.png);
  transition: all .3s;
}

.baseCtaBtn_02::after{
  content: url(../img/image/f_cta_arrow_02.png);
}

.baseCtaBtn_01:hover:after,
.baseCtaBtn_02:hover:after{
  right: 8px;
}

.baseCtaBtn_01:hover,
.baseCtaBtn_02:hover{
  background-color: #FF9B00;
}

.baseCtaBtn_02> a:hover{
  color: #fff;
}

.baseCtaBtn_02:hover::after{
  content: url(../img/image/f_cta_arrow_01.png);
}

/* block05 */

.block05> .wrapper_02 p{
  margin: 0 auto;
  width: 880px;
  margin-bottom: 40px;
  font-size: 1.72rem !important;
}

.block05_01{
  width: 880px;
  margin: 0 auto;
}

.block05_01 h4{
  font-size:2.4rem;
  margin-top: 10px;
  margin-bottom: 25px;
}

.block05_01 p{
  font-size:1.6rem;
  padding-top: 20px;
  text-align: center;
}

.block05_01 ul{
  display: flex;
  justify-content: center;
}

.block05_01 ul li{
  margin-right: 15px;
}

.right0{margin-right: 0px !important;}


/*------------------------------------------------------------
	ここまで
------------------------------------------------------------*/
.r-mark{
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.partner{
  padding-right:6px;
  width:120px;
}
.pmark{
  width:55px;
}
.management{
  display: flex;
  align-items: center;
  margin: 0 0 0 0px;
  padding: 0;
}
.management p.logoJpx{
  margin: 0;
  padding: 0;
}
.management p.txt{
  font-size: 1.0rem;
  margin: 0;
  padding: 4px 0 0 3px;
}
@media screen and (max-width: 767px) {
	.management{
		display: none;
	}
}


/* title */
.titleWarp{
  background: url(../img/bg_title.png) no-repeat center top ;
}
.title{
  width: 1100px;
  margin: 0 auto;
  padding: 62px 0 0 0;
}
.title h1{
  font-weight: 900;
  font-size: 2rem;
  line-height: 1.1;
  padding-bottom: 40px;
}
.title h1 span{
  font-weight: 700;
  font-size: 7rem;
  color: #00aabe;
}
.title h1 span span{
  font-size: 4rem;
}
.title p{
  font-size: 1.6rem;
}

.title .titleH1{
  font-weight: 900;
  font-size: 2rem;
  line-height: 1.1;
  padding-bottom: 40px;
}
.title .titleH1 span{
  font-weight: 700;
  font-size: 7rem;
  color: #00aabe;
}
.title .titleH1 span span{
  font-size: 4rem;
}



/* seminarBoxWarp */
.seminarBoxWarp{
  background: url(../img/bg_semi.jpg) no-repeat center top ;
  background-size: auto 100%;
}
.seminarBox{
  width: 1100px;
  margin: 0 auto;
  padding: 90px 0;
}
.seminarBox h2{
  font-weight: 700;
  font-size: 4rem;
  color: #fff;
  text-align: center;
}
.seminarBox h2 span{
  font-size: 2.4rem;
  color: #ff9b00;
}
.seminarBox p.read{
  color: #fff;
  text-align: center;
  padding: 50px 0;
}
.seminarItem{
  background-color: #fff;
  padding: 40px;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.seminarItem figure{
  width: 430px;
}
.seminarItem figure img{
  width: 100%;
}
.seminarTxt{
  width: 545px;
}
.seminarTxt p.date{
  font-weight: 700;
  font-size: 1.8rem;
  padding: 0;
  margin-bottom: 5px;
}
.seminarTxt p.date span { display: inline-block; color: #fff; background-color: #f00; font-size: 14px; padding: 0px 10px; margin: 3px 0px 0px 10px; vertical-align: top; }
.seminarTxt h3{
  color: #00aabe;
  font-weight: 700;
  font-size: 2.4rem;
}
.seminarTxt h3 br { display: none; }
.seminarTxt p{
  padding: 20px 0 30px 0;
}
.seminarTxt p.link {
  padding: 0;
}
.link a {
  display: block;
  position: relative;
  background: #ff9b00;
  width: 24rem;
  padding: 1.5rem;
  border-radius: 100px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: .1rem;
  transition: .5s;
}

.link a:before {
  content: "";
  position: absolute;
  top: 45%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #fff;
  transform: rotate(45deg);
}

.link a:after {
  content: "";
  position: absolute;
  top: 55%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #fff;
  transform: rotate(-45deg);
}


.link2 a {
  display: block;
  position: relative;
  background: #fff;
  width: 24rem;
  padding: 1.5rem;
  border-radius: 100px;
  color: #00adba;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: .1rem;
  transition: .5s;
}

.link2 a:before {
  content: "";
  position: absolute;
  top: 45%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #00adba;
  transform: rotate(45deg);
}

.link2 a:after {
  content: "";
  position: absolute;
  top: 55%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #00adba;
  transform: rotate(-45deg);
}

.link3 a {
  display: block;
  position: relative;
  background: #00aabe;
  width: 24rem;
  padding: 1.5rem;
  border-radius: 100px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: .1rem;
  transition: .5s;
}

.link3 a:before {
  content: "";
  position: absolute;
  top: 45%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #fff;
  transform: rotate(45deg);
}

.link3 a:after {
  content: "";
  position: absolute;
  top: 55%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #fff;
  transform: rotate(-45deg);
}

/* contactBoxWarp */
.contactBoxWarp{
  background-color: #219FB5;
}
.contactBox{
  width: 1100px;
  margin: 0 auto;
  padding: 80px 0;
  text-align: center;
}
.contactBox h2{
  font-weight: 500;
  font-size: 3.5rem;
  color: #fff;
  text-align: center;
  line-height: 45px;
}

.contactBox h3{
  font-weight: 500;
  font-size: 2.3rem;
  color: #fff;
  text-align: center;
  margin:22px 0 40px 0;

}

.f_ctaBox{
  display: flex;
  justify-content: space-around;
}

.f_ctaBox h4{
  font-size: 2rem;
  color: #fff;
  text-align: center;
  margin: 12px 0 23px 0;
}

.f_ctaTelText{
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  margin: 12px 0 23px 0;
}


.f_ctaForm{
  border-left: #acc 1px solid;
  border-right: #acc 1px solid;
  height: 280px;
  padding: 0px 40px;
}

.f_ctaForm>p,
.f_ctaMail>p{
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  margin-top: -10px;
  margin-bottom: 20px;
}

.f_ctaButton_01,
.f_ctaButton_02{
  height:50px;
  width: 264px;
  background-color: #FF7C23;
  color: #fff;
  border-radius: 4px;
  position: relative;
}


.f_ctaButton_01:hover,
.f_ctaButton_02:hover{
  background-color: #FF9B00;
}


.f_ctaButton_02{
  background-color: #fff;
}

.f_ctaButton_02:hover{
  background-color: #FF9B00;
  color: #fff;
}

.f_ctaButton_01,
.f_ctaButton_02{
  padding-top: 13px;
}
.f_ctaButton_01 a{color: #fff;}
.f_ctaButton_02 a{color: #219FB5;}
.f_ctaButton_02 a:hover{color: #fff;}

.f_ctaButton_01::after,
.f_ctaButton_02::after{
  content: url(../img/image/f_cta_arrow_01.png);
  position: absolute;
  top: 19px;
  right: 20px;
  transition: all .3s;
}

.f_ctaButton_02::after{
  content: url(../img/image/f_cta_arrow_02.png);
}

.f_ctaButton_02:hover::after{
  content: url(../img/image/f_cta_arrow_01.png);
}



.f_ctaButton_01:hover::after,
.f_ctaButton_02:hover::after{
  right: 15px;
}

.f_ctaButton_02:hover::after{
  right: 15px;
}



.contactBox p.read{
  font-weight: 700;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  padding: 20px 0;
}

.contactBox ul{
  padding-top: 40px;
  display: flex;
  justify-content: center;
}
.contactBox ul li:first-child a{
  width: 40rem;
}
.contactBox ul li{
  margin: 0 5px;
}

.contactThanks h2{
  font-size: 3rem;
}
.contactThanks p{
  padding-bottom: 30px;
}


/*thanks ページ追記*/

.tnks_area{

  border-top: 1px #e1e3e6 solid;
  border-bottom: 1px #e1e3e6 solid;
  padding-top:40px;
}

.thankslist{display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: center;

}

.tnks_area > .thankslist > .wp h2 a{color: #333;}
.tnks_area > .thankslist > .wp figure img{margin-bottom: 20px;}


.tnks_area h3{
  font-size:  24px;
  color: #00aabe;
  display: block;
  margin-bottom: 20px;
}

.tnks_button{
  margin-top: 35px;
  display: flex;
  justify-content: center;
  align-items: center;

}




/* footer */

footer{

}
.footer{
  background-color: #333;
  margin: 0 auto;
  padding: 60px 0;
}
.footer ul{
 display: flex;
 padding-bottom: 40px;
}
.footer ul li a{
  color: #fff;
  text-decoration: none;
}

.menu01{

}

.footerTitle{
  color: #fff;
  padding-bottom: 20px;
}

.footerTitle a{
  color: #fff;
  text-decoration: none;
}

.footerMenu{
  width: 1100px;
  margin: 0 auto;
}

.footer ul.menu01 li{
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  border-left: 1px solid #fff;
  padding: 0 30px;
}
.footer ul.menu01 li:first-child{
  border-left: 0px solid #fff;
  padding: 0 30px 0 0;

}

.footer ul.menu02 li{
  font-size: 1.4rem;
  line-height: 1;
  padding: 0 20px 0 0;
}

.copyright{
  background-color: #fff;
  font-size: 1rem;
  margin-top: 0px;
  padding-top: 10px;
  margin-bottom: 80px;
}


.copyright_02{
  background-color: #fff;
  font-size: 1rem;
  margin-top: 0px;
  padding-top: 10px;
  margin-bottom: 10px;
}


.copyright p{
  color: #000;
}

.copyright_wrap{
  margin: 0 auto;
  width: 1100px;
  display: flex;
  justify-content: space-between;
  align-items: center;

}

.management {
  display: flex;
  align-items: center;
  margin: 0 0 0 0px;
  padding: 0;
  padding-right: 20px;
}

.management p.logoJpx {
  margin: 0;
  padding: 0;
}

.management p.txt {
  font-size: 1.0rem;
  margin: 0;
  padding: 4px 0 0 3px;
}

.partner {
  padding-right: 6px;
  width: 120px;
}

.pmark {
  width: 55px;
}

/* ↑↑↑footerここまで？ */





/* 下層ページ */
/* 全体 */


#priceWarp{
  padding: 70px 0 20px 0;
}

#price{
  width: 1100px;
  margin: 0 auto;
  padding: 0;
}

#price h2{
  text-align: center;
  font-size: 3.2rem;
  padding-top: 50px;
}
#price p.read{
  text-align: center;
  font-size: 1.6rem;
  padding: 12px 0 20px 0;
}
#price p.note{
  text-align: right;
  font-size: 1.4rem;
  padding: 6px 0 40px 0;
}

#price .prTbl1 {
  width: 100%;
  margin: 0 0 30px 0;
  border-collapse: collapse;
  border: #ddd 1px solid;
}
#price .prTbl1 th {
  border-left: #ddd 1px solid;
  border-right: #ddd 1px solid;
  padding: 10px 10px 10px 10px;
  line-height: 1;
}
#price .prTbl1 th em {
  font-size: 1.6rem;
  font-weight: bold;
  display: block;
  font-style: normal;
}
#price .prTbl1 th span {
  font-size: 1rem;
  font-weight: normal;
}
#price .prTbl1 td {
  background-color: #fff;
  border: #ddd 1px solid;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  padding: 15px 3px;
}
#price .prTbl1 .pTtl th {
  background-color: #00aabe;
  text-align: center;
  color: #fff;
  padding: 18px;
  font-size: 1.5rem;
  font-weight: normal;
}
#price .prTbl1 .pTtl th em {
  display: inline-block;
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: bold;
}
#price .prTbl1 .pTtl th span {
  font-size: 2rem;
  font-weight: bold;
}
#price .prTbl2 {
  width: 1100px;
  margin: 0;
  border-collapse: collapse;
  border: #ddd 1px solid;
}
#price .prTbl2 tr:first-child th {
  border-top: none;
}
#price .prTbl2 th {
  border-right: solid 1px;
  border-top: #ffffff 1px solid;
  background-color: #00aabe;
  text-align: center;
  padding: 10px 3px;
  line-height: 1.4;
  vertical-align: middle;
  font-size: 1.6rem;
  font-weight: bold;
  color: #ffffff;
}
#price .prTbl1 .prTxt,
#price .prTbl2 .prTxt {
  display: inline-block;
  font-size: 2.4rem;
  font-weight: bold;
  padding: 15px 0;
  font-style: normal;
}

.prTbl2 th span {
  color: #FFF85E;
}

#price .prTbl2 th .prTbl2_st {
  font-weight: normal;
  font-size: 0.75em;
  color: #FFFFFF;
}
#price .prTbl2 td {
  background-color: #ffffff;
  border-top: #ddd 1px solid;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  padding: 10px 3px;
  vertical-align: middle;
  width: 30%;
}
#price .prTbl2note {
  text-align: right;
  font-size: 1.4rem;
}
#price .simArea {
  width: 860px;
  margin: 0 auto;
  background-color: #ffffff;
  box-shadow: 0px 1px 27px 3px rgba(0, 0, 0, 0.1);
  padding: 50px 50px 60px;
  border-radius: 6px;
  box-sizing: border-box;
}
#price .leadCopy {
  text-align: center;
  font-size: 1.8rem;
  margin-bottom: 20px;
}
#price .simArea h3 {
  text-align: center;
  font-size: 3.2rem;
  color: #00aabe;
  font-weight: bold;
  padding-bottom: 5px;
}
#price .simArea h3 span {
  padding-left: 40px;
  background: url(../img/ico_calculator.png) no-repeat 0 center;
}
#price .simArea .prTbl3note {
  text-align: center;
  font-size: 1.5rem;
}
#price .simArea .prTbl3 {
  width: 100%;
  border-collapse: collapse;
  border: #ddd 1px solid;
}
#price .simArea .prTbl3 th {
  border-left: #ddd 1px solid;
  border-right: #ddd 1px solid;
  padding: 10px 3px 5px;
  line-height: 1.4;
  background-color: #f6f6f6;
}
#price .simArea .prTbl3 th em {
  font-size: 1.6rem;
  font-weight: bold;
  display: block;
}
#price .simArea .prTbl3 th span {
  font-size: 1rem;
}
#price .simArea .prTbl3 td {
  background-color: #ffffff;
  border-top: #ddd 1px solid;
  border-left: #ddd 1px solid;
  border-right: #ddd 1px solid;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  padding: 10px 3px;
}
#price .simArea .prTbl3 .pTtl th {
  background-color: #00aabe;
  text-align: center;
  color: #fff;
  font-size: 2rem;
  padding: 15px 0;
}
#price .simArea .prTbl3 .pTtl th span {
  font-size: 1.5rem;
  font-weight: normal;
}
#price .simArea .prTbl3 .pTtl th em {
  display: inline-block;
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: bold;
}
#price .simArea .prTbl3 .pTtl th span {
  display: inline-block;
  color: #ffffff;
  font-size: 1.4rem;
}
#price .simArea .simRbox {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: -webkit- center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: -webkit- center;
  align-items: center;
}
#price .simArea .simRbox .resultTtl {
  font-size: 20px;
  font-weight: bold;
  padding-right: 20px;
}
#price .simArea .simRbox .resultTtl .estzk {
  display: inline-block;
  color: #f34b27;
  font-size: 2rem;
  font-weight: bold;
  margin-right: 10px;
  line-height: 1.5;
}
#price .simArea .simRbox .resultTtl span {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: bold;
  transform: rotate(90deg);
  margin: 0 2px;
}
#price .simArea .simRbox .resultTtl span.tr1 {
  color: #f9a593;
}
#price .simArea .simRbox .resultTtl span.tr2 {
  color: #f6785d;
}
#price .simArea .simRbox .resultTtl span.tr3 {
  color: #f34b27;
}
#price .simArea .simRbox .result {
  background-color: #efefef;
  color: #ffffff;
  font-size: 4rem;
  font-weight: normal;
  padding: 12px;
  line-height: 1;
  margin-left: 10px;
  width: 490px;
  text-align: right;
  color: #00aabe;
}
.resultEn{
  position: relative;
  font-size: 1.8rem;
  font-weight: bold;
  padding-left: 10px;
}
.resultEn span{
  font-weight: normal;
  font-size: 1.5rem;
}


.result_note {
  text-align: center;
  margin-top: 20px;
}

#price .wdt40 {
  width: 40px;
  text-align: center;
}
#price input[type="text"] {
  padding: 6px 5px;
  border: #dddddd 2px solid;
  font-size: 1.6rem;
  background-color: #ffffff;
  border-radius: 5px;
  text-align: right;
}
#price input::-webkit-input-placeholder {
  color: #aaaaaa;
}
#price input::-moz-placeholder {
  color: #999999;
}
#price input:-ms-input-placeholder {
  color: #aaaaaa;
}
#price input:focus::-webkit-input-placeholder, #price input:focus::-moz-placeholder, #price input:focus:-ms-input-placeholder {
  color: transparent !important;
}


#price .arrow{
  text-align: center;
  padding: 20px 0 10px 0;
}

.kihonryo{
  position: relative;
  top: 30px;
  background-color: #00aabe;
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
  color: #fff;
  padding: 15px 0;
  border: 1px solid #ddd;
  z-index: 10;
}
.plus{
  position: relative;
  z-index: 100;
  top: 16px;
  text-align: center;
}

.page .seminarItem{
  width: 1100px;
  margin: 0 auto 40px auto;
  box-shadow: 0 0 5px 0 #ccc;
}


.page {
  padding-top: 70px;
  width: 1100px;
  margin:0 auto;
  padding-bottom: 90px;
}

.page_02 {
  width: 1100px;
  margin:0 auto;
  padding-bottom: 90px;
}

.page > table{
  width: 100%;
  display: table;
  box-sizing: border-box;
  padding: 10px 15px;
  border-collapse:collapse;


}

.page table td:nth-of-type(1) {
  background-color: #f9f9f9;
}

.page tr{
  color: #333;
  font-size: 108%;
  line-height: 1.5;
  vertical-align: top;
}

.page td{
  border: 1px solid #ddd;
  color: #333;
  font-size: 100%;
  line-height: 1.5;
  vertical-align: top;
  margin: 0px;
  padding:20px 20px;
}


.page > table{
margin-bottom: 20px;
}

.soon{
  padding-top: 50px;
  font-weight: 700;
  text-align: center;
  font-size: 2rem;
  color: #999;
}


.formContents > div{
  display: flex;
}

.formContents > div > div{
  padding-left: 30px;
}
.formContents > div .ph img{
  width: 400px;
  height: auto;
}
.formContents h1{
  clear: both;
  margin: 0;
  padding: 50px 0 10px 0;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.3;
  color: #00aabe;
  letter-spacing:-1px;
}
.formContents h2{
  clear: both;
  margin: 0;
  padding: 0 0 40px 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
  color: #ed6102;
  letter-spacing:-1px;
}
.formContents{
  clear: both;
  margin: 0;
  padding: 0;
}

.formContents_02{
  margin-bottom: 60px;
}

.sum{
  margin: 0px auto;
  text-align: left;
  border-radius: 4px;
  margin: 10px 0;
}

.sum-th{
  margin: 0px auto;
  text-align: left;
  border-radius: 4px;
  padding: 20px;
  border: 4px solid #ddd;
}

.check-title{
  border: #ddd solid 3px;
  padding: 20px;
  width:  350px;
  margin-bottom: 30px;
}

.check-title> .sum> b{
  font-size: 2rem;
  border-bottom: #ddd 1px solid;
}

.check-title ul li{
  margin-left: 10px;
}

.check-title ul li::before {
  position: relative;
  top: -3px;
  left: -10px;
  display: inline-block;
  width: 3px;
  height: 3px;
  content: '';
  border-radius: 100%;
  background: #333;
}



/* pagetop */
#pagetop {
  display: none;
  position: fixed;
  bottom: 0;
  right: 20px;
  font-size: 100%;
  z-index: 100000000;
}
#pagetop a {
  background: #333;
  text-decoration: none;
  color: #fff;
  padding: 16px 24px;
  text-align: center;
  display: block;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -ms-border-top-left-radius: 5px;
  -ms-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  opacity:0.7;
  filter:alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}
#pagetop a:hover {
  text-decoration: none;
  background: #999;
}



/* mainvis */
.mainvisWarp{
  position: relative;
  height: 750px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.mainvisWarp .video{
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
}
.mainvisWarp .video img{
  width: 100%;
}
.mainvisBg{
  width: 100%;
  height: 750px;
  position: absolute;
  background: url(../img/bg_mainvis.png) no-repeat center top;
}
.mainvis{
  position: relative;
  width: 1100px;
  margin: 0 auto;
  padding:80px 0 0 0;
}


.top01Warp{
  position: relative;
  top: -220px;
  background: url(../img/read_top.png) no-repeat center top;

}
.top01{
  width: 1100px;
  margin: 0 auto;
  padding:60px 0 0 0;
}

.top01 h2{
  font-size: 3.4rem;
  color: #fff;
}
.top01 p{
  color: #fff;
  padding-right: 400px;
  padding: 20px 400px 50px 0;
}
.top01 figure{
  text-align: center;
}

.top02Warp{
  position: relative;
  top: -120px;

}
.top02{
  width: 1100px;
  margin: 0 auto;
  padding:0 0 0 0;
}

.top02 h3{
  font-size: 2.2rem;
  color: #00aabe;
}

.top02 h2{
  line-height: 1.3;
  font-size: 3.4rem;
  padding: 10px 0 10px 0;
}

.top02 p{
  line-height: 2;
  padding: 0 0 30px 0;
}
.top02 figure{
  text-align: center;
}


.top03Warp{
  position: relative;
  top: -20px;
  padding: 80px 0;
  background: url(../img/bg_top01.png) no-repeat center top;
  background-size: auto 100%;

}
.top03{
  width: 1100px;
  margin: 0 auto;
  padding:0 0 0 0;
  text-align: center;
}

.top03 h2 span{
  font-size: 2rem;
  color: #00aabe;
}

.top03 h2{
  line-height: 1.3;
  font-size: 4rem;
  padding: 10px 0 50px 0;
}

.top03 ul{
  display: flex;
  justify-content: space-between;
}

.top03 figure{
  text-align: center;
}

.topCaseWarp{
  position: relative;
  top: -20px;
  padding: 40px 0 80px 0;
  background: url(../img/bg_case.svg) no-repeat right top;
  background: url(../img/bg_case.png) no-repeat center center;
  background-size: auto 100%;
}

.topCase{
  width: 1100px;
  margin: 0 auto;
  padding:0 0 0 0;
  text-align: center;
}

.topCase h2 span{
  font-size: 2rem;
  color: #00aabe;
}
.topCase h2{
  line-height: 1.3;
  font-size: 4rem;
  padding: 10px 0 50px 0;
}


.top04Warp{
  padding: 40px 0 120px 0;
  background-color: #f2f6f6;
}
.top04{
  width: 1100px;
  margin: 0 auto;
  padding:0 0 0 0;
  text-align: center;
}

.top04 h2 span{
  font-size: 2rem;
  color: #00aabe;
}

.top04 h2{
  line-height: 1.3;
  font-size: 4rem;
  padding: 10px 0 30px 0;
}
.top04 p{
  padding-bottom: 50px;
}

.top04 figure{
  text-align: center;
}

.qaWarp{
  text-align: center;
  margin: 0;
  padding: 80px 0;
  background-color: #f2f6f6;
}

.qaWarp h2 span{
  font-size: 2rem;
  color: #00aabe;
}

.qaWarp h2{
  line-height: 1.3;
  font-size: 4rem;
  padding: 10px 0 30px 0;
}

.qaWarp .link3 a{
  width: 30rem;
}


.top05Warp{
  padding: 80px 0;
  background-color: #f2f6f6;
}
.top05{
  width: 1100px;
  margin: 0 auto;
  padding:0 0 0 0;
  text-align: center;
}

.top05 h2 span{
  font-size: 2rem;
  color: #00aabe;
}

.top05 h2{
  line-height: 1.3;
  font-size: 4rem;
  padding: 10px 0 50px 0;
}

.top05 figure{
  text-align: center;
}

.center{
  padding-top: 40px;
  display: inline-block;
  text-align: center;
}

/* about */
.about01{
}
.about01 h2{
  color: #00aabe;
  font-size: 3rem;
}
.about01 p{
  line-height: 2;
  width: 600px;
  padding-top: 20px;
  padding-bottom: 30px;
}

.about02{
  padding-top: 60px;
}
.about02 h2{
  font-size: 3.4rem;
  line-height: 1.3;
  text-align: center;
  color: #00aabe;
}
.about02 h2 span{
  font-size: 2rem;
  color: #333;
}

.about02Item{
  padding: 100px 60px 60px 60px;
  display: flex;
  justify-content: space-between;
}
.about02ItemTxt{
  width: 400px;
}
.about02ItemTxt h3{
  font-size: 3rem;
  line-height: 1.3;
}
.about02ItemTxt h4{
  font-size: 1.8rem;
  line-height: 1.5;
  color: #00aabe;
  padding: 10px 0 20px 0;
}
.about02ItemTxt p{
  line-height: 2;
}

.about02Item .about02ItemTxt figure{
  width: 400px;
  padding-top: 40px;
}

.about02Item figure{
  width: 500px;
}
.about02Item figure img{
  width: 100%;
}

.bg01{
  background: url(../img/bg01.png) no-repeat;
}
.bg02{
  background: url(../img/bg02.png) no-repeat;
}
.bg03{
  background: url(../img/bg03.png) no-repeat;
}

.about03{
  width: 980px;
  margin: 0 auto;
  padding-bottom: 60px;
}
.about03 p{
  line-height: 2;
}
.about03 figure{
  padding: 20px 0 40px 0;
  text-align: center;
}
.about04 h2{
  padding-bottom: 30px;
}

.pcNone{
  display: none;
}


/* アイミツバナー */
.bnrAimitsu{
  position: absolute;
  top: 80px;
  right: 0px;
}


/* セミナー詳細 */
.seminarPage{
  width: 780px;
  margin: 0 auto;
}

.seminarPage h1{
  font-size: 26px;
  border-bottom: 5px solid #00aabe;
  padding-bottom: 14px;
}

.seminarPage p.dateIco{
  color: #999;
  padding: 5px 0;
}

.seminarPage p.dateIco span{
  font-size: 12px;
  background-color: #f00;
  color: #fff;
  line-height: 1 !important;
  padding: 4px 10px;
  margin: 5px 0px 0px 6px;
  display: inline-block;
  vertical-align: top;
}

.finished{
  background-color:#868686 !important;;
}
.sem_end { color: #f00; text-align: center; margin-top: 10px; font-size: 17px; background-color: #ffecec; padding: 15px; }

.seminarPage p.seminarVis{
  padding: 30px 0 0 0;
}
.seminarPage p.seminarVis img { max-width: 100%; height: auto; }
.seminarPage h2{
  font-size: 24px;
  line-height: 1.4em;
  font-weight: bold;
  margin: 60px 0px 30px 0px;
  padding: 15px 20px;
  background-color: #F7F7F7;
  border-left: #00aabe solid 5px;
}

.seminarPage h3 {
  font-size: 20px;
  line-height: 1.4em;
  font-weight: bold;
  margin: 30px 0px 10px 0px;
  padding: 4px 15px;
  border-left: #00aabe solid 5px;
}
.seminarPage h4 {
  font-size: 18px;
  line-height: 1.6em;
  font-weight: bold;
  margin: 25px 0px 10px 0;
  padding: 0px 0px 0px 30px;
  position: relative;
}
.seminarPage h4:before {
  content: '';
  height: 4px;
  width: 15px;
  background-color: #00aabe;
  position: absolute;
  top: 12px;
  left: 0px;
}
.seminarPage p{
  line-height: 2;
}
.seminarPage p span {
  font-weight: bold;
}

.seminarPage ul{
  list-style: square;
  margin: 10px 24px;
}

.instructorBox{
  padding: 30px 30px 10px 30px;
  border: 1px solid #ddd;
  background: #f9f9f9;
  display: flex;
  margin-bottom: 10px;
}
.instructorPh {
  width: 100px;
  margin-right: 20px;
}
.instructorBox div{
  width: 600px;
}
.instructorPh img{
  width: 100%;
}
.instructorBox p{
  line-height: 1.5;
  font-size: 14px;
  padding-bottom: 20px;
}
.instructorBox h5{
  font-size: 20px;
}

.seminarPage table{
  border-collapse:collapse;
  border-spacing:0px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.seminarPage table th,
.seminarPage table td{
  padding: 20px;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.seminarPage table th{
  width: 20%;
  background-color: #f9f9f9;
}
.seminarPage table td{
  line-height: 1.6;
}





/* 導入事例 */
.caseItem p.caseVis{
  max-width: 780px;
  width: 100%;
}

.caseItem p.caseVis img{
  max-width: 780px;
  width: 100%;
  height: auto;
  height: auto;
  border: 1px solid #ddd;
}
.caseItem{
  width: 780px;
  margin: -40px auto 0 auto;
}
.caseItem h1{
  font-size: 26px;
  padding: 20px 0 20px 0;
}
.caseItem h2{
  font-size: 22px;
  line-height: 1.4em;
  font-weight: bold;
  margin: 50px 0px 15px 0px;
  padding: 10px 0;
  color: #00aabe;
  border-bottom: #00aabe solid 1px;
}

.caseItem h3{
  font-size: 1.8rem;
  line-height: 1.4em;
  font-weight: bold;
  margin: 20px 0px 0px 0px;
  padding: 10px 0 10px 20px;
  color: #00aabe;
  position: relative;
}

.caseItem h3::before{
  content:"■";
  position: absolute;
  left: 0px;
}


.caseItem p{
  font-size: 1.6rem;
  line-height: 2;
}
.caseItem p span {
  font-weight: bold;
}
.caseItem p.ph{
  max-width: 780px;
  width: 100%;
  margin-top: 30px;
  text-align: center;
}

.caseItem p.ph img{
  max-width: 780px;
  width: 100%;
  height: auto;
}
.caseItem p.ph span{
  font-size: 1.4rem;
  font-weight: normal;
  color: #999;
}
.caseItem p.date {
  font-size: 1.4rem;
  color: #777;
  padding-bottom: 50px;
}
.caseItem div.data {
  padding: 20px;
  background-color: #f6f6f6;
}
.caseItem div.data p {
  font-size: 1.5rem;
  line-height: 1.8;
  color: #555;
}

.caseItem div.data p span {
  font-size: 1.8rem;
}
.caseItem div.data ul{
  display: flex;
  padding-top: 10px;
}
.caseItem div.data ul li{
  color: #00aabe;
  font-size: 1.3rem;
  margin-right: 5px;
}
.caseItem div.data ul li a { border: 1px solid #00aabe; background-color: #fff; display: block; padding: 3px 10px; color: #00aabe; }
.point h2 {
  font-size: 1.6rem;
  padding-left: 25px;
  margin: 30px 0 0 0;
  background-color: rgba(0, 170, 190, 1);
  color: #fff;
}
.point ul{
  padding: 14px 20px;
  border: 5px solid rgba(0, 170, 190, 0.2);
  border-top: none;
}

.point ul li{
  font-size: 1.7rem;
  padding: 8px 0 8px 40px;
  background: url(../img/ico_check.svg) no-repeat left center;
  background-size: 27px 22px;
}
.point ul li span{
  font-weight: bold;
}
.caseItem p.note{
  display: inline-block;
  margin-top: 20px;
  padding:0px 5px;
  background-color: #f6f6f6;
}
.case_text{
  background-color: #f6f6f6;
  padding: 24px;
  margin-top: 30px;
}
.case_text> a, .case_text> p>a{
  display: contents;

}


/* トップページ（導入事例ブロック） */
.topCaseList{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.topCaseList a {
  color: #333;
  text-decoration: none;
  margin: 0;
  padding: 0;
}
.topCaseListItem{
  width: 320px;
  margin: 0;
  padding: 0;
  box-shadow: 0 1px 8px rgba(0, 0, 0, .1);
  border-radius: 4px;
}
.topCaseListItem p.thum img{
  width: 320px;
  height: auto;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.caseTxt{
  padding: 15px;
  text-align: left;
}
.caseTxt p{
  color: #777;
  font-size: 1.3rem;
}
.caseTxt h3{
  color: #333;
  font-size: 1.6rem;
  padding-top: 2px;
}
.topCaseListItem ul{
  display: flex;
  padding-bottom: 10px;
}
.topCaseListItem ul li{
  color: #00aabe;
  border: 1px solid #00aabe;
  background-color: #fff;
  font-size: 1.3rem;
  line-height: 1;
  padding: 3px 8px 4px 8px;
  margin-right: 4px;
}

.topCaseListItem p.btn{
  line-height: 1;
  display: block;
  text-align: center;
  background: #ff9b00;
  color: #fff;
  padding: 8px 14px 9px 14px;
  border-radius: 4px;
  margin-top: 15px;
}




/* メディア掲載（ECのミカタ） */

.mediaMark{
  width: 1100px;
  margin: 0 auto;
  padding: 0 0 80px 0;
}
.mediaMark h2{
  text-align: center;
  font-size: 3.2rem;
  padding-top: 60px;
  padding-bottom: 40px;
}

.media{
  display: flex;
}

.media div{
  padding-left: 30px;
}
.media div h3{
  font-size: 1.5rem;
  font-weight: bold;
  color: #2bb6b9;
  letter-spacing: 0.5px;
  margin: 0 0 16px 0;
  padding: 10px 0 12px 0;
  border-bottom: 1px solid #ddd;
}
.media div h4{
  font-size: 2.0rem;
  line-height: 1.5;
  font-weight: bold;
  letter-spacing: 0.5px;
  padding-top: 14px;
  padding-bottom: 10px;
}

.media div p{
  font-size: 1.4rem;
  line-height: 2;
}

.mark{
  border-top: 1px solid #ddd;
  margin-top: 50px;
  padding-top: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mark li{
    width: 33.3%;
    padding:0 30px;
    text-align: center;
    border-left: 1px solid #ddd;
    text-align: center;
    
}
.mark li img{
  width: 70%;
}
.mark li:first-child{
    border-left: none;
}

.mediaEcmikataHead{
  border-top: 1px solid #ddd;
  text-align: center;
  color: #34a4a7;
  padding: 20px 0 30px 0;
}
.mediaEcmikata{
  display: flex;
  justify-content: space-between;
}

.mediaMarkItem{
  width: 340px;
}
.mediaMarkItem h4{
  font-size: 1.6rem;
  padding: 10px 0 6px 0;
}
.mediaMarkItem p{
  font-size: 1.4rem;
  line-height: 1.7;
}




/* お知らせバナー */
.bnrNews{
  position: absolute;
  top: 170px;
  right: -60px;
}

/* 運営サイト一覧ページ */

.link_list h2{
  font-size: 22px;
  line-height: 1.4em;
  font-weight: bold;
  margin: 50px 0px 15px 0px;
  padding: 10px 0;
  color: #00aabe;
  border-bottom: #00aabe solid 1px;
}

.link_list > p{
  margin-bottom: 12px;
  font-size: 100%;
  line-height: 1.6;
  color: #111;
  padding-left: 2px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ddd;
  
}

.link_list > p a{
text-decoration: none;
font-size: 114%;
    font-weight: 700;
}



/* logistics_business */

.logistics_business{
  background-color: #F5F8F9;
}

.logistics_business> .wrapper_02> h3{
  font-size: 2.3rem;
}

.logistics_businessImage{
  text-align: center;
  padding-bottom: 57px;
}

.logistics_business_01 h4{
  font-size: 2.4rem;
  text-align: left;
  margin-bottom: 26px;
}

.logistics_business_01 p{
  font-size: 1.6rem;
}

.logistics_business_01_01{
  display: flex;
  gap: 0px 60px;
  justify-content: center;
  margin-top: 42px;
  margin-bottom: 60px;
}

.logistics_business_01_02{
  width: 280px;
}

.logistics_business_01_02 > p, .logistics_business_01_02 > h5 {
  text-align: center;
}

 .logistics_business_01_02 > h5 {
  text-align: center;
  font-size: 2rem;
  color: #099CB5;
}


.logistics_business_01_02 ul {
  padding: 0 17px;
}

.logistics_business_01_02 li {
  line-height: 25px;
}

.logistics_business_01_02 li::before {
  position: relative;
  top: -4px;
  left: -10px;
  display: inline-block;
  width: 3px;
  height: 3px;
  content: '';
  border-radius: 100%;
  background: #000;
}

.logistics_business_02 {
    width: 1100px;
    margin: 0 auto;
    padding-bottom:80px ;
}

.logistics_business_02 h4 {
  background-color: #099CB5;
  height: 71px;
  text-align: center;
  padding-top: 14px;
  font-size: 2.4rem;
  color: #fff;
}

.logistics_business_02_01_02_img, .logistics_business_02_01_02 > h5 {
  text-align: center;
}

.logistics_business_01 h4 h5{
  color: #099CB5;
}


.logistics_business_02_01 {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-right: 1px solid #ddd;
}

.logistics_business_02_01_02{
  width: 25%;
  border-bottom: solid 1px #ddd;
  border-left: solid 1px #ddd;
  padding: 22px 18px;
}

.logistics_business_02_01_02 > p {
  font-size: 1.5rem;
  letter-spacing: 2px;
}

.logistics_business_02_01_02 > h5 {
  font-size: 2.1rem;
  margin: 5px 0;
  color:#099CB5 ;}

.logistics_business_02_01_02 > p {
  font-size: 1.5rem;
  letter-spacing: 2px;
}

.logistics_business_02_02{
  width: 1100px;
  height: auto;
  background-color: #fff;
}

.logistics_business_02_01_03{
  display: flex;
  border-left: 1px #DDDDDD solid;
  border-right: 1px #DDDDDD solid;
  padding: 40px;
}

.logistics_business_02_01_02_text{
  margin-left:30px ;
}

.logistics_business_02_01_02_text> p {
  font-size: 1.5rem;
  letter-spacing: 2px;
}

.logistics_business_02_01_02_text> h5 {
  font-size: 2.8rem;
  margin: 5px 0;
  color: #099CB5;
}

.logistics_business_02_01_04{
  display: flex;
  padding: 40px;
  padding-top: 0px;
  border-left: 1px #DDDDDD solid;
border-right: 1px #DDDDDD solid;
border-bottom: 1px #DDDDDD solid;
}

.logistics_business_02_01_02_text_02{
  width: 516px;
  margin-right: 20px;
  padding-bottom: 10px;
}

.logistics_business_02_01_02_text_02 h6{
  font-size: 2.0rem;
  border-bottom: #ddd 1px solid;
  color: #099CB5;
  padding-bottom: 10px;
}

.logistics_business_02_01_02_text_02 ul{
  padding-top: 20px;
}

.logistics_business_02_01_02_text_02 ul li{
  font-size: 1.7rem;
  list-style: none;
  padding-left: 8px;
}

.logistics_business_02_01_02_text_02 ul li::before{
  position: relative;
  top: -2px;
  left: -5px;
  display: inline-block;
  width: 11px;
  height: 11px;
  content: '';
  border-radius: 100%;
  background: #333;
}

.logistics_business_02_01_02_text_03{
  width: 475px;

}

.logistics_business_02_01_02_text_03 h6{
  font-size: 1.7rem;
  border-bottom: 1px #ddd solid;
  padding-bottom: 15px;
  padding-left: 15px;
}

.logistics_business_02_01_02_text_03 ul{
  padding-top: 20px;
}

.logistics_business_02_01_02_text_03 ul li{
  font-size: 1.4rem;
  list-style: none;
  padding-left: 13px;
}

.logistics_business_02_01_02_text_03 ul li::before{
  position: relative;
  top: -2px;
  left: -7px;
  display: inline-block;
  width: 3px;
  height: 3px;
  content: '';
  border-radius: 100%;
  background: #333;
}

.logistics_business_03 h3{
  text-align: left;
  font-size: 2.4rem;
  color:#099CB5 ;
  margin-bottom: 10px;
}

.logistics_business_03_01{
  display: flex;
  width: 950px;
  margin: 0 auto;
  justify-content:space-around;
  flex-wrap:wrap;
  margin-top: 24px;
}

.Lb_03_02Image img{
  padding: 20px 30px;
  width: auto;
  height: auto;
}

.logistics_business_04{
  width: 748px;
}

.logistics_business_04 h3{
  font-size: 1.7rem;
  margin-bottom: 10px;
  text-align: left;
}

.logistics_business_04 p{
font-size: 1.4rem;
}

.logistics_business_04 ul{
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}

.logistics_business_04 ul li{
  font-size: 1.7rem;
  font-weight: bold;
  margin-right: 30px;
  margin-left: 10px;
  line-height: 30px;
}

.logistics_business_04 ul li::before{
  position: relative;
  top: -5px;
  left: -7px;
  display: inline-block;
  width: 3px;
  height: 3px;
  content: '';
  border-radius: 100%;
  background: #333;
}

/* pageCta */

.pageCta{
  background-color: #219FB5;
  color: #fff;
  padding-bottom: 40px;
}

.pageCta > .wrapper_02{
  padding-top: 70px;

}

.pageCta> .wrapper_02> h3{
  font-size: 2.2rem;
  margin-top: 0px;
  text-align: center;
}

.pageCta> .wrapper_02> h3 span{
  font-size: 3.6rem;
}

.pageCta> .wrapper_02> h3 span .marker{
  color: #FFF500;
  border-bottom: 2px solid #FFF500;
}

.pageCta p{
  text-align: center;
  padding-bottom: 26px;

}

.pageCta> .wrapper_02> .ctaBtn,
.pageCta> .wrapper_02> .ctaBtn_02{
  background-color: #FF7C23;
  border-radius: 5px;
  margin: 0 auto;
  font-size: 2.6rem;
  width: 610px;
  height: 72px;
  color: #fff;
  text-align: center;
  padding-top: 15px;
  margin-bottom: 26px;
  position: relative;
}


.pageCta> .wrapper_02> .ctaBtn_02{
  font-size:1.9rem ;
  padding-top: 21px;

}


.pageCta> .wrapper_02> .ctaBtn:hover,
.pageCta> .wrapper_02> .ctaBtn_02:hover{
  background-color: #FF9B00;
}


.pageCta> .wrapper_02> .ctaBtn::after,
.pageCta> .wrapper_02> .ctaBtn_02::after{
  content: url(../img/image/ctaarrow_01.png);
  position: absolute;
  top: 29px;
  right: 20px;
  transition: all .3s;
}

.pageCta> .wrapper_02> .ctaBtn:hover::after,
.pageCta> .wrapper_02> .ctaBtn_02:hover::after{
  right: 10px;
}

.ctaBtn a,
.ctaBtn_02 a{
  color: #fff;
}

.ctaBtn a

/*  case */

.case_study{
  padding-bottom:78px;
}

.case_box{
  background-color: #fff;
  width: 990px;
  border-radius: 6px;
  box-shadow: 0px 0px 12px rgb(0 0 0 / 5%);
  margin: 0 auto;
  margin-bottom: 0;
  margin-top: 20px;
  padding: 0 48px 18px 48px;
}

.case_title{
  display: flex;
  justify-content: flex-start;
}

.case_no{
  width: 97px;
  border-radius: 0 0 4px 4px;
  background-color: #099CB5;
  color: #fff;
  font-size: 0.714em;
  text-align: center;
  font-family: Helvetica;
  line-height: 33px;
  padding-top: 23px;
  font-weight: 500;
  font-size: 5.4rem;
}

.case_no span{
  font-size: 1rem;
  border-top: 1px solid #C2E5E3 ;
}

.case_title h3{
  font-size: 2.8rem;
  color: #099CB5;
  margin-top: 30px;
  margin-left: 20px;
}

.title_tag{
  border: 1px solid #099CB5;
  height: 25px;
  padding: 0px 10px;
  font-size: 1.3rem;
  color: #099CB5;
  margin-top: 40px;
  margin-left: 20px;
  line-height: 22px;
}

.case_detail{
  display: flex;
  margin: 15px 0 10px 0;
  
}

.case_img{
  margin-right: 18px;
}

.caseTxtBox{
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
  background-color: #F6F6F6;
  font-size: 1.66rem;
}

.caseTxtBox > dd{
  padding: 0px 20px;
  font-weight: 700;
  display: block !important;
}

.brCase{
  width: 100%;
}

.caseTxtBox_02{
  width: 100%;
  background-color: #F6F6F6;
  padding: 10px;
  line-height: 20px;
  font-size: 1.4rem;
}

.td01{
  width: 30%;
  margin-right: 20px;
}

.td02{
  width: 60%;
  font-weight: 700;
}

.case_txt{
  width: 100%;
}

.case_txt h4{
  font-size: 1.8rem;
  margin-top: 15px;
}

.case_txt h5{
  font-size: 1.8rem;
  margin-top: 15px;
}

.case_txt ul{
  font-size: 1.5rem;
  margin: 5px 18px;
}

.case_txt li{
  line-height: 30px;
}

.case_first{
  margin-top: 20px;
}



/* schedule */

.schedule{
  background-color: #099CB5;
  margin: 0 auto;
  padding: 86px 0 111px 0;
}

.schedule h2 {
  text-align: center;
  font-size:3.0rem ;
  color: #FFF;

}

.schedule p {
  text-align: center;
  font-size:1.3rem;
  color: #FFF;
}

.schedule img{
  margin-top: 40px;
}

/* service */

.service{
  background-color: #F5F8F9;
  padding-bottom: 20px;
}

.service h3{
  font-size: 3.6rem;
  margin: 0;
  padding: 30px;
  text-align: center;
}

.serviceBox{
  margin: 0 auto;
  width: 1000px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-bottom: 40px;
}
.serviceBox a{
  color: #000;
}

.serviceBox h4{
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
  padding-left: 24px;
}

.serviceBox h4::before{
  content: url(../img/image/service_arrow_icon.png);
  position: absolute;
  left: 0px;
  top: 8px;
}

.serviceBox div{
  width: 290px;
  margin-right: 65px;
}

.serviceBox div:last-child{
  margin-right: 0px;
}



.serviceBox div:hover{
  text-decoration: underline;
}

.blogLink{
  border-top: #ccc 1px solid;
  padding-top: 20px;
  padding-bottom: 40px;
  width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: left;
  font-size: 1.3rem;
}

.blogLink  h4{
  font-weight: bold;

}

.blogLink ul{
  margin-left: 20px;
  text-decoration: underline;
  color: #666;
}

.blogLink ul a{
  color: #666;
}


/* media */

.media_block,
.media_block_02{
  margin: 0 auto;
  padding-bottom: 50px;
  
}

.media_block_02{
  background-color: #F5F8F9;

}


.media_wrap{

}


.media_title{
  padding-bottom:30px;
}

.media_title h3{
  border-top: 1px solid #ddd;
  text-align: center;
  color: #34a4a7;
  font-size: 1.5rem;
  font-weight: 700;
  padding-top: 20px;
  margin-bottom: 0px;
  margin-top: 58px;
}

.media_title  p{
  text-align: center;
}

.mediaEcmikata{
  display: flex;
  justify-content: space-between;
}

.mediaMarkItem h4 {
  font-size: 1.6rem;
  padding: 10px 0 6px 0;
}

.mediaMarkItem p {
  font-size: 1.4rem;
  line-height: 1.7;
}

.mark {
  border-top: 1px solid #ddd;
  margin-top: 50px;
  padding-top: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Q&A */

.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  margin: 0 auto;
  border-bottom: #000 1px solid;
}

/*タブのスタイル*/
.tab_item,
.tab_item_02,
.tab_item_last {
  width:160px ;
  font-size: 1.4rem;
  background-color: #fff;
  line-height: 20px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
  border-top: #d8d8d8 solid 1px;
  border-left: #d8d8d8 solid 1px;
  border-right: #d8d8d8 solid 1px;
  border-bottom:#fff 1px solid;
  border-radius: 3px 3px 0 0;
  height: 56px;
  margin-right: 8px;
  padding-top: 16px;
  z-index:  9;
}


.tab_item_02{
  padding-top: 7px;
}

.tab_item_last {
  margin-right: 0px;
}


/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
  border: 1px solid #D8D8D8;
}

#ec_content,
#borderCrossing_content,
#spot_content,
#acceptingOrders_content,
#customer_content,
#wms_content{
  margin-top: -1px;
}

/*選択されているタブのコンテンツのみを表示*/
#ec:checked ~ #ec_content,
#borderCrossing:checked ~ #borderCrossing_content,
#spot:checked ~ #spot_content, 
#acceptingOrders:checked ~ #acceptingOrders_content,
#customer:checked ~ #customer_content,
#wms:checked ~ #wms_content{
  display: inline-block;
  width: 1000px;
  background-color: #fff;


}

/*選択されているタブのスタイルを変える*/
.QAWrap input:checked + .tab_item,
.QAWrap input:checked + .tab_item_02,
.QAWrap input:checked + .tab_item_last{

  border-bottom: #fff 1px solid;
  position: relative;
  padding-bottom:10px ;
  border-top: #00aabe 4px solid;
}

/* アコーディオン */

.qaItem-hidden {
  display: none;
}

.qaItem span::before,
.qaItem span::after, 
.qaItem_last span::before,
.qaItem_last span::after {
  content: '';
  display: block;
  width: 15px;
  height: 3px;
  border-radius: 5px;
  background-color: #aaaaaa;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
  

.qaItem .active::after,
.qaItem_last .active::after {

  transform: rotate(0);
  transition: .5s;

}

.qaItem span::after,
.qaItem_last span::after  {
  background-color: #aaaaaa;
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}

.qaItem .active span::after {
  transform: rotate(0);
  transition: 0.5s;
}



.QAWrap{
  width: 1000px;
  margin: 0 auto;
  margin-top: 40px;

}

.qa_block,
.qa_block_02{
  background-color: #F5F8F9;
  padding-bottom: 90px;
}

.qa_block_02{
  background-color: #fff;
}

.qa_block > .block_title{
  padding-top: 79px;
  padding-bottom: 54px;
}

dl.qaItem,
dl.qaItem_last {
  width: 900px;
  padding: 20px 30px;
  border-bottom: 1px solid #ddd;
  margin: 0 auto;
  background-color: #fff;
}

dl.qaItem_last {
  border-bottom: none;
}


.qaItem dt,
.qaItem_last dt {
  font-size: 2rem;
  font-weight: 500;
  position: relative;
  vertical-align: middle;
  display: flex;
  align-items: center;
  text-align: left;
  padding-right: 40px;
}

.qaItem dt b,
.qaItem_last dt b {
  font-size: 6rem;
  font-weight: 500;
  padding-right: 20px;
  vertical-align: middle;
  color: #00adba;
  position: relative;
  text-align: left;
  top: -10px;
}

.qaItem dd,
.qaItem_last dd {
  padding: 20px 20px 20px 20px;
  border-radius: 6px;
  margin-bottom: 20px;
  margin-right: 50px;
  margin-left: 70px;
  background: #f6f6f6;
  vertical-align: middle;
  display: flex;
  text-align: left;
}

.qaItem dd b,
.qaItem_last dd b {
  font-size: 4rem;
  font-weight: 500;
  padding-right: 20px;
  vertical-align: middle;
  color: #ff9b00;
  position: relative;
  top: -10px;
  text-align: left;
}

.qaItem dd a,
.qaItem_last dd a{
  text-decoration: none;
  color: #1486FA;
  display: inline-block
}

.bgGreen{
  background-color: #F5F8F9;
}

.form{
  width: 800px;
  padding: 0 0 50px 0;
  margin: 0 auto;
}

.formHead{
  text-align: center;
  padding-bottom: 30px;
}
.formHead h2{
  font-size: 3.4rem;
}

@media screen and (max-width:1230px) {
  header nav ul li { padding-right: 15px !important; }
}

.pager { text-align: center; font-size: 0px; margin-top: 40px; }
.pager a, .pager span { display: inline-block; line-height: 20px; width: 30px; height: 30px; color: #999; border: #999 solid 1px; box-sizing: border-box; font-size: 14px; padding-top: 3px; margin: 0px 5px; border-radius: 3px; }
.pager a:hover { background-color: #eee; color: #666; }
.pager span.current { background-color: #666; border-color: #666; color: #fff; }
.pager .prev, .pager .next { width: auto; padding: 3px 10px 0px 10px; }
.pager span.prev, .pager span.next { pointer-events: none; opacity: 0.2; }

.title .stitle { padding-bottom: 0px; margin-bottom: 40px; position: relative; }
.title .stitle:before { content: ''; width: 100%; height: 2px; background-color: #00aabe; position: absolute; top: 50%; left: 0px; }
.title .stitle b { display: inline-block; font-weight: normal; background-color: #fff; padding-right: 20px; position: relative; z-index: 1; }

.breadcrumb { text-align: center; padding: 30px 20px; margin-top: -30px; }
.breadcrumb ul { max-width: 1100px; margin: 0 auto; text-align: left; font-size: 14px; }
.breadcrumb li { display: inline; }
.breadcrumb li a { display: inline; color: #099CB5; text-decoration: underline; }
.breadcrumb li a:hover { text-decoration: none; }
.breadcrumb li:not(:last-child):after { content: '>'; margin: 0px 6px 0px 10px; color: #ccc; }
.breadcrumb li br { display: none; }
.qa_block + .breadcrumb { background-color: #F5F8F9; }
.logistics_business_base + .breadcrumb { background-color: #F5F8F9; }

.p404 h2 { font-size: 20px; font-weight: bold; margin-bottom: 20px; }
.p404 p { line-height: 2; }

.news_top { background-color: #F5F8F9; padding: 70px 20px; }
.news_top .cont { max-width: 900px; margin: 0 auto; }
.news_top .block_title { margin-bottom: 30px; }
.news_top .more_btn { margin-top: 40px; }
.nwlist li { border-bottom: #ddd solid 1px; padding: 15px 0px; }
.nwlist a { display: block; position: relative; color: #333; padding: 10px 0px 10px 140px; }
.nwlist a span { position: absolute; left: 10px; color: #999; }
.nwlist a:hover { text-decoration: underline; color: #099CB5; }

.more_btn a { height: 45px; width: 220px; border-radius: 4px; background-color: #099CB5; color: #fff; text-align: center; font-size: 1.6rem; line-height: 1.3; padding-top: 12px; margin: 0 auto; position: relative; box-sizing: border-box; }
.more_btn a::after { position: absolute; top: 16px; right: 18px; content: url(../img/image/ctaarrow_01.png); transition: all .3s; }

.nw_page { padding-top: 20px; }
.news_desc { padding-top: 0px; }
.news_desc p.date { padding-bottom: 10px; border-bottom: #ddd solid 2px; margin-bottom: 20px; }
.news_desc h1 { padding-top: 0px; margin-bottom: 20px; }
.news_desc h4 { font-weight: bold; margin-bottom: 10px; margin-top: 20px; font-size: 1.7rem; }
.news_desc .cms > *:first-child { margin-top: 0px; }
.news_desc .cms table { border-collapse: collapse; }
.news_desc .cms table td:nth-of-type(1) { background-color: #fff; }
.news_desc .cms table th { background-color: #eee; border: #ddd solid 1px; padding: 10px; }
.news_desc .cms a { display: inline; text-decoration: underline; color: #00aabe; }
.news_desc .cms a:hover { text-decoration: none; }

.cms a { display: inline; color: #00aabe; }