/* CSS Document */
/*共通のスタイルをここに記載*/
header span.name{
  font-weight: 400 !important;
}
.noneclick .menuinner ul li a, .noneclick .menuinner ul li div{
  font-weight: 400 !important;
}
div.list_wrap{
  display: none;
}
div.cscontrol{
  display: none !important;
}
div.cspager {
  display: none !important;
}
@media screen and (max-width:767px){
	/*スマートフォン用のスタイルをここに記載*/
  main{
    width: 100%;
  }
  section.business{
    margin-top: -50px;
  }
  section.business > figure{
    position: relative;
    z-index: 1;
  }
  section.business > figure img{
    width: 100%;
    height: 180px !important;
    object-fit: cover;
  }
  section.business figure h2{
    position: absolute;
    top: calc(50% + 2em);
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 18px;
    color: #fff;
    z-index: 2;
    padding-top: 0.5em;
  }
  section.business figure h2::before{
    content: "BUSINESS";
    position: absolute;
    top: -1em;
    left: 50%;
    white-space: nowrap;
    transform: translateX(-50%);
    font-size: 2.2em;
    font-weight: 700;
    font-family: 'Oswald';
  }
  section.business_contents01{
    padding: 50px 1em 0 1em;
    background-color: #fff;
  }
  section.business_contents01 section.block01 h2{
    font-size: 24px;
    color: #3b465e;
    text-align: center;
    margin-bottom: 1rem;
  }
  section.business_contents01 section.block01 figure img{
    width: 100%;
    object-fit: cover;
    height: 200px;
  }
  div.tankaru_text{
    width: 100%;
    padding-top: 50px;
  }
  .acd-check{
    display: none;
  }
  label.acd-label{
    background: #3b465e;
    color: #fff;
    display: block;
    margin-bottom: 1px;
    padding: 1rem;
    position: relative;
    z-index: 1;
  }
  label.acd-label span{
    display: table;
    margin: auto;
    background-color: var(--wcLogoSvg);  
    background-color: #fff;
    -webkit-mask-image: var(--wciconsrc);
    mask-image: var(--wciconsrc);
    -webkit-mask-position: center center;    
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(-90deg);
  }
  .acd-check:checked + .acd-label span {
    transform: translateY(-50%) rotate(90deg);
  }
  div.acd-content{
    border: 1px solid #3b465e;
    height: 0;
    opacity: 0;
    padding: 0 1rem;
    transition: .5s;
    visibility: hidden;
    margin-bottom: 1rem;
    max-height: 0;
  }
  .acd-check:checked + .acd-label + .acd-content{
    height: 100%;
    opacity: 1;
    padding: 1rem;
    visibility: visible;
    max-height: 100vh;
  }
  div.acd-content ul{
    padding-left: 1rem;
    width: 100%;
    box-sizing: border-box;
    list-style-position: outside;
    margin-bottom: 1rem;
  }
  section.business_contents02{
    background-color: #fff;
    padding-bottom: 50px;
    padding-top: calc(50px - 1rem);
  }
  section.business_contents02 > h2{
    border-bottom: 1px solid #3b465e;
    font-size: 18px;
    color: #3b465e;
    width: calc(100% - 2rem);
    margin: 0 auto 2rem auto;
    box-sizing: border-box;
  }
  section.business_contents02 div.size_wrap{
    width: 100%;
    padding: 0 1em;
    box-sizing: border-box;
  }
  section.business_contents02 div.size_wrap div.slider_contents > div{
    margin: 0 0.5rem;
    width: 285px !important;
    height: 225px !important;
  }
  section.business_contents02 div.size_wrap > div figure{
    height: 190px;
    overflow: hidden;
  }
  section.business_contents02 div.size_wrap > div figure img{
    width: 100%;
    height: 190px;
    object-fit: cover;
  }
  section.business_contents02 div.size_wrap > div p{
    padding: 1rem;
    box-sizing: border-box;
  }
}
@media screen and (min-width:768px) and (max-width:1099px){
	
	/*タブレット用のスタイルをここに記載*/
   main{
    width: 100%;
  }
  section.business{
    margin-top: -70px;
  }
  section.business > figure{
    position: relative;
    z-index: 1;
  }
  section.business > figure img{
    width: 100%;
    height: 300px !important;
    object-fit: cover;
  }
  section.business figure h2{
    position: absolute;
    top: calc(50% + 2em);
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 22px;
    color: #fff;
    z-index: 2;
    padding-top: 0.5em;
  }
  section.business figure h2::before{
    content: "BUSINESS";
    position: absolute;
    top: -1em;
    left: 50%;
    white-space: nowrap;
    transform: translateX(-50%);
    font-size: 2.8em;
    font-weight: 700;
    font-family: 'Oswald';
  }
  section.business_contents01{
    padding: 70px 0 calc(70px - 1rem) 0;
    background-color: #fff;
  }
  section.business_contents01 section.block01{
    width: 100%;
    padding: 0 1em;
    display: flex;
    box-sizing: border-box;
  }
  section.business_contents01 section.block01 h2,
  section.business_contents01 section.block01 figure{
    width: 50%;
  }
  section.business_contents01 section.block01 h2{
    font-size: 28px;
    color: #3b465e;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  section.business_contents01 section.block01 figure img{
    width: 100%;
    object-fit: cover;
    height: 150px;
  }
  div.tankaru_text{
    width: 100%;
    padding: 50px 1rem 0 1rem;
    padding-top: 100px;
    box-sizing: border-box;
  }
  .acd-check{
    display: none;
  }
  label.acd-label{
    background: #3b465e;
    color: #fff;
    display: block;
    margin-bottom: 1px;
    padding:1rem;
    position: relative;
    z-index: 1;
  }
  label.acd-label span{
    display: table;
    margin: auto;
    background-color: var(--wcLogoSvg);  
    background-color: #fff;
    -webkit-mask-image: var(--wciconsrc);
    mask-image: var(--wciconsrc);
    -webkit-mask-position: center center;    
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(-90deg);
  }
  .acd-check:checked + .acd-label span {
    transform: translateY(-50%) rotate(90deg);
  }
  div.acd-content{
    border: 1px solid #3b465e;
    height: 0;
    opacity: 0;
    padding: 0 1rem;
    transition: .5s;
    visibility: hidden;
    margin-bottom: 1rem;
    max-height: 0;
  }
  .acd-check:checked + .acd-label + .acd-content{
    height: 100%;
    opacity: 1;
    padding: 1rem;
    visibility: visible;
    max-height: 100vh;
  }
  div.acd-content ul{
    padding-left: 1rem;
    width: 100%;
    box-sizing: border-box;
    list-style-position: outside;
    margin-bottom: 1rem;
  }
  section.business_contents02{
    background-color: #fff;
    padding-bottom: 70px;
  }
  section.business_contents02 > h2{
    border-bottom: 1px solid #3b465e;
    font-size: 22px;
    color: #3b465e;
    width: calc(100% - 2rem);
    margin: 0 auto 2rem auto;
    padding-left: 1rem;
    box-sizing: border-box;
  }
  section.business_contents02 div.size_wrap{
    width: 100%;
    padding: 0 1em;
    box-sizing: border-box;
  }
  section.business_contents02 div.size_wrap div.slider_contents > div{
    margin: 0 1rem;
    width: 450px !important;
    height: 290px !important;
  }
  section.business_contents02 div.size_wrap > div figure{
    height: 250px;
    overflow: hidden;
  }
  section.business_contents02 div.size_wrap > div figure img{
    width: 100%;
    height: 250px;
    object-fit: cover;
  }
  section.business_contents02 div.size_wrap > div p{
    padding: 1rem;
    box-sizing: border-box;
  }
}
@media screen and (min-width:1100px){
	/*PC用のスタイルをここに記載*/
  main{
    width: 100%;
  }
  section.business{
    margin-top: -100px;
  }
  section.business > figure{
    position: relative;
    z-index: 1;
  }
  section.business > figure img{
    width: 100%;
    height: 400px !important;
    object-fit: cover;
  }
  section.business figure h2{
    position: absolute;
    top: calc(50% + 2em);
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 2vw;
    color: #fff;
    z-index: 2;
    padding-top: 0.5em;
  }
  section.business figure h2::before{
    content: "BUSINESS";
    position: absolute;
    top: -1em;
    left: 50%;
    white-space: nowrap;
    transform: translateX(-50%);
    font-size: 2em;
    font-weight: 700;
    font-family: 'Oswald';
  }
  section.business_contents01{
    padding: 100px 0 calc(100px - 1rem) 0;
    background-color: #fff;
  }
  section.business_contents01 section.block01{
    width: 1100px;
    margin: 0 auto;
    display: flex;
  }
  section.business_contents01 section.block01 h2,
  section.business_contents01 section.block01 figure{
    width: 50%;
    height: 200px;
  }
  section.business_contents01 section.block01 h2{
    font-size: 2vw;
    color: #3b465e;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  section.business_contents01 section.block01 figure img{
    width: 100%;
    object-fit: cover;
    height: 200px;
  }
  div.tankaru_text{
    width: 1100px;
    margin: 0 auto;
    padding-top: 100px;
  }
  .acd-check{
    display: none;
  }
  label.acd-label{
    background: #3b465e;
    color: #fff;
    display: block;
    margin-bottom: 1px;
    padding:1rem;
    position: relative;
    z-index: 1;
  }
  label.acd-label span{
    display: table;
    margin: auto;
    background-color: var(--wcLogoSvg);  
    background-color: #fff;
    -webkit-mask-image: var(--wciconsrc);
    mask-image: var(--wciconsrc);
    -webkit-mask-position: center center;    
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(-90deg);
  }
  .acd-check:checked + .acd-label span {
    transform: translateY(-50%) rotate(90deg);
  }
  div.acd-content{
    border: 1px solid #3b465e;
    height: 0;
    opacity: 0;
    padding: 0 1rem;
    transition: .5s;
    visibility: hidden;
    margin-bottom: 1rem;
    max-height: 0;
  }
  .acd-check:checked + .acd-label + .acd-content{
    height: 100%;
    opacity: 1;
    padding: 1rem;
    visibility: visible;
    max-height: 100vh;
  }
  div.acd-content ul{
    padding-left: 1rem;
    width: 100%;
    box-sizing: border-box;
    list-style-position: outside;
    margin-bottom: 1rem;
  }
  section.business_contents02{
    background-color: #fff;
    padding-bottom: 100px;
  }
  section.business_contents02 > h2{
    border-bottom: 1px solid #3b465e;
    font-size: 22px;
    color: #3b465e;
    width: 1100px;
    margin: 0 auto 2rem auto;
    padding-left: 1rem;
    box-sizing: border-box;
  }
  div.size_wrap{
  }
  div.size_wrap div.slider_contents{
  }
  div.size_wrap div.slider_contents > div{
    margin: 0 1rem;
  }
  div.size_wrap div.slider_contents > div figure{
  }
  div.size_wrap div.slider_contents > div figure img{
    width: 100%;
    object-fit: cover;
    height: 250px;
  }
  div.size_wrap div.slider_contents > div p{
    padding: 1rem;
    box-sizing: border-box;
  }
}